@charset "UTF-8";
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  color: #000;
  font-size: 1rem;
  -webkit-text-size-adjust: none;
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@font-face {
  font-family: 'Inter Variable';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  src: url("/fonts/InterVariable.woff2") format("woff2");
}

@font-face {
  font-family: 'DDNR';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  src: url("/fonts/DDNR.woff2") format("woff2");
}

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

*:focus {
  outline: none;
}

/* Styleguide */
h1 {
  font-size: 2.75rem;
  line-height: 3rem;
  max-width: 100%;
  color: #111212;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

h2 {
  font-size: 30px;
  line-height: 42px;
  color: #111212;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

h3 {
  font-size: 26px;
  line-height: 30px;
  color: #111212;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

h4 {
  color: #111212;
  font-size: 1.500rem;
  line-height: 1.750rem;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

h5 {
  font-size: 1.0625rem;
  line-height: 1.47384;
  color: #111212;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

h6 {
  color: #111212;
  font-size: 19px;
  line-height: 1.21053;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

p {
  color: #000;
  font-size: 19px;
  letter-spacing: 0;
  line-height: 28px;
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

em {
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

a {
  color: #111212;
  font-size: 17px;
  line-height: 22px;
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.no-webp .about-container section.sidekick {
  background-image: url(../images/hitchd-honeymoon-registry-about-hero-bg.jpg);
}

.no-webp .how-it-works-container section.sidekick {
  background-image: url(../images/hitchd-honeymoon-registry-how-it-works-hero-bg.jpg);
}

.no-webp .australia .home {
  background-image: url(../images/hitchd-honeymoon-registry-australia-hero.jpg);
}

.no-webp .australia .home:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  content: "";
  background: rgba(15, 15, 16, 0.12);
  pointer-events: none;
}

.no-webp .greece .home {
  background-image: url(../images/hitchd-honeymoon-registry-greece-hero.jpg);
}

.no-webp .greece .home:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  content: "";
  background: rgba(15, 15, 16, 0.12);
  pointer-events: none;
}

.no-webp .bali .home {
  background-image: url(../images/hitchd-honeymoon-registry-balinese-hero.jpg);
}

.no-webp .bali .home:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  content: "";
  background: rgba(15, 15, 16, 0.12);
  pointer-events: none;
}

.no-webp section.made-with-hitchd .main {
  background: #DDDFE2;
  height: 480px;
  background-image: url(../images/hitchd-zoe-noah.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 0px;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.no-webp section.made-with-hitchd .main:hover {
  opacity: 0.80;
}

.no-webp section.made-with-hitchd .secondary {
  background: #DDDFE2;
  height: 480px;
  position: relative;
  border-radius: 0px;
  background-image: url(../images/hitchd-olivia-charlotte.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.no-webp section.made-with-hitchd .secondary:hover {
  opacity: 0.80;
}

.no-webp section.made-with-hitchd .tertiary {
  background: #DDDFE2;
  height: 480px;
  margin: 0;
  position: relative;
  border-radius: 0px;
  background-image: url(../images/hitchd-elijah-alexander.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.no-webp section.made-with-hitchd .tertiary:hover {
  opacity: 0.80;
}

.no-webp section.made-with-hitchd .fourth {
  background: #DDDFE2;
  height: 480px;
  margin: 0;
  position: relative;
  border-radius: 0px;
  background-image: url(../images/hitchd-mia-william.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.no-webp section.made-with-hitchd .fourth:hover {
  opacity: 0.80;
}

.no-webp section.made-inspo .primary {
  background: #DDDFE2;
  height: 480px;
  background-image: url(../images/hitchd-inspo-registry-australia.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 0px;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.no-webp section.made-inspo .primary:hover {
  opacity: 0.80;
}

.no-webp section.made-inspo .secondary {
  background: #DDDFE2;
  height: 480px;
  position: relative;
  border-radius: 0px;
  background-image: url(../images/hitchd-inspo-registry-united-states.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.no-webp section.made-inspo .secondary:hover {
  opacity: 0.80;
}

.no-webp section.made-inspo .tertiary {
  background: #DDDFE2;
  height: 480px;
  margin: 0;
  position: relative;
  border-radius: 0px;
  background-image: url(../images/hitchd-inspo-registry-canada.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.no-webp section.made-inspo .tertiary:hover {
  opacity: 0.80;
}

.no-webp section.made-inspo .fourth {
  background: #DDDFE2;
  height: 480px;
  margin: 0;
  position: relative;
  border-radius: 0px;
  background-image: url(../images/hitchd-inspo-registry-united-kingdom.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.no-webp section.made-inspo .fourth:hover {
  opacity: 0.80;
}

.no-webp .fund .img {
  margin: 0;
  height: initial;
  background-image: url(../images/hitchd-values-receive-guest-contributions-bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
}

.no-webp .fund .img img {
  width: 100%;
  max-width: 685px;
  margin: 0 auto;
}

.no-webp .pp-methods {
  background: #131e1e !important;
}

.no-webp .pp-methods .img {
  background: #644856;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-honeymoon-registry-paypal-methods-background.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.no-webp .pp-methods .img svg, .no-webp .pp-methods .img img {
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
}

.no-webp .pp-tacky .visual {
  background: #1f2517;
  margin: 0;
  padding: 64px 40px 64px 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  height: 100%;
}

.no-webp .pp-tacky .visual .img {
  z-index: 1;
  margin: 0;
  height: initial;
  background-color: #ccc;
  background-image: url(../images/hitchd-honeymoon-registry-make-it-you-01-bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px;
}

.no-webp .personalize .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-honeymoon-registry-make-it-you-01-bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.no-webp .stripe-facts .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-honeymoon-registry-stripe-facts-background.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.no-webp .pp-benefits .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-values-enjoy-your-trip-bg-01.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.no-webp .pp-benefits .content p {
  font-size: 18px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
}

.no-webp .pp-benefits .content h2 {
  font-size: 42px !important;
  line-height: 46px !important;
  font-weight: 600 !important;
}

.no-webp .ven-benefits .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-values-enjoy-your-trip-bg-02.jpg) !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.no-webp .ven-benefits .content p {
  font-size: 18px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
}

.no-webp .ven-benefits .content h2 {
  font-size: 42px !important;
  line-height: 46px !important;
  font-weight: 600 !important;
}

.no-webp .cashapp-benefits .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-values-enjoy-your-trip-bg-03.jpg) !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.no-webp .cashapp-benefits .content p {
  font-size: 18px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
}

.no-webp .cashapp-benefits .content h2 {
  font-size: 42px !important;
  line-height: 46px !important;
  font-weight: 600 !important;
}

.no-webp .start .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-values-enjoy-your-trip-bg-01.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.no-webp .thank {
  background: #2b3645;
  position: relative;
}

.no-webp .thank .img {
  margin: 0;
  height: initial;
  background-image: url(../images/hitchd-values-thank-guests-personally-bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
}

.no-webp .thank .img img {
  width: 100%;
  max-width: 685px;
  margin: 0 auto;
}

.no-webp .launch .img {
  margin: 0;
  height: initial;
  background-image: url(../images/hitchd-honeymoon-registry-prepare-for-launch-bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
}

.no-webp .launch .img img {
  width: 100%;
  max-width: 685px;
  margin: 0 auto;
}

.no-webp .share .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-honeymoon-registry-share-with-guests-bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.no-webp .receive .img {
  margin: 0;
  height: initial;
  background-image: url(../images/hitchd-honeymoon-registry-receive-guest-contributions-bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
}

.no-webp .receive .img img {
  width: 100%;
  max-width: 685px;
  margin: 0 auto;
}

.no-webp .guests .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-honeymoon-registry-thank-guests-personally-bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.webp .about-container section.sidekick {
  background-image: url(../images/hitchd-honeymoon-registry-about-hero-bg.webp);
}

.webp .how-it-works-container section.sidekick {
  background-image: url(../images/hitchd-honeymoon-registry-how-it-works-hero-bg.webp);
}

.webp .australia .home {
  background-image: url(../images/hitchd-honeymoon-registry-australia-hero.webp);
}

.webp .australia .home:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  content: "";
  background: rgba(15, 15, 16, 0.12);
  pointer-events: none;
}

.webp .greece .home {
  background-image: url(../images/hitchd-honeymoon-registry-greece-hero.webp);
}

.webp .greece .home:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  content: "";
  background: rgba(15, 15, 16, 0.12);
  pointer-events: none;
}

.webp .bali .home {
  background-image: url(../images/hitchd-honeymoon-registry-balinese-hero.webp);
}

.webp .bali .home:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  content: "";
  background: rgba(15, 15, 16, 0.12);
  pointer-events: none;
}

.webp section.made-with-hitchd .main {
  background: #DDDFE2;
  height: 480px;
  background-image: url(../images/hitchd-zoe-noah.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 0px;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.webp section.made-with-hitchd .main:hover {
  opacity: 0.80;
}

.webp section.made-with-hitchd .secondary {
  background: #DDDFE2;
  height: 480px;
  position: relative;
  border-radius: 0px;
  background-image: url(../images/hitchd-olivia-charlotte.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.webp section.made-with-hitchd .secondary:hover {
  opacity: 0.80;
}

.webp section.made-with-hitchd .tertiary {
  background: #DDDFE2;
  height: 480px;
  margin: 0;
  position: relative;
  border-radius: 0px;
  background-image: url(../images/hitchd-elijah-alexander.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.webp section.made-with-hitchd .tertiary:hover {
  opacity: 0.80;
}

.webp section.made-with-hitchd .fourth {
  background: #DDDFE2;
  height: 480px;
  margin: 0;
  position: relative;
  border-radius: 0px;
  background-image: url(../images/hitchd-mia-william.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.webp section.made-with-hitchd .fourth:hover {
  opacity: 0.80;
}

.webp section.made-inspo .main {
  background: #DDDFE2;
  height: 480px;
  background-image: url(../images/hitchd-inspo-registry-australia.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 0px;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.webp section.made-inspo .main:hover {
  opacity: 0.80;
}

.webp section.made-inspo .secondary {
  background: #DDDFE2;
  height: 480px;
  position: relative;
  border-radius: 0px;
  background-image: url(../images/hitchd-inspo-registry-united-states.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.webp section.made-inspo .secondary:hover {
  opacity: 0.80;
}

.webp section.made-inspo .tertiary {
  background: #DDDFE2;
  height: 480px;
  margin: 0;
  position: relative;
  border-radius: 0px;
  background-image: url(../images/hitchd-inspo-registry-canada.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.webp section.made-inspo .tertiary:hover {
  opacity: 0.80;
}

.webp section.made-inspo .fourth {
  background: #DDDFE2;
  height: 480px;
  margin: 0;
  position: relative;
  border-radius: 0px;
  background-image: url(../images/hitchd-inspo-registry-united-kingdom.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  vertical-align: top;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.webp section.made-inspo .fourth:hover {
  opacity: 0.80;
}

.webp .fund .img {
  margin: 0;
  height: initial;
  background-image: url(../images/hitchd-values-receive-guest-contributions-bg.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
}

.webp .fund .img img {
  width: 100%;
  max-width: 685px;
  margin: 0 auto;
}

.webp .fund .img source {
  margin: 0;
  width: 100%;
  max-width: 685px;
}

.webp .pp-methods {
  background: #1A1C24 !important;
}

.webp .pp-methods .img {
  background: #644856;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-honeymoon-registry-paypal-methods-background.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.webp .pp-methods .img svg, .webp .pp-methods .img img {
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
}

.webp .personalize .grid-x {
  height: 800px;
}

.webp .personalize .visual {
  background: #1f2517;
  margin: 0;
  padding: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  height: 100%;
}

.webp .personalize .visual .img {
  z-index: 1;
  margin: 0;
  height: initial;
  background-color: #ccc;
  background-image: url(../images/hitchd-honeymoon-registry-make-it-you-01-bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px;
}

.webp .personalize .visual .img img {
  width: 288px;
  height: 510px;
  margin: 0 auto;
  z-index: 1;
}

.webp .personalize .visual .img img.b-test {
  width: 288px;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  max-width: 685px;
  height: initial;
}

.webp .personalize .visual-full {
  padding: 0px !important;
}

.webp .stripe-facts .grid-x {
  height: 800px;
  background: #414652;
}

.webp .stripe-facts .visual {
  background: #414652;
  margin: 0;
  padding: 64px 40px 64px 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  height: 100%;
}

.webp .stripe-facts .visual .img {
  z-index: 1;
  margin: 0;
  height: initial;
  background-color: #ccc;
  background-image: url(../images/hitchd-honeymoon-registry-stripe-facts-background.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px;
}

.webp .stripe-facts .visual .img img {
  width: 288px;
  height: 488px;
  margin: 0 auto;
  z-index: 1;
}

.webp .stripe-facts .visual .img img.b-test {
  width: 288px;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  max-width: 287px;
  height: 516px;
}

.webp .stripe-facts .visual-full {
  padding: 0px !important;
}

.webp .start .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-values-enjoy-your-trip-bg-01.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.webp .ven-benefits .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-values-enjoy-your-trip-bg-02.jpg) !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.webp .ven-benefits .visual img {
  height: 500px;
  width: 364px;
  position: relative;
  min-width: 392px;
}

.webp .ven-benefits .content p {
  font-size: 18px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
}

.webp .ven-benefits .content h2 {
  font-size: 42px !important;
  line-height: 46px !important;
  font-weight: 600 !important;
}

.webp .cashapp-benefits .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-values-enjoy-your-trip-bg-03.jpg) !important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.webp .cashapp-benefits .visual img {
  height: 500px;
  width: 364px;
  position: relative;
  min-width: 392px;
}

.webp .cashapp-benefits .content p {
  font-size: 18px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
}

.webp .cashapp-benefits .content h2 {
  font-size: 42px !important;
  line-height: 46px !important;
  font-weight: 600 !important;
}

.webp .thank {
  background: #2b3645;
  position: relative;
}

.webp .thank .img {
  margin: 0;
  height: initial;
  background-image: url(../images/hitchd-values-thank-guests-personally-bg.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
}

.webp .thank .img img {
  width: 100%;
  max-width: 685px;
  margin: 0 auto;
}

.webp .thank .img source {
  width: 100%;
  max-width: 685px;
  margin: 0 auto;
}

.webp .launch .img {
  margin: 0;
  height: initial;
  background-image: url(../images/hitchd-honeymoon-registry-prepare-for-launch-bg.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
}

.webp .launch .img img {
  width: 100%;
  max-width: 685px;
  margin: 0 auto;
}

.webp .share .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-honeymoon-registry-share-with-guests-bg.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.webp .receive .img {
  margin: 0;
  height: initial;
  background-image: url(../images/hitchd-honeymoon-registry-receive-guest-contributions-bg.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
}

.webp .receive .img img {
  width: 100%;
  max-width: 685px;
  margin: 0 auto;
}

.webp .guests .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-honeymoon-registry-thank-guests-personally-bg.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.accordian .transition,
.accordian .artlist,
.accordian ul li i:before,
.accordian ul li i:after {
  transition: all 0.1s ease-in-out;
}

.accordian .no-select,
.accordian h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.accordian h3 {
  display: block;
  margin: 0;
  cursor: pointer;
  font-size: 1rem;
  line-height: 24px;
  color: #3C3E40;
}

.accordian .artlist {
  font-size: 1.063em;
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin: 0;
  margin: 0;
  z-index: 2;
}

.accordian ul {
  list-style: none !important;
  perspective: 900;
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
}

.accordian ul li {
  position: relative;
  padding: 0;
  margin: 0;
}

.accordian ul li:nth-of-type(1) {
  animation-delay: 0.5s;
}

.accordian ul li:nth-of-type(2) {
  animation-delay: 0.75s;
}

.accordian ul li:nth-of-type(3) {
  animation-delay: 1s;
}

.accordian ul li i {
  position: absolute;
  transform: translate(-8px, 0);
  margin-top: 8px;
  right: 0;
}

.accordian ul li i:before,
ul li i:after {
  content: "";
  position: absolute;
  background-color: #8A8A8A;
  width: 2px;
  height: 8px;
  border-radius: 4px;
}

.accordian ul li i:before {
  transform: translate(-2.3px, 0) rotate(45deg);
}

.accordian ul li i:after {
  transform: translate(2.3px, 0) rotate(-45deg);
}

.accordian ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.accordian ul li input[type=checkbox]:checked ~ .artlist {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
  margin: 0;
}

.accordian ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2.3px, 0) rotate(45deg);
}

.accordian ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2.3px, 0) rotate(-45deg);
}

.container {
  background: white;
  padding-bottom: 32px;
  clear: both;
  display: block;
}

.artlist ul li {
  margin: 0;
  padding: 4px 0;
  border: none;
}

.artlist ul li:last-of-type {
  border-bottom: none;
}

.artlist ul li h4 {
  padding: 0;
  color: #797979;
  font-size: 1rem;
  line-height: 1.333rem;
  display: inline-block;
}

.artlist ul li p {
  padding: 0;
  color: #797979;
  font-size: 0.938rem;
  line-height: 1.333rem;
  display: inline-block;
  margin: 16px 0;
}

.artlist ul li p a {
  font-size: #212121;
}

/* hero banner */
.index-hero-banner-discount {
  line-height: 48px;
  height: 48px;
  background: #BAFD51;
  z-index: 999999;
  position: relative;
  top: 0;
  margin: 0;
  padding: 0 24px;
  text-align: center;
  font-weight: 500;
}

.index-hero-banner-discount p {
  color: #000;
  margin: 0;
  padding: 0;
  line-height: 48px;
  font-size: 15px;
  position: relative;
}

.index-hero-banner-discount p strong {
  font-weight: 600;
}

.index-hero-banner-discount p a {
  color: #000;
  font-size: 15px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 0px 0;
  color: #000;
}

.index-hero-banner-discount p a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.index-hero-banner-discount p a:hover:after {
  width: 0;
  left: 0;
}

.index-hero-banner-discount p a:active {
  color: #000;
}

.index-hero-banner-discount p a:visited {
  color: #000;
}

.hero-banner-discount {
  line-height: 48px;
  height: 48px;
  background: #000;
  z-index: 999999;
  position: relative;
  top: 0;
  margin: 0;
  padding: 0 24px;
  text-align: center;
  font-weight: 500;
}

.hero-banner-discount p {
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: 48px;
  font-size: 15px;
  position: relative;
}

.hero-banner-discount p a {
  color: #fff;
  font-size: 15px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 0px 0;
  color: #fff;
}

.hero-banner-discount p a:after {
  background-color: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.hero-banner-discount p a:hover:after {
  width: 0;
  left: 0;
}

.hero-banner-discount p a:active {
  color: #fff;
}

.hero-banner-discount p a:visited {
  color: #fff;
}

/* Header */
header {
  text-align: center;
  height: 88px;
  line-height: 88px;
}

header .grid-container {
  padding-left: 40px;
  padding-right: 40px;
  max-width: initial;
  margin: initial;
}

header .grid-margin-x {
  display: flex;
  justify-content: center;
  align-items: center;
}

header a {
  padding: 0 0 0 0;
  text-decoration: none;
  display: inline-block;
  margin: 0;
  line-height: 24px;
  color: #2C2E2F;
  font-size: 1rem;
}

header .logo {
  position: absolute;
  left: 40px;
}

header .main-links {
  display: inline-block;
  position: relative;
  font-size: 16px;
  letter-spacing: 0;
  color: #000 !important;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0;
  margin: 0 auto;
}

header .main-links a {
  margin: 0 12px;
  position: relative;
  font-size: 15px !important;
}

header .main-links a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

header .main-links a:hover:after {
  width: 100%;
  left: 0;
}

header .auth {
  text-decoration: none;
  background-color: transparent;
  padding: 0 0 2px 0;
  float: right;
  margin: 0;
  position: absolute;
  right: 40px;
}

header .auth ul li a.link-space {
  font-size: 15px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
  border: 2px solid black;
  border-radius: 50px;
  padding: 8px;
  font-weight: 500 !important;
  height: 40px px !important;
  line-height: 40px !important;
  padding: 0 20px !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  box-sizing: content-box;
}

header .auth ul li a.link {
  font-size: 15px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

header .auth-black {
  text-decoration: none;
  background-color: transparent;
  padding: 0 0 2px 0;
  float: right;
  margin: 0;
  position: absolute;
  right: 40px;
}

header .auth-black ul li a.link-space {
  font-size: 16px;
  letter-spacing: 0;
  color: #000 !important;
  font-weight: 500;
  border: 2px solid #000 !important;
}

header .auth-black ul li a.link {
  font-size: 16px;
  letter-spacing: 0;
  color: #000 !important;
  font-weight: 500;
}

header ul {
  margin: 0;
  padding: 0;
}

header ul span.border {
  margin: 24px 16px 0 16px;
  border-left: 1px solid #E1E1E1;
  float: left;
  height: 32px;
}

header ul li {
  display: inline-block;
  line-height: 80px;
  float: left;
}

header ul li a {
  -webkit-transition: all 0 ease-in-out;
  transition: all 0 ease-in-out;
  color: #000;
}

header ul li a:hover {
  color: #000;
}

header ul li a svg, header ul li a img {
  width: 72px;
}

header ul li a.link {
  margin: 0 12px;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
}

header ul li a.link:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

header ul li a.link:hover:after {
  width: 100%;
  left: 0;
}

header ul li a.link-space {
  margin: 0 0 0 12px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
}

header ul li a.link-space:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

header ul li a.link-space:hover:after {
  width: 100%;
  left: 0;
}

header ul li a.link-space img {
  margin: -2px 0 0 0;
}

header ul li a.secondary {
  margin: 0 32px 0 16px;
  font-weight: 500;
}

header ul li a.primary {
  position: relative;
  /* color: #fff !important; */
  height: 48px;
  display: inline-block;
  padding: 0px 24px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin: 0 0 0 16px;
  background: #fff;
  border-radius: 6px;
  line-height: 48px;
  font-weight: 500;
  /* border: 2px solid #2c2e2f; */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 16px;
}

header ul li a.primary:hover {
  background: #2c2e2f;
  color: #fff !important;
}

header ul li a.primary:focus {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

header ul li a.primary:active {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

header ul li a.primary:visited {
  color: #2C2E2F;
}

header ul li a.primary-light {
  color: #fff;
}

.authlogin {
  position: absolute;
  top: 0;
  right: 0;
}

.authlogin a {
  color: #000;
  font-weight: 500;
  font-size: 17px !important;
  letter-spacing: 0;
  margin: 0px 24px 0px 0;
  vertical-align: middle;
}

header.home-header {
  background: transparent;
  text-align: center;
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 0;
  left: 0;
  width: 100%;
}

header.b-test {
  background: transparent;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 9999999;
}

header.b-test .auth ul li a.link {
  font-size: 15px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border-radius: 100px;
  box-sizing: content-box;
  background: transparent;
  margin: 4px;
}

header.b-test .auth ul li a.link:after {
  display: none;
}

header.b-test .auth ul li a.link-space {
  height: 40px !important;
  line-height: 40px !important;
  border: none !important;
  background: #000;
  color: #FFFFFF;
  padding: 0 16px !important;
  font-size: 15px !important;
}

header.home-header-fixed {
  position: absolute;
}

header.home-header-fixed nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 88px;
  padding: 0 56px;
}

header.home-header-fixed nav #dynamic-logo svg {
  height: 100%;
  width: 74px;
}

header.home-header-fixed nav .auth {
  background-color: transparent;
  padding: 0 0 0 0;
  margin: 0;
  float: initial;
  position: initial;
  right: initial;
}

/* Hero */
section.hero {
  position: relative;
}

section.hero:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  content: "";
  pointer-events: none;
}

section.hero .centre {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
}

section.hero .centre .visual .img {
  margin: 0 auto;
  height: 432px;
  width: 685px;
}

section.hero .centre .visual .img img {
  max-width: 100%;
  height: auto;
}

section.hero .centre ul li {
  display: inline-block;
}

section.hero h1 {
  font-size: 88px;
  line-height: 80px;
  color: #000 !important;
  letter-spacing: 0;
  padding: 0;
  font-weight: 700 !important;
}

section.hero p strong {
  font-weight: 500;
}

section.hero span.trial {
  display: block;
  font-size: 14px;
  margin: 20px 0 0 0;
  color: #000;
  opacity: .56;
  font-weight: 400;
}

section.hero span.trial svg {
  float: left;
  margin: 0 8px 0 0;
  width: 20px;
  height: 20px;
  opacity: .64;
}

section.hero .btn-primary {
  height: 58px;
  line-height: 58px;
  text-align: center;
  position: relative;
  background: #000;
  border-radius: 6px;
  color: #fff;
  font-size: 18px;
  border: 0;
  padding: 0px 32px !important;
  letter-spacing: 0;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  font-weight: 500;
  display: inline-block;
  box-shadow: none;
}

section.hero .btn-primary:hover {
  box-shadow: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.04), 0 8px 8px rgba(0, 0, 0, 0.04), 0 16px 16px rgba(0, 0, 0, 0.04);
}

section.hero .btn-primary:focus {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

section.hero .btn-primary:active {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

section.hero .btn-primary em {
  font-style: normal;
  opacity: .64;
  font-weight: 400;
}

section.hero .btn-secondary {
  height: 54px !important;
  line-height: 54px !important;
  width: initial !important;
  position: relative;
  /* background: #fff; */
  border-radius: 6px !important;
  color: #000;
  font-size: 18px;
  border: 0;
  padding: 0px 32px !important;
  letter-spacing: 0;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  font-weight: 500;
  display: inline-block;
  border: 2px solid black;
}

section.hero .btn-secondary:hover {
  border: 2px solid black;
}

section.hero .trustpilot-snippet {
  margin: 40px 0 0 0;
}

section.hero .trustpilot-snippet h5 {
  display: inline-block;
  margin: 1px 0 0 4px;
  line-height: 20px;
  vertical-align: top;
}

section.hero .trustpilot-snippet h5 span {
  font-weight: 500;
}

section.hero .trustpilot-snippet h5 em {
  font-style: normal;
  margin: 0 0 0 4px;
}

.common-faq {
  padding: 100px 24px !important;
  background: #1f1f1f;
}

.common-faq h2 {
  padding: 0;
  margin: 0 0 40px 24px !important;
  font-size: 44px;
  line-height: 48px;
  letter-spacing: -0.018em;
  font-weight: 700;
  margin: 0;
  text-align: left;
  color: #fff;
  letter-spacing: 0;
  display: inline-block;
}

.common-faq .grid-container {
  padding: 0px;
}

.common-faq .grid-container .grid-margin-x {
  margin-left: 12px;
  margin-right: 12px;
}

.common-faq .grid-container .grid-margin-x .cell {
  margin: 0 12px 0 12px;
}

.common-faq .grid-container .grid-margin-x .cell .fact {
  padding: 0px;
  margin: 0 0 16px 0;
  width: 100%;
}

.common-faq .grid-container .grid-margin-x .cell .fact h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #fff;
  margin: 32px 0 16px 0;
  letter-spacing: -0.016em;
}

.common-faq .grid-container .grid-margin-x .cell .fact p {
  font-size: 18px !important;
  line-height: 22px !important;
  color: rgba(255, 255, 255, 0.8);
  margin: 0;
  padding: 0 40px 0 0;
  font-weight: 500;
}

.common-faq a.view-faq {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.016em;
  line-height: 28px;
  margin: 24px 0 24px 24px;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
}

.common-faq a.view-faq:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.common-faq a.view-faq:hover:after {
  width: 0;
  left: 0;
}

.common-faq a.view-faq:active {
  color: #000;
}

.common-faq a.view-faq:visited {
  color: #000;
}

section.home {
  background-color: #f0f0f0;
  display: block;
}

section.home .visual {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.home .visual .image {
  margin: 0 auto;
  width: 100%;
  max-width: 685px;
}

section.home .grid-container {
  padding: 0;
  margin: 0 auto;
  max-width: 1560px;
  height: inherit;
}

section.home .grid-container .grid-x {
  height: 772px;
}

section.home .grid-container .grid-x .content {
  margin: 0;
}

section.home .grid-container .grid-x .cell {
  margin: 0;
}

section.home .grid-container .grid-x .cell .centre {
  text-align: left;
  padding: 0 0 0 32px;
}

section.home .grid-container .grid-x .cell .centre ul {
  margin: 48px 0 0 0;
  overflow: auto;
}

section.home .grid-container .grid-x .cell .centre ul li {
  text-align: left;
  padding: 6px 0;
  display: inline-block;
  margin: 0 16px 0 0;
}

section.home .grid-container .grid-x .cell .centre ul li:last-child {
  margin: 0px;
}

section.home .grid-container .grid-x .cell .centre ul li h5 {
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin: 0 !important;
  font-family: System-Medium;
}

section.home .grid-container .grid-x .cell .centre ul li img {
  float: left;
  margin: 0 6px 0 0;
}

section.home .grid-container .grid-x .cell .centre h1 {
  margin: 0;
  font-size: 62px;
  line-height: 66px;
  font-weight: 800;
  text-align: left;
}

section.home .grid-container .grid-x .cell .centre h1.xl {
  margin: 0;
  font-size: 72px;
  line-height: 80px;
  font-weight: 700;
  text-align: left;
}

section.home .grid-container .grid-x .cell .centre p {
  font-size: 20px;
  line-height: 28px;
  max-width: 500px;
  padding: 28px 0 20px 0;
  /* margin: 0 auto; */
  text-align: left;
}

section.home .grid-container .grid-x .cell .centre .btn-secondary {
  color: #2C2E2F;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
  padding: 0 0 0 8px;
  width: initial;
  padding: 0;
  height: 52px;
  line-height: 50px;
  margin: 0px 0 0 16px;
  border-radius: 4px;
  box-sizing: content-box;
  width: 230px;
}

section.home .grid-container .grid-x .cell .centre .btn-secondary img {
  margin: -2px 0 0 4px;
}

.b-test a.link-space {
  color: #fff;
  font-weight: 500 !important;
  /* background: #fff !important; */
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 24px !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  box-sizing: content-box;
  border: 2px solid #fff !important;
}

.b-test a.link-space:after {
  background-color: transparent !important;
}

.b-test .logo img, .b-test .logo svg {
  height: 25px;
}

.ab-test-vid .visual h3 {
  display: block;
  padding: 0;
  color: #fff;
  font-size: 48px;
  line-height: 52px;
  text-align: center;
  max-width: 1040px;
  margin: 0 auto;
  font-weight: 600;
  letter-spacing: 0;
  padding: 16px 0 0 0;
  text-transform: uppercase;
}

.ab-test-vid .visual h3 span {
  display: block;
  padding: 0;
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  max-width: 1040px;
  margin: 0 auto;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  padding: 0;
}

.ab-test-vid .visual .spinning-text {
  position: absolute;
  left: calc(50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 324px;
  height: 324px;
  z-index: 999;
  top: 214px;
}

.ab-test-vid .visual .spinning-text #circle text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.8px;
}

.ab-test-vid .visual video {
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.ab-test-vid .visual video:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(to right, rgba(65, 0, 255, 0.4), rgba(255, 0, 232, 0.3));
}

.ab-test-vid .visual svg {
  z-index: 999;
  filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.16));
  cursor: pointer;
}

section.b-test {
  background-color: #fff;
  height: calc(100vh - 32px);
}

section.b-test .spinning-text {
  position: absolute;
  left: calc(50% - 175px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 264px;
  height: 264px;
  z-index: 999;
  top: -70px;
}

section.b-test .spinning-text #container {
  margin: 0%;
}

section.b-test .spinning-text #circle {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
}

section.b-test .spinning-text #circle text {
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 2.5px;
  fill: #30403c;
}

section.b-test .spinning-text #circle svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 400px;
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -ms-animation-name: rotate;
  -o-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 12s;
  -moz-animation-duration: 12s;
  -ms-animation-duration: 12s;
  -o-animation-duration: 12s;
  animation-duration: 12s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-direction: reverse;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  -ms-animation-direction: reverse;
}

section.b-test .grid-container {
  max-width: initial;
}

section.b-test .grid-container .grid-x {
  height: 100%;
}

section.b-test .grid-container .grid-x .cell .centre {
  position: absolute;
  top: initial;
  transform: initial;
  /* bottom: 80px; */
  position: absolute;
  /* left: 50%; */
  transform: translateX(-50%);
  padding: 0 24px;
  width: 100%;
  max-width: 624px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  z-index: 99;
}

section.b-test .grid-container .grid-x .cell .centre h1 {
  text-align: center;
}

section.b-test .grid-container .grid-x .cell .centre p {
  font-size: 20px;
  line-height: 1.5;
  max-width: initial;
  font-weight: 500;
  padding: 24px 0 0 0;
  margin: 0px;
  letter-spacing: 0;
  text-wrap: pretty;
  text-align: center;
}

section.b-test .grid-container .grid-x .cell .centre p span {
  opacity: .5;
}

section.b-test .grid-container .grid-x .cell .centre span.metrics {
  display: inline-table;
  margin: 48px 0 0 0;
  font-size: 17px;
  vertical-align: bottom;
}

section.b-test .grid-container .grid-x .cell .centre span.metrics span {
  font-size: 36px;
  line-height: 34px;
  margin: 0 14px 0 0;
}

section.b-test .grid-container .grid-x .cell .centre span.metrics svg, section.b-test .grid-container .grid-x .cell .centre span.metrics img {
  float: left;
  margin: 0 16px 0px 0;
}

section.b-test .grid-container .grid-x .cell .centre span.metrics em {
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  margin: 0 3px 0 16px;
  font-weight: 600;
  text-align: left;
}

section.b-test .grid-container .grid-x .cell .centre span.metrics em em {
  font-style: italic;
  font-size: 13px;
  line-height: 16px;
  margin: 0 !important;
}

section.b-test .grid-container .grid-x .cell .centre span.metrics em:first-of-type {
  margin: 5px 3px 0 0px;
  display: inline-block;
}

section.b-test .grid-container .grid-x .cell .centre .gap {
  margin: 36px 0 0 40px !important;
}

section.b-test .grid-container .grid-x .cell .centre .gap img, section.b-test .grid-container .grid-x .cell .centre .gap svg {
  margin: 0 10px 0 0 !important;
}

section.b-test .grid-container .grid-x .cell .centre h1 {
  color: #000 !important;
  letter-spacing: 0;
  padding: 0;
  font-weight: 100 !important;
  font-size: 72px;
  line-height: 1.05;
  font-family: 'DDNR';
  text-wrap: balance;
}

section.b-test .grid-container .grid-x .cell .centre h1 em {
  font-family: 'DDNR';
}

section.b-test .grid-container .grid-x .cell .centre p {
  color: #000 !important;
  font-size: 19px;
  line-height: 24px;
  line-height: 1.4;
  max-width: initial;
  font-weight: 500;
  padding: 26px 0 0 0;
  margin: 0px;
  letter-spacing: 0;
  text-wrap: balance;
  text-align: center;
}

section.b-test .grid-container .grid-x .cell .centre p em {
  font-style: italic;
}

section.b-test .grid-container .grid-x .cell .centre p strong {
  font-style: italic;
  font-weight: 400;
}

section.b-test .grid-container .grid-x .cell .centre h2 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  margin: 32px 0 0 0;
}

section.b-test .grid-container .grid-x .cell .centre h1.smaller {
  font-size: 68px;
  line-height: 68px;
}

section.b-test .grid-container .grid-x .cell .centre h1.compare {
  font-size: 72px;
  line-height: 72px;
}

section.b-test .grid-container .grid-x .cell .centre .btn-primary {
  margin: 40px 0 8px 0;
  height: 64px;
  padding: 0 30px !important;
  line-height: 64px;
  text-align: center;
  position: relative;
  background: #000;
  border-radius: 100px;
  font-size: 16px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  border: none;
  box-sizing: content-box;
  color: #fff;
}

section.b-test .grid-container .grid-x .cell .centre .btn-primary:hover {
  border: none;
  opacity: .8;
}

section.b-test .grid-container .grid-x .cell .centre .btn-secondary {
  color: #000;
  padding: 0 0 0 8px;
  width: initial;
  padding: 0;
  height: 52px;
  line-height: 50px;
  margin: 0px 0 0 16px;
  border-radius: 4px;
  box-sizing: content-box;
  width: initial !important;
  border-radius: initial !important;
  height: 52px !important;
  font-size: 17px !important;
  line-height: 52px !important;
  margin: 0 0 0 12px;
  border: none !important;
}

section.b-test .grid-container .grid-x .cell .centre .btn-secondary svg, section.b-test .grid-container .grid-x .cell .centre .btn-secondary img {
  vertical-align: middle;
  margin: -3px 0 0 0;
}

section.b-test .grid-container .grid-x .cell .centre .sample {
  font-size: 17px;
  font-weight: 500;
  margin: 0 0 0 10px;
  background: #FFFFFF;
  border: 2px solid #000000;
  box-sizing: border-box;
  border-radius: 100px;
  display: inline-block;
  height: 52px;
  line-height: 52px;
  padding: 0;
  box-sizing: content-box;
  font-weight: 500;
  color: #000;
  width: initial;
  padding: 0 28px 0 32px;
  text-align: center;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

section.b-test .grid-container .grid-x .cell .centre .sample svg {
  height: 12px;
  margin: 0 0 0 4px;
}

section.b-test .grid-container .grid-x .cell .centre .sample:hover {
  border: 2px solid #000;
  background: #000;
  color: #fff;
}

section.b-test .grid-container .grid-x .cell .centre span.cc {
  display: block;
  font-size: 14px;
  margin: 12px 0 0 16px;
  font-weight: 500;
  color: #000;
  opacity: .5;
}

section.b-test .grid-container .content {
  position: relative;
}

section.b-test .grid-container .visual {
  background: #002B3A;
  background-image: url(../images/index-hero-glampers.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

section.b-test .grid-container .visual img {
  max-height: 488px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.12));
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.12));
  margin: -24px 0 0 0 !important;
}

section.b-test .grid-container .visual img.website-hero {
  max-height: initial;
  width: calc(100% - 48px);
  max-width: 642px !important;
  z-index: 1;
}

section.b-test .grid-container .visual .trustpilot-snippet {
  position: absolute;
  bottom: 72px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.b-test .grid-container .visual .trustpilot-snippet svg {
  margin: 0 auto;
  display: block;
  text-align: center;
}

section.b-test .grid-container .visual .trustpilot-snippet h5 {
  color: #ffffff;
  padding: 12px 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.56) 0, white 10%, rgba(255, 255, 255, 0.56) 40%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s infinite linear;
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
  font-size: 16px;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
}

section.b-test .grid-container .visual .trustpilot-snippet h5 em {
  opacity: 1;
}

section.b-test .grid-container .visual .feb-ab svg {
  margin: initial;
  display: inline-block;
  text-align: right;
  margin: 11px 0 0 0;
}

section.b-test .grid-container .visual .feb-ab h5 {
  color: #ffffff;
  padding: 12px 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.56)), color-stop(10%, white), color-stop(40%, rgba(255, 255, 255, 0.56)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.56) 0, white 10%, rgba(255, 255, 255, 0.7) 40%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: shine 3s infinite linear;
  animation: shine 3s infinite linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
  font-size: 18px;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  display: inline-block;
}

section.b-test .grid-container .visual .feb-ab h5 em {
  opacity: 1;
}

section.b-test .grid-container .visual .feb-ab h5 span {
  font-weight: 500;
}

section.b-test .grid-container .website-hero-visual:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  content: "";
  pointer-events: none;
  background: rgba(0, 0, 0, 0.24);
}

section.b-test .grid-container .stripe-vis {
  background: #403838;
  background-image: url(../images/index-test-img-1-stripe.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.b-test .grid-container .stripe-vis svg.provider {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.b-test .grid-container .paypal-vis {
  background: #393D2E;
  background-image: url(../images/index-test-img-1-paypal.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.b-test .grid-container .paypal-vis svg.provider {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.b-test .grid-container .venmo-vis {
  background: #65534B;
  background-image: url(../images/index-test-img-1-venmo.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.b-test .grid-container .venmo-vis svg.provider {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.b-test .grid-container .cashapp-vis {
  background: #5A585B;
  background-image: url(../images/index-test-img-1-cashapp.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.b-test .grid-container .cashapp-vis svg.provider {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.b-test .grid-container .zola-vis {
  background: #5A585B;
  background-image: url(../images/index-img-zola.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.b-test .grid-container .zola-vis svg.provider {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.b-test .grid-container .travlersjoy-vis {
  background: #5A585B;
  background-image: url(../images/vs-travelersjoy.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.b-test .grid-container .travlersjoy-vis svg.provider {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.b-test .grid-container .bitcoin-vis {
  background: #B1A196;
  background-image: url(../images/index-test-img-1-bitcoin.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.b-test .grid-container .bitcoin-vis svg.provider {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

section.tie-the-knot {
  background-color: #2F2E1A !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: calc(100vh - 72px) !important;
}

section.tie-the-knot:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.12);
  pointer-events: none;
}

section.tie-the-knot .cover-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Ensures the video covers the entire area */
  z-index: 0;
  /* Pushes the video behind the content */
}

section.tie-the-knot header.b-test .auth ul li a.link {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
}

section.tie-the-knot header.b-test .auth ul li a.link:hover {
  opacity: .88;
}

section.tie-the-knot header.b-test .auth ul li a.link-space {
  background: #fff;
  height: 42px !important;
  line-height: 42px !important;
  border: none !important;
  padding: 0 19px !important;
  font-size: 15px !important;
  color: #000 !important;
  border-radius: 100px !important;
  margin: 0px !important;
  font-weight: 400 !important;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
}

section.tie-the-knot header.b-test .auth ul li a.link-space:hover {
  opacity: .88;
}

section.tie-the-knot .grid-container .grid-x .cell .centre h1 {
  font-size: 124px;
  color: #fff !important;
  letter-spacing: 0;
  padding: 0;
  font-weight: 100 !important;
  font-size: 88px;
  line-height: 1.05;
  font-family: 'DDNR';
}

section.tie-the-knot .grid-container .grid-x .cell .centre h1 em {
  font-family: 'DDNR';
}

section.tie-the-knot .grid-container .grid-x .cell .centre p {
  color: #fff !important;
  font-size: 21px;
  line-height: 24px;
  line-height: 1.4;
  max-width: initial;
  font-weight: 400;
  padding: 26px 0 0 0;
  margin: 0px;
  letter-spacing: 0;
  text-wrap: balance;
  text-align: center;
}

section.tie-the-knot .grid-container .grid-x .cell .centre .btn-primary {
  margin: 40px 0 8px 0;
  height: 64px;
  padding: 0 36px !important;
  line-height: 64px;
  text-align: center;
  position: relative;
  background: #fff;
  border-radius: 100px;
  font-size: 16px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  border: none;
  box-sizing: content-box;
  color: #000;
  margin: 40px 0 0 0 !important;
  font-size: 17px !important;
  padding: 0 30px !important;
  font-weight: 400;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
}

section.tie-the-knot .grid-container .grid-x .cell .centre .btn-primary:hover {
  opacity: .88;
}

section.tie-the-knot .grid-container .grid-x .cell .centre .micro-avatar-stack {
  display: flex;
  flex-shrink: 0;
  position: relative;
  align-content: center;
  align-items: center;
  gap: 8px;
  width: -webkit-fill-available;
  justify-content: center;
  margin: 28px 0 0 0;
}

section.tie-the-knot .grid-container .grid-x .cell .centre .micro-avatar-stack .avatars {
  display: flex;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.tie-the-knot .grid-container .grid-x .cell .centre .micro-avatar-stack .avatars img, section.tie-the-knot .grid-container .grid-x .cell .centre .micro-avatar-stack .avatars svg {
  display: flex;
  flex-shrink: 0;
  width: 54px;
  height: auto;
  max-width: 100%;
}

section.tie-the-knot .grid-container .grid-x .cell .centre .micro-avatar-stack span {
  color: #fff;
  opacity: .8;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
}

.logos {
  background: #000;
  padding: 148px 0;
  text-align: center;
}

.logos a.spesh {
  font-weight: 500;
  letter-spacing: 0;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 4px 0;
  color: #fff;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.logos a.spesh:after {
  background-color: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.logos a.spesh:hover:after {
  width: 0;
  left: 0;
}

.logos a.spesh:active {
  color: #fff;
}

.logos a.spesh:visited {
  color: #fff;
}

.logos svg, .logos img {
  padding: 3px;
}

.logos p {
  color: #fff;
  font-size: 24px;
  line-height: 27px;
  max-width: 730px;
  margin: 0 auto;
  padding: 24px 0 148px 0;
  font-weight: 500;
}

.logos span.call {
  display: block;
  padding: 0;
  color: #fff;
  font-size: 68px;
  line-height: 72px;
  text-align: center;
  max-width: 1040px;
  margin: 0 auto;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0;
}

.logos a {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 0;
  font-size: 18px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: table;
}

.logos h6 {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 32px 0 100px 0;
  font-size: 18px;
  opacity: .64;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: inline-block;
}

.logos h6 svg.arrow {
  height: 12px;
  width: 12px;
  margin: 0px 0 0 8px;
  vertical-align: middle;
  padding: 0;
}

.logos h6:hover {
  opacity: 1;
}

.reg-banner-neu {
  background-image: url(../images/neu-hitchd-landing-banner.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 785px;
}

.key-testimonial {
  padding: 140px 24px 80px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  width: 100%;
}

.key-testimonial .inner {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.key-testimonial .inner img {
  height: 28px;
  margin: 36px 0 0 0;
}

.key-testimonial .inner blockquote {
  border: none;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 56px;
  max-width: 20ch;
  line-height: 1.1;
  text-align: center;
  display: flex;
  justify-content: center;
}

.key-testimonial .inner blockquote h2 {
  border: none;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 56px;
  max-width: 20ch;
  line-height: 1.1;
  text-align: center;
  font-size: clamp(42px, 3.3vw, 48px) !important;
  line-height: 112% !important;
  letter-spacing: -.02em !important;
  font-weight: 400 !important;
}

.key-testimonial .inner span {
  font-size: 19px;
  margin: 24px 0 0 0;
  display: block;
}

.key-testimonial .inner span em {
  font-style: italic;
  font-weight: 500;
}

.key-testimonial .inner span.lead-in {
  font-size: 56px;
  /* max-width: 20ch; */
  line-height: 1.1;
  text-align: center;
  font-size: 24px;
  line-height: 112% !important;
  /* letter-spacing: -.02em !important; */
  font-weight: 400 !important;
  color: rgba(0, 0, 0, 0.4);
  margin: 32px 0 0 0;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.key-features {
  background-color: #fff;
  padding: 64px 0 140px 0;
}

.modern-grid {
  grid-column-gap: 24px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  box-sizing: border-box;
  padding: 0 54px;
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
}

.modern-grid .feature-item > img, .modern-grid .feature-item > video {
  aspect-ratio: 315 / 436;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.modern-grid .feature-item-background {
  width: 100%;
  height: 100%;
}

.modern-grid .column-3 {
  grid-column: span 3;
}

.modern-grid .feature-item-foreground {
  position: absolute;
  z-index: 1;
  padding: 18px 24px;
  opacity: 1;
  width: 100%;
}

.modern-grid .feature-item-foreground:after {
  content: '';
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.24), transparent);
  height: 72px;
  width: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
}

.modern-grid .feature-item-foreground h2 {
  font-size: 24px;
  line-height: 1.4;
  color: #fff;
  z-index: 1;
  position: relative;
}

.modern-grid .feature-item-foreground h2 em {
  font-style: normal;
  font-size: 100%;
  font-weight: 400;
  display: block;
  opacity: .64;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 24px;
  line-height: 1;
  margin: 4px 0 0 0;
}

.modern-grid .feature-item-foreground h2 em.tilt {
  font-style: italic;
  display: inline-block;
  opacity: 1;
}

.modern-grid .feature-icon {
  position: relative;
  width: 100%;
  height: 100%;
}

.modern-grid .feature-icon .inside {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 96px;
  height: 96px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
  box-sizing: content-box;
  align-items: center;
  gap: 4px;
  backdrop-filter: saturate(100%) blur(2px) !important;
  display: flex;
  justify-content: center;
  align-content: center;
  z-index: 1;
}

.modern-grid .feature-item-bottom {
  position: absolute;
  z-index: 1;
  padding: 18px 24px;
  opacity: 1;
  bottom: 0;
}

.modern-grid .feature-item-bottom:after {
  content: '';
  background: linear-gradient(to top, rgba(0, 0, 0, 0.56), transparent);
  height: 118px;
  width: 100%;
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  z-index: 0;
}

.modern-grid .feature-item-bottom span {
  font-size: 14px;
  line-height: 1.5;
  display: flex;
  color: #fff;
  z-index: 1;
  position: relative;
  opacity: .92;
}

.modern-grid a:hover {
  transition: transform 0.15s ease;
}

.modern-grid a:hover h3 img, .modern-grid a:hover h3 svg {
  opacity: 1;
}

.modern-grid .feature-item h3 {
  font-size: 24px;
  color: #111212;
  line-height: 24px;
  margin: 0 0 12px 0;
  display: flex;
  align-content: center;
  align-items: center;
  gap: 6px;
}

.modern-grid .feature-item h3 img, .modern-grid .feature-item h3 svg {
  opacity: .24;
}

.modern-grid .feature-item h3:hover {
  transition: transform 0.3s ease;
}

.modern-grid .feature-item h3:hover img, .modern-grid .feature-item h3:hover svg {
  transition: transform 0.3s ease;
  opacity: 1;
}

.modern-grid .feature-item p {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  text-wrap: balance;
  margin: 0 0 32px 0;
}

.modern-grid .feature-item .website-card {
  display: block;
  position: relative;
  cursor: pointer;
  border-radius: 16px;
  aspect-ratio: 315 / 436;
  overflow: hidden;
  color: #000;
  background: #fff;
  transition: transform 0.3s ease;
}

.modern-grid .feature-item .website-card:hover {
  transform: scale(1.01);
}

.modern-grid .feature-item .website-card > div {
  background-color: #dcbfb4;
  background-image: url(../images/website-card-bg.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  width: 100%;
}

.modern-grid .feature-item .registry-card {
  display: block;
  position: relative;
  cursor: pointer;
  border-radius: 16px;
  aspect-ratio: 315 / 436;
  overflow: hidden;
  color: #000;
  background: #fff;
  transition: transform 0.3s ease;
}

.modern-grid .feature-item .registry-card:hover {
  transform: scale(1.01);
}

.modern-grid .feature-item .registry-card > div {
  background-color: #e1edf3;
  background-image: url(../images/registry-card-bg.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  width: 100%;
}

.modern-grid .feature-item .rsvp-card {
  display: block;
  position: relative;
  cursor: default;
  border-radius: 16px;
  aspect-ratio: 315 / 436;
  overflow: hidden;
  color: #000;
  background: #fff;
  transition: transform 0.3s ease;
}

.modern-grid .feature-item .rsvp-card > div {
  background-color: #e8dbcf;
  background-image: url(../images/rsvp-card-bg.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  width: 100%;
}

.modern-grid .feature-item .list-card {
  display: block;
  position: relative;
  cursor: default;
  border-radius: 16px;
  aspect-ratio: 315 / 436;
  overflow: hidden;
  color: #000;
  background: #fff;
  transition: transform 0.3s ease;
}

.modern-grid .feature-item .list-card > div {
  background-color: #cbbfb6;
  background-image: url(../images/guest-list-card-bg.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  width: 100%;
}

.modern-grid .feature-item .spot-image {
  position: absolute;
  top: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}

.modern-grid .feature-item .spot-image-website .inner {
  height: 200px;
  width: 276px;
  background: rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
  overflow: hidden;
  padding: 24px;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.modern-grid .feature-item .spot-image-website .inner img.website-dots {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 32px;
  opacity: .32;
}

.modern-grid .feature-item .spot-image-registry .inner {
  height: 264px;
  width: 220px;
  background: rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
  overflow: hidden;
  padding: 24px;
  text-align: center;
  color: #fff;
}

.modern-grid .feature-item .spot-image-rsvp .inner {
  height: 140px;
  width: 248px;
  background: rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
  overflow: hidden;
  padding: 24px;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.modern-grid .feature-item .spot-image-guestlist .inner {
  height: initial;
  width: 216px;
  background: rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(10px);
  border-radius: 100px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
  padding: 6px;
  text-align: center;
  color: #fff;
  box-sizing: content-box;
}

.modern-grid .feature-item .spot-image-guestlist .inner img.guest-numbers {
  position: absolute;
  top: 14px;
  right: -12px;
}

.modern-grid .feature-item video {
  position: absolute;
  top: 0;
}

.modern-grid .type-24-light {
  font-size: clamp(21px, 1.6vw, 26px) !important;
  line-height: 125% !important;
  letter-spacing: 0 !important;
  margin: 0 0 12px 0;
}

.modern-grid .feature-item-inverted {
  color: #fff;
}

.feature-wrapper {
  display: flex;
  height: 100%;
  position: relative;
}

.feature-wrapper .section-wrapper {
  height: 100%;
  width: 100%;
  display: block;
  min-height: 100vh;
}

.feature-wrapper .hero-section {
  flex: 1;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100vh;
  overflow: hidden;
  align-items: center;
}

.feature-wrapper .hero-section .bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.feature-wrapper #registry {
  background-color: #000;
}

.feature-wrapper #registry .bg {
  background-image: url(../images/reg-panel-bg.jpg);
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: translate3d(0, 0, 0);
}

.feature-wrapper #registry .bg img {
  z-index: 2;
}

.feature-wrapper #registry .bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.feature-wrapper #registry .hero-image {
  position: relative;
  overflow: hidden;
}

.feature-wrapper #guestlist {
  background-color: #000;
}

.feature-wrapper #guestlist .bg {
  background-image: url(../images/guest-list-panel-bg.jpg);
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: translate3d(0, 0, 0);
}

.feature-wrapper #guestlist .bg img {
  z-index: 2;
}

.feature-wrapper #guestlist .bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.feature-wrapper #guestlist .hero-image {
  position: relative;
  overflow: hidden;
}

.feature-wrapper #rsvp {
  background-color: #fff;
}

.feature-wrapper #rsvp .bg {
  background-image: url(../images/rsvp-panel-bg.jpg);
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: translate3d(0, 0, 0);
}

.feature-wrapper #rsvp .bg img {
  z-index: 2;
}

.feature-wrapper #rsvp .bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.feature-wrapper #rsvp .hero-image {
  position: relative;
  overflow: hidden;
}

.feature-wrapper #website {
  background-color: #000;
}

.feature-wrapper #website .bg {
  background-image: url(../images/wedding-panel-bg.jpg);
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: translate3d(0, 0, 0);
}

.feature-wrapper #website .bg img {
  z-index: 2;
}

.feature-wrapper #website .bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.feature-wrapper #website .hero-image {
  position: relative;
  overflow: hidden;
}

.feature-wrapper .hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.feature-wrapper .hero-foreground {
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-grow: 1;
}

.feature-wrapper .hero-content {
  padding: 0;
  margin-top: auto;
  display: flex;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  position: relative;
  z-index: 1;
  max-width: 1680px;
  margin: 0 auto;
  flex-direction: column;
  gap: flex-start;
  gap: 32px;
  justify-content: center;
}

.feature-wrapper .hero-content > div {
  width: 100%;
}

.feature-wrapper .hero-content > div h2 {
  line-height: 1;
  color: white;
  margin: 0;
  flex-shrink: 0;
  margin: 0 0 24px 0;
  color: #fff !important;
  padding: 0 0 0 0;
  font-size: clamp(32px, 3.3vw, 48px) !important;
  line-height: 112% !important;
  letter-spacing: -.02em !important;
  font-weight: 400 !important;
}

.feature-wrapper .hero-content > div p {
  padding: 0;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
  max-width: 40ch;
  text-wrap: balance;
}

.feature-wrapper .hero-content > div span {
  font-family: 'TimesNow-SemiLightItalic';
  color: #fff !important;
  font-weight: 100 !important;
  padding: 0;
  margin: 0 0 16px 0;
  font-size: 40px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
  display: flex;
  opacity: .6;
}

.feature-wrapper .hero-image .hero-foreground img {
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  border-radius: 8px;
  height: auto;
}

.feature-wrapper .hero-section-wrapper {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 54px;
  display: flex;
}

.feature-wrapper .hero-text {
  flex: 0;
  color: white;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  margin-left: auto;
  justify-content: flex-end;
}

.feature-wrapper .hero-text p {
  padding: 0;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
  max-width: 50ch;
}

.feature-wrapper .cta-buttons-wrap {
  display: flex;
  gap: 24px;
  flex-shrink: 0;
}

.feature-wrapper .cta-button {
  display: inline-block;
  padding: 0 25px;
  background: #fff;
  color: #000;
  text-decoration: none;
  border-radius: 100px;
  margin-top: 0;
  flex-shrink: 0;
  font-weight: 400;
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  transition: 0.15s ease-out;
}

.feature-wrapper .cta-button:hover {
  opacity: .88;
}

.feature-wrapper .sample-button {
  display: flex;
  padding: 0 21px 0 25px;
  background: transparent;
  color: #fff;
  text-decoration: none;
  border-radius: 100px;
  margin-top: 0;
  flex-shrink: 0;
  font-weight: 400;
  box-shadow: inset 0 0 0 1px #fff;
  box-sizing: content-box;
  align-items: center;
  gap: 4px;
  height: 52px;
  line-height: 52px;
  font-size: 16px;
  transition: 0.15s ease-out;
}

.feature-wrapper .sample-button:hover {
  opacity: .88;
}

.feature-wrapper .sample-button img {
  height: 20px;
  width: 20px;
  margin: 0;
}

.feature-wrapper .navigation-section {
  width: 100%;
  max-width: 264px;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 2rem;
  scroll-behavior: smooth;
  position: sticky;
  height: 100vh;
  right: 0;
  top: 0;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06), inset 0 -1px 0 rgba(0, 0, 0, 0.06);
}

.feature-wrapper .navigation-section ul {
  margin: 0;
}

.feature-wrapper .navigation-section ul li {
  box-shadow: 0 1px 0 0px rgba(0, 0, 0, 0.06);
  padding: 0 0 14px 0;
  transition: all .3s ease;
}

.feature-wrapper .navigation-section ul li:last-of-type {
  box-shadow: none;
}

.feature-wrapper .navigation-section ul li a {
  padding: 0px;
  font-size: 18px;
  line-height: 1;
  opacity: .8;
}

.feature-wrapper .navigation-section ul li a.active {
  opacity: 1;
}

.feature-wrapper .navigation-section ul li:hover {
  opacity: 1;
  transition: all .3s ease;
}

.feature-wrapper .navigation-section ul li:hover a {
  color: #000 !important;
  transition: all .3s ease;
}

.feature-wrapper .navigation-section ul li:hover a svg, .feature-wrapper .navigation-section ul li:hover a img {
  opacity: 1;
  transition: all .3s ease;
}

.feature-wrapper .nav-wrapper {
  width: 100%;
}

.feature-wrapper .main-nav {
  display: flex;
  flex-direction: column;
  gap: 14px;
  list-style: none;
  padding: 0;
}

.feature-wrapper .main-nav a {
  text-decoration: none;
  font-size: 1.25rem;
  padding: 0.5rem 0;
  text-decoration: none;
  color: #919499;
  display: flex;
  font-weight: 400;
  align-items: center;
  gap: 16px;
}

.feature-wrapper .main-nav a svg, .feature-wrapper .main-nav a img {
  opacity: .32;
}

.feature-wrapper .main-nav a.active {
  font-weight: 400;
  color: #000;
}

.feature-wrapper .main-nav a.active svg, .feature-wrapper .main-nav a.active img {
  opacity: 1;
}

.best-in-class {
  overflow-x: hidden;
}

.best-in-class .slide {
  display: flex;
  position: relative;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  position: relative;
  width: 100vw;
  min-height: 100vh;
  max-width: 1680px;
  margin: 0 auto;
  padding: 140px 56px;
}

.four-simple-steps {
  flex-wrap: wrap;
  gap: 96px 32px;
  box-sizing: border-box;
  background: #fff;
  padding: calc(32px + (100vw - 11 * 32px - 54px * 2) / 12) calc(54px + (100vw - 11 * 32px - 54px * 2) / 12);
  width: 100vw;
  min-height: unset !important;
}

.four-simple-steps-header {
  width: calc(((100vw - 11 * 24px - 54px * 2) / 12) * 4 + 24px * 3);
  width: calc(50% - 64px);
  height: initial;
  line-height: initial;
  text-align: left;
}

.four-simple-steps-header p {
  font-size: clamp(42px, 3.3vw, 48px) !important;
  line-height: 112% !important;
  letter-spacing: -.04em !important;
  color: #999;
  text-wrap: balance;
}

.four-simple-steps-header h3 {
  font-size: 24px !important;
  line-height: 28px !important;
  letter-spacing: 0 !important;
  display: inline-block;
}

.type-48 {
  font-size: clamp(42px, 3.3vw, 48px) !important;
  line-height: 112% !important;
  letter-spacing: -.04em !important;
}

.four-simple-steps-step {
  display: flex;
  position: relative;
  flex-direction: column;
  width: calc(((100vw - 11 * 24px - 54px * 2) / 12) * 3 + 24px * 2);
  width: calc(25% - 0px);
  scroll-snap-align: center;
}

.four-simple-steps-step .four-simple-steps-step-header h3 {
  font-size: 24px !important;
  line-height: 28px !important;
  letter-spacing: 0 !important;
  margin: 0 0 12px 0;
}

.four-simple-steps-step-eternal .four-simple-steps-step-number {
  border-color: #000;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  line-height: 100% !important;
  font-size: initial !important;
}

.four-simple-steps-step-number {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid black;
  border-radius: 100px;
  padding-bottom: 0;
  width: 40px;
  height: 40px;
  line-height: 90% !important;
  letter-spacing: 0;
  text-align: center;
  position: relative;
  background-color: #fff;
  z-index: 1;
}

.type-18 {
  font-size: initial !important;
  line-height: 100% !important;
}

.four-simple-steps-step-line-first {
  position: absolute;
  top: 20px;
  left: 40px;
  width: calc(((100vw - 11 * 24px - 54px * 2) / 12) * 3 + 9px);
}

.four-simple-steps-step-line {
  position: absolute;
  background: rgba(0, 0, 0, 0.12);
  width: 100%;
  height: 1px;
}

.spacer-8 {
  height: 8px;
}

.spacer-12 {
  height: 12px;
}

.spacer-24 {
  height: 24px;
}

.spacer-32 {
  height: 32px;
}

.type-24-light {
  font-size: clamp(21px, 1.6vw, 26px) !important;
  line-height: 125% !important;
  letter-spacing: 0 !important;
}

h2.hitchd-difference {
  font-size: clamp(42px, 3.3vw, 48px) !important;
  line-height: 112% !important;
  letter-spacing: -.04em !important;
  text-transform: initial;
  margin: 0;
  font-weight: initial;
}

.four-simple-steps-step-footer {
  display: flex;
  flex-direction: column;
  height: auto;
}

.best-in-class .slides p {
  margin: 0;
  padding: 0;
}

.four-simple-steps-step p {
  margin-bottom: 32px !important;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.6);
  text-wrap: balance;
}

.type-15 {
  font-size: 14px !important;
  line-height: 20px !important;
  color: #666;
}

.color-text-60 {
  color: black;
}

.four-simple-steps-step-media {
  position: relative;
  margin: 0 0 30px;
  border-radius: 16px;
  aspect-ratio: 315 / 436;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.media-first {
  background-color: #e0c9bd;
  margin: 0px;
}

.media-second {
  background-color: #d9d6d3;
  margin: 0px;
}

.media-third {
  background-color: #cbd2c5;
  margin: 0px;
}

.media-fourth {
  background-color: #f2d6b2;
  margin: 0px;
}

.spot-image-redefined {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.spot-image-redefined .inner {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.02);
  backdrop-filter: blur(10px);
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
  overflow: hidden;
  padding: 24px;
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.spot-image-redefined .inner img.website-dots {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 32px;
  opacity: .32;
}

.four-simple-steps-step-media-touch {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.four-simple-steps-step-media-touch video {
  aspect-ratio: 315 / 396;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.four-simple-steps-step-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.four-simple-steps-step-line {
  position: absolute;
  background: rgba(0, 0, 0, 0.12);
  width: 100%;
  height: 1px;
}

.four-simple-steps-step-line-second {
  top: 20px;
  left: 0px;
  width: calc(((100vw - 0* 24px - 54px* 2) / 12)* 4 + 65px);
}

.four-simple-steps-step-line-third-before {
  top: 20px;
  right: 100%;
  width: 100vw;
}

.four-simple-steps-step-line-third-after {
  top: 20px;
  right: -32px;
  width: 100%;
}

.four-simple-steps-footer {
  display: flex;
  position: relative;
  flex-direction: column;
  box-sizing: border-box;
  padding-top: 0;
  padding-left: calc((100vw - 11 * 24px - 54px * 2) / 12 - 24px);
  padding-left: 140px;
  padding-right: 0px;
  width: calc(((100vw - 11 * 24px - 54px * 2) / 12) * 4 + 24px * 3);
  width: calc(50% - 64px);
}

.four-simple-steps-footer p {
  text-wrap: balance;
  color: #999;
  font-size: clamp(42px, 3.3vw, 48px) !important;
  letter-spacing: -.04em !important;
  line-height: 112% !important;
  margin-top: 8px;
  margin-bottom: 32px;
}

.four-simple-steps-footer h3 {
  margin-bottom: .25em !important;
  letter-spacing: 0 !important;
}

.four-simple-steps-footer-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: auto 0 0;
  aspect-ratio: 315 / 396;
  width: 100%;
  height: auto;
}

.four-simple-steps-footer a {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  align-content: center;
  background: #000;
  color: #fff;
  font-size: 17px;
  border-radius: 100px;
  box-shadow: none;
  padding: 0 25px;
  width: max-content;
  height: 52px;
  transition: 0.15s ease-out;
  height: 64px;
  padding: 0 30px !important;
  line-height: 64px;
}

.four-simple-steps-footer a:hover {
  opacity: .88;
}

.logos-special {
  background: #000;
  padding: 180px 0;
  text-align: center;
}

.logos-special svg, .logos-special img {
  padding: 0;
  max-width: initial;
  margin: 0 0 64px 0;
}

.logos-special svg.verif {
  margin: 0px 0 0 0;
  padding: 2px;
  position: relative;
  vertical-align: bottom;
}

.logos-special p {
  color: #fff;
  font-size: 24px;
  line-height: 27px;
  max-width: 730px;
  margin: 0 auto;
  padding: 24px 0 0 0;
  font-weight: 500;
}

.logos-special span.call {
  display: block;
  padding: 0;
  color: #fff;
  font-size: 40px;
  line-height: 1.1666666667;
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0;
}

.logos-special a {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 0;
  font-size: 18px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: table;
}

.logos-special h6 {
  color: #959595;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 32px 0 0 0;
  font-size: 18px;
  opacity: 1;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: inline-block;
}

.logos-special h6 em {
  font-style: normal;
  opacity: 1;
  font-size: 16px;
  margin: 0 0 0 -16px;
}

.logos-special h6 svg.arrow {
  height: 12px;
  width: 12px;
  margin: 0px 0 0 8px;
  vertical-align: middle;
  padding: 0;
}

.logos-special h6:hover {
  opacity: 1;
}

.logos-special em {
  color: #959595;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 32px 0 0 0;
  font-size: 18px;
  opacity: 1;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: inline-block;
  font-style: normal;
  opacity: 1;
  font-size: 16px;
  margin: 0 0 0 -16px;
  padding: 24px 0 48px;
}

.logos-special svg.arrow {
  height: 12px;
  width: 12px;
  margin: 0px 0 0 8px;
  vertical-align: middle;
  padding: 0;
}

.logos-special:hover {
  opacity: 1;
}

.featured-by {
  padding: 100px 0;
  text-align: center;
}

.featured-by svg, .featured-by img {
  padding: 0;
  max-width: 650px;
  margin: 0;
}

.featured-by svg.verif {
  margin: 0px 0 0 0;
  padding: 2px;
  position: relative;
  vertical-align: bottom;
}

.featured-by p {
  color: #fff;
  font-size: 24px;
  line-height: 27px;
  max-width: 730px;
  margin: 0 auto;
  padding: 24px 0 0 0;
  font-weight: 500;
}

.featured-by span.call {
  display: block;
  padding: 0;
  color: #fff;
  font-size: 40px;
  line-height: 1.1666666667;
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0;
}

.featured-by a {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 0;
  font-size: 18px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: table;
}

.featured-by h6 {
  color: #959595;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 32px 0 0 0;
  font-size: 18px;
  opacity: 1;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: inline-block;
}

.featured-by h6 em {
  font-style: normal;
  opacity: 1;
  font-size: 16px;
  margin: 0 0 0 -16px;
}

.featured-by h6 svg.arrow {
  height: 12px;
  width: 12px;
  margin: 0px 0 0 8px;
  vertical-align: middle;
  padding: 0;
}

.featured-by h6:hover {
  opacity: 1;
}

.featured-by em {
  color: #959595;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 32px 0 0 0;
  font-size: 18px;
  opacity: 1;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: inline-block;
  font-style: normal;
  opacity: 1;
  font-size: 16px;
  margin: 0 0 0 -16px;
  padding: 24px 0 48px;
}

.featured-by svg.arrow {
  height: 12px;
  width: 12px;
  margin: 0px 0 0 8px;
  vertical-align: middle;
  padding: 0;
}

.featured-by:hover {
  opacity: 1;
}

.logos-special-neu {
  background: #000;
  padding: 180px 0;
  text-align: center;
}

.logos-special-neu svg, .logos-special-neu img {
  padding: 3px;
  max-width: 900px;
  margin: 0 0 0 0;
}

.logos-special-neu svg.verif {
  margin: 0px 0 0 0;
  padding: 2px;
  position: relative;
  vertical-align: bottom;
}

.logos-special-neu p {
  color: #fff;
  font-size: 24px;
  line-height: 27px;
  max-width: 730px;
  margin: 0 auto;
  padding: 24px 0 0 0;
  font-weight: 500;
}

.logos-special-neu span.call {
  display: block;
  padding: 0;
  color: #fff;
  font-size: 40px;
  line-height: 1.1666666667;
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0;
}

.logos-special-neu a {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 0;
  font-size: 18px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: table;
}

.logos-special-neu h6 {
  color: #959595;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 32px 0 0 0;
  font-size: 18px;
  opacity: 1;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: inline-block;
}

.logos-special-neu h6 em {
  font-style: normal;
  opacity: 1;
  font-size: 16px;
  margin: 0 0 0 -16px;
}

.logos-special-neu h6 svg.arrow {
  height: 12px;
  width: 12px;
  margin: 0px 0 0 8px;
  vertical-align: middle;
  padding: 0;
}

.logos-special-neu h6:hover {
  opacity: 1;
}

.logos-special-neu em {
  color: #959595;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 32px 0 0 0;
  font-size: 18px;
  opacity: 1;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: inline-block;
  font-style: normal;
  opacity: 1;
  font-size: 16px;
  margin: 0 0 0 -16px;
  padding: 24px 0 48px;
}

.logos-special-neu svg.arrow {
  height: 12px;
  width: 12px;
  margin: 0px 0 0 8px;
  vertical-align: middle;
  padding: 0;
}

.logos-special-neu:hover {
  opacity: 1;
}

.logosneu {
  background: #EFEBE4;
  padding: 148px 0;
  text-align: center;
}

.logosneu h2 {
  display: block;
  padding: 0;
  color: #000;
  font-size: 48px;
  line-height: 54px;
  text-align: center;
  max-width: 1040px;
  margin: 0 auto;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0;
}

.logosneu p {
  color: #000;
  font-size: 24px;
  line-height: 27px;
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 0 88px 0;
  font-weight: 500;
}

.logos-two {
  background: #111;
  padding: 180px 0px;
  text-align: center;
}

.logos-two h4.quote {
  display: block;
  padding: 0;
  color: #fff;
  font-size: 48px;
  line-height: 52px;
  text-align: left;
  max-width: 1040px;
  margin: 0 auto;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0;
}

.logos-two svg {
  padding: 3px;
}

.logos-two .left-svg {
  float: left;
}

.logos-two .right-svg {
  float: right;
}

.logos-two p {
  color: #fff;
  font-size: 21px;
  line-height: 1.1904761905;
  max-width: 700px;
  margin: 0 auto;
  padding: 24px 0 0;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.4211;
}

.logos-two p a {
  display: inline-block;
  font-size: 21px;
  line-height: 1.1904761905;
}

.logos-two span.call {
  color: #fff;
  margin: 32px auto 16px auto;
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
}

.logos-two h2 {
  display: block;
  padding: 0;
  color: #fff;
  font-size: 48px;
  line-height: 1.0714285714;
  font-size: 48px;
  line-height: 1.0714285714;
  text-align: center;
  max-width: 1040px;
  margin: 0 auto;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0;
}

.logos-two .grid-container {
  padding-right: 24px;
  padding-left: 24px;
  max-width: 1440px;
  margin: 0 auto;
}

.logos-two .grid-container .grid-x svg {
  vertical-align: bottom;
}

.logos-two a {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 0;
  font-size: 18px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: table;
}

.logos-two a.spesh {
  font-size: 19px !important;
  line-height: 1.4211;
  margin: 40px 0 0 0;
}

.logos-two h6 {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 32px 0 100px 0;
  font-size: 18px;
  opacity: .64;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: inline-block;
}

.logos-two h6 svg.arrow {
  height: 12px;
  width: 12px;
  margin: 0px 0 0 8px;
  vertical-align: middle;
  padding: 0;
}

.logos-two h6:hover {
  opacity: 1;
}

.testimonials {
  padding: 64px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.testimonials .grid-container {
  padding: 0;
}

.testimonials .grid-container .grid-margin-x {
  max-width: 1280px;
}

.testimonials .grid-container .grid-margin-x h3 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  color: #111212;
  margin: 12px 0 16px 0;
  display: inline-block;
  padding: 0 64px 0 0;
}

.testimonials .grid-container .grid-margin-x span {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #111212;
  opacity: .4;
}

.huge-faq {
  padding: 148px 0;
  background: #fff;
}

.huge-faq .grid-container {
  padding-right: 24px;
  padding-left: 24px;
  max-width: 1280px;
  margin: 0 auto;
}

.huge-faq h2 {
  font-weight: 600;
  letter-spacing: 0;
  font-size: 48px;
  line-height: 1.0714285714;
  margin: 0;
  color: #000;
}

.huge-faq .hold {
  margin: 0 0 48px 0;
  /* border-bottom: 1px solid rgba(0,0,0,0.06); */
  padding: 0 0 0 0;
}

.huge-faq .hold:last-of-type {
  border-bottom: none;
  padding: 0;
  margin: 0;
}

.huge-faq .hold h3 {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
  padding: 0 0 24px 0;
  margin: 0;
}

.huge-faq .hold p {
  display: inline-block;
  letter-spacing: 0;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 500;
  color: #000;
  margin: 0;
  max-width: 660px;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.huge-faq .hold p a {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 500;
  color: #000;
  border-bottom: none;
  opacity: 1;
  text-decoration: underline;
}

.why-callout {
  background: #C5CDD4;
  padding: 148px 0;
  text-align: center;
  overflow: hidden;
}

.why-callout h2 {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 58px;
  text-align: left;
  margin: 0;
  padding: 0;
}

.why-callout ul {
  list-style-type: none;
  margin-left: 0;
}

.why-callout ul li {
  text-align: left;
  padding: 0 0 8px 0;
}

.why-callout ul li:last-of-type {
  padding: 0px !important;
}

.why-callout ul li span {
  font-size: 20px;
  line-height: 24px;
  color: #000;
  font-weight: 500;
  float: left;
  -webkit-transform: rotate(-90deg);
  transform: rotate(90deg);
  padding: 12px 0px 8px 0px;
  text-align: right;
}

.why-callout ul li h3 {
  font-size: 88px;
  line-height: 88px;
  color: #000;
  font-weight: 600;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  width: 100vw;
  padding: 0 0 24px 40px;
}

.why-callout ul li h3:after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  content: '';
  /* display: block; */
  position: absolute;
  bottom: 0;
  right: 130px;
  z-index: 99999;
}

.why-callout ul li h3.last {
  border-bottom: none;
  padding: 0 0 0 40px;
}

.why-callout p {
  color: #000;
  font-size: 24px;
  line-height: 27px;
  text-align: left;
  padding: 24px 0 0 0;
  font-weight: 500;
  max-width: 480px;
}

.why-callout span.call {
  display: block;
  padding: 0;
  color: #fff;
  font-size: 68px;
  line-height: 72px;
  text-align: center;
  max-width: 1040px;
  margin: 0 auto;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0;
}

.why-callout .grid-container {
  padding-right: 24px;
  padding-left: 24px;
  max-width: 1440px;
  margin: 0 auto;
}

.why-callout .grid-container .grid-x svg {
  vertical-align: bottom;
}

.why-callout a {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 0;
  font-size: 18px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: table;
}

.why-callout h6 {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 32px 0 100px 0;
  font-size: 18px;
  opacity: .64;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: inline-block;
}

.why-callout h6 svg.arrow {
  height: 12px;
  width: 12px;
  margin: 0px 0 0 8px;
  vertical-align: middle;
  padding: 0;
}

.why-callout h6:hover {
  opacity: 1;
}

.stripe-logos {
  background: #646EDD !important;
}

.stripe-logos svg {
  padding: 2px;
}

.paypal-logos {
  background: #2E6EB5 !important;
}

.paypal-logos svg {
  padding: 2px;
}

.venmo-logos {
  background: #3C8AF7 !important;
}

.venmo-logos svg {
  padding: 2px;
}

.cashapp-logos {
  background: #00C244 !important;
}

.cashapp-logos svg {
  padding: 2px;
}

.bitcoin-logos {
  background: #E9983D !important;
}

.bitcoin-logos svg {
  padding: 2px;
}

section.comp-hero {
  padding: 148px 0;
}

section.comp-hero h1 {
  font-size: 64px;
  line-height: 64px;
  font-weight: 600;
  color: #111212;
  margin: 0 80px 0 0;
}

section.comp-hero h2 {
  font-size: 32px;
  line-height: 38px;
  font-weight: 600;
  color: #111212;
  margin: 32px 0;
}

section.comp-hero span {
  font-weight: 600;
  margin: 8px 0px 16px 124px;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
}

section.comp-hero ul {
  margin: 0 0 0 124px;
  list-style-type: none;
}

section.comp-hero ul li a {
  font-size: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  margin: 0 0 12px 0;
  line-height: 20px;
  display: inline-block;
  color: #000;
}

section.comp-hero ul li a:hover {
  border-bottom: 1px solid black;
  color: #000;
}

section.comp-hero p {
  font-size: 19px;
  line-height: 25px;
  font-weight: 500;
  /* letter-spacing: -.022em; */
  color: #111212;
  margin-bottom: 25px;
}

section.reasons {
  padding: 148px 0;
  background: #F0F1F4;
}

section.reasons p {
  font-size: 17px;
  line-height: 1.47059;
  font-weight: 400;
  /* letter-spacing: -.022em; */
  color: #111212;
}

section.reasons a {
  font-weight: 500;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  line-height: 24px;
  display: block;
  width: max-content;
  margin: 0 0 12px 0;
  color: #000;
}

section.reasons a:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  color: #000;
}

section.reasons h3 {
  font-size: 18px;
  line-height: 1.16667;
  font-weight: 600;
  margin: 24px 0 16px 0;
}

section.reasons h2 {
  font-size: 24px;
  line-height: 1.16667;
  font-weight: 600;
  margin: 32px 0 16px 0;
}

section.reasons ul {
  margin: 32px 0 0 -8px;
}

section.reasons ul li {
  margin: 0 0 12px 24px;
  font-size: 17px;
  line-height: 1.47059;
  font-weight: 400;
  /* letter-spacing: -.022em; */
  color: #111212;
  padding: 0 0 0 10px;
}

.special {
  margin: 80px 0 0 0;
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.special .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
  gap: 0 48px;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
}

.special .grid-margin-x .lined {
  padding: 40px 0 40px 0;
}

.special ul {
  margin: 0px 0 0 0;
}

.special ul li {
  margin: 0 0 12px 24px;
  font-size: 17px;
  line-height: 1.47059;
  font-weight: 400;
  /* letter-spacing: -.022em; */
  color: #fff;
  padding: 0 0 0 10px;
  opacity: .8;
}

.special h2 {
  color: #fff;
  font-size: 24px !important;
  font-weight: 600;
  line-height: 28px !important;
  margin: 0 0 0 0 !important;
}

.special h3 {
  color: #fff;
  font-size: 20px !important;
  font-weight: 600;
  line-height: 20px !important;
  margin: 0 0 0 0 !important;
}

.special p {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.42859;
  margin: 16px 0 0 0;
  opacity: 0.8;
  padding: 0 40px 0 0;
}

.special a {
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  margin: 16px 0 0 0;
  opacity: 1;
  padding: 0;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  max-width: max-content;
}

.special-three {
  margin: 80px 0 64px 0;
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.special-three .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
  gap: 0 36px;
}

.special-three .grid-margin-x .lined {
  padding: 40px 0 40px 0;
}

.special-three h2 {
  color: #fff;
  font-size: 24px !important;
  font-weight: 600;
  line-height: 24px !important;
  margin: 64px 0 0px 0 !important;
}

.special-three h3 {
  color: #fff;
  font-size: 20px !important;
  font-weight: 600;
  line-height: 20px !important;
  margin: 0 0 0 0 !important;
}

.special-three p {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  line-height: 21px;
  margin: 16px 0 0 0;
  opacity: 0.88;
  padding: 0 40px 0 0;
}

.special-three p.shorten {
  max-width: 750px;
}

section.comparison-grid {
  background: #111;
  padding: 148px 0;
}

section.comparison-grid h2 {
  color: #fff;
  font-size: 64px;
  font-weight: 600;
  line-height: 64px;
  margin: 0 0 64px 48px;
}

section.comparison-grid h2 em {
  color: #fff;
  font-size: 64px;
  font-weight: 400;
  line-height: 80px;
  font-style: italic;
}

section.comparison-grid h2 span {
  margin-left: 58px;
}

section.comparison-grid h3 {
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  vertical-align: bottom;
  margin: 16px 0 80px 80px;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2859;
  font-weight: 500;
}

section.comparison-grid p.special {
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  vertical-align: bottom;
  margin: 16px 0 80px 0px;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2859;
  font-weight: 500;
  padding: 0px !important;
}

section.comparison-grid .head {
  padding: 40px;
}

section.comparison-grid .head h2 {
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
  margin: 0 0 16px 0;
  color: #000;
}

section.comparison-grid .head p {
  font-weight: 400;
  font-size: 17px;
  line-height: 25px;
  max-width: 600px;
}

section.comparison-grid .head h2.light {
  color: white;
}

section.comparison-grid .head p.light {
  color: rgba(255, 255, 255, 0.8);
}

section.comparison-grid .dark-1 {
  background: #212121;
  overflow: hidden;
  position: relative;
  height: 700px;
  margin-top: 64px;
}

section.comparison-grid .dark-1 img {
  width: 960px;
  position: absolute;
  right: initial;
  top: 232px;
  left: 64px;
  max-width: initial;
}

section.comparison-grid .dark-1 p {
  font-weight: 500;
  color: #fff;
  font-size: 17px;
  line-height: 21px;
}

section.comparison-grid .dark-1 p em {
  opacity: .54;
  font-style: normal;
}

section.comparison-grid .dark-1 h2 {
  font-weight: 600;
}

section.comparison-grid .dark-2 {
  background: #97938c;
  overflow: hidden;
  position: relative;
  height: 700px;
}

section.comparison-grid .dark-2 img {
  width: 680px;
  position: absolute;
  right: initial;
  top: 256px;
  left: -30px;
  max-width: initial;
}

section.comparison-grid .dark-2 p {
  font-weight: 500;
  color: #fff;
  font-size: 17px;
  line-height: 21px;
}

section.comparison-grid .dark-2 p em {
  opacity: .54;
  font-style: normal;
}

section.comparison-grid .dark-2 h2 {
  font-weight: 600;
  color: #fff;
}

section.comparison-grid .dark-3 {
  background: #66a8b5;
  overflow: hidden;
  position: relative;
  height: 700px;
}

section.comparison-grid .dark-3 img {
  width: 680px;
  position: absolute;
  right: initial;
  top: 256px;
  left: -40px;
  max-width: initial;
}

section.comparison-grid .dark-3 p {
  font-weight: 500;
  color: #fff;
  font-size: 17px;
  line-height: 21px;
}

section.comparison-grid .dark-3 p em {
  opacity: .54;
  font-style: normal;
}

section.comparison-grid .dark-3 h2 {
  font-weight: 600;
  color: #fff;
}

section.comparison-grid .swap {
  background: #123240 !important;
}

section.comparison-grid .dark-4 {
  background: #243333;
  overflow: hidden;
  position: relative;
  height: 700px;
  margin: 64px 0 !important;
}

section.comparison-grid .dark-4 img {
  width: 960px;
  position: absolute;
  right: initial;
  top: 232px;
  right: 0;
  max-width: initial;
}

section.comparison-grid .dark-4 p {
  font-weight: 500;
  color: #fff;
  font-size: 17px;
  line-height: 21px;
}

section.comparison-grid .dark-4 p em {
  opacity: .54;
  font-style: normal;
}

section.comparison-grid .dark-4 h2 {
  font-weight: 600;
  color: #fff;
}

section.comparison-grid .switch {
  background: #3b282e !important;
}

section.comparison-grid .light-1 {
  background: #d3d4d3;
  overflow: hidden;
  position: relative;
  height: 700px;
  margin-top: 64px;
}

section.comparison-grid .light-1 img {
  width: 400px;
  position: absolute;
  right: initial;
  top: 230px;
  left: 52px;
}

section.comparison-grid .light-1 p {
  font-weight: 500;
  color: #000;
  font-size: 17px;
  line-height: 21px;
}

section.comparison-grid .light-1 p em {
  opacity: .54;
  font-style: normal;
}

section.comparison-grid .light-1 h2 {
  font-weight: 600;
}

section.comparison-grid .color-1 {
  background: #F5F5F7;
  height: 700px;
  overflow: hidden;
  position: relative;
  margin-bottom: 64px !important;
}

section.comparison-grid .color-1 img {
  width: 416px;
  position: absolute;
  right: 180px;
  top: 64px;
}

section.comparison-grid .color-1 h2 {
  font-size: 48px;
  line-height: 52px;
  color: #000;
  font-weight: 600;
  margin: 64px 0 24px 0;
  max-width: 450px;
}

section.comparison-grid .color-1 p {
  font-size: 19px;
  line-height: 25px;
  font-weight: 500;
  color: #000;
  opacity: 1;
  max-width: 364px;
}

section.comparison-grid .color-1 p em {
  opacity: .54;
  font-style: normal;
}

section.comparison-grid .grid-container {
  padding-right: 24px;
  padding-left: 24px;
  max-width: 1280px;
  margin: 0 auto;
}

section.comparison-grid .grid-container .cell {
  border-radius: 18px;
  min-height: 500px;
  margin-bottom: 24px;
}

section.comparison-grid h3.special {
  display: block;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 56px;
  margin: 36px 0 80px 0;
  font-weight: 500;
  opacity: 1;
  padding: 0 12px !important;
}

.pushy {
  margin: 64px 0 !important;
}

section.how-stripe {
  background: #111;
  padding: 148px 0;
}

section.how-stripe .grid-container {
  padding-right: 24px;
  padding-left: 24px;
  max-width: 1440px;
  margin: 0 auto;
}

section.how-stripe .numbers {
  display: inline-block;
  clear: both;
  margin: 0 0 40px 0;
  max-width: 600px;
}

section.how-stripe .numbers:last-of-type {
  margin: 0 !important;
}

section.how-stripe h2 {
  font-size: 56px;
  line-height: 60px;
  font-weight: 600;
}

section.how-stripe h2, section.how-stripe span, section.how-stripe h3, section.how-stripe p {
  color: #fff;
}

section.how-stripe span {
  font-size: 140px;
  line-height: 140px;
  font-weight: 400;
  float: left;
  vertical-align: top;
  padding: 0 80px 0 0;
  width: 150px;
}

section.how-stripe h3 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  padding: 12px 0 12px 0;
  margin: 0;
}

section.how-stripe p {
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
}

.faq-stripe {
  padding: 148px 0;
}

.faq-stripe .grid-container {
  padding-right: 24px;
  padding-left: 24px;
  max-width: 1440px;
  margin: 0 auto;
}

.faq-stripe .fact {
  padding: 24px 0;
  border-bottom: 1px solid #eee;
}

.faq-stripe h2 {
  font-size: 56px;
  line-height: 60px;
  font-weight: 600;
}

.faq-stripe label {
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
  color: #000;
}

.faq-stripe .artlist ul li p {
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  color: #000;
}

.faq-stripe .artlist ul li p a {
  border-bottom: 2px solid #000;
}

.faq-stripe .artlist ul li p a:hover {
  color: #000;
}

section.cta-secondary-b-test .centre a {
  height: 60px;
  line-height: 60px;
  width: initial !important;
  position: relative;
  background: #fff;
  border-radius: 100px !important;
  color: #000;
  font-size: 18px;
  border: 0;
  padding: 0px 40px !important;
  font-weight: 500;
  letter-spacing: 0;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  margin: 32px 0 0 0;
  display: inline-block;
}

section.cta-secondary-b-test .centre a em {
  font-style: normal;
  opacity: .48;
  font-weight: 400;
}

.top-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f6f3ef;
  z-index: 1;
  position: relative;
  padding: 14px 56px;
}

.top-banner p {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  font-weight: 400;
}

.top-banner p strong {
  font-weight: 500;
  color: #111212;
}

.top-banner a {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.cta-secondary-ab-test .centre h2 {
  padding: 0;
  max-width: 660px !important;
  text-align: center;
  font-size: 48px !important;
  line-height: 52px !important;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 auto;
  color: #fff;
}

/* Modern Approach */
section.modern-approach {
  position: relative;
}

section.modern-approach .follow-line {
  position: absolute;
  height: 356px;
  background: #141414;
  width: 1px;
  margin: 0 auto;
  text-align: center;
  top: -56px;
  left: 50%;
}

section.modern-approach .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

section.modern-approach .visual {
  background-image: url(../images/hitchd-honeymoon-registry-couple-walking-beachside.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.modern-approach .content {
  padding: 96px 0;
  text-align: center;
}

section.modern-approach .content .centre {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 660px;
  margin: 0 auto;
  text-align: center;
}

section.modern-approach .content .centre h2 {
  padding: 0 0 24px 0;
  max-width: 400px;
  margin: 0 auto;
}

section.modern-approach .content .centre h3 {
  margin: 16px 0 24px 0;
}

section.modern-approach .content .centre p {
  max-width: 450px;
  margin: 0 auto;
}

section.modern-approach .content .centre a {
  display: block;
  margin: 32px 0 0 0;
}

section.modern-approach .content .centre a:hover {
  text-decoration: underline;
}

section.modern-approach .content .centre a img {
  margin: -1px 0 0 4px;
}

/* Made with Hitchd */
section.made-with-hitchd {
  background: #fff;
}

section.made-with-hitchd .couples {
  padding: 0 32px 100px 32px;
  max-width: initial;
  margin: 0;
}

section.made-with-hitchd .couples .cell {
  margin-bottom: 40px;
}

section.made-with-hitchd .couples .view {
  margin: 0;
  color: #2C2E2F;
  font-size: 17px;
  line-height: 1.313rem;
  display: inline-block;
  margin: 24px 0 0 0;
}

section.made-with-hitchd .couples img {
  margin: -2px 0 0 4px;
}

section.made-with-hitchd .couples .name-wrapper {
  margin: 16px 16px 0 0;
}

section.made-with-hitchd .couples span {
  margin: 8px 0 0 0;
  padding: 0;
  line-height: 22px;
  color: #4F5050;
  font-size: 16px;
  display: inline-block;
  letter-spacing: -0;
}

section.made-with-hitchd .couples span em {
  font-style: normal;
}

section.made-with-hitchd .couples em {
  display: block;
  font-size: 16px;
  font-style: normal;
  color: #737373;
  margin: 12px 0;
  letter-spacing: 0;
}

section.made-with-hitchd .couples p {
  display: inline-block;
  margin: 0px;
  line-height: 27px;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  color: #000 !important;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
}

section.made-with-hitchd .couples p:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 100%;
}

section.made-with-hitchd .couples p:hover:after {
  width: 0;
  left: 0;
}

section.made-with-hitchd .coupleone:hover p:after, section.made-with-hitchd .coupletwo:hover p:after, section.made-with-hitchd .couplethree:hover p:after, section.made-with-hitchd .couplefour:hover p:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

section.made-with-hitchd .coupleone:hover p:hover:after, section.made-with-hitchd .coupletwo:hover p:hover:after, section.made-with-hitchd .couplethree:hover p:hover:after, section.made-with-hitchd .couplefour:hover p:hover:after {
  width: 100%;
  left: 0;
}

section.made-with-hitchd .introduction {
  padding: 100px 24px 64px 24px;
  max-width: initial;
  margin: 0;
}

section.made-with-hitchd .introduction .cell {
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

section.made-with-hitchd .primary {
  height: 480px;
  position: relative;
  border-radius: 4px;
}

section.made-with-hitchd .primary .grid {
  background-repeat: no-repeat;
  display: inline-block;
  height: 70px;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  text-align: center;
  float: left;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  position: relative;
}

section.made-with-hitchd .primary .grid:last-of-type {
  border-bottom: none;
}

section.made-with-hitchd .primary .grid-1 {
  background: #ECEDEF;
  height: 150px;
  border-radius: 0 4px 0 0;
}

section.made-with-hitchd .primary .grid-2 {
  background: #E2E5E8;
  height: 150px;
}

section.made-with-hitchd .primary .grid-3 {
  background: #CACDD2;
  height: 150px;
  border-radius: 0 0 4px 0;
}

section.made-with-hitchd .display-picture {
  height: 56px;
  width: 56px;
  border-radius: 50%;
  position: absolute;
  bottom: 20px;
  left: 20px;
  background-color: #E2E5E8;
  border: 2px solid #fff;
}

section.made-with-hitchd h2 {
  padding: 0 0 24px 0;
  max-width: 550px;
  text-align: center;
  font-size: 44px;
  line-height: 48px;
  letter-spacing: 0;
  font-weight: 700;
  margin: 0 auto;
  color: #000;
}

section.made-with-hitchd p {
  max-width: 550px;
  color: #000;
  margin: 0 auto;
  padding: 0;
  font-size: 19px;
  letter-spacing: 0;
  line-height: 28px;
  display: inline-block;
  margin: 0;
}

section.made-with-hitchd a.apply {
  text-transform: lowercase;
  font-size: 0.875rem;
  line-height: 1.375rem;
  border-bottom: 1px solid #141414;
  padding: 0 0 8px 0;
  text-decoration: none;
  display: inline-block;
  margin: 0;
}

section.made-with-hitchd h5 {
  margin: 12px 0 0 0;
  font-size: 1.063em;
  line-height: 1.313rem;
  display: inline-block;
  margin: 0px;
}

section.made-with-hitchd h5 a {
  text-decoration: none;
}

section.made-with-hitchd h5 a:hover {
  border-bottom: 1px solid #141414;
  padding: 0 0 8px 0;
}

/* Benefits */
section.benefits {
  position: relative;
}

section.benefits .bg1 {
  background: #f0f0f0;
}

section.benefits .bg1 .visual {
  background: #dedede;
  background-image: url(../images/hitchd-honeymoon-registry-beautiful-registry-bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.benefits .bg1 .visual .img {
  margin: 0 auto;
  height: 400px;
}

section.benefits .bg1 .visual .img img {
  width: 100%;
  max-width: 685px;
}

section.benefits .bg1 .content h3 {
  max-width: 450px;
}

section.benefits .bg2 {
  background: #222;
  position: relative;
  overflow: hidden;
  height: 800px;
}

section.benefits .bg2 article {
  text-align: center;
}

section.benefits .bg2 article p {
  margin: 0;
  font-family: system-medium;
}

section.benefits .bg2 h2 {
  color: #fff !important;
}

section.benefits .bg2 p {
  font-size: 19px;
  letter-spacing: -0.016em;
  color: white !important;
}

section.benefits .bg2 a {
  margin: 24px 0 0 0;
  color: #fff;
}

section.benefits .bg2 .visual {
  background: #616369;
  padding: 100px 0;
  margin: 0;
}

section.benefits .bg2 .visual .img {
  background: #fff;
  margin: 0 24px;
  height: 500px;
  width: 90%;
}

section.benefits .bg3 {
  background: lightcyan;
  background-image: url(../images/bgtest05.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.benefits .bg4 {
  background: #D8D8D8;
}

section.benefits .bg4 .visual {
  background: #285781;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.benefits .bg4 .visual .img {
  margin: 0 auto;
  height: 432px;
  width: 685px;
}

section.benefits .bg5 {
  background: #222;
}

section.benefits .bg5 .visual {
  padding: 150px 0;
  margin: 0;
  background: #222;
}

section.benefits .bg5 .visual .img {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin: 0 24px;
  height: 500px;
  width: 90%;
}

section.benefits .bg6 {
  background: #D1E3C9;
}

section.benefits .bg6 .visual {
  background: #c3dbb8;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.benefits .bg6 .visual .img {
  margin: 0 auto;
  height: 510px;
  width: 686px;
}

section.benefits .wrap-bg {
  margin: 0 auto;
  background: #f8f8f8;
}

section.benefits .grid-x {
  margin: 0 auto;
  padding: 0;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

section.benefits .follow-line {
  position: absolute;
  height: 112px;
  background: #141414;
  width: 1px;
  margin: 0 auto;
  text-align: center;
  top: -56px;
  left: 50%;
}

section.benefits h2 {
  font-size: 48px;
  line-height: 52px;
  letter-spacing: 0;
  margin: 0 0 24px 0;
  color: #000;
}

section.benefits h3 {
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 0;
  margin: 0 0 24px 0;
  color: #000;
  max-width: 400px;
}

section.benefits h3.max {
  max-width: 350px;
}

section.benefits h3.maxed {
  max-width: 370px;
}

section.benefits a {
  font-weight: 600;
  font-size: 19px;
  letter-spacing: -0.016em;
  line-height: 28px;
  margin: 0;
  display: inline-block;
  border-bottom: 2px solid;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  color: #000;
}

section.benefits a img {
  margin: -2px 0 0 4px;
}

section.benefits p {
  font-size: 19px;
  letter-spacing: -0.016em;
  line-height: 28px;
  color: #000;
  margin: 24px 0;
}

section.benefits .floatright {
  display: inline-block;
}

section.benefits article {
  max-width: 440px;
  position: relative;
  text-align: left;
}

section.benefits .right {
  float: right;
}

section.benefits .visual {
  position: relative;
  text-align: center;
  transform: initial;
  display: inline-table;
  padding: 200px 32px;
  background: #fff;
  height: 400px;
}

section.benefits .visual .img {
  width: 100%;
  height: 400px;
}

section.benefits .visual img.align-left {
  position: relative;
  text-align: left;
}

section.benefits .visual img.align-right {
  position: relative;
  text-align: right;
}

section.benefits .content {
  max-width: 440px;
  margin: 0 auto;
}

section.benefits .content div img {
  float: unset;
  margin: 0;
}

/* Gift Asssistant */
section.gift-assistant {
  padding: 120px 0;
  background: #EFEDE7;
  margin: 0 auto;
  padding: 120px 12px;
}

section.gift-assistant .grid-container .grid-x {
  padding: 0 12px;
}

section.gift-assistant .visual img {
  height: 529px;
}

section.gift-assistant article {
  max-width: 600px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: left;
}

section.gift-assistant article h2 {
  margin: 0 0 24px 0;
}

section.gift-assistant article p {
  color: #484A4C;
  font-size: 18px;
  line-height: 26px;
}

section.gift-assistant article a {
  display: inline-block;
  height: 44px;
  line-height: 44px;
  width: initial;
  position: relative;
  border: 2px solid #2C2E2F;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: #2C2E2F;
  margin: 16px 0 0 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0 16px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

section.gift-assistant article a:hover {
  background: #2C2E2F;
  border: 2px solid #2C2E2F;
  color: #fff;
}

section.gift-assistant article span {
  height: 26px;
  line-height: 26px;
  padding: 0 8px;
  background: black;
  color: #fff;
  display: inline-block;
}

section.gift-assistant article ul {
  margin: 48px 0 0 0;
  overflow: auto;
}

section.gift-assistant article ul li {
  text-align: left;
  padding: 6px 0;
  display: inline-block;
  margin: 0 16px 0 0;
}

section.gift-assistant article ul li h5 {
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  margin: 0 !important;
  font-family: System-Medium;
}

section.gift-assistant article ul li img {
  float: left;
  margin: 0 6px 0 0;
}

/* Feature block */
.feature-block {
  border-bottom: none;
  height: initial;
  background: #fff;
  padding: 0;
  padding-left: 32px;
  padding-right: 32px;
  padding: 100px 0;
}

.feature-block .grid-container {
  max-width: 80rem !important;
  margin: 0 auto;
}

.feature-block h4 {
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0;
  margin: 0;
  color: #000;
  text-align: left;
  vertical-align: top;
}

.feature-block p {
  max-width: 330px !important;
  color: #000 !important;
  padding: 20px 0 0 0 !important;
  font-size: 17px !important;
  letter-spacing: -0.016em !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* CTA secondary */
section.contribution-options {
  padding: 148px 0;
  text-align: center;
}

section.contribution-options h2 {
  font-size: 56px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 58px;
  margin: 0;
  color: #000;
}

section.contribution-options p {
  letter-spacing: 0;
  font-size: 24px;
  line-height: 27px;
  font-weight: 500;
  color: #000;
  max-width: 660px;
  margin: 0 auto;
  padding: 24px 0;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

section.contribution-options a {
  font-size: 24px;
  line-height: 27px;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0 0 124px 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 4px 0;
  color: #000;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

section.contribution-options a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

section.contribution-options a:hover:after {
  width: 0;
  left: 0;
}

section.contribution-options svg {
  display: block;
  margin: 0 auto;
}

section.cta-secondary {
  border-bottom: none;
  height: initial;
  background: #000;
  height: 500px;
  padding: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

section.cta-secondary .centre {
  position: relative;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

section.cta-secondary .centre h2 {
  padding: 0;
  max-width: 600px;
  text-align: center;
  font-size: 48px !important;
  line-height: 1.15 !important;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 auto;
  color: #fff;
  max-width: 1024px !important;
}

section.cta-secondary .centre h3 {
  color: #fff;
  margin: 32px 0 0 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
}

section.cta-secondary .centre p {
  letter-spacing: 0;
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 500;
  color: #fff;
  margin: 32px auto 0 auto;
  max-width: 700px;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

section.cta-secondary .centre span.trial {
  display: block;
  font-size: 14px;
  margin: 24px 0 0 0;
  color: #fff;
  opacity: .56;
  font-weight: 400;
}

section.cta-secondary .centre span.trial svg {
  vertical-align: middle;
  margin: -2px 4px 0 0;
}

section.cta-secondary .centre a {
  height: 56px;
  line-height: 56px;
  width: initial !important;
  position: relative;
  background: #fff;
  border-radius: 6px;
  color: #000;
  font-size: 17px;
  border: 0;
  padding: 0px 28px;
  font-weight: 500;
  letter-spacing: 0;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  margin: 32px 0 0 0;
  display: inline-block;
  padding: 0 24px;
}

section.cta-secondary .centre a:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.04), 0 8px 8px rgba(0, 0, 0, 0.04), 0 16px 16px rgba(0, 0, 0, 0.04);
}

section.cta-secondary .centre a:focus {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

section.cta-secondary .centre a:active {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

section.hero-cta {
  border-bottom: none;
  height: initial;
  background: #000;
  padding: 240px 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  position: relative;
  overflow: hidden;
}

section.hero-cta video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 0;
  object-fit: cover;
  pointer-events: none;
  z-index: 0;
}

section.hero-cta .centre {
  position: relative;
  margin: 0 auto;
  text-align: left;
  color: #fff;
  display: flex;
  z-index: 9;
  width: 100%;
  max-width: 1680px;
}

section.hero-cta .centre > div {
  gap: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

section.hero-cta .centre > div:nth-child(1) {
  width: 100%;
}

section.hero-cta .centre > div:nth-child(2) {
  width: 0%;
}

section.hero-cta .centre h2 {
  text-align: center;
  color: #fff !important;
  letter-spacing: 0;
  padding: 0;
  font-size: 88px;
  line-height: 1.05;
  font-family: 'DDNR';
  text-wrap: balance;
  margin: 0px;
}

section.hero-cta .centre a {
  margin: 0 0 0 0;
  height: 64px;
  padding: 0 30px !important;
  line-height: 64px;
  text-align: center;
  position: relative;
  background: #fff;
  border-radius: 100px;
  font-size: 17px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  border: none;
  box-sizing: content-box;
  color: #000;
  font-weight: 400;
  transition: 0.15s ease-out;
}

section.hero-cta .centre a:hover {
  opacity: .88;
}

section.cta-secondary-inverse {
  border-bottom: none;
  height: 500px;
  background: #fff;
  padding: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

section.cta-secondary-inverse .centre {
  position: relative;
  margin: 0 auto;
  text-align: center;
  color: #000;
}

section.cta-secondary-inverse .centre h2 {
  padding: 0;
  max-width: 600px;
  text-align: center;
  font-size: 48px !important;
  line-height: 1.15 !important;
  letter-spacing: 0;
  font-weight: 600;
  margin: 0 auto;
  color: #000;
  max-width: 1024px !important;
}

section.cta-secondary-inverse .centre h3 {
  color: #000;
  margin: 32px 0 0 0;
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
}

section.cta-secondary-inverse .centre p {
  letter-spacing: 0;
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 500;
  color: #000;
  margin: 32px auto 0 auto;
  max-width: 700px;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

section.cta-secondary-inverse .centre span.trial {
  display: block;
  font-size: 14px;
  margin: 24px 0 0 0;
  color: #000;
  opacity: .56;
  font-weight: 400;
}

section.cta-secondary-inverse .centre span.trial svg {
  vertical-align: middle;
  margin: -2px 4px 0 0;
}

section.cta-secondary-inverse .centre a {
  height: 56px;
  line-height: 56px;
  width: initial !important;
  position: relative;
  background: #000;
  border-radius: 6px;
  color: #fff;
  font-size: 17px;
  border: 0;
  padding: 0px 28px;
  font-weight: 500;
  letter-spacing: 0;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  margin: 32px 0 0 0;
  display: inline-block;
  padding: 0 24px;
}

section.cta-secondary-inverse .centre a:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.04), 0 8px 8px rgba(0, 0, 0, 0.04), 0 16px 16px rgba(0, 0, 0, 0.04);
}

section.cta-secondary-inverse .centre a:focus {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

section.cta-secondary-inverse .centre a:active {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.site-footer-wrapper {
  background-color: #fff;
  padding: 64px 56px 0 56px;
}

.site-footer-wrapper footer {
  max-width: 1160px;
  margin: 0 auto;
  color: #111;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 0px;
}

.site-footer-wrapper .footer-top {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 64px 0;
}

.site-footer-wrapper .footer-brand {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
  transition: 0.15s ease-out;
}

.site-footer-wrapper .footer-brand a:hover {
  opacity: .8;
}

.site-footer-wrapper .footer-brand span {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  height: initial;
  color: #111212;
  text-transform: initial;
  letter-spacing: 0;
  text-wrap: balance;
  margin: 28px 0 0 0;
  max-width: 30ch;
}

.site-footer-wrapper .social-links ul,
.site-footer-wrapper .auth-links ul,
.site-footer-wrapper .footer-nav nav ul,
.site-footer-wrapper .legal-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.site-footer-wrapper .footer-nav {
  flex: 0 0 50%;
  /* takes the other half */
  max-width: 50%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
}

.site-footer-wrapper .footer-nav nav h2 {
  font-size: 15px;
  text-transform: initial;
  letter-spacing: initial;
  font-weight: 500;
  line-height: 20px;
  margin: 0 0 24px 0;
}

.site-footer-wrapper .footer-nav nav ul {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.site-footer-wrapper .footer-nav nav ul li {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  display: inline-block;
  height: initial;
  color: #7A7D81;
}

.site-footer-wrapper .footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding: 24px 0 64px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.site-footer-wrapper .legal-links {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.site-footer-wrapper .legal-links a {
  font-size: 14px;
  line-height: 20px;
  transition: 0.15s ease-out;
}

.site-footer-wrapper .legal-links a:hover {
  opacity: .8;
}

.site-footer-wrapper ul li {
  display: flex;
}

.site-footer-wrapper a {
  text-decoration: none;
  color: #111212;
  margin: 0;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  height: initial;
  padding: 0;
  border: none;
  width: fit-content;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  align-items: center;
  gap: 4px;
}

.site-footer-wrapper a:hover {
  text-decoration: initial;
  border-bottom: none;
  opacity: .64;
}

.site-footer-wrapper p {
  font-size: 14px;
  line-height: 20px;
  color: #7A7D81;
  margin: 0 0 0 0;
}

/* How it works */
section.how-it-works {
  position: relative;
  text-align: center;
  background: #fff;
  padding: 0;
}

section.how-it-works a {
  margin: 0 auto;
  display: inline-block;
  text-align: left;
  padding: 0;
  color: #000;
  font-size: 19px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 600;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 64px 0 0 0;
}

section.how-it-works a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

section.how-it-works a:hover:after {
  width: 0;
  left: 0;
}

section.how-it-works .grid-container {
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 124px;
  padding-bottom: 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  max-width: 1440px;
}

section.how-it-works .grid-container .grid-x .cell {
  padding: 0 24px;
}

section.how-it-works .grid-container .grid-x h6 {
  font-size: 56px;
  line-height: 56px;
  font-weight: 400;
  margin: 24px 0 0 0;
}

section.how-it-works .grid-container .grid-x h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}

section.how-it-works .grid-container .grid-x svg {
  width: 100%;
  height: 360px;
}

section.how-it-works .grid-container .grid-x p {
  font-size: 19px;
  line-height: 28px;
  padding: 16px 16px 0 16px;
  opacity: .88;
}

section.how-it-works .follow-line {
  position: absolute;
  height: 112px;
  background: #141414;
  width: 1px;
  margin: 0 auto;
  text-align: center;
  top: -56px;
  left: 50%;
}

section.how-it-works article {
  width: 100%;
}

section.how-it-works .bg {
  background: #f8f8f8;
}

section.how-it-works h2 {
  font-size: 56px;
  font-weight: 600;
  line-height: 60px !important;
  margin: 0;
  text-align: center;
  color: #000;
  margin: 0 0 0 0;
  vertical-align: top;
  /* letter-spacing: 0; */
  display: inline-block;
}

section.how-it-works p {
  max-width: 660px !important;
  color: #000 !important;
  margin: 0 auto;
  padding: 32px 0 0 0;
  font-size: 19px;
  letter-spacing: -0.016em;
  line-height: 28px;
  margin: 0;
}

section.how-it-works .visual {
  background-color: #eee;
}

section.how-it-works .content {
  position: relative;
  padding: 0;
  text-align: left;
  margin: 0;
}

section.how-it-works .content .centre {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  top: 0;
  transform: initial;
  max-width: initial !important;
}

section.how-it-works .content .centre div img {
  float: left;
  margin: -1px 12px 0 0;
}

section.how-it-works .content .centre div img.check {
  margin: 0px 12px 0 0;
}

section.how-it-works .content .centre div img.share {
  margin: 1px 12px 0 0;
}

section.how-it-works .content .centre div span {
  text-align: center;
  vertical-align: top;
  padding: 0;
  display: inline-block;
  margin: 0px;
  font-weight: 600;
}

section.how-it-works .content .centre h3 {
  margin: 24px 0;
  max-width: 320px;
  font-size: 24px;
  line-height: 30px;
}

section.how-it-works .content .centre p {
  max-width: 660px !important;
  color: #000 !important;
  margin: 0 auto;
  padding: 24px 0 32px 0;
  font-size: 19px;
  letter-spacing: -0.016em;
  line-height: 28px;
  display: inline-block;
  margin: 0;
}

section.how-it-works .content p {
  margin: 0;
}

/* More reasons */
section.more-reasons {
  padding: 56px 0 120px 0;
  margin: 0;
  background: #1f1f1f;
}

section.more-reasons .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

section.more-reasons .headline {
  margin: 0 auto;
  position: relative;
}

section.more-reasons .headline h2 {
  padding: 120px 0 0 0;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  display: block;
  max-width: 400px;
}

section.more-reasons .headline h3 {
  margin: 24px 0 24px 0;
}

section.more-reasons .headline h5 {
  margin: 0px;
  display: inline-block;
}

section.more-reasons .headline .follow-line {
  position: absolute;
  height: 112px;
  background: #141414;
  width: 1px;
  margin: 0 auto;
  text-align: center;
  bottom: -56px;
  left: 50%;
}

section.more-reasons .a {
  background: #ccc;
  height: 320px;
  margin-bottom: 32px;
}

section.more-reasons .b {
  background: #ccc;
  height: 644px;
}

section.more-reasons .c {
  background: #ccc;
  height: 644px;
}

section.more-reasons .d {
  background: #ccc;
  height: 320px;
  margin-top: 32px;
}

section.more-reasons .e {
  background: #ccc;
  height: 320px;
  margin-top: 32px;
}

section.more-reasons .f {
  background: #ccc;
  height: 520px;
  margin-top: 32px;
}

section.more-reasons .g {
  background: #ccc;
  height: 320px;
  margin-top: 32px;
}

section.more-reasons .h {
  background: #ccc;
  height: 672px;
  margin-top: 32px;
}

section.more-reasons .i {
  background: #ccc;
  height: 320px;
  margin-top: 32px;
}

section.more-reasons .j {
  background: #ccc;
  height: 320px;
  margin-top: 32px;
}

section.more-reasons .get-started {
  padding: 88px 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

section.more-reasons .get-started .follow-line-up {
  position: absolute;
  height: 112px;
  background: #141414;
  width: 1px;
  margin: 0 auto;
  text-align: center;
  top: -56px;
  left: 50%;
}

section.more-reasons .get-started a {
  text-transform: lowercase;
  font-size: 0.875rem;
  line-height: 1.375rem;
  border-bottom: 1px solid #141414;
  padding: 0 0 8px 0;
  text-decoration: none;
}

section.more-reasons .content {
  margin: 64px 0 0 0;
  padding: 0;
}

section.more-reasons .content div {
  margin: 0;
}

section.more-reasons .content div img {
  float: unset;
  margin: 0;
  width: 32px;
}

section.more-reasons .content div h5 {
  margin: 0px;
  display: inline-block;
}

section.more-reasons .content h3 {
  margin: 24px 0 24px 0;
  max-width: 350px;
}

section.more-reasons .content p {
  margin: 0px;
  max-width: 400px;
}

section.more-reasons .placeholder {
  width: 100%;
  height: 260px;
  background-color: #EEEEEE;
}

section.more-reasons .push {
  margin: 48px 0 0 0;
}

/* Blog highlight */
section.blog-highlight {
  padding: 100px 0;
}

section.blog-highlight h2 {
  font-size: 44px;
  line-height: 1.1;
  font-weight: 700;
  margin: 0;
  text-align: center;
  color: #000;
  margin: 0 0 64px 0;
  vertical-align: top;
  /* letter-spacing: 0; */
  display: block;
}

section.blog-highlight .grid-container {
  max-width: 82.375em;
}

section.blog-highlight .grid-container .grid-x .cell {
  padding: 0 24px 0 0;
}

section.blog-highlight .grid-container .grid-x img {
  max-height: 188px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

section.blog-highlight .grid-container .grid-x img:hover {
  opacity: .8;
}

section.blog-highlight .grid-container .grid-x h3 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
  margin: 24px 0 0 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
}

section.blog-highlight .grid-container .grid-x a.link {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 26px;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 0px 0;
  color: #000;
}

section.blog-highlight .grid-container .grid-x a.link:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

section.blog-highlight .grid-container .grid-x a.link:hover:after {
  width: 0;
  left: 0;
}

section.blog-highlight .grid-container .grid-x a.link:active {
  color: #000;
}

section.blog-highlight .grid-container .grid-x a.link:visited {
  color: #000;
}

section.blog-highlight .grid-container .grid-x p {
  font-size: 18px;
  line-height: 26px;
  padding: 16px 16px 0 0px !important;
  opacity: .88;
}

/* Testimonial */
.testimonial {
  padding: 0 0 100px 0;
  margin: 0;
  background: #f0f0f0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
}

.testimonial .trustpilot-widget svg {
  margin: -5px 0 0 0;
  vertical-align: middle;
}

.testimonial .trustpilot-widget h5 {
  margin: 0 0 0 8px;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  color: #000;
  font-weight: 600;
}

.testimonial .trustpilot-widget h5 span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}

.testimonial .trustpilot-widget h5 em {
  font-style: normal;
  font-weight: 400;
  color: #000;
}

.testimonial .grid-container {
  padding-left: 0;
  padding-right: 0;
}

.testimonial .llot-widget span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.testimonial .llot-widget svg {
  margin: 0;
  vertical-align: sub;
  padding: 0;
}

.testimonial .llot-widget h5 {
  margin: 0 0px 0 8px;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  padding: 0;
  color: #000;
  font-weight: 600;
}

.testimonial .llot-widget h5 em {
  font-style: normal;
  font-weight: 400;
  color: #000;
}

.testimonial .llot-widget h6 {
  margin: 0 0 0 0;
  display: inline-block;
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
}

.testimonial img.voted {
  margin: 0 0 32px 0;
  width: 224px;
}

.testimonial img.pushed-logo {
  margin: -2px 0 0 0;
}

.testimonial .centre {
  position: relative;
  max-width: 550px;
  margin: 0 auto;
  z-index: 9;
}

.testimonial .centre h3 {
  color: #fff;
  margin: 0 0 24px 0;
  max-width: 80%;
  display: inline-block;
}

.testimonial .centre h2 {
  margin: 0 0 24px 0;
}

.testimonial .centre .rating {
  margin: 0 0 24px 0;
}

.testimonial .centre .rating img {
  float: left;
  margin: -1px 0 0 0;
}

.testimonial .centre .rating span {
  color: #fff;
  font-size: 1.063em;
  line-height: 1.563rem;
  padding: 0 0 0 12px;
}

.testimonial .centre a {
  width: 100%;
}

/* CTA */
section.cta-primary {
  border-bottom: none;
  height: initial;
  background: #fff;
  height: 450px;
  padding: 0;
  padding-left: 32px;
  padding-right: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

section.cta-primary span.dropline {
  background-color: #111212;
  top: -52px;
  height: 104px;
  left: 0;
  margin: 0 auto;
  max-width: 2px;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 2;
}

section.cta-primary .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

section.cta-primary .cell {
  padding: 0;
}

section.cta-primary .cell .centre h2 {
  padding: 0;
  max-width: 580px;
  text-align: center;
  font-size: 48px;
  line-height: 52px;
  letter-spacing: 0;
  margin: 0 auto;
  color: #000;
}

section.cta-primary .cell .centre h3 {
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 2rem;
  margin: 0px;
}

section.cta-primary .cell .centre a {
  height: 60px;
  line-height: 60px;
  width: initial !important;
  position: relative;
  background: #000;
  border-radius: 6px;
  color: #fff;
  font-size: 18px;
  border: 0;
  padding: 0px 28px !important;
  font-weight: 500;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  margin: 32px 0 0 0;
  display: inline-block;
}

section.cta-primary .cell .centre a:hover {
  border: 2px solid #fff;
  background: transparent;
  color: #fff;
}

section.cta-primary .cell .centre a.btn-secondary {
  height: 56px;
  line-height: 56px;
  position: relative;
  border: transparent;
  color: #2C2E2F;
  display: inline-block;
  text-align: center;
  margin: 12px 0 0 0;
  font-size: 1.0625rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-weight: 600;
  width: 300px;
  background: transparent;
}

.no-border {
  border-top: none !important;
}

/* Footer */
footer .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

footer h2 {
  color: #000;
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .024em;
  line-height: 26px;
  margin: 0 0 20px;
  text-transform: uppercase;
}

/* EVEN GRANDMA WILL APPROVE PAGE */
.even-grandma-will-approve-container header {
  height: 80px;
  position: relative;
  z-index: 9;
  background-color: #EFEDE7;
}

.even-grandma-will-approve-container .sidekick {
  height: initial;
  padding: 0;
  background-color: #EFEDE7;
  position: relative;
  margin-top: 0;
}

.even-grandma-will-approve-container .sidekick .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.even-grandma-will-approve-container .sidekick .cell {
  height: initial;
}

.even-grandma-will-approve-container .sidekick .content {
  padding: 88px 0 88px 0;
}

.even-grandma-will-approve-container .sidekick .content .centre {
  max-width: 450px;
}

.even-grandma-will-approve-container .sidekick .content a {
  height: 56px;
  line-height: 56px;
  /* width: 100% !important; */
  position: relative;
  background: #2C2E2F;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  margin: 24px 0 0 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  border: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0px 24px !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.even-grandma-will-approve-container .sidekick h5 {
  margin: 0 0 24px 0;
}

.even-grandma-will-approve-container .sidekick h1 {
  font-size: 2.000rem;
  line-height: 2.250rem;
  max-width: initial;
  margin: 24px 0 24px 0;
}

.even-grandma-will-approve-container .sidekick a {
  margin: 16px 0 0 0;
  display: inline-block;
}

.even-grandma-will-approve-container .sidekick a img {
  margin: -2px 0 0 4px;
}

.even-grandma-will-approve-container .callout {
  border: none;
  position: relative;
  margin: 0;
  padding: 0 0 48px 0;
  border-radius: none;
}

.even-grandma-will-approve-container .callout .image {
  background: #EEEEEE;
  height: 360px;
}

.even-grandma-will-approve-container .callout .grid-container {
  padding: 0px 24px;
}

.even-grandma-will-approve-container .callout .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.even-grandma-will-approve-container .callout .grid-container .grid-margin-x .cell {
  margin: 0px;
  width: 100%;
}

.even-grandma-will-approve-container .callout .grid-container .grid-margin-x .cell p {
  color: #444444 !important;
  font-size: 1.125rem !important;
  line-height: 1.625rem !important;
  text-align: left !important;
  padding: 48px 0 0 0;
  max-width: 660px;
  margin: 0 auto;
}

.even-grandma-will-approve-container .benefits {
  background: #F7F6F7;
}

.even-grandma-will-approve-container .benefits h2 {
  padding: 88px 0 64px 0;
}

.even-grandma-will-approve-container .benefits .wrap-bg {
  background: transparent;
}

.even-grandma-will-approve-container .benefits article {
  top: initial;
  -webkit-transform: initial;
  transform: initial;
  padding: 0 48px 0 0;
}

.even-grandma-will-approve-container .benefits .grid-x {
  padding: 0 12px;
  height: initial;
}

.even-grandma-will-approve-container .benefits h3 {
  margin: 24px 0 24px 0;
}

.even-grandma-will-approve-container .benefits .content {
  margin: 0 0 88px 0;
  padding: 0 12px;
  height: initial;
}

.even-grandma-will-approve-container .benefits .content p a {
  border-bottom: none;
  line-height: 1.250rem;
  color: #A61D55;
  border: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  height: initial;
}

.even-grandma-will-approve-container .benefits .content div img {
  float: unset !important;
  margin: 0;
  width: initial !important;
}

.even-grandma-will-approve-container .benefits .content div h5 {
  font-size: 1.063em;
  line-height: 1.563rem;
  color: #585858;
}

.even-grandma-will-approve-container .benefits .visual {
  margin: 0 0 32px 0;
}

.even-grandma-will-approve-container .benefits .get-started {
  border-bottom: none;
  height: initial;
  padding: 0 0 48px 0;
  text-align: center;
}

.even-grandma-will-approve-container .benefits .get-started a {
  background: transparent;
  height: 56px;
  line-height: 56px;
  text-align: center;
  display: inline-block;
  padding: 0;
  width: 300px;
  color: #212121;
  margin: 0;
  border-radius: 4px;
  box-sizing: content-box;
  font-size: 1rem;
}

.even-grandma-will-approve-container .faq {
  padding: 0;
  margin: 0 0 24px 0;
}

.even-grandma-will-approve-container .faq h2 {
  padding: 88px 24px 48px 24px;
  margin: 0;
}

.even-grandma-will-approve-container .faq a.view-faq {
  display: block;
}

.even-grandma-will-approve-container .faq .grid-container {
  padding: 0px;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x {
  margin-left: 12px;
  margin-right: 12px;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell {
  margin: 0 12px;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell .fact {
  margin: 0 0 64px 0;
  display: inline-block;
  background-color: #fff;
  max-width: 460px;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell .fact h6 {
  margin: 0 0 24px 0;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell .fact p {
  margin: 0px;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell .fact p a {
  border-bottom: none;
  line-height: 1.250rem;
  color: #008489;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell .no-pad {
  margin: 0px;
}

.even-grandma-will-approve-container .next {
  margin: 0;
  background-color: #2e2d3f;
  padding: 40px 0;
}

.even-grandma-will-approve-container .next .grid-container {
  padding: 0 24px;
}

.even-grandma-will-approve-container .next .grid-container .cell {
  padding: 48px 0;
}

.even-grandma-will-approve-container .next h6 {
  text-transform: initial;
  color: #FFA890;
  margin: 0 0 24px 0;
  font-size: 1.250rem;
  line-height: 1.625rem;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.even-grandma-will-approve-container .next h4 {
  margin: 24px 0 24px 0;
  color: #fff;
}

.even-grandma-will-approve-container .next a {
  width: 100%;
  position: relative;
  border: transparent;
  color: #008489;
  display: inline-block;
  text-align: left;
  margin: 8px 0 0 0;
  font-size: 1.0625rem;
  line-height: 1.47059em !important;
  color: #fff;
}

.even-grandma-will-approve-container .next a img {
  margin: -2px 0 0 4px;
}

.even-grandma-will-approve-container section.cta-primary h4 {
  color: #fff;
}

/* create anything */
.create-anything {
  background-color: #FFFCF8;
  height: 800px;
  position: relative;
}

.create-anything .grid-container {
  max-width: initial;
  padding-left: 24px;
  padding-right: 24px;
}

.create-anything .content {
  position: relative;
  height: 800px;
  padding: 80px 0;
  max-width: 660px;
  margin: 0 auto;
  padding: 0 32px;
}

.create-anything .bottom-sit {
  position: absolute;
  bottom: 80px;
}

.create-anything h2 {
  font-size: 80px;
  line-height: 80px;
  color: #000 !important;
  letter-spacing: 0;
  padding: 0;
  font-weight: 700 !important;
  margin: 80px 0 0 0;
}

.create-anything h2 em {
  display: inline-block;
  margin-left: 0px;
  margin-top: 4px;
  font-style: normal;
}

.create-anything p {
  font-size: 28px;
  line-height: 32px;
  max-width: initial;
  font-weight: 600;
  padding: 32px 0 0 0;
  text-align: left;
  margin: 0px;
}

.create-anything p span {
  opacity: .5;
}

.create-anything .create .content article {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
}

.create-anything .create .content article p {
  font-family: system-medium;
  color: #fff;
  max-width: 440px;
}

.create-anything .create .content article h2 {
  color: #fff;
  margin: 0 auto;
}

.create-anything .create .content article a {
  color: #fff;
}

@keyframes marquee {
  from {
    margin-left: 0%;
  }
  to {
    margin-left: -100%;
  }
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0);
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(360deg);
  }
  to {
    -moz-transform: rotate(0);
  }
}

@-ms-keyframes rotate {
  .create-anything .create from {
    -ms-transform: rotate(360deg);
  }
  .create-anything .create to {
    -ms-transform: rotate(0);
  }
}

@-o-keyframes rotate {
  from {
    -o-transform: rotate(360deg);
  }
  to {
    -o-transform: rotate(0);
  }
}

@keyframes rotate {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0);
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-210px * 5));
  }
}

@keyframes shine {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 200px;
  }
}

.create-anything .create .slider {
  background: white;
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  cursor: auto;
  height: 400px;
  margin: 0px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
  -ms-touch-action: initial;
  touch-action: initial;
}

.create-anything .create .slider .slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(210px * 10);
}

.create-anything .create .slider .slide-track-slow {
  animation: scroll 80s linear infinite;
  display: flex;
  width: calc(210px * 10);
}

.create-anything .create .slider .slide-track-reverse {
  animation: scroll 20s linear infinite;
  animation-direction: reverse;
  display: flex;
  width: calc(210px * 10);
}

.create-anything .create .slider .slide {
  height: 400px;
  width: 210px;
  position: relative;
  text-align: center;
}

.create-anything .create .visual {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.create-anything .create .visual span {
  color: #fff;
  font-size: 17px;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  font-weight: 600;
  line-height: 20px;
}

section.sample-registry {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 800px;
}

section.sample-registry .grid-container {
  padding-right: 0;
  padding-left: 0;
  max-width: initial;
  margin: 0 auto;
}

section.sample-registry .background {
  height: 800px;
  position: relative;
  background-color: #000;
  background: url(../images/surfing-vid-test-5.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

section.sample-registry .button-place {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

section.sample-registry .button-place a {
  width: 520px;
  position: relative;
  display: inline-block;
}

section.sample-registry video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
  background: #002B3A cover no-repeat 50% 50%;
}

/* Value */
.neu-registry {
  background-color: tan;
}

.neu-website {
  background-color: #006366;
}

.neu-guests {
  background-color: grey;
}

.hitchd-free-panel {
  background-color: #F1F1EF;
}

.hitchd-free-panel .pricing-section {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 2rem;
  padding: 100px 0 40px 0;
  max-width: 1200px;
  margin: auto;
  flex-direction: column;
}

.hitchd-free-panel .pricing-section h2 {
  text-align: center;
  font-weight: 600;
  letter-spacing: 0;
  font-size: 48px;
  line-height: 1.0714285714;
  margin: 0 0 64px 0;
  color: #000;
}

.hitchd-free-panel .pricing-section .pricing-section-wrap {
  display: flex;
  justify-content: center;
  gap: 80px;
  padding: 0 24px;
  flex-wrap: wrap;
}

.hitchd-free-panel .pricing-section .pricing-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 16px;
  padding: 64px 0;
  text-align: center;
  max-width: 400px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  height: 400px;
  min-width: 300px;
}

.hitchd-free-panel .pricing-section .pricing-box h3 {
  font-size: 100px;
  color: #111212;
  margin: 0;
  line-height: 1;
  font-weight: 400;
}

.hitchd-free-panel .pricing-section .pricing-box p {
  font-size: 1.5rem;
  color: #3e006f;
  /* Match the h2 color */
  margin: 0;
}

.hitchd-free-panel .pricing-section .features-list {
  flex: 2;
  display: flex;
  flex-direction: column;
  max-width: 400px;
  justify-content: center;
}

.hitchd-free-panel .pricing-section .features-list h3 {
  font-size: 2rem;
  color: #3e006f;
  /* Dark purple */
  margin-bottom: 1rem;
}

.hitchd-free-panel .pricing-section .features-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hitchd-free-panel .pricing-section .features-list li {
  font-size: 20px;
  color: #111212;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
  justify-content: flex-start;
  white-space: nowrap;
}

.hitchd-free-panel .pricing-section .features-list li::before {
  content: '✓';
  font-size: 1.6rem;
  color: #111212;
  margin-right: 0.5rem;
}

.hitchd-free-panel .how-we-make-money {
  text-align: center;
  padding: 32px 32px 100px 32px;
  max-width: 800px;
  margin: 32px auto 0 auto;
}

.hitchd-free-panel .how-we-make-money h3 {
  font-size: 20px;
  color: #111212;
  margin-bottom: 16px;
  font-weight: 600;
}

.hitchd-free-panel .how-we-make-money p {
  font-size: 16px;
  color: #111212;
  line-height: 1.5;
  text-wrap: balance;
}

section.value section.comparison {
  padding: 100px;
  text-align: center;
}

section.value section.comparison .hitchd-list {
  background: rgba(0, 0, 0, 0.12);
}

section.value section.comparison .comp-block {
  margin: 39px 0 0 0;
}

section.value section.comparison h2 {
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
  letter-spacing: -0.018em;
  margin: 0;
  width: 580px;
  color: #000;
  margin: 0 0 24px 0;
  vertical-align: top;
  display: inline-block;
}

section.value section.comparison .tabular {
  margin: 64px 0 0 0;
}

section.value section.comparison .tabular .display {
  text-align: left;
}

section.value section.comparison .tabular h5 {
  margin: 0 0 16px 0;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

section.value section.comparison .tabular h5.light {
  color: #737373;
}

section.value section.comparison .tabular ul {
  margin: 0;
}

section.value section.comparison .tabular ul li {
  list-style-type: none;
  font-size: 16px;
  letter-spacing: 0;
  border-bottom: 1px solid #eee;
  height: 48px;
  line-height: 48px;
  font-weight: 500;
}

section.value section.comparison .tabular ul li:last-of-type {
  border-bottom: none !important;
}

section.value .left-marquee {
  overflow: hidden;
  background: #111;
  padding: 20px 0;
}

section.value .left-marquee p.marquee {
  min-width: 100%;
  animation: marquee 30s linear infinite;
  display: inline-flex;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

section.value .left-marquee p.marquee span {
  display: inline-block;
  margin: 0 28px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: .64px !important;
  opacity: 1;
  width: initial;
  min-width: fit-content;
}

section.value .right-marquee {
  overflow: hidden;
  background: #111;
  padding: 20px 0;
}

section.value .right-marquee p.marquee {
  min-width: 100%;
  animation: marquee 30s linear infinite;
  display: inline-flex;
  align-content: center;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  animation-direction: reverse;
}

section.value .right-marquee p.marquee span {
  display: inline-block;
  margin: 0 28px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: .64px !important;
  opacity: 1;
  width: initial;
  min-width: fit-content;
}

section.value .grid-x {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

section.value .grid-container {
  padding-right: 0;
  padding-left: 0;
  max-width: initial;
}

section.value .visual {
  padding: 200px 0;
}

section.value .content {
  max-width: 660px;
  margin: 0 auto;
  padding: 0 32px;
}

section.value .content .grid-x {
  -webkit-box-align: initial !important;
  align-items: initial !important;
  flex-flow: initial !important;
  display: initial !important;
}

section.value h2 {
  font-weight: 600;
  letter-spacing: 0;
  font-size: 48px;
  line-height: 1.0714285714;
  margin: 0;
  color: #000;
}

section.value h2.micro {
  font-size: 38px !important;
  line-height: 42px !important;
  font-weight: 600 !important;
  max-width: 440px !important;
}

section.value span {
  color: black;
  margin: 0 0 24px 0;
  font-size: 32px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  display: inline-block;
}

section.value span span.light {
  border-bottom: 2px solid #fff;
  width: 28px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px 0 0;
}

section.value span.uppercase {
  max-width: 550px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
  clear: both;
  position: relative;
  width: auto;
  display: block;
}

section.value p {
  letter-spacing: 0;
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 500;
  color: #000;
  margin: 24px 0;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

section.value p span {
  opacity: .52;
  font-size: 21px;
  line-height: 1.1904761905;
  font-weight: 500;
  letter-spacing: 0 !important;
  max-width: initial !important;
  display: initial;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

section.value p.micro {
  font-size: 18px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
  max-width: 550px !important;
}

section.value a {
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 500;
  letter-spacing: 0;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 4px 0;
  color: #000;
  /* font-size: 17px; */
  /* line-height: 1.1904761905; */
  font-weight: 600;
  letter-spacing: 0;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  border-bottom: 2px solid transparent;
}

section.value a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

section.value a:hover:after {
  width: 0;
  left: 0;
}

section.value a:hover {
  color: #000;
  border-bottom: 2px solid transparent;
}

section.value a:active {
  color: #000;
}

section.value a:visited {
  color: #000;
}

section.value a.micro {
  font-size: 18px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
}

section.value a.micro-para {
  font-size: 18px !important;
  line-height: 21px !important;
  font-weight: 500 !important;
  padding: 0px !important;
  margin: 0px !important;
}

section.value a.light {
  color: #fff;
}

section.value a.light:after {
  background-color: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

section.value a.light:hover:after {
  width: 0;
  left: 0;
}

section.value .create {
  background: #fff;
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.value .create .content article {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
}

section.value .create .content article p {
  font-family: system-medium;
  color: #fff;
  max-width: 440px;
}

section.value .create .content article h2 {
  color: #fff;
  margin: 0 auto;
}

section.value .create .content article a {
  color: #fff;
}

@keyframes marquee {
  from {
    margin-left: 0%;
  }
  to {
    margin-left: -100%;
  }
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0);
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(360deg);
  }
  to {
    -moz-transform: rotate(0);
  }
}

@-ms-keyframes rotate {
  section.value .create from {
    -ms-transform: rotate(360deg);
  }
  section.value .create to {
    -ms-transform: rotate(0);
  }
}

@-o-keyframes rotate {
  from {
    -o-transform: rotate(360deg);
  }
  to {
    -o-transform: rotate(0);
  }
}

@keyframes rotate {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0);
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-210px * 5));
  }
}

@keyframes shine {
  0% {
    background-position: 0;
  }
  100% {
    background-position: 200px;
  }
}

section.value .create .slider {
  background: white;
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  cursor: auto;
  height: 400px;
  margin: 0px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
  -ms-touch-action: initial;
  touch-action: initial;
}

section.value .create .slider .slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(210px * 10);
}

section.value .create .slider .slide-track-reverse {
  animation: scroll 20s linear infinite;
  animation-direction: reverse;
  display: flex;
  width: calc(210px * 10);
}

section.value .create .slider .slide {
  height: 400px;
  width: 210px;
  position: relative;
  text-align: center;
}

section.value .create .visual {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

section.value .create .visual span {
  color: #fff;
  font-size: 17px;
  position: absolute;
  bottom: 4px;
  left: 0;
  right: 0;
  font-weight: 600;
  line-height: 20px;
}

section.value .fund {
  background: #1f1f1f;
  position: relative;
  height: 800px;
}

section.value .fund .grid-x {
  height: 800px;
}

section.value .fund h2 {
  color: #fff;
}

section.value .fund span {
  color: #fff;
}

section.value .fund span.uppercase {
  color: #fff;
  max-width: 550px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
}

section.value .fund p {
  color: white;
}

section.value .fund .visual {
  background: #1f1f1f;
  margin: 0;
  padding: 64px 40px 64px 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  height: 100%;
}

section.value .fund .visual span {
  position: absolute;
  color: #fff;
  transform: rotate(-90deg);
  font-weight: 700;
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 50%;
}

section.value .fund .visual-full {
  padding: 0px !important;
}

section.value .one-place {
  background: #2e2d2a !important;
  position: relative;
  height: 800px;
}

section.value .one-place .grid-x {
  height: 800px;
}

section.value .one-place h2 {
  color: #fff;
}

section.value .one-place span {
  color: #fff;
}

section.value .one-place span.uppercase {
  color: #fff;
  max-width: 550px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
}

section.value .one-place p {
  color: white;
}

section.value .one-place .visual {
  background: #1f1f1f;
  margin: 0;
  padding: 64px 40px 64px 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  height: 100%;
}

section.value .one-place .visual .img {
  z-index: 1;
  margin: 0;
  height: initial;
  background-color: #ccc;
  background-image: url(../images/flower-field.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px;
}

section.value .one-place .visual .img img.b-test {
  width: 100%;
  max-width: 642px;
}

section.value .one-place .visual span {
  position: absolute;
  color: #fff;
  transform: rotate(-90deg);
  font-weight: 700;
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 50%;
}

section.value .one-place .visual-full {
  padding: 0px !important;
}

section.value .love-story {
  background: #FFF;
  position: relative;
  height: 800px;
}

section.value .love-story .grid-x {
  height: 800px;
}

section.value .love-story h2 {
  color: #000;
}

section.value .love-story span {
  color: #000;
}

section.value .love-story span.uppercase {
  color: #000;
  max-width: 550px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
}

section.value .love-story p {
  color: black;
}

section.value .love-story .visual {
  background: #1f1f1f;
  margin: 0;
  padding: 64px 40px 64px 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  height: 100%;
}

section.value .love-story .visual .img {
  z-index: 1;
  margin: 0;
  height: initial;
  background-color: #ccc;
  background-image: url(../images/dark-florals.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px;
}

section.value .love-story .visual .img img.b-test {
  width: 100%;
  max-width: 642px;
}

section.value .love-story .visual span {
  position: absolute;
  color: #fff;
  transform: rotate(-90deg);
  font-weight: 700;
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 50%;
}

section.value .love-story .visual-full {
  padding: 0px !important;
}

section.value .start {
  background: #fff;
}

section.value .start .visual span {
  position: absolute;
  color: #fff;
  transform: rotate(-90deg);
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
}

section.value .start .visual span.uppercase {
  color: #fff;
  max-width: 550px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
}

section.value .start .visual .img {
  width: 288px;
  height: 510px;
  margin: 0 auto;
  z-index: 1;
}

section.value .final {
  background: #fff;
}

section.value .final .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-values-thank-guests-personally-bg.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.value .final .visual .img {
  width: 100%;
  max-width: 685px;
  margin: 0 auto;
  padding: 24px;
}

section.value .final .content a {
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  color: #000 !important;
}

section.value .final .content a:after {
  background-color: #000 !important;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

section.value .final .content a:active {
  color: #000 !important;
}

section.value .final .content a:visited {
  color: #000 !important;
}

section.value .ven-add {
  background: #20303A;
}

section.value .ven-add .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-values-thank-guests-personally-bg.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.value .ven-add .visual .img {
  width: 288px;
  height: 510px;
  margin: 0 auto;
  z-index: 1;
}

section.value .ven-add .content span {
  color: #fff !important;
}

section.value .ven-add .content h2 {
  color: #fff !important;
}

section.value .ven-add .content p {
  color: white !important;
}

section.value .ven-add .content a {
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  color: #fff;
}

section.value .ven-add .content a:after {
  background-color: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

section.value .ven-add .content a:hover:after {
  width: 0;
  left: 0;
}

section.value .ven-add .content a:active {
  color: #fff;
}

section.value .ven-add .content a:visited {
  color: #fff;
}

section.value .stripe-add {
  background: #20303A;
}

section.value .stripe-add .visual {
  background: #dedede;
  margin: 0;
  padding: 150px 0;
  background-image: url(../images/hitchd-values-thank-guests-personally-bg.webp);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.value .stripe-add .visual .img {
  width: 685px;
  height: 420px;
  margin: 0 auto;
  z-index: 1;
}

section.value .stripe-add .content span {
  color: #fff !important;
}

section.value .stripe-add .content h2 {
  color: #fff !important;
}

section.value .stripe-add .content p {
  color: white !important;
}

section.value .stripe-add .content a {
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  color: #fff;
}

section.value .stripe-add .content a:after {
  background-color: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

section.value .stripe-add .content a:hover:after {
  width: 0;
  left: 0;
}

section.value .stripe-add .content a:active {
  color: #fff;
}

section.value .stripe-add .content a:visited {
  color: #fff;
}

section.value .thank {
  background: #263845;
  position: relative;
}

section.value .thank .grid-x {
  height: 800px;
}

section.value .thank h2 {
  color: #fff;
}

section.value .thank a {
  color: #fff;
}

section.value .thank span {
  color: #fff;
}

section.value .thank span.uppercase {
  color: #fff;
  max-width: 550px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
}

section.value .thank p {
  color: #fff;
}

section.value .thank .visual {
  margin: 0;
  padding: 64px 20px 64px 40px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  height: 100%;
}

section.value .thank .visual span {
  position: absolute;
  color: #fff;
  transform: rotate(-90deg);
  font-weight: 700;
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 50%;
}

section.value .thank .visual-full {
  padding: 0px !important;
  overflow: hidden;
  background: #A5A097;
}

section.value .thank .visual-full video {
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

section.value .thank-b-test {
  background: #DCDAD5 !important;
}

section.value .thank-b-test .content span {
  color: #000 !important;
}

section.value .thank-b-test .content h2 {
  color: #000 !important;
}

section.value .thank-b-test .content p {
  color: #000 !important;
}

section.value .thank-b-test .content a {
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  color: #000;
}

section.value .thank-b-test .content a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

section.value .thank-b-test .content a:hover:after {
  width: 0;
  left: 0;
}

section.value .thank-b-test .content a:active {
  color: #000;
}

section.value .thank-b-test .content a:visited {
  color: #000;
}

section.value .pp-tacky {
  background: #EBEBE8 !important;
}

section.value .pp-tacky .grid-x {
  height: 800px;
}

section.value .pp-tacky .visual {
  background: #1f2517;
  margin: 0;
  padding: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  height: 100%;
}

section.value .pp-tacky .visual .img {
  z-index: 1;
  margin: 0;
  height: initial;
  background-color: #ccc;
  background-image: url(../images/hitchd-honeymoon-registry-make-it-you-01-bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px;
}

section.value .pp-tacky .visual .img img {
  width: 288px;
  height: 510px;
  margin: 0 auto;
  z-index: 1;
}

section.value .launch {
  background: #020300;
  position: relative;
  height: 800px;
}

section.value .launch .grid-x {
  height: 800px;
}

section.value .launch h2 {
  color: #fff;
}

section.value .launch span {
  color: #fff;
  margin: 0 0 24px 0;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  display: inline-block;
}

section.value .launch span.uppercase {
  color: #fff;
  max-width: 550px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
}

section.value .launch p {
  color: rgba(255, 255, 255, 0.88);
}

section.value .launch .visual {
  background: #020300;
  margin: 0;
  padding: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  height: 100%;
}

section.value .launch .visual span {
  position: absolute;
  color: #fff;
  transform: rotate(-90deg);
  font-weight: 700;
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 50%;
}

section.value .share {
  background: #fff;
}

section.value .share .visual span {
  position: absolute;
  color: #fff;
  transform: rotate(-90deg);
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
}

section.value .share .visual span.uppercase {
  color: #fff;
  max-width: 550px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
}

section.value .share .visual .img {
  width: 288px;
  height: 510px;
  margin: 0 auto;
  z-index: 1;
}

section.value .personalize {
  background: #1f2517;
}

section.value .personalize h2 {
  color: #fff;
}

section.value .personalize h3 {
  color: #fff;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  margin: 24px 0 40px 0;
}

section.value .personalize span {
  color: #fff;
}

section.value .personalize p {
  color: #fff;
}

section.value .personalize ol {
  margin: 0px;
}

section.value .personalize ol li {
  color: #fff;
  list-style-type: none;
  margin: 24px 0;
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 500;
}

section.value .personalize ol li strong {
  font-weight: 500;
}

section.value .personalize .visual span {
  position: absolute;
  color: #fff;
  transform: rotate(-90deg);
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
}

section.value .personalize .visual span.uppercase {
  color: #fff;
  max-width: 550px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
}

section.value .personalize .visual .img {
  overflow: hidden;
}

section.value .rsvp {
  background: #0f1300 !important;
}

section.value .rsvp .visual .img {
  background-image: url(../images/green-silk.jpg) !important;
}

section.value .rsvp .visual .img img.b-test {
  width: 100%;
  max-width: 642px;
}

section.value .how-work-container {
  background: #fff !important;
  padding: 100px 0 64px;
}

section.value .how-work-container .inner {
  margin: 0 auto;
  max-width: 1024px;
  text-align: center;
}

section.value .workings {
  background: #03181c !important;
  padding: 0;
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

section.value .workings .grid-x {
  height: 800px;
}

section.value .workings h2 {
  font-weight: 600;
  letter-spacing: 0;
  font-size: 48px;
  line-height: 1.0714285714;
  margin: 0;
  color: #000;
}

section.value .workings h3 {
  font-weight: 600;
  letter-spacing: 0;
  font-size: 48px;
  line-height: 1.0714285714;
  margin: 0 0 24px 0;
  color: #fff;
}

section.value .workings span {
  color: #fff;
}

section.value .workings a {
  color: #fff;
}

section.value .workings p {
  color: #fff;
}

section.value .workings ol {
  margin: 0px;
}

section.value .workings ol li {
  color: #fff;
  list-style-type: none;
  margin: 24px 0;
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 500;
  margin: 24px 0 24px 0;
}

section.value .workings ol li:first-of-type {
  margin: 24px 0 0 0;
}

section.value .workings ol li strong {
  font-weight: 500;
}

section.value .workings .visual {
  background: #1f2517;
  margin: 0;
  padding: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  height: 100%;
}

section.value .workings .visual span {
  position: absolute;
  color: #fff;
  transform: rotate(-90deg);
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
}

section.value .workings .visual span.uppercase {
  color: #fff;
  max-width: 550px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
}

section.value .workings .visual .img {
  overflow: hidden;
}

section.value .workings .visual .img {
  z-index: 1;
  margin: 0;
  height: initial;
  background-color: #ccc;
  background-image: url(../images/hitchd-honeymoon-registry-how-it-works-01-bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px;
}

section.value .workings .visual .img img {
  width: 288px;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  max-width: 685px;
  height: initial;
}

section.value .receive {
  background: #1f1f1f;
  position: relative;
  height: 800px;
}

section.value .receive .grid-x {
  height: 800px;
}

section.value .receive h2 {
  color: #fff;
}

section.value .receive span {
  color: #fff;
  margin: 0 0 24px 0;
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  display: inline-block;
}

section.value .receive span.uppercase {
  color: #fff;
  max-width: 550px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
}

section.value .receive p {
  color: rgba(255, 255, 255, 0.88);
}

section.value .receive .visual {
  background: #1f1f1f;
  margin: 0;
  padding: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  height: 100%;
}

section.value .receive .visual span {
  position: absolute;
  color: #fff;
  transform: rotate(-90deg);
  font-weight: 700;
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 50%;
}

section.value .guests {
  background: #fff;
}

section.value .guests .grid-x {
  height: 800px;
  border-bottom: none;
}

section.value .guests .visual {
  margin: 0;
  padding: 64px 40px 64px 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  height: 100%;
}

section.value .guests .visual span {
  position: absolute;
  color: #fff;
  transform: rotate(-90deg);
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
}

section.value .guests .visual span.uppercase {
  color: #fff;
  max-width: 550px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
}

section.value .guests .visual .img {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px;
}

section.value .guests .visual .img img {
  width: 100%;
  max-width: 685px;
  margin: 0 auto;
}

section.testimonial {
  background: #f6f3ef !important;
  padding: 0px 0 96px 0;
}

section.testimonial .grid-x {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

section.testimonial .grid-container {
  padding-right: 0;
  padding-left: 0;
  max-width: initial;
}

section.testimonial .visual {
  padding: 200px 0;
}

section.testimonial .content {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 32px;
}

section.testimonial .content .grid-x {
  -webkit-box-align: initial !important;
  align-items: initial !important;
  flex-flow: initial !important;
  display: initial !important;
}

section.testimonial h2 {
  margin: 0 auto;
  padding: 140px 0 88px 0;
  text-wrap: balance;
  max-width: 20ch;
  text-align: center;
  text-align: center;
  font-size: clamp(42px, 3.3vw, 48px) !important;
  line-height: 112% !important;
  letter-spacing: -.02em !important;
  font-weight: 400 !important;
}

section.testimonial span.lead-in {
  padding: 16px 0 88px 0;
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  font-weight: 400;
  /* color: #fff; */
  line-height: 1.4;
  max-width: 50ch;
  text-wrap: balance;
}

section.testimonial h3 {
  margin: 8px auto 48px auto;
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
}

section.testimonial .test-p {
  margin: 0 auto !important;
  display: block;
  max-width: 450px;
}

section.testimonial .pricing-a {
  margin: 24px 0 16px 0;
}

section.testimonial span {
  color: black;
  margin: 0 0 24px 0;
  font-size: 32px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  display: inline-block;
}

section.testimonial span span.light {
  border-bottom: 2px solid #fff;
  width: 28px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 12px 0 0;
}

section.testimonial span.uppercase {
  max-width: 550px;
  margin: 0 0 24px 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
  clear: both;
  position: relative;
  width: auto;
  display: block;
}

section.testimonial p {
  max-width: 720px;
  color: #000;
  margin: 0 auto;
  padding: 0;
  font-size: 19px;
  letter-spacing: 0;
  line-height: 28px;
  display: inline-block;
  margin: 0;
}

section.testimonial a {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
}

section.testimonial a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

section.testimonial a:hover:after {
  width: 0;
  left: 0;
}

section.testimonial a:active {
  color: #000;
}

section.testimonial a:visited {
  color: #000;
}

section.testimonial a.light {
  color: #fff;
}

section.testimonial a.light:after {
  background-color: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

section.testimonial a.light:hover:after {
  width: 0;
  left: 0;
}

section.testimonial .quotes {
  background: #f6f3ef;
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin: 32px 0 24px 0;
}

section.testimonial .quotes .content article {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  text-align: center;
}

section.testimonial .quotes .content article p {
  font-family: system-medium;
  color: #fff;
  max-width: 440px;
}

section.testimonial .quotes .content article h2 {
  color: #fff;
  margin: 0 auto;
}

section.testimonial .quotes .content article a {
  color: #fff;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-210px * 5));
  }
}

section.testimonial .quotes .slider {
  background: #f6f3ef;
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  cursor: auto;
  height: 294px;
  margin: 0px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
  -ms-touch-action: initial;
  touch-action: initial;
}

section.testimonial .quotes .slider .slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(380px * 10);
}

section.testimonial .quotes .slider .slide-track ul {
  margin: initial;
  display: contents;
  list-style-type: initial;
  list-style-position: initial;
  line-height: initial;
}

section.testimonial .quotes .slider .slide-track ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

section.testimonial .quotes .slider .slide-track-slow {
  animation: scroll 80s linear infinite;
  display: flex;
  width: calc(210px * 10);
}

section.testimonial .quotes .slider .slide-track-reverse {
  animation: scroll 20s linear infinite;
  animation-direction: reverse;
  display: flex;
  width: calc(380px * 10);
}

section.testimonial .quotes .slider .slide-track-reverse ul {
  margin: initial;
  display: contents;
  list-style-type: initial;
  list-style-position: initial;
  line-height: initial;
}

section.testimonial .quotes .slider .slide-track-reverse ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

section.testimonial .quotes .slider .slide {
  height: 264px;
  width: 380px;
  position: relative;
  text-align: left;
  padding: 24px;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
  margin: 12px;
  display: inline-table;
  border-radius: 12px;
  flex-shrink: 0;
  padding: 0;
  transition: all .3s ease;
}

section.testimonial .quotes .slider .slide a {
  padding: 24px;
  height: 100%;
}

section.testimonial .quotes .slider .slide a:after {
  display: none;
}

section.testimonial .quotes .slider .slide a blockquote {
  line-height: inherit;
  color: initial;
  margin: initial;
  padding: initial;
  border: none;
  background: transparent;
  margin: 24px 0 0 0;
}

section.testimonial .quotes .slider .slide img {
  height: 24px;
}

section.testimonial .quotes .slider .slide .bottom img {
  margin: -1px 3px 0 0;
  vertical-align: middle;
  height: 16px;
  width: 16px;
}

section.testimonial .quotes .slider .slide:hover {
  transform: scale(1.01);
}

section.testimonial .quotes .visual {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

section.testimonial .quotes .visual p {
  color: #000;
  font-size: 16px;
  position: relative;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 22px;
  text-align: left;
  white-space: initial;
  margin: 16px 0 0 0;
  display: block;
}

section.testimonial .quotes .visual h5 {
  color: #000;
  font-size: 18px;
  position: relative;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.25;
  text-align: left;
  white-space: initial;
  margin: 24px 0 0 0;
  display: block;
  text-indent: -7px;
}

section.testimonial .quotes .visual .bottom {
  position: absolute;
  left: 24px;
  bottom: 0;
  width: calc(100% - 48px);
  display: flex;
  align-items: center;
  background: transparent;
  padding: 0;
  margin: 0 0 24px 0;
  gap: 4px;
}

section.testimonial .quotes .visual .bottom img {
  margin: 0;
  height: 16px;
  width: 16px;
  display: flex;
}

section.testimonial .quotes .visual .bottom cite {
  font-size: 15px;
  line-height: 20px;
  color: #000;
  font-weight: 500;
  margin: 0;
  display: block;
  font-style: normal;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

section.testimonial .quotes .visual .bottom h6 {
  font-size: 15px;
  line-height: 20px;
  color: #000;
  font-weight: 600;
  margin: 0 0 -2px 0;
  display: block;
  font-style: normal;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

section.testimonial .quotes .visual .bottom h6:hover {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

section.testimonial .quotes .visual .bottom h6:hover:after {
  content: '';
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 100px;
  position: relative;
  height: 26px;
  width: calc(100% + 18px);
  display: block;
  top: -22px;
  left: -12px;
  cursor: pointer;
}

section.testimonial .quotes .visual .bottom em {
  font-size: 15px;
  line-height: 24px;
  color: #000;
  font-weight: 600;
  margin: 0 0 -2px 0;
  display: block;
  font-style: normal;
}

section.testimonial .quotes .visual .bottom span {
  font-size: 13px;
  line-height: 20px;
  color: #444;
  font-weight: 400;
  margin: 0;
  margin-left: auto;
  display: flex;
  gap: 8px;
  align-items: center;
  text-transform: none;
}

section.testimonial .quotes .visual .bottom span svg {
  vertical-align: middle;
  margin: -1px 3px 0 0;
}

section.faq-section {
  padding: 140px 0;
}

section.faq-section .grid-container {
  padding-right: 24px;
  padding-left: 24px;
  max-width: 80rem;
  margin: 0 auto;
  max-width: 1680px;
  padding: 0 56px;
}

section.faq-section h2 {
  font-size: clamp(42px, 3.3vw, 48px) !important;
  line-height: 112% !important;
  letter-spacing: -.04em !important;
  font-weight: 400;
}

section.faq-section h3 {
  font-size: 22px;
  line-height: 22px;
  padding: 0;
  margin: 0;
}

section.faq-section .accordion {
  margin: 0;
  max-width: initial;
}

section.faq-section .toggle {
  display: none;
}

section.faq-section .option {
  position: relative;
  margin-bottom: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

section.faq-section .option:first-of-type {
  border: none;
}

section.faq-section .title,
section.faq-section .content {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.2s;
}

section.faq-section .title {
  background: #fff;
  padding: 20px 0;
  display: block;
  color: #111212;
  font-weight: 500;
  cursor: pointer;
  margin: 0;
  font-size: 14px;
}

section.faq-section .title:after, section.faq-section .title:before {
  content: '';
  position: absolute;
  right: 1.25em;
  top: 24px;
  width: 1.5px;
  height: 13px;
  background-color: #A9ABAE;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

section.faq-section .title:after {
  transform: rotate(90deg);
}

section.faq-section .content {
  max-height: 0;
  overflow: hidden;
  background-color: #fff;
  margin: 0 0 0 0;
}

section.faq-section .content p {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  max-width: 60ch;
}

section.faq-section .content p strong {
  color: #393C3C;
  font-weight: 500;
}

section.faq-section .toggle:checked + .title + .content {
  max-height: 500px;
}

section.faq-section .toggle:checked + .title:before {
  transform: rotate(90deg) !important;
}

/* 404 Page */
.not-found-container {
  background-color: #0f0f10;
  background: url(/assets/public/images/blocking.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  color: #fff;
}

.not-found-container:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: rgba(15, 15, 16, 0.2);
}

.not-found-container .logo {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 99999;
}

.not-found-container .linker {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 9999999;
  color: #fff;
  text-transform: none;
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin: 0;
  line-height: 24px;
  font-size: 17px !important;
  /* text-transform: uppercase; */
}

.not-found-container .wrapper {
  z-index: 999999;
  padding: 0 20px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  z-index: 9999999;
  text-align: center;
}

.not-found-container .wrapper h1 {
  font-size: 1.875rem;
  line-height: 36px;
  color: #fff;
  font-weight: 600;
}

.not-found-container .wrapper p {
  font-size: 14px;
  line-height: 1.7;
  color: #575A5D;
}

.not-found-container .wrapper a.button {
  background: #1C1D1E;
  width: 100%;
  height: 52px;
  line-height: 52px;
  text-align: center;
  margin: 32px 0 0 0;
  border-radius: 0px;
  display: inline-block;
  color: #fff;
  padding: 0px;
  background: #fff;
  color: #1C1D1E;
  z-index: 9999999;
  width: initial;
  padding: 0 44px;
  border-radius: 68px;
  font-size: 17px;
  line-height: 52px;
  font-weight: 500;
  padding: 0 24px !important;
  box-sizing: content-box;
}

.not-found-footer {
  color: #575A5D;
  padding: 32px 20px;
  background: #F7F7F8;
  text-align: center;
}

.not-found-footer ul.links li {
  list-style-type: none;
}

.not-found-footer ul.links li a {
  display: block !important;
  font-size: 0.875rem;
  text-align: left;
  line-height: 32px;
  padding: 0 0 0 24px;
  margin: 0px 0px 6px 0px !important;
  text-align: center;
  line-height: 1.5;
  color: #616569;
  margin: 0 0 0px 0;
  font-size: 16px !important;
  line-height: 24px;
  height: initial;
  /* text-transform: uppercase; */
  padding: 0;
  text-transform: none;
  font-family: 'System-Regular', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.not-found-footer ul.social-footer {
  margin: 24px 0 0 0;
}

.not-found-footer ul.social-footer li {
  display: inline-block !important;
  font-size: 0.875rem;
  text-align: left;
  line-height: 32px;
  padding: 0 0 0 24px;
  margin: 0px !important;
  text-align: center;
  line-height: 1.5;
  color: #1C1D1E;
  margin: 0 0 0px 0;
  font-size: 11px !important;
  line-height: 24px;
  height: initial;
  text-transform: uppercase;
  padding: 0;
}

.not-found-footer ul.social-footer li a {
  padding: 12px;
}

/* Coming Soon */
.coming-soon {
  background-color: #0f0f10;
  background: url(/assets/public/images/taking-flight.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  color: #fff;
}

.coming-soon .wrapper {
  z-index: 999999;
  position: relative;
  z-index: 999999;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  z-index: 9999999;
  text-align: center;
  padding: 0 20px;
  max-width: 660px;
  margin: 0 auto;
}

.coming-soon .wrapper h1 {
  color: #fff;
  text-align: center;
  margin: 0 0 24px 0;
  padding: 0 20px;
  font-size: 48px;
  line-height: 52px;
  text-align: left;
  padding: 0;
  font-weight: 600;
}

.coming-soon .wrapper p {
  font-size: 20px !important;
  line-height: 24px !important;
  color: #fff !important;
  margin: 0 0 0 0 !important;
  display: block !important;
  position: relative !important;
  padding: 0 !important;
  font-weight: 500 !important;
  text-align: left;
}

.coming-soon .wrapper a {
  background: #1C1D1E;
  width: 100%;
  height: 56px;
  line-height: 52px;
  text-align: center;
  margin: 32px 0 0 0;
  border-radius: 0px;
  display: inline-block;
  color: #fff;
  padding: 0px;
  background: #fff;
  color: #1C1D1E;
  z-index: 9999999;
  width: initial;
  padding: 0 44px;
  border-radius: 4px;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
  font-size: 1.063rem;
  line-height: 56px;
}

.login {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 9999;
}

.login a {
  color: #fff;
  text-transform: none;
  font-family: "System-Regular", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif !important;
  margin: 0;
  line-height: 24px;
  font-size: 17px !important;
  /* text-transform: uppercase; */
}

a.hitchd-logo {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 999;
}

a.hitchd-logo img {
  display: flex;
}

.coming-soon-footer {
  color: #575A5D;
  padding: 32px 20px;
  background: #F7F7F8;
  text-align: center;
}

.coming-soon-footer ul.links li {
  list-style-type: none;
}

.coming-soon-footer ul.links li a {
  display: block !important;
  font-size: 0.875rem;
  text-align: left;
  line-height: 32px;
  padding: 0 0 0 24px;
  margin: 0px 0px 6px 0px !important;
  text-align: center;
  line-height: 1.5;
  color: #616569;
  margin: 0 0 0px 0;
  font-size: 16px !important;
  line-height: 24px;
  height: initial;
  padding: 0;
  text-transform: none;
  font-family: 'System-Regular', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.coming-soon-footer ul.social-footer {
  margin: 24px 0 0 0;
}

.coming-soon-footer ul.social-footer li {
  display: inline-block !important;
  font-size: 0.875rem;
  text-align: left;
  line-height: 32px;
  padding: 0 0 0 24px;
  margin: 0px;
  text-align: center;
  line-height: 1.5;
  color: #1C1D1E;
  margin: 0 0 0px 0;
  font-size: 11px !important;
  line-height: 24px;
  height: initial;
  text-transform: uppercase;
  padding: 0;
}

.coming-soon-footer ul.social-footer li a {
  padding: 12px;
}

/* BLOG PAGE */
.blog-container .grid-margin-x > .large-4 {
  width: calc(33.33333% - 32px);
}

.blog-container header {
  background: #f0f0f0;
}

.blog-container header .auth ul li a.secondary {
  margin: 0 16px;
  font-weight: 500;
  font-size: 16px;
  color: #000;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
}

.blog-container header .auth ul li a.primary {
  position: relative;
  /* color: #fff !important; */
  height: 48px;
  display: inline-block;
  padding: 0px 24px;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin: 0 0 0 16px;
  background: #fff;
  border-radius: 6px;
  line-height: 48px;
  font-weight: 500;
  /* border: 2px solid #2c2e2f; */
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 16px;
  color: #000;
}

.blog-container header .auth ul li a.primary:hover {
  color: #000 !important;
}

.blog-container header .logo ul li a img {
  width: initial !important;
}

.blog-container section.hero {
  height: initial;
  padding: 80px 0;
  background: #f0f0f0;
}

.blog-container section.hero .centre {
  text-align: center;
}

.blog-container section.hero .grid-container {
  padding-right: 24px;
  padding-left: 24px;
}

.blog-container section.hero h1 {
  display: inline-block;
  text-align: center;
  font-size: 44px;
  line-height: 48px;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
  color: #000;
  max-width: 480px;
  margin: 0 auto;
}

.blog-container section.hero h1 a {
  font-size: 2.250rem;
  line-height: 2.500rem;
  color: #2C2E2F;
  max-width: initial;
  border-bottom: 4px solid #2C2E2F;
}

.blog-container section.hero .cell {
  height: initial;
  margin: 0;
}

.blog-container section.hero .cell h5 {
  font-size: 1.0625rem;
  line-height: 1.47384;
  color: #2C2E2F;
}

.blog-container section.blog-post {
  position: relative;
  margin: 88px 0 40px 0;
}

.blog-container section.blog-post h2 {
  margin: 0 auto;
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
  max-width: 1280px;
  padding: 0 28px 40px 28px;
}

.blog-container section.blog-post .grid-container {
  padding: 0px;
}

.blog-container section.blog-post .grid-container .grid-margin-x {
  margin-left: 12px;
  margin-right: 12px;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell {
  margin: 0px 16px;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .header {
  height: 260px;
  width: 100%;
  background-color: #eee;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .body {
  position: relative;
  margin: 32px 0 48px 0;
  background: #fff;
  padding: 0;
  /* -webkit-box-shadow: 0 1px 2px 0 rgba(32, 48, 60, 0.14), 0 3px 3px 0 rgba(0, 0, 0, 0.04); */
  /* box-shadow: 0 1px 2px 0 rgba(32, 48, 60, 0.14), 0 3px 3px 0 rgba(0, 0, 0, 0.04); */
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .body .info {
  margin: 0 0 20px 0;
  overflow: hidden;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .body .info h6 {
  color: #212121;
  font-size: 1.063em;
  line-height: 1.375rem;
  margin: 0;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .body .info span {
  background: #737373;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  vertical-align: top;
  margin: 8px 10px 0 6px;
  display: inline-block;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .body .info .left {
  float: left;
  color: #737373;
  font-size: 15px;
  line-height: 20px;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .body .info .right {
  float: right;
  text-align: right;
  color: #737373;
  font-size: 1rem;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .body h2 {
  font-size: 26px;
  line-height: 32px;
  color: #2C2E2F;
  margin: 0 0 16px 0;
  max-width: 85%;
  font-weight: 600;
  padding: 0px;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .body h2.full {
  font-size: 26px;
  line-height: 32px;
  color: #2C2E2F;
  margin: 0 0 24px 0;
  max-width: 100% !important;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .body P {
  margin: 0;
  font-size: 17px;
  line-height: 26px;
  color: #484A4C;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .body p.feature {
  font-size: 22px;
  line-height: 30px;
  color: #111212;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .body a.primary {
  display: inline-block;
  margin: 16px 0 0 0;
  line-height: 27px;
  position: relative;
  font-size: 17px;
  font-weight: 600;
  color: #000 !important;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 0px 0;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .body a.primary:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 1px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 100%;
}

.blog-container section.blog-post .grid-container .grid-margin-x .cell .body a.primary:hover:after {
  width: 0;
  left: 0;
}

.blog-container section.blog-post .grid-container .grid-margin-x article:hover .picture-container {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  opacity: 0.80;
}

.blog-container footer {
  background: transparent;
  border: 1px solid #ebebeb;
}

.blog-view-more h2.title {
  margin: 0px 0 24px 24px !important;
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
  display: block;
}

.blog-view-more .grid-container .grid-margin-x .cell .header {
  height: 208px !important;
  margin: 24px 24px 0px 24px !important;
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  margin: 24px 0 48px;
  max-width: 800px;
  position: relative;
}

.blog-view-more .grid-container .grid-margin-x .cell .body {
  position: relative;
  padding: 0px 24px 32px 24px;
  max-width: 728px;
  margin: 0 auto;
}

.blog-view-more .grid-container .grid-margin-x .cell .body h2 {
  margin: 24px 0 24px 0 !important;
  font-size: 20px !important;
  font-weight: 600;
  line-height: 24px !important;
}

.blog-view-more .grid-container .grid-margin-x .cell .body a.special {
  display: inline-block;
  margin: 0 0 0 0;
  line-height: 27px;
  position: relative;
  font-size: 17px;
  font-weight: 600;
  color: #000 !important;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  display: none;
}

.blog-view-more .grid-container .grid-margin-x .cell .body a.special:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 100%;
}

.blog-view-more .grid-container .grid-margin-x .cell .body a.special:hover:after {
  width: 0;
  left: 0;
}

/* BLOG POST PAGE */
.blog-post-container main {
  display: flex;
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
  justify-content: center;
}

.blog-post-container main section {
  flex-grow: 1;
  width: 100%;
  max-width: 800px;
}

.blog-post-container main aside {
  flex-grow: 1;
  width: 100%;
  max-width: 300px;
  margin: 48px 24px 0 0;
}

.blog-post-container main aside .sticky {
  position: sticky;
  top: 24px;
  display: block;
}

.blog-post-container main aside .sticky img.remove {
  display: none;
}

.blog-post-container main aside .sticky .small-logo-bottom {
  display: none;
}

.blog-post-container main aside .sticky img.side-logo, .blog-post-container main aside .sticky svg.side-logo {
  display: block;
  margin: 0 0 16px 0;
}

.blog-post-container main aside .sticky span.title {
  color: #111212;
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  margin: 4px 0 16px;
  display: inline-block;
}

.blog-post-container main aside .sticky p {
  font-size: 15px;
  line-height: 22px;
}

.blog-post-container main aside .sticky p strong {
  font-weight: 700;
}

.blog-post-container main aside .sticky a.link-btn {
  height: 44px;
  display: inline-block;
  background: #000;
  width: 100%;
  text-align: center;
  line-height: 44px;
  border-radius: 80px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  margin: 16px 0 0 0;
}

.blog-post-container main aside .sticky .av-stack-wrap {
  display: flex;
  margin: 20px 0 12px 0;
  align-items: center;
  gap: 16px;
}

.blog-post-container main aside .sticky .av-stack-wrap .av-stack {
  flex-shrink: 0;
}

.blog-post-container main aside .sticky .av-stack-wrap .av-stack img {
  width: 3rem;
  height: 3rem;
  border-radius: 100px;
  opacity: 1;
  border-color: #fff;
  margin-left: -12px;
  border: 2px solid #fff;
  float: left;
  margin-bottom: 0px;
}

.blog-post-container main aside .sticky .av-stack-wrap .av-stack img:first-of-type {
  margin: 0;
}

.blog-post-container main aside .sticky .av-stack-wrap p {
  font-size: 12px !important;
  line-height: 18px !important;
  padding: 0 !important;
  color: #000 !important;
  font-weight: 500 !important;
  margin: 0;
}

.blog-post-container main aside .sticky .av-stack-wrap p .bold {
  font-weight: 700;
  color: #000;
  opacity: 1 !important;
}

.blog-post-container main aside .sticky .gap {
  margin: 36px 0 0 40px !important;
}

.blog-post-container main aside .sticky .gap img, .blog-post-container main aside .sticky .gap svg {
  margin: 0 10px 0 0 !important;
}

.blog-post-container main aside .sticky span.metro {
  display: inline-table;
  margin: 64px 0 0 0;
  font-size: 17px;
  line-height: 24px;
  vertical-align: middle;
}

.blog-post-container main aside .sticky span.metro span {
  font-size: 17px;
  line-height: 24px;
  margin: 0 0 0 0;
}

.blog-post-container main aside .sticky span.metro svg, .blog-post-container main aside .sticky span.metro img {
  float: left;
  margin: 0 16px 0px 0;
}

.blog-post-container main aside .sticky span.metro em {
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  margin: 0 3px 0 16px;
  font-weight: 600;
  text-align: left;
}

.blog-post-container main aside .sticky span.metro em:first-of-type {
  margin: 0px 0px 0 12px;
  padding: 4px 0 4px 14px;
  display: inline-block;
  border-left: 1px solid #e6e6e6;
}

.blog-post-container main aside .sticky span.metro em span {
  font-size: 14px;
  line-height: 20px;
  color: #75787B;
  font-weight: 400;
}

.blog-post-container main aside .sticky .gap-two {
  margin: 24px 0 0 0px !important;
}

.blog-post-container main aside .sticky .gap-two img, .blog-post-container main aside .sticky .gap-two svg {
  margin: 0px 0px 0 0 !important;
  width: 24px;
}

.blog-post-container .start-with-large {
  background: #1f1f1f;
  padding: 32px 0;
  position: relative;
  display: flex;
  height: auto;
  border-radius: 8px !important;
  -moz-border-radius: 6px !important;
  width: 100% !important;
  margin: 40px 0 24px 0;
}

.blog-post-container .start-with-large .prev-logo {
  height: 32px;
  line-height: 32px;
  padding: 0px 0 0 32px !important;
  /* float: left; */
  margin: 0;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.blog-post-container .start-with-large .prev-back {
  float: left;
  height: 32px;
  line-height: 32px;
  margin: -6px 0 0 8px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.blog-post-container .start-with-large .prev-back img {
  padding: 8px;
  vertical-align: top;
  margin: 0;
}

.blog-post-container .start-with-large .prev-logo img {
  width: 56px;
}

.blog-post-container .start-with-large .reglogo {
  margin: -2px 0 0 0 !important;
}

.blog-post-container .start-with-large .cta-link {
  float: right;
}

.blog-post-container .start-with-large .cta-body {
  float: left;
  padding: 0 0 0 32px;
}

.blog-post-container .start-with-large .cta-body p {
  color: white !important;
  font-size: 32px !important;
  line-height: 36px !important;
  padding: 0px 0 8px 0px !important;
  letter-spacing: 0 !important;
  font-weight: 500 !important;
  margin: 24px 0 4px 0 !important;
}

.blog-post-container .start-with-large .cta-body span {
  color: #fff;
  font-size: 17px;
  line-height: 25px;
  margin: 0;
  opacity: .88;
  max-width: 500px;
  position: relative;
  display: block;
  margin: 0 0 24px 0;
}

.blog-post-container .start-with-large .cta-body a {
  position: relative;
  border-bottom: none;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  text-align: left;
  line-height: 24px;
  color: #1f1f1f;
  background: #fff;
  border-radius: 50px;
  padding: 0 24px;
  line-height: 44px;
  display: inline-block;
  box-sizing: content-box;
  height: 44px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  float: left;
}

.blog-post-container .start-with-large .cta-body a span {
  color: #fff !important;
}

.blog-post-container .pro-tip-frame {
  margin: 0 0 24px 0;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.12);
  padding: 16px;
  border-radius: 8px;
}

.blog-post-container .pro-tip-frame p {
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

.blog-post-container .pro-tip-frame a {
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  margin: 8px 0 0 0 !important;
  font-weight: 500;
  color: #111212;
  border-bottom: none;
  text-decoration: underline;
}

.blog-post-container .pro-tip-frame h5 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin: 24px 0 0 0;
}

.blog-post-container .feature-frame {
  margin: 24px 0 0 0;
  display: inline-block;
  border: 1px solid #ddd;
  padding: 32px;
  border-radius: 8px;
}

.blog-post-container .feature-frame h2 {
  margin: 0 0 24px 0 !important;
}

.blog-post-container .feature-frame h3 {
  margin: 0 0 24px 0 !important;
}

.blog-post-container .feature-frame figure {
  margin: 24px 0 !important;
}

.blog-post-container .block-blog-promo {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin: 24px 0 0 0;
  display: inline-block;
  width: 100%;
}

.blog-post-container .block-blog-promo .hero {
  height: 208px;
  position: relative;
  max-width: initial;
  margin: 0 auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: black;
  margin: 40px 0 40px 0;
}

.blog-post-container .block-blog-promo a.special {
  display: inline-block;
  margin: 0 0 0 0;
  line-height: 27px;
  position: relative;
  font-size: 17px;
  font-weight: 600;
  color: #000 !important;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  padding: 0px !important;
}

.blog-post-container .block-blog-promo a.special:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 100%;
}

.blog-post-container .block-blog-promo a.special:hover:after {
  width: 0;
  left: 0;
}

.blog-post-container .block-blog-promo .article-right {
  margin: 0 0 0 40px !important;
}

.blog-post-container .block-blog-promo .article-right h2 {
  margin: 12px 0 12px 0 !important;
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
}

.blog-post-container .block-blog-promo .article-right span.must {
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 12px;
  font-weight: 600;
  color: #ef5602;
  margin: 50px 0 0 0;
  display: inline-block;
}

.blog-post-container .hellobar {
  height: 56px;
  background: #111212;
  z-index: 999999;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 0 24px;
  text-align: center;
}

.blog-post-container .hellobar p {
  color: rgba(255, 255, 255, 0.8);
  line-height: 56px;
  font-size: 17px;
  margin: 0;
}

.blog-post-container .hellobar p a {
  color: #fff;
  font-size: 17px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  margin: 0 0 0 4px;
  font-weight: 500;
}

.blog-post-container header {
  text-align: center;
  height: 80px;
  line-height: 80px;
  border-bottom: none;
  z-index: 999999;
  top: 56px;
  background: #fff;
  border-bottom: 1px solid #E7E8E9;
}

.blog-post-container header .auth ul li a.primary {
  margin: 0;
  height: 40px;
  line-height: 40px;
  width: initial !important;
  position: relative;
  background: #000;
  border-radius: 100px;
  color: #fff;
  font-size: 16px;
  border: 0;
  padding: 0px 24px !important;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  font-weight: 500;
  display: inline-block;
  background: #111212;
}

.blog-post-container header .auth ul li a.primary:hover {
  background: #111212;
}

.blog-post-container header .auth ul li a.secondary {
  color: #000;
  font-weight: 500;
  line-height: 24px;
  font-size: 16px !important;
  margin: 0 24px 0 16px;
}

.blog-post-container header img {
  height: 24px;
}

.blog-post-container header nav .grid-container {
  padding-right: 24px;
  padding-left: 24px;
  max-width: 1208px;
  margin: 0 auto;
}

.blog-post-container .blog-image-block {
  width: 100%;
  background-color: #2C2E2F;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin: 24px 0 0 0;
  display: inline-block;
}

.blog-post-container blockquote {
  margin: 0px;
  padding: 0;
  border-left: none;
}

.blog-post-container .sharing {
  padding: 24px 0px 0 0;
  margin: 0 auto;
  max-width: 700px;
}

.blog-post-container .sharing h3 {
  margin: 0 0 24px 0;
}

.blog-post-container .sharing .at-resp-share-element .at-share-btn .at-label {
  visibility: hidden;
  display: none;
}

.blog-post-container .newsletter-form {
  padding: 0 0 64px 0px;
  margin: 0 auto;
  text-align: left;
}

.blog-post-container .newsletter-form p {
  margin: 24px 0 8px 0 !important;
}

.blog-post-container .newsletter-form p strong {
  font-size: 16px !important;
  letter-spacing: -0.011em !important;
}

.blog-post-container .newsletter-form .button {
  height: 44px;
  line-height: 44px;
  width: 100%;
  padding: 0px;
  position: relative;
  background: #000;
  display: inline-block;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  border: none;
  margin: 8px 0 0 0;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  font-size: 16px;
  text-align: center;
  white-space: nowrap;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-weight: 500;
}

.blog-post-container .newsletter-form input {
  height: 40px;
  line-height: 40px;
  box-shadow: none;
  border: 1px solid #D8D9DA;
  padding-left: 12px;
  border-radius: 8px;
}

.blog-post-container .newsletter-form label {
  font-size: 1rem;
  color: #111212;
  font-weight: 500;
  margin: 24px 0 8px 0;
}

.blog-post-container .hero .hero-image {
  max-width: 1280px;
  margin: 0 auto;
  padding: 24px 0 0 0;
}

.blog-post-container .hero .hero-image img {
  max-width: 1280px;
  max-height: initial;
  object-fit: cover;
  aspect-ratio: 16/9;
  border-radius: 16px;
}

.blog-post-container .hero .hero-image source {
  max-width: 1280px;
  max-height: 500px;
  object-fit: cover;
}

.blog-post-container section.blog-post {
  position: relative;
}

.blog-post-container section.blog-post .grid-container {
  padding: 0px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell {
  margin: 0px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .best-blogs-new h4 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin: 24px  0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .best-blogs-new figure {
  margin: 0px !important;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell figure {
  margin: 40px 0 0 0;
  display: inline-block;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell h5.summary {
  font-weight: 500;
  font-size: 17px;
  margin: 16px 0 0 0;
  display: inline-block;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell h1 {
  margin: 0;
  max-width: 680px;
  padding: 48px 0 0 24px;
  font-size: 48px;
  line-height: 52px;
  font-weight: 600;
  font-size: 56px;
  line-height: 1.07143;
  font-weight: 700;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell article {
  margin: 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .header {
  height: 500px;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: black;
  margin: 24px 0 48px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body {
  position: relative;
  padding: 24px 24px 64px 24px;
  margin: 0 auto;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a.anchor {
  display: block;
  position: relative;
  top: -136px;
  visibility: hidden;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body hr.introhr {
  margin: 24px 0 40px 0;
  width: 100px;
  border-top: 1px solid #E7E8E9;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a.button-primary-blog {
  background: #111212;
  display: inline-block;
  height: 48px;
  line-height: 48px;
  border-radius: 6px;
  color: #fff;
  padding: 0 24px;
  font-weight: 500;
  margin: 16px 0 8px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol.inner {
  margin: 20px 0 0 32px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.comparison {
  list-style-type: none;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 24px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.comparison li {
  margin: 0 0 24px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.comparison li h5 {
  font-size: 18px;
  line-height: 22px;
  margin: 0px 0 16px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.comparison ul {
  margin-bottom: 40px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.comparison ul li {
  margin: 0 0 12px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.compressed {
  list-style-type: disc;
  margin-left: 40px;
  margin-bottom: 40px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.compressed li {
  margin: 0 0 12px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol.criteria {
  list-style-type: none;
  margin-left: 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol.criteria li h6 {
  margin: 24px 0 16px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol.nostyles {
  margin-left: 0px;
  list-style-type: none;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol.nostyles ul {
  margin: 32px 0 24px 32px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol.nostyles ul li {
  margin: 0 0 16px 8px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a.reg-comp-link {
  line-height: 1.47059;
  font-size: 17px;
  letter-spacing: 0;
  font-size: 17px;
  line-height: 1.47059;
  font-weight: 500;
  color: #111212;
  border-bottom: none;
  text-decoration: underline;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin: 0 0 24px 0;
  display: inline-block;
  margin: 0px 0 16px 0 !important;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a.reg-comp-link img {
  margin: -2px 0 0 4px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card {
  padding: 24px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card .avatar {
  height: 48px;
  width: 48px;
  border-radius: 50%;
  float: left;
  overflow: hidden;
  margin: 0px 0 0 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card .avatar img {
  height: 48px;
  width: 48px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card em {
  font-style: normal;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card h6 {
  padding: 5px 0 0 60px;
  margin: 0px;
  display: block;
  color: #6e6e73;
  font-size: 14px !important;
  line-height: 1.2857 !important;
  font-weight: 500 !important;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card h6 a {
  font-weight: 500 !important;
  color: #6e6e73 !important;
  font-size: 14px !important;
  line-height: 1.2857 !important;
  text-decoration: none !important;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card h6 a:hover {
  color: #6e6e73 !important;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card span {
  padding: 0 0 0 12px;
  display: inline-block;
  color: #6e6e73;
  font-size: 16px;
  font-size: 14px;
  line-height: 1.28577;
  font-weight: 500;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card span em {
  background: #6e6e73;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  vertical-align: top;
  margin: 8px 8px 0 8px;
  display: inline-block;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card span strong {
  font-weight: 400;
  color: #393C3C;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card span a {
  border-bottom: 1px solid;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card span a:hover {
  color: #111212;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .special-callout {
  font-size: 22px;
  line-height: 29px;
  border-left: 2px solid #000;
  position: relative;
  display: inline-block;
  padding: 0px 0 0 20px;
  margin: 8px 0 8px 0;
  font-weight: 500;
  color: #000;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .special-callout strong {
  font-weight: 600;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .info {
  margin: 0 0 24px 0;
  overflow: hidden;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .info span {
  background: #737373;
  height: 3px;
  width: 3px;
  border-radius: 50%;
  vertical-align: top;
  margin: 11px 10px 0 8px;
  display: inline-block;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .info h6 {
  color: #737373;
  font-size: 15px;
  line-height: 24px;
  margin: 0 0 12px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .info .left {
  float: left;
  margin: 0;
  color: #737373;
  font-size: 15px !important;
  line-height: 22px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .info .right {
  float: right;
  text-align: right;
  color: #737373;
  font-size: 15px !important;
  line-height: 22px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .info h2 {
  font-size: 1.750rem;
  line-height: 2.125rem;
  color: #212121;
  margin: 24px 0;
  display: inline-block;
  padding: 0px;
  margin: 64px 0 24px 0 !important;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .info h2 a {
  font-size: 1.750rem;
  line-height: 2.125rem;
  color: #212121;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .share ul {
  margin-left: 0;
  list-style-type: none;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .share ul li {
  display: inline-block;
  float: left;
  margin: 0 12px 0 0;
  font-size: 1.063em;
  line-height: 1.563rem;
  color: #585858;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .share ul li h5 {
  font-size: 1rem;
  line-height: 1.750rem;
  color: #212121;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .share ul li a {
  padding: 0px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body hr {
  border: none;
  border-top: 1px solid #DDDDDD;
  overflow: hidden;
  margin: 64px 0 0 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h1 {
  color: #111212;
  max-width: 100% !important;
  margin: 0 0 24px 0 !important;
  font-size: 40px !important;
  line-height: 48px !important;
  display: inline-block;
  letter-spacing: -0.022em;
  font-weight: 600;
  padding: 32px 0 0 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h2 {
  font-size: 24px;
  line-height: 1.16667;
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 40px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h2 a {
  font-size: 24px;
  line-height: 1.16667;
  color: #111212;
  border-bottom: 2px solid #111212;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h3 {
  margin: 24px 0 24px 0;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  font-size: 19px;
  line-height: 1.4211;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h3 a {
  font-size: 19px;
  line-height: 1.4211;
  border-bottom: 1px solid #111212;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h3 a:hover {
  color: #111212;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a h3 {
  border-bottom: 1px solid #f45d48;
  display: inline-block;
  margin: 0;
  color: #f45d48;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a h3:hover {
  border-bottom: none;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a h4 {
  border-bottom: 1px solid #f45d48;
  display: inline-block;
  margin: 0;
  color: #f45d48;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a h4:hover {
  border-bottom: none;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h6.special {
  font-size: 18px;
  line-height: 22px;
  margin: 0px 0 16px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body figcaption {
  color: #737373;
  margin: 16px 0 0 0;
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .addthis_inline_share_toolbox {
  margin: 24px 0 0 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body blockquote {
  padding: 12px 16px;
  line-height: 20px;
  margin: 32px 0;
  font-size: 16px;
  background: #f7fbfd;
  border: 1px solid #dfedf6;
  border-radius: 10px;
  color: #111212;
  letter-spacing: 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body blockquote a {
  color: #0e77a4 !important;
  line-height: 20px;
  font-size: 16px;
  border-bottom: 1px solid #c7ebfa !important;
  font-weight: 500;
  display: block;
  width: max-content;
  margin: 12px 0 0 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body P {
  margin: 24px 0;
  color: #111212;
  line-height: 26px;
  font-size: 18px;
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 400;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body P a {
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 400;
  font-weight: 500;
  color: #111212;
  border-bottom: none;
  text-decoration: underline;
  letter-spacing: 0;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body P strong {
  font-weight: 600;
  color: #111212;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body P img.blog-image-body {
  margin: 24px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body p.feature {
  font-size: 22px;
  line-height: 30px;
  color: #111212;
  margin: 24px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.quick-links {
  margin: 16px 0 40px 40px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.quick-links li {
  margin: 0 0 10px 0px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.quick-links li a {
  font-size: 17px;
  color: #111212;
  letter-spacing: 0;
  border-bottom: none;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.quick-links li img {
  float: left;
  padding: 0 12px 0 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.quick-links li li:first-of-type {
  margin: 10px 0 10px 0 !important;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul {
  margin: 0 0 0 24px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul li {
  margin: 0px 0 16px 8px;
  color: #111212;
  line-height: 26px;
  font-size: 18px;
  font-size: 19px;
  line-height: 1.4211;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul li strong {
  color: #111212;
  font-weight: 600;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul li a {
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 400;
  font-weight: 500;
  color: #111212;
  border-bottom: none;
  text-decoration: underline;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  border: none;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul li h5 {
  font-weight: 600;
  color: #111212;
  line-height: 26px;
  font-size: 18px;
  letter-spacing: 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol {
  margin: 0 0 0 0px !important;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol li {
  margin: 20px 0 12px 8px;
  color: #111212;
  font-size: 19px;
  line-height: 1.4211;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol li strong {
  color: #111212;
  font-weight: 500;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol li a {
  font-size: 19px;
  line-height: 1.4211;
  letter-spacing: 0;
  color: #111212;
  font-weight: 500;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  border-bottom: 1px solid #111212;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol li h5 {
  font-weight: 600;
  color: #111212;
  font-size: 19px;
  line-height: 1.4211;
  letter-spacing: 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol li::marker {
  font-weight: 400;
  padding: 0 8px 0 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.thumbs {
  list-style-type: none;
  display: inline-block;
  margin-top: 0;
  margin-left: 0px;
  margin-bottom: 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.thumbs li {
  margin: 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.thumbs li h3 {
  margin: 0px 0 16px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.thumbs li img {
  float: left;
  margin: 0px 18px 64px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol {
  margin-left: 24px !important;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol h6 {
  color: #111212;
  font-size: 19px;
  line-height: 1.4211;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol li {
  margin: 0 0 16px 0;
  color: #111212;
  line-height: 26px;
  font-size: 18px;
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 400;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol li a {
  border-bottom: transparent;
  line-height: 1.250rem;
  color: #111212;
  line-height: 26px;
  font-size: 18px;
  letter-spacing: 0;
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 500;
  border-bottom: none;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol li p {
  margin: 16px 0 24px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol li strong {
  color: #333;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.nostyle {
  margin-left: 0px;
  list-style-type: none;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.nostyle li {
  margin: 0 0 12px 0px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.nostyle li img {
  float: left;
  padding: 0 12px 0 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.nostyles {
  margin-left: 0;
  list-style-type: none;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.nostyles li {
  margin: 0 0 16px 0px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.nostyles li img {
  float: left;
  padding: 0 12px 0 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.iconstyle {
  margin-left: 24px;
  list-style-type: none;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.iconstyle li {
  margin: 0 0 12px 0px;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.iconstyle li img {
  float: left;
  padding: 0 12px 0 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body p.special {
  font-size: 1.188rem;
  line-height: 1.688rem;
  color: #212121;
  margin: 24px 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a.primary {
  font-size: 1.063em;
  position: relative;
  border: 1px solid #CDCDCD;
  color: #212121;
  height: 40px;
  line-height: 2.500rem;
  display: inline-block;
  padding: 0 16px;
  border-radius: 4px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  margin: 24px 0 0 0;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a.primary:active {
  border: 1px solid #8F9295;
}

.blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a.primary:visited {
  color: #212121;
}

/* YOUR REGISTRY YOUR WAY CONTAINER */
.your-registry-your-way-container header {
  height: 80px;
  position: relative;
  z-index: 9;
  background-color: #EFEDE7;
}

.your-registry-your-way-container .sidekick {
  height: initial;
  padding: 0;
  background-color: #EFEDE7;
  position: relative;
  margin-top: 0;
}

.your-registry-your-way-container .sidekick .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.your-registry-your-way-container .sidekick .cell {
  height: initial;
}

.your-registry-your-way-container .sidekick .content {
  padding: 88px 0 88px 0;
}

.your-registry-your-way-container .sidekick .content .centre {
  max-width: 450px;
}

.your-registry-your-way-container .sidekick .content a {
  height: 56px;
  line-height: 56px;
  /* width: 100% !important; */
  position: relative;
  background: #2C2E2F;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  margin: 24px 0 0 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  border: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0px 24px !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.your-registry-your-way-container .sidekick h5 {
  margin: 0 0 24px 0;
}

.your-registry-your-way-container .sidekick h1 {
  font-size: 2.000rem;
  line-height: 2.250rem;
  max-width: initial;
  margin: 24px 0 24px 0;
}

.your-registry-your-way-container .sidekick a {
  margin: 16px 0 0 0;
  display: inline-block;
}

.your-registry-your-way-container .sidekick a img {
  margin: -2px 0 0 4px;
}

.your-registry-your-way-container .callout {
  border: none;
  position: relative;
  margin: 0;
  padding: 0 0 48px 0;
  border-radius: none;
}

.your-registry-your-way-container .callout .image {
  background: #EEEEEE;
  height: 360px;
}

.your-registry-your-way-container .callout .grid-container {
  padding: 0px 24px;
}

.your-registry-your-way-container .callout .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.your-registry-your-way-container .callout .grid-container .grid-margin-x .cell {
  margin: 0px;
  width: 100%;
}

.your-registry-your-way-container .callout .grid-container .grid-margin-x .cell p {
  color: #444444 !important;
  font-size: 1.125rem !important;
  line-height: 1.625rem !important;
  text-align: left !important;
  padding: 48px 0 0 0;
  max-width: 660px;
  margin: 0 auto;
}

.your-registry-your-way-container .benefits {
  background: #F7F6F7;
}

.your-registry-your-way-container .benefits h2 {
  padding: 88px 0 64px 0;
}

.your-registry-your-way-container .benefits .wrap-bg {
  background: transparent;
}

.your-registry-your-way-container .benefits article {
  top: initial;
  -webkit-transform: initial;
  transform: initial;
  padding: 0 48px 0 0;
}

.your-registry-your-way-container .benefits .grid-x {
  padding: 0 12px;
  height: initial;
}

.your-registry-your-way-container .benefits h3 {
  margin: 24px 0 24px 0;
}

.your-registry-your-way-container .benefits .content {
  margin: 0 0 88px 0;
  padding: 0 12px;
  height: initial;
}

.your-registry-your-way-container .benefits .content p a {
  border-bottom: none;
  line-height: 1.250rem;
  color: #A61D55;
  border: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  height: initial;
}

.your-registry-your-way-container .benefits .content div img {
  float: unset !important;
  margin: 0;
  width: initial !important;
}

.your-registry-your-way-container .benefits .content div h5 {
  font-size: 1.063em;
  line-height: 1.563rem;
  color: #585858;
}

.your-registry-your-way-container .benefits .visual {
  margin: 0 0 32px 0;
}

.your-registry-your-way-container .benefits .get-started {
  border-bottom: none;
  height: initial;
  padding: 0 0 48px 0;
  text-align: center;
}

.your-registry-your-way-container .benefits .get-started a {
  background: transparent;
  height: 56px;
  line-height: 56px;
  text-align: center;
  display: inline-block;
  padding: 0;
  width: 300px;
  color: #212121;
  margin: 0;
  border-radius: 4px;
  box-sizing: content-box;
  font-size: 1rem;
}

.your-registry-your-way-container .faq {
  padding: 0;
  margin: 0 0 24px 0;
}

.your-registry-your-way-container .faq h2 {
  padding: 88px 24px 48px 24px;
  margin: 0;
}

.your-registry-your-way-container .faq a.view-faq {
  display: block;
}

.your-registry-your-way-container .faq .grid-container {
  padding: 0px;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x {
  margin-left: 12px;
  margin-right: 12px;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell {
  margin: 0 12px;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell .fact {
  margin: 0 0 64px 0;
  display: inline-block;
  background-color: #fff;
  max-width: 460px;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell .fact h6 {
  margin: 0 0 24px 0;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell .fact p {
  margin: 0px;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell .fact p a {
  border-bottom: none;
  line-height: 1.250rem;
  color: #008489;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell .no-pad {
  margin: 0px;
}

.your-registry-your-way-container .next {
  margin: 0;
  background-color: #2e2d3f;
  padding: 40px 0;
}

.your-registry-your-way-container .next .grid-container {
  padding: 0 24px;
}

.your-registry-your-way-container .next .grid-container .cell {
  padding: 48px 0;
}

.your-registry-your-way-container .next h6 {
  text-transform: initial;
  color: #FFA890;
  margin: 0 0 24px 0;
  font-size: 1.250rem;
  line-height: 1.625rem;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.your-registry-your-way-container .next h4 {
  margin: 24px 0 24px 0;
  color: #fff;
}

.your-registry-your-way-container .next a {
  width: 100%;
  position: relative;
  border: transparent;
  color: #008489;
  display: inline-block;
  text-align: left;
  margin: 8px 0 0 0;
  font-size: 1.0625rem;
  line-height: 1.47059em !important;
  color: #fff;
}

.your-registry-your-way-container .next a img {
  margin: -2px 0 0 4px;
}

.your-registry-your-way-container section.cta-primary h4 {
  color: #fff;
}

/* FIND YOUR ZEN */
.find-your-zen-container header {
  height: 80px;
  position: relative;
  z-index: 9;
  background-color: #EFEDE7;
}

.find-your-zen-container .sidekick {
  height: initial;
  padding: 0;
  background-color: #EFEDE7;
  position: relative;
  margin-top: 0;
}

.find-your-zen-container .sidekick .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.find-your-zen-container .sidekick .cell {
  height: initial;
}

.find-your-zen-container .sidekick .content {
  padding: 88px 0 88px 0;
}

.find-your-zen-container .sidekick .content .centre {
  max-width: 450px;
}

.find-your-zen-container .sidekick .content a {
  height: 56px;
  line-height: 56px;
  /* width: 100% !important; */
  position: relative;
  background: #2C2E2F;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  margin: 24px 0 0 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  border: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0px 24px !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.find-your-zen-container .sidekick h5 {
  margin: 0 0 24px 0;
}

.find-your-zen-container .sidekick h1 {
  font-size: 2.000rem;
  line-height: 2.250rem;
  max-width: initial;
  margin: 24px 0 24px 0;
}

.find-your-zen-container .sidekick a {
  margin: 16px 0 0 0;
  display: inline-block;
}

.find-your-zen-container .sidekick a img {
  margin: -2px 0 0 4px;
}

.find-your-zen-container .callout {
  border: none;
  position: relative;
  margin: 0;
  padding: 0 0 48px 0;
  border-radius: none;
}

.find-your-zen-container .callout .image {
  background: #EEEEEE;
  height: 360px;
}

.find-your-zen-container .callout .grid-container {
  padding: 0px 24px;
}

.find-your-zen-container .callout .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.find-your-zen-container .callout .grid-container .grid-margin-x .cell {
  margin: 0px;
  width: 100%;
}

.find-your-zen-container .callout .grid-container .grid-margin-x .cell p {
  color: #444444 !important;
  font-size: 1.125rem !important;
  line-height: 1.625rem !important;
  text-align: left !important;
  padding: 48px 0 0 0;
  max-width: 660px;
  margin: 0 auto;
}

.find-your-zen-container .benefits {
  background: #F7F6F7;
}

.find-your-zen-container .benefits h2 {
  padding: 88px 0 64px 0;
}

.find-your-zen-container .benefits .wrap-bg {
  background: transparent;
}

.find-your-zen-container .benefits article {
  top: initial;
  -webkit-transform: initial;
  transform: initial;
  padding: 0 48px 0 0;
}

.find-your-zen-container .benefits .grid-x {
  padding: 0 12px;
  height: initial;
}

.find-your-zen-container .benefits h3 {
  margin: 24px 0 24px 0;
}

.find-your-zen-container .benefits .content {
  margin: 0 0 88px 0;
  padding: 0 12px;
  height: initial;
}

.find-your-zen-container .benefits .content p a {
  border-bottom: none;
  line-height: 1.250rem;
  color: #A61D55;
  border: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  height: initial;
}

.find-your-zen-container .benefits .content div img {
  float: unset !important;
  margin: 0;
  width: initial !important;
}

.find-your-zen-container .benefits .content div h5 {
  font-size: 1.063em;
  line-height: 1.563rem;
  color: #585858;
}

.find-your-zen-container .benefits .visual {
  margin: 0 0 32px 0;
}

.find-your-zen-container .benefits .get-started {
  border-bottom: none;
  height: initial;
  padding: 0 0 48px 0;
  text-align: center;
}

.find-your-zen-container .benefits .get-started a {
  background: transparent;
  height: 56px;
  line-height: 56px;
  text-align: center;
  display: inline-block;
  padding: 0;
  width: 300px;
  color: #212121;
  margin: 0;
  border-radius: 4px;
  box-sizing: content-box;
  font-size: 1rem;
}

.find-your-zen-container .faq {
  padding: 0;
  margin: 0 0 24px 0;
}

.find-your-zen-container .faq h2 {
  padding: 88px 24px 48px 24px;
  margin: 0;
}

.find-your-zen-container .faq a.view-faq {
  display: block;
}

.find-your-zen-container .faq .grid-container {
  padding: 0px;
}

.find-your-zen-container .faq .grid-container .grid-margin-x {
  margin-left: 12px;
  margin-right: 12px;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell {
  margin: 0 12px;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell .fact {
  margin: 0 0 64px 0;
  display: inline-block;
  background-color: #fff;
  max-width: 460px;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell .fact h6 {
  margin: 0 0 24px 0;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell .fact p {
  margin: 0px;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell .fact p a {
  border-bottom: none;
  line-height: 1.250rem;
  color: #008489;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell .no-pad {
  margin: 0px;
}

.find-your-zen-container .next {
  margin: 0;
  background-color: #2e2d3f;
  padding: 40px 0;
}

.find-your-zen-container .next .grid-container {
  padding: 0 24px;
}

.find-your-zen-container .next .grid-container .cell {
  padding: 48px 0;
}

.find-your-zen-container .next h6 {
  text-transform: initial;
  color: #FFA890;
  margin: 0 0 24px 0;
  font-size: 1.250rem;
  line-height: 1.625rem;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.find-your-zen-container .next h4 {
  margin: 24px 0 24px 0;
  color: #fff;
}

.find-your-zen-container .next a {
  width: 100%;
  position: relative;
  border: transparent;
  color: #008489;
  display: inline-block;
  text-align: left;
  margin: 8px 0 0 0;
  font-size: 1.0625rem;
  line-height: 1.47059em !important;
  color: #fff;
}

.find-your-zen-container .next a img {
  margin: -2px 0 0 4px;
}

.find-your-zen-container section.cta-primary h4 {
  color: #fff;
}

/* FAQ PAGE */
.faq-container header .main-links {
  display: inline-block;
  position: relative;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0;
  margin: 0 auto;
}

.faq-container header .main-links a {
  margin: 0 12px;
  position: relative;
  color: #000;
}

.faq-container header .main-links a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

.faq-container header .main-links a:hover:after {
  width: 100%;
  left: 0;
}

.faq-container header .auth {
  text-decoration: none;
  background-color: transparent;
  padding: 0 0 2px 0;
  float: right;
  margin: 0;
  position: absolute;
  right: 40px;
}

.faq-container header .auth ul li a.link-space {
  font-size: 15px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.faq-container header .auth ul li a.link {
  font-size: 15px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.faq-container .sidekick {
  background: transparent;
  padding: 100px 24px 140px 24px !important;
  text-align: left;
}

.faq-container .sidekick h1 {
  font-size: 48px !important;
  line-height: 52px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: #000 !important;
  letter-spacing: 0;
  padding: 0;
  margin: 0;
  max-width: 500px;
}

.faq-container .sidekick p {
  padding: 8px 0 0 0;
  font-size: 19px;
  letter-spacing: 0;
  line-height: 1.4;
  color: #000;
  margin: 0 16px;
  max-width: 500px;
  font-weight: 500;
}

.faq-container .introduction p {
  margin: 24px 0 0 0;
}

.faq-container .faq, .faq-container .website, .faq-container .guests, .faq-container .contributions, .faq-container .other {
  padding: 0 24px;
  margin: 100px 0 100px 0 !important;
}

.faq-container .faq article, .faq-container .website article, .faq-container .guests article, .faq-container .contributions article, .faq-container .other article {
  display: inline-block;
  margin: 0 0 40px;
}

.faq-container .faq article ul, .faq-container .website article ul, .faq-container .guests article ul, .faq-container .contributions article ul, .faq-container .other article ul {
  margin-left: 16px;
}

.faq-container .faq article ul li, .faq-container .website article ul li, .faq-container .guests article ul li, .faq-container .contributions article ul li, .faq-container .other article ul li {
  margin: 0 0 8px 0;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.faq-container .faq article ul li strong, .faq-container .website article ul li strong, .faq-container .guests article ul li strong, .faq-container .contributions article ul li strong, .faq-container .other article ul li strong {
  font-size: 16px;
  line-height: 24px;
}

.faq-container .faq article ul li a, .faq-container .website article ul li a, .faq-container .guests article ul li a, .faq-container .contributions article ul li a, .faq-container .other article ul li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.faq-container .faq article ul li ul, .faq-container .website article ul li ul, .faq-container .guests article ul li ul, .faq-container .contributions article ul li ul, .faq-container .other article ul li ul {
  margin: 16px 0 24px 16px;
}

.faq-container .faq article ul li ul li, .faq-container .website article ul li ul li, .faq-container .guests article ul li ul li, .faq-container .contributions article ul li ul li, .faq-container .other article ul li ul li {
  margin: 8px 0 8px 16px;
}

.faq-container .faq article ol, .faq-container .website article ol, .faq-container .guests article ol, .faq-container .contributions article ol, .faq-container .other article ol {
  margin-left: 16px;
}

.faq-container .faq article ol li, .faq-container .website article ol li, .faq-container .guests article ol li, .faq-container .contributions article ol li, .faq-container .other article ol li {
  margin: 0 0 8px 0;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.faq-container .faq article ol li strong, .faq-container .website article ol li strong, .faq-container .guests article ol li strong, .faq-container .contributions article ol li strong, .faq-container .other article ol li strong {
  font-size: 16px;
  line-height: 24px;
}

.faq-container .faq article ol li a, .faq-container .website article ol li a, .faq-container .guests article ol li a, .faq-container .contributions article ol li a, .faq-container .other article ol li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.faq-container .faq article ol li ul, .faq-container .website article ol li ul, .faq-container .guests article ol li ul, .faq-container .contributions article ol li ul, .faq-container .other article ol li ul {
  margin: 16px 0 24px 16px;
}

.faq-container .faq article ol li ul li, .faq-container .website article ol li ul li, .faq-container .guests article ol li ul li, .faq-container .contributions article ol li ul li, .faq-container .other article ol li ul li {
  margin: 8px 0 8px 16px;
}

.faq-container .faq h2, .faq-container .website h2, .faq-container .guests h2, .faq-container .contributions h2, .faq-container .other h2 {
  color: #000;
  display: inline-block;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 32px;
  margin: 0 0 24px;
  position: sticky;
  text-align: left;
  top: 24px;
}

.faq-container .faq h3, .faq-container .website h3, .faq-container .guests h3, .faq-container .contributions h3, .faq-container .other h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  margin: 0 0 16px;
}

.faq-container .faq h4, .faq-container .website h4, .faq-container .guests h4, .faq-container .contributions h4, .faq-container .other h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin: 24px 0;
}

.faq-container .faq p, .faq-container .website p, .faq-container .guests p, .faq-container .contributions p, .faq-container .other p {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  color: #393c3c;
}

.faq-container .faq p strong, .faq-container .website p strong, .faq-container .guests p strong, .faq-container .contributions p strong, .faq-container .other p strong {
  font-weight: 600;
  color: #000;
  font-size: 16px;
  line-height: 24px;
}

.faq-container .faq p a, .faq-container .website p a, .faq-container .guests p a, .faq-container .contributions p a, .faq-container .other p a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  color: #000;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.faq-container .contributions .grid-container .grid-margin-x, .faq-container .faq .grid-container .grid-margin-x, .faq-container .other .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.faq-container .contributions .grid-container, .faq-container .faq .grid-container, .faq-container .other .grid-container {
  margin: 0 auto;
  max-width: 80rem;
  padding-left: 0;
  padding-right: 0;
}

.faq-container .headline .grid-container {
  padding: 0;
}

.faq-container .headline {
  margin: 64px auto;
  padding: 40px 24px;
  position: relative;
}

.faq-container .headline h1 {
  color: #000 !important;
  font-size: 56px;
  font-weight: 600 !important;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 64px;
  margin: 0;
  padding: 0;
}

.faq-container .faq-container .contributions, .faq-container .faq-container .faq, .faq-container .faq-container .other {
  margin: 100px 0 0 !important;
  padding: 0 24px;
}

.faq-container .faq .grid-container .grid-margin-x .cell .no-pad {
  border-bottom: none !important;
}

.faq-container .faq .grid-container.contribs, .faq-container .faq .grid-container.oth {
  margin: 100px 0 0 0;
}

.faq-container .faq .grid-container .grid-margin-x .cell .fact {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 16px 0px;
  border-radius: 0;
  -moz-borer-radius: 8px;
  margin: 0px 0 0px 0;
  display: inline-block;
  width: 100%;
}

.faq-container .faq .grid-container .grid-margin-x .cell .fact .accordian ul li i {
  position: absolute;
  -webkit-transform: translate(-8px, 0);
  transform: translate(-8px, 0);
  margin-top: 10px;
  right: 0;
  opacity: .64;
}

.faq-container .faq .grid-container .grid-margin-x .cell .fact h6 {
  font-size: 16px;
  margin: 0;
}

.faq-container .faq .grid-container .grid-margin-x .cell .fact label {
  font-size: 16px;
  letter-spacing: 0;
  margin: 0;
  color: #000;
  font-weight: 500;
}

.faq-container .faq .grid-container .grid-margin-x .cell .fact p {
  font-size: 16px !important;
  line-height: 24px !important;
  color: #333 !important;
  margin: 16px 0 0 0;
}

.faq-container .faq .grid-container .grid-margin-x .cell .fact a {
  font-size: 16px !important;
  line-height: 24px !important;
  color: #333 !important;
  margin: 16px 0 0 0;
  border-bottom: 1px solid #333;
}

.faq-container .faq .grid-container .grid-margin-x .cell .fact .accordian ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2.5px, 0) rotate(45deg);
}

.faq-container .faq .grid-container .grid-margin-x .cell .fact .accordian ul li i:before, .faq-container .faq .grid-container .grid-margin-x .cell .fact ul li i:after {
  content: "";
  position: absolute;
  background-color: #8A8A8A;
  width: 1.5px;
  height: 8px;
  border-radius: 4px;
}

.faq-container .faq .grid-container .grid-margin-x .cell .fact .accordian ul li i {
  position: absolute;
  -webkit-transform: translate(-8px, 0);
  transform: translate(-8px, 0);
  margin-top: 10px;
  right: 0;
  opacity: .48;
}

.faq-container section.cta-primary {
  border-bottom: none;
  height: initial;
  background: #e6ddde;
  height: 500px;
  padding: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.faq-container section.cta-primary .cell .centre h2 {
  padding: 0;
  max-width: 500px;
  text-align: center;
  font-size: 44px;
  line-height: 48px;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0 auto;
  color: #000;
  margin: 0 0 24px 0;
}

.faq-container section.cta-primary a.btn-primary {
  height: 60px;
  line-height: 60px;
  width: initial !important;
  position: relative;
  background: #fff;
  border-radius: 6px;
  color: #000;
  font-size: 18px;
  border: 0;
  padding: 0px 28px !important;
  font-weight: 500;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  display: inline-block;
}

.faq-container section.cta-primary a.btn-primary:hover {
  background: #fff !important;
  color: #000 !important;
  border: none !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.04), 0 8px 8px rgba(0, 0, 0, 0.04), 0 16px 16px rgba(0, 0, 0, 0.04);
}

.faq-container section.cta-primary a.btn-primary:focus {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.faq-container section.cta-primary a.btn-primary:active {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

/* GIFT ASSISTANT PAGE */
.gift-assistant-container header {
  height: 80px;
  background: #EFEDE7;
}

.gift-assistant-container header .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.gift-assistant-container section.sidekick {
  height: initial;
  padding: 88px 0;
  background: #EFEDE7;
}

.gift-assistant-container section.sidekick .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.gift-assistant-container section.sidekick .centre {
  max-width: 660px;
  margin: 0 auto;
  text-align: center;
}

.gift-assistant-container section.sidekick .cell {
  height: initial;
  margin: 144px 0 144px 0;
}

.gift-assistant-container section.sidekick .cell h1 {
  color: #2C2E2F;
  margin: 0 0 24px 0;
  font-size: 52px;
  line-height: 56px;
  font-weight: 600;
}

.gift-assistant-container section.sidekick .cell h5 {
  font-size: 2.5rem;
  line-height: 2.75rem;
  max-width: 100%;
}

.gift-assistant-container section.sidekick .cell p {
  color: #484A4C !important;
  font-size: 20px !important;
  line-height: 26px !important;
  max-width: 480px !important;
  margin: 0 auto !important;
}

.gift-assistant-container section.sidekick .cell a.btn-primary {
  margin: 24px 0 0 0;
  display: inline-block;
}

.gift-assistant-container .feature {
  position: relative;
  padding: 120px 0;
  margin: 0;
  border: none;
  border-radius: initial;
  text-align: center;
  background: #fff;
  text-align: center;
  margin: 0 auto;
}

.gift-assistant-container .feature .grid-container {
  max-width: 660px;
}

.gift-assistant-container .feature h2 {
  font-size: 40px;
  line-height: 44px;
}

.gift-assistant-container .feature p {
  color: #484A4C;
  padding: 12px 0 0 0;
  margin: 0px;
}

.gift-assistant-container .feature a {
  height: 52px;
  line-height: 52px;
  position: relative;
  background: #2C2E2F;
  border: 2px solid #2c2E2f;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  margin: 24px 0 0 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  font-family: 'System-Medium';
  padding: 0 24px;
}

.gift-assistant-container .feature a:hover {
  background: transparent;
  border: 2px solid #2C2E2F;
  color: #2C2E2F;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.gift-assistant-container .feature a:focus {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.gift-assistant-container .feature a:active {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.gift-assistant-container .feature .sub-features {
  margin: 88px 0 0 0;
}

.gift-assistant-container .feature .sub-features .grid-container {
  max-width: 80rem;
  border-top: 1px solid #EDEDEE;
  padding-top: 120px;
}

.gift-assistant-container .feature .sub-features .grid-container .cell {
  padding-left: 24px;
  padding-right: 24px;
}

.gift-assistant-container .feature .sub-features .grid-container .cell img {
  margin: 0 0 16px 0;
}

.gift-assistant-container .callout {
  position: relative;
  padding: 120px 0;
  margin: 0;
  border: none;
  border-radius: initial;
  text-align: center;
  background: #F4F5F5;
  text-align: left;
}

.gift-assistant-container .callout .center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 440px;
}

.gift-assistant-container .callout .center p {
  color: #484A4C;
  padding: 0;
  margin: 24px 0;
}

.gift-assistant-container .callout .center h2 {
  font-size: 40px;
  line-height: 44px;
}

.gift-assistant-container .callout .center p.subdued {
  color: rgba(255, 255, 255, 0.8) !important;
}

.gift-assistant-container .callout .visual {
  height: 632px;
  position: relative;
}

.gift-assistant-container .callout .visual img {
  height: 632px;
}

.gift-assistant-container section.how-it-works {
  margin: 0;
  padding: 0;
  background: #fff;
  height: 600px;
}

.gift-assistant-container section.how-it-works .wrap-bg {
  margin: 0 auto;
}

.gift-assistant-container section.how-it-works .grid-x {
  margin: 0 auto;
  max-width: 80rem;
  padding: 0 24px;
}

.gift-assistant-container section.how-it-works .right {
  float: right;
}

.gift-assistant-container section.how-it-works .content {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  padding: 0 64px 0 0;
  margin: 0;
  text-align: left;
}

.gift-assistant-container section.how-it-works .content article {
  position: relative;
  background: transparent;
  margin: 0 0 48px 0;
}

.gift-assistant-container section.how-it-works .content article div {
  display: inline-block;
  clear: both;
}

.gift-assistant-container section.how-it-works .content article div img {
  float: left;
  margin: 0 12px 0 0;
}

.gift-assistant-container section.how-it-works .content article div span {
  text-align: center;
  vertical-align: top;
  padding: 0;
  display: inline-block;
}

.gift-assistant-container section.how-it-works .content article h3 {
  margin: 0 0 24px 0;
  font-size: 24px;
  line-height: 28px;
}

.gift-assistant-container section.how-it-works .content article p a {
  padding: 0px;
  margin: 0;
}

.gift-assistant-container section.how-it-works .visual {
  height: 300px;
  position: relative;
}

/* HOW IT WORKS PAGE */
.how-it-works-container header {
  text-align: left;
  background: transparent;
  position: absolute;
  width: 100%;
}

.how-it-works-container header ul {
  margin: 0;
  padding: 0;
}

.how-it-works-container header ul li {
  display: inline-block;
  line-height: 80px;
}

.how-it-works-container header ul li a {
  color: #fff;
}

.how-it-works-container header .main-links {
  display: inline-block;
  position: relative;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0;
  margin: 0 auto;
}

.how-it-works-container header .main-links a {
  margin: 0 12px;
  position: relative;
  color: #fff;
}

.how-it-works-container header .main-links a:after {
  background-color: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

.how-it-works-container header .main-links a:hover:after {
  width: 100%;
  left: 0;
}

.how-it-works-container header .auth {
  text-decoration: none;
  background-color: transparent;
  padding: 0 0 2px 0;
  float: right;
  margin: 0;
  position: absolute;
  right: 40px;
}

.how-it-works-container header .auth ul li a.link-space {
  font-size: 15px;
  letter-spacing: 0;
  color: #fff;
  font-weight: 500;
  border: 2px solid #fff;
}

.how-it-works-container header .auth ul li a.link {
  font-size: 15px;
  letter-spacing: 0;
  color: #fff;
  font-weight: 500;
}

.how-it-works-container header a {
  font-size: 1rem;
}

.how-it-works-container header a.btn:active {
  border: 1px solid #8F9295;
}

.how-it-works-container header a.btn:visited {
  color: #212121;
}

.how-it-works-container section.sidekick {
  height: 800px;
  padding: 0;
  background: transparent;
  background-color: #CEC4BD;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.how-it-works-container section.sidekick:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.how-it-works-container section.sidekick .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.how-it-works-container section.sidekick .grid-x {
  display: initial;
  display: initial;
  -ms-flex-flow: initial;
  flex-flow: initial;
}

.how-it-works-container section.sidekick .cell {
  height: 800px;
}

.how-it-works-container section.sidekick .cell .centre {
  position: relative;
  top: initial;
  -webkit-transform: initial;
  transform: initial;
  margin: initial;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-100%);
  transform: translateY(-50%);
  position: relative;
  z-index: 2;
}

.how-it-works-container section.sidekick h1 {
  color: #fff;
  font-size: 64px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 68px;
  margin: 0 auto;
  max-width: 500px;
}

.how-it-works-container section.sidekick h2 {
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 auto;
  width: 600px;
  text-align: center;
  color: #fff;
  padding: 16px 0 0 0;
  font-size: 48px;
  line-height: 52px !important;
}

.how-it-works-container section.sidekick h5 {
  color: #2C2E2F;
  margin: 0 0 24px 0;
  font-size: 52px;
  line-height: 56px;
  font-weight: 600;
}

.how-it-works-container section.sidekick p {
  max-width: 500px;
  margin: 0 auto;
  padding: 32px 0 0 0;
  font-size: 19px;
  letter-spacing: -0.016em;
  line-height: 28px;
  color: #000;
  margin: 0 auto;
}

.how-it-works-container section.sidekick a.btn-primary {
  height: 60px;
  line-height: 60px;
  width: initial !important;
  position: relative;
  background: #fff;
  border-radius: 6px;
  color: #000;
  font-size: 18px;
  border: 0;
  padding: 0px 28px !important;
  font-weight: 500;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  display: inline-block;
}

.how-it-works-container section.how-it-works .grid-container .grid-x p {
  font-size: 19px;
  line-height: 27px;
  padding: 24px 0 0 0;
  opacity: 1;
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 500;
}

.how-it-works-container .skipahead {
  padding: 0 0 200px;
  text-align: center;
  border-top: none;
}

.how-it-works-container .skipahead .cell {
  position: relative;
  text-align: left;
  margin: 0 auto;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-align: center;
}

.how-it-works-container .skipahead .cell .image {
  height: 32px;
  display: inline-block;
  line-height: 32px;
  vertical-align: top;
}

.how-it-works-container .skipahead .cell .image img {
  vertical-align: top;
}

.how-it-works-container .skipahead .cell em {
  max-width: 550px !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  line-height: 26px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  display: block;
  color: #737373;
  font-style: normal;
  position: relative;
  margin: 0 0 16px 0;
}

.how-it-works-container .skipahead a {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
}

.how-it-works-container .skipahead a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

.how-it-works-container .skipahead a:hover:after {
  width: 100%;
  left: 0;
}

.how-it-works-container .skipahead a span {
  display: block;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 500;
  margin: 16px 0 0 0;
}

.how-it-works-container section.comparison {
  padding: 100px 0;
  text-align: center;
}

.how-it-works-container section.comparison .comp-block {
  margin: 39px 0 0 0;
}

.how-it-works-container section.comparison h2 {
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
  letter-spacing: -0.018em;
  margin: 0;
  width: 580px;
  color: #000;
  margin: 0 0 24px 0;
  vertical-align: top;
  display: inline-block;
}

.how-it-works-container section.comparison .tabular {
  margin: 64px 0 0 0;
}

.how-it-works-container section.comparison .tabular .display {
  text-align: left;
}

.how-it-works-container section.comparison .tabular h5 {
  margin: 0 0 16px 0;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.how-it-works-container section.comparison .tabular h5.light {
  color: #737373;
}

.how-it-works-container section.comparison .tabular ul {
  margin: 0;
}

.how-it-works-container section.comparison .tabular ul li {
  list-style-type: none;
  font-size: 16px;
  letter-spacing: 0;
  border-bottom: 1px solid #eee;
  height: 48px;
  line-height: 48px;
  font-weight: 500;
}

.how-it-works-container section.comparison .tabular ul li:last-of-type {
  border-bottom: none !important;
}

.how-it-works-container .callout {
  position: relative;
  padding: 120px 0;
  margin: 0;
  border: none;
  border-radius: initial;
  text-align: center;
  background: #F4F5F5;
}

.how-it-works-container .callout h2 {
  font-size: 40px;
  line-height: 44px;
}

.how-it-works-container .callout p {
  color: #484A4C;
  padding: 12px 0;
  max-width: 560px;
  margin: 0 auto;
}

.how-it-works-container .callout p.subdued {
  color: rgba(255, 255, 255, 0.8) !important;
}

.how-it-works-container section.how-it-works {
  margin: 0;
  padding: 0;
  background: #fff;
}

.how-it-works-container section.how-it-works .grid-container {
  height: initial;
  padding: 200px 0 100px;
  padding-left: 32px;
  padding-right: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
}

.how-it-works-container section.how-it-works .steps {
  margin: 64px 0 0 0;
}

.how-it-works-container section.how-it-works h2 {
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 auto;
  text-align: left;
  padding: 16px 0 0 0;
  font-size: 48px;
  line-height: 52px !important;
}

.how-it-works-container section.how-it-works p {
  margin: 0;
  padding: 0;
  text-align: left;
}

.how-it-works-container section.how-it-works .wrap-bg {
  margin: 0 auto;
}

.how-it-works-container section.how-it-works .grid-x {
  margin: 0 auto;
  max-width: 80rem;
  padding: 0 40px;
}

.how-it-works-container section.how-it-works .how {
  padding: 0 8px;
}

.how-it-works-container section.how-it-works .right {
  float: right;
}

.how-it-works-container section.how-it-works .content {
  position: relative;
  padding: 0 64px 0 0;
  text-align: left;
}

.how-it-works-container section.how-it-works .content article {
  position: relative;
  background: transparent;
  margin: 0 0 64px 0;
}

.how-it-works-container section.how-it-works .content article div {
  display: inline-block;
  clear: both;
}

.how-it-works-container section.how-it-works .content article div img {
  float: left;
  margin: 0 12px 0 0;
}

.how-it-works-container section.how-it-works .content article div span {
  max-width: 400px;
  padding: 0;
  color: #949494;
  margin: 0;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 600;
  display: inline-block;
}

.how-it-works-container section.how-it-works .content article h3 {
  margin: 20px 0 0 0;
  font-size: 32px;
  line-height: 38px;
  font-weight: 800;
  color: #000;
}

.how-it-works-container section.how-it-works .content article p {
  max-width: 400px;
  margin: 0 auto;
  padding: 24px 48px 0 0;
  font-size: 19px;
  letter-spacing: -0.016em;
  line-height: 28px;
  color: #000;
  margin: 0 auto;
}

.how-it-works-container section.how-it-works .content article p a {
  line-height: 28px;
  color: #2C2E2F;
  font-weight: 600;
  background: transparent;
  width: initial;
  border: 0;
  height: initial;
  border-radius: 0;
  padding: 0px;
  margin: 0;
  color: #000;
}

.how-it-works-container section.how-it-works .visual {
  height: 300px;
  position: relative;
}

.how-it-works-container section.value h2 {
  font-weight: 600 !important;
}

.how-it-works-container section.cta-primary {
  border-bottom: none;
  height: initial;
  background: #f0f0f0;
  height: 500px;
  padding: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.how-it-works-container section.cta-primary .cell .centre h2 {
  padding: 0;
  max-width: 500px;
  text-align: center;
  font-size: 44px;
  line-height: 48px;
  font-weight: 700;
  letter-spacing: -0.018em;
  margin: 0 auto;
  color: #000;
}

.how-it-works-container section.cta-primary a.btn-primary {
  height: 60px;
  line-height: 60px;
  width: initial !important;
  position: relative;
  background: #000;
  border-radius: 6px;
  color: #fff;
  font-size: 18px;
  border: 0;
  padding: 0px 28px !important;
  font-weight: 500;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  display: inline-block;
}

.how-it-works-container section.cta-primary a.btn-primary:hover {
  border: none;
  background: #fff;
  color: #000;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.04), 0 8px 8px rgba(0, 0, 0, 0.04), 0 16px 16px rgba(0, 0, 0, 0.04);
}

.how-it-works-container section.cta-primary a.btn-primary:focus {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.how-it-works-container section.cta-primary a.btn-primary:active {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

@media screen and (max-width: 980px) {
  .feature-wrapper .navigation-section {
    position: fixed;
    max-width: 100%;
    top: 80px;
    height: 100px;
    display: flex;
    flex-direction: row;
    padding: 0;
  }
  .feature-wrapper .main-nav {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    list-style: none;
    padding: 0;
  }
  .navigation-section {
    width: 100%;
    max-width: 300px;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 2rem;
    scroll-behavior: smooth;
    position: sticky;
    height: 100vh;
    right: 0;
    top: 0;
    display: none !important;
  }
}

.bora-bora-container header {
  height: initial;
  line-height: initial;
  margin: 24px;
}

.bora-bora-container header .header-background {
  width: 100%;
  height: 575px;
  border-radius: 26px;
  background: #ccc;
}

.bora-bora-container main .carousel {
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
}

.bora-bora-container main .carousel__activator {
  display: none;
}

.bora-bora-container main .carousel__controls {
  display: none;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  right: 16px;
  left: 16px;
  bottom: 0;
}

.bora-bora-container main .carousel__controls:first-of-type {
  justify-content: flex-end;
}

.bora-bora-container main .carousel__controls:last-of-type {
  justify-content: flex-start;
}

.bora-bora-container main .carousel__control {
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: #fff;
  color: #3d414a;
  border-radius: 100%;
  box-shadow: 0 2px 10px 0 rgba(33, 34, 36, 0.3);
  font-size: 24px;
  height: 48px;
  justify-content: center;
  transition: 0.3s all;
  width: 48px;
  z-index: 1;
}

.bora-bora-container main .carousel__control span {
  height: 48px;
  width: 48px;
  text-align: center;
}

.bora-bora-container main .carousel__control:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.bora-bora-container main .carousel__activator:nth-of-type(1):checked
~ .carousel__controls:nth-of-type(1) {
  display: flex;
}

.bora-bora-container main .carousel__activator:nth-of-type(1):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.bora-bora-container main .carousel__activator:nth-of-type(2):checked
~ .carousel__controls:nth-of-type(2) {
  display: flex;
}

.bora-bora-container main .carousel__activator:nth-of-type(2):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.bora-bora-container main .carousel__activator:nth-of-type(3):checked
~ .carousel__controls:nth-of-type(3) {
  display: flex;
}

.bora-bora-container main .carousel__activator:nth-of-type(3):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-200%);
  transform: translateX(-200%);
}

.bora-bora-container main .carousel__activator:nth-of-type(4):checked
~ .carousel__controls:nth-of-type(4) {
  display: flex;
}

.bora-bora-container main .carousel__activator:nth-of-type(4):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-300%);
  transform: translateX(-300%);
}

.bora-bora-container main .carousel__activator:nth-of-type(5):checked
~ .carousel__controls:nth-of-type(5) {
  display: flex;
}

.bora-bora-container main .carousel__activator:nth-of-type(5):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-400%);
  transform: translateX(-400%);
}

.bora-bora-container main .carousel__activator:nth-of-type(6):checked
~ .carousel__controls:nth-of-type(6) {
  display: flex;
}

.bora-bora-container main .carousel__activator:nth-of-type(6):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-500%);
  transform: translateX(-500%);
}

.bora-bora-container main .carousel__activator:nth-of-type(7):checked
~ .carousel__controls:nth-of-type(7) {
  display: flex;
}

.bora-bora-container main .carousel__activator:nth-of-type(7):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-600%);
  transform: translateX(-600%);
}

.bora-bora-container main .carousel__activator:nth-of-type(8):checked
~ .carousel__controls:nth-of-type(8) {
  display: flex;
}

.bora-bora-container main .carousel__activator:nth-of-type(8):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-700%);
  transform: translateX(-700%);
}

.bora-bora-container main .carousel__activator:nth-of-type(9):checked
~ .carousel__controls:nth-of-type(9) {
  display: flex;
}

.bora-bora-container main .carousel__activator:nth-of-type(9):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-800%);
  transform: translateX(-800%);
}

.bora-bora-container main .carousel__activator:nth-of-type(10):checked
~ .carousel__controls:nth-of-type(10) {
  display: flex;
}

.bora-bora-container main .carousel__activator:nth-of-type(10):checked
~ .carousel__screen
.carousel__track {
  -webkit-transform: translateX(-900%);
  transform: translateX(-900%);
}

.bora-bora-container main .carousel__screen {
  overflow: hidden;
  margin-left: -16px;
  margin-right: -16px;
}

.bora-bora-container main .carousel__track {
  font-size: 0;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.bora-bora-container main .carousel__item {
  display: inline-flex;
  padding-left: 16px;
  padding-right: 16px;
  vertical-align: top;
  white-space: normal;
}

.bora-bora-container main .carousel__item--desktop-in-1 {
  width: 100%;
}

.bora-bora-container main .carousel__item--desktop-in-2 {
  width: 50%;
}

.bora-bora-container main .carousel__item--desktop-in-3 {
  width: 33.3333333333%;
}

.bora-bora-container main .carousel__item--desktop-in-4 {
  width: 25%;
}

.bora-bora-container main .carousel__item--desktop-in-5 {
  width: 20%;
}

.bora-bora-container main .demo-content {
  color: #fff;
  display: flex;
  font-weight: 100;
  align-items: flex-start;
  justify-content: flex-start;
  border-radius: 3px;
  font-size: 56px;
  width: 325px;
  flex-direction: column;
  align-content: flex-start;
}

.bora-bora-container main .demo-content img {
  font-size: 10px;
  border-radius: 16px;
}

.bora-bora-container main .demo-content h3 {
  font-size: 18px;
  line-height: 26px;
  text-transform: none;
  color: #000;
  font-weight: 600;
  margin: 16px 0 8px 0;
}

.bora-bora-container main .demo-content p {
  font-size: 14px;
  line-height: 20px;
  text-transform: none;
  font-weight: 400;
}

.bora-bora-container main .demo-content a {
  font-size: 18px;
  line-height: 26px;
  text-transform: none;
  color: #000;
  font-weight: 600;
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  .bora-bora-container main .carousel {
    padding-left: 0;
    padding-right: 0;
  }
  .bora-bora-container main .carousel__activator:nth-of-type(n):checked ~ .carousel__controls:nth-of-type(n) {
    display: none;
  }
  .bora-bora-container main .carousel__activator:nth-of-type(n):checked ~ .carousel__screen .carousel__track {
    -webkit-transform: none;
    transform: none;
  }
  .bora-bora-container main .carousel__screen {
    margin-left: 0;
    margin-right: 0;
  }
  .bora-bora-container main .carousel__track {
    overflow-x: auto;
    width: auto;
    padding-left: 48px;
    padding-right: 48px;
  }
  .bora-bora-container main .carousel__item--tablet-in-1 {
    width: 90%;
  }
  .bora-bora-container main .carousel__item--tablet-in-2 {
    width: 45%;
  }
  .bora-bora-container main .carousel__item--tablet-in-3 {
    width: 30%;
  }
}

@media screen and (max-width: 650px) {
  .bora-bora-container main .carousel__track {
    padding-left: 0;
    padding-right: 0;
  }
  .bora-bora-container main .carousel__item--mobile-in-1 {
    width: 90%;
  }
  .bora-bora-container main .carousel__item--mobile-in-2 {
    width: 45%;
  }
  .bora-bora-container main .carousel__item--mobile-in-3 {
    width: 30%;
  }
}

.bora-bora-container main h1 {
  font-weight: 600;
  font-size: 88px;
  line-height: 104px;
  color: #000000;
}

.bora-bora-container main h2 {
  font-weight: 600;
  font-size: 46px;
  line-height: 50px;
  color: #000000;
}

.bora-bora-container main nav.breadcrumb ol {
  list-style-type: none;
  margin-left: 0;
}

.bora-bora-container main nav.breadcrumb ol li {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.bora-bora-container main nav.breadcrumb ol li a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #000;
  text-decoration: underline;
}

.bora-bora-container main section.hero {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 1280px;
  margin: 0 auto;
  padding: 96px 0;
}

.bora-bora-container main section.hero .intro {
  max-width: 600px;
  flex: 2;
}

.bora-bora-container main section.hero .intro h2 {
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
  color: #000000;
  margin: 24px 0 40px 0;
}

.bora-bora-container main section.hero .intro p {
  font-weight: 400;
  font-size: 19px;
  line-height: 27px;
  color: #222;
}

.bora-bora-container main section.hero .skip {
  flex: 1;
  margin-left: auto;
  max-width: 250px;
  text-align: left;
  margin-top: 100px;
  position: sticky;
  top: 24px;
}

.bora-bora-container main section.hero .skip h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin: 0 0 16px 22px;
  color: #000;
}

.bora-bora-container main section.hero .skip nav ul li {
  margin-bottom: 8px;
}

.bora-bora-container main section.hero .skip nav ul li:last-of-type {
  margin: 0;
}

.bora-bora-container main section.hero .skip nav ul li a {
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-weight: 500;
  text-decoration: underline;
}

.bora-bora-container main section.hero .skip nav ul li a img {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  vertical-align: top;
}

.bora-bora-container main section.sample-registry {
  background-color: coral;
  height: 700px;
}

.bora-bora-container main section.sample-registry div {
  max-width: 1280px;
  margin: 0 auto;
}

.bora-bora-container main section.things-to-know {
  background-color: #fafafa;
  height: 700px;
}

.bora-bora-container main section.things-to-know section {
  max-width: 1280px;
  margin: 0 auto;
}

.bora-bora-container main section.must-see-places {
  height: 700px;
  background-color: #000;
}

.bora-bora-container main section.must-see-places .container {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  clear: initial;
  padding: 100px 0;
  background: transparent;
}

.bora-bora-container main section.must-see-places .heading {
  width: 40%;
}

.bora-bora-container main section.must-see-places .heading h2 {
  color: #fff;
}

.bora-bora-container main section.must-see-places section {
  width: 60%;
}

.bora-bora-container main section.must-see-places section h3 {
  color: #fff;
}

.bora-bora-container main section.must-see-places section h3 a {
  color: #fff !important;
}

.bora-bora-container main section.must-see-places section p {
  color: rgba(255, 255, 255, 0.8);
}

.bora-bora-container main section.must-see-places section article div.image {
  height: 400px;
  width: 300px;
  border-radius: 16px;
}

.bora-bora-container main section.things-to-do {
  height: 700px;
}

.bora-bora-container main section.things-to-do .container {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  clear: initial;
  padding: 100px 0;
  background: transparent;
}

.bora-bora-container main section.things-to-do .heading {
  width: 40%;
}

.bora-bora-container main section.things-to-do section {
  width: 60%;
}

.bora-bora-container main section.things-to-do section p {
  color: rgba(0, 0, 0, 0.8);
}

.bora-bora-container main section.things-to-do section article div.image {
  height: 400px;
  width: 300px;
  border-radius: 16px;
}

.bora-bora-container main section.places-to-stay {
  height: 700px;
  background-color: #f1f1f1;
}

.bora-bora-container main section.places-to-stay .container {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  clear: initial;
  padding: 100px 0;
  background: transparent;
}

.bora-bora-container main section.places-to-stay .heading {
  width: 40%;
}

.bora-bora-container main section.places-to-stay section {
  width: 60%;
}

.bora-bora-container main section.places-to-stay section p {
  color: rgba(0, 0, 0, 0.8);
}

.bora-bora-container main section.places-to-stay section article div.image {
  height: 400px;
  width: 300px;
  border-radius: 16px;
}

.bora-bora-container main section.where-to-eat {
  height: 700px;
}

.bora-bora-container main section.where-to-eat .container {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  clear: initial;
  padding: 100px 0;
  background: transparent;
}

.bora-bora-container main section.where-to-eat .heading {
  width: 40%;
}

.bora-bora-container main section.where-to-eat section {
  width: 60%;
}

.bora-bora-container main section.where-to-eat section p {
  color: rgba(0, 0, 0, 0.8);
}

.bora-bora-container main section.where-to-eat section article div.image {
  height: 400px;
  width: 300px;
  border-radius: 16px;
}

.bora-bora-container main section.when-to-visit {
  height: 700px;
}

.bora-bora-container main section.when-to-visit .container {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  clear: initial;
  padding: 100px 0;
  background: transparent;
}

.bora-bora-container main section.when-to-visit .heading {
  width: 40%;
}

.bora-bora-container main section.when-to-visit section {
  width: 60%;
}

.bora-bora-container main section.when-to-visit section p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 17px;
  line-height: 25px;
}

.bora-bora-container main section.when-to-visit section article div.image {
  height: 400px;
  width: 300px;
  border-radius: 16px;
}

.bora-bora-container main section.how-to-get-there {
  height: 700px;
}

.bora-bora-container main section.how-to-get-there .container {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  clear: initial;
  padding: 100px 0;
  background: transparent;
}

.bora-bora-container main section.how-to-get-there .heading {
  width: 40%;
}

.bora-bora-container main section.how-to-get-there section {
  width: 60%;
}

.bora-bora-container main section.how-to-get-there section p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 17px;
  line-height: 25px;
}

.bora-bora-container main section.how-to-get-there section article div.image {
  height: 400px;
  width: 300px;
  border-radius: 16px;
}

.bora-bora-container main section.how-to-get-around {
  height: 700px;
}

.bora-bora-container main section.how-to-get-around .container {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  clear: initial;
  padding: 100px 0;
  background: transparent;
}

.bora-bora-container main section.how-to-get-around .heading {
  width: 40%;
}

.bora-bora-container main section.how-to-get-around section {
  width: 60%;
}

.bora-bora-container main section.how-to-get-around section p {
  color: rgba(0, 0, 0, 0.8);
  font-size: 17px;
  line-height: 25px;
}

.bora-bora-container main section.how-to-get-around section article div.image {
  height: 400px;
  width: 300px;
  border-radius: 16px;
}

footer {
  padding: 48px 24px 24px 24px;
}

footer .logo-mobile {
  margin: 0 0 32px 0 !important;
}

footer img {
  margin: 0;
}

footer p.intro {
  max-width: 420px;
  margin: 24px 0 0 0;
  font-size: 16px;
  line-height: 24px;
  color: #66696B;
}

footer span {
  color: #000;
  margin: 0 0 20px 0;
  font-size: 15px;
  display: inline-block;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 0.024em;
  text-transform: uppercase;
}

footer h3 {
  color: #000;
  margin: 0 0 20px 0;
  font-size: 15px;
  display: inline-block;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 0.024em;
  text-transform: uppercase;
}

footer ul {
  list-style: none;
  margin: 0px;
}

footer ul li a {
  line-height: 24px;
  margin: 0 0 8px 0;
  display: inline-block;
  color: #000;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  border-bottom: 1px solid transparent;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 16px;
  color: #000;
}

footer ul li a:hover {
  border-bottom: 1px solid #000;
}

footer ul li a:focus {
  color: #000;
}

footer ul li a:active {
  color: #000;
}

footer .social ul li {
  display: inline-block;
  margin: 0 16px 0 0;
}

footer .social ul li img {
  margin: 0px;
}

footer ul.legal {
  text-align: right;
}

footer ul.legal li a {
  margin: 0;
  padding: 8px;
  -webkit-tap-highlight-color: transparent;
}

footer ul.legal li a:focus {
  color: #2C2E2F;
}

footer ul.legal li a:active {
  color: #2C2E2F;
}

footer p {
  font-size: 16px;
  line-height: 24px;
  color: #555;
  margin: 0 0 16px 0;
}

footer hr {
  border: 0;
  border-top: 1px solid #E2E5E8;
  overflow: hidden;
  margin: 16px 0;
}

/* REFERRAL PAGE */
.referral-container header {
  height: 80px;
}

.referral-container header .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.referral-container header .logo {
  position: absolute;
  left: 40px;
}

.referral-container header .main-links {
  margin: 0 auto;
  display: inline-block;
  position: relative;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
}

.referral-container header .main-links a {
  margin: 0 12px;
  position: relative;
  color: #000;
}

.referral-container header .main-links a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

.referral-container header .main-links a:hover:after {
  width: 100%;
  left: 0;
}

.referral-container header .auth {
  text-decoration: none;
  background-color: transparent;
  padding: 0 0 2px 0;
  float: right;
  margin: 0;
  position: absolute;
  right: 40px;
}

.referral-container header .auth ul li a.link-space {
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.referral-container header .auth ul li a.link {
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.referral-container section.sidekick {
  height: initial;
  padding: 144px 0;
}

.referral-container section.sidekick .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.referral-container section.sidekick .centre {
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}

.referral-container section.sidekick .cell {
  height: initial;
}

.referral-container section.sidekick .cell h1 {
  color: #000;
  padding: 0 0 24px 0;
  max-width: 880px;
  margin: 0 auto;
  font-size: 64px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 68px;
  margin: 0 auto;
  max-width: initial;
}

.referral-container section.sidekick .cell h5 {
  color: #2C2E2F;
  margin: 0 0 24px 0;
  font-size: 52px;
  line-height: 56px;
  font-weight: 600;
}

.referral-container section.sidekick .cell p {
  margin: 24px 0 0 0 !important;
  margin: 0 auto !important;
  max-width: 500px;
  font-size: 20px;
  line-height: 30px;
  font-size: 20px;
  line-height: 24px;
  line-height: 1.4;
  max-width: initial;
  font-weight: 500;
  padding: 0 0 0 0;
  text-align: center;
  margin: 0px;
  letter-spacing: 0;
  max-width: 660px;
}

.referral-container section.sidekick .cell p strong {
  color: #2C2E2F;
  font-weight: 600;
}

.referral-container section.sidekick .cell a.btn-primary {
  margin: 24px 0 0 0;
  display: inline-block;
}

.referral-container .callout {
  position: relative;
  padding: 120px 0;
  margin: 0;
  border: none;
  border-radius: initial;
  text-align: center;
  background: #fcfcfc;
}

.referral-container .callout h4 {
  text-align: center;
  margin: 0 0 16px 0;
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
  letter-spacing: 0;
  color: #000;
}

.referral-container .callout p {
  padding: 12px 0;
  max-width: 800px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 20px;
}

.referral-container .callout p.subdued {
  color: rgba(255, 255, 255, 0.8) !important;
}

.referral-container section.how-it-works {
  margin: 0;
  padding: 0 0 72px 0;
  background: #fcfcfc;
}

.referral-container section.how-it-works .wrap-bg {
  margin: 0 auto;
}

.referral-container section.how-it-works .grid-x {
  margin: 0 auto;
  max-width: 1366px;
  padding: 0 24px;
}

.referral-container section.how-it-works .right {
  float: right;
}

.referral-container section.how-it-works h2 {
  padding: 129px 0 24px 0;
  text-align: center;
  margin: 0 auto;
  display: block;
  max-width: 450px;
  font-weight: 600;
  font-size: 48px;
  line-height: 52px !important;
}

.referral-container section.how-it-works p.main {
  text-align: center;
  margin: 0 auto;
  display: block;
  max-width: 450px;
  font-size: 19px;
  letter-spacing: 0;
  padding: 0 0 80px 0;
  line-height: 1.4211;
  font-weight: 500;
}

.referral-container section.how-it-works .content {
  position: relative;
  padding: 0 64px 0 0;
  text-align: left;
}

.referral-container section.how-it-works .content article {
  position: relative;
  background: transparent;
  margin: 0 0 48px 0;
}

.referral-container section.how-it-works .content article div {
  display: inline-block;
  clear: both;
}

.referral-container section.how-it-works .content article div img {
  float: left;
  margin: 0 12px 0 0;
}

.referral-container section.how-it-works .content article div h5 {
  position: relative;
  color: #000;
  display: inline-block;
  max-width: 550px;
  margin: 0 0 16px 0;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: .24px;
  opacity: .4;
}

.referral-container section.how-it-works .content article h3 {
  margin: 0 0 24px 0;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 0;
  font-weight: 600;
  color: #000;
}

.referral-container section.how-it-works .content article p {
  font-size: 17px;
  letter-spacing: 0;
  padding: 0 0 0 0;
  line-height: 1.211;
  font-weight: 400;
}

.referral-container section.how-it-works .content article p a {
  padding: 0px;
  margin: 0;
  color: #000;
  border: 0;
  line-height: 24px;
  border-radius: 0px;
  border-bottom: none;
  background: transparent;
  height: initial;
  width: initial;
  font-size: 17px;
  letter-spacing: 0;
  padding: 0 0 0 0;
  line-height: 1.211;
  font-weight: 500;
  border-bottom: none;
  text-decoration: underline;
}

.referral-container section.how-it-works .content article p a:after {
  display: none;
}

.referral-container section.how-it-works .content article p strong {
  color: #2C2E2F;
  font-weight: 600;
}

.referral-container section.how-it-works .visual {
  height: 300px;
  position: relative;
}

.referral-container section.continued {
  margin: 0;
  padding: 0 0 72px 0;
  background: #fff;
}

.referral-container section.continued .wrap-bg {
  margin: 0 auto;
}

.referral-container section.continued .grid-x {
  margin: 0 auto;
  max-width: 1366px;
  padding: 0 24px;
}

.referral-container section.continued .right {
  float: right;
}

.referral-container section.continued h2 {
  padding: 129px 0 24px 0;
  text-align: center;
  margin: 0 auto;
  display: block;
  max-width: 450px;
  font-weight: 600;
  font-size: 48px;
  line-height: 52px !important;
}

.referral-container section.continued p.main {
  text-align: center;
  margin: 0 auto;
  display: block;
  max-width: 660px;
  font-size: 19px;
  letter-spacing: 0;
  padding: 0 0 80px 0;
  line-height: 1.4211;
  font-weight: 500;
}

.referral-container section.continued .content {
  position: relative;
  padding: 0 64px 0 0;
  text-align: left;
}

.referral-container section.continued .content article {
  position: relative;
  background: transparent;
  margin: 0 0 48px 0;
}

.referral-container section.continued .content article div {
  display: inline-block;
  clear: both;
}

.referral-container section.continued .content article div img {
  float: left;
  margin: 0 12px 0 0;
}

.referral-container section.continued .content article div h5 {
  position: relative;
  color: #000;
  display: inline-block;
  max-width: 550px;
  margin: 0 0 16px 0;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: .24px;
  opacity: .4;
}

.referral-container section.continued .content article h3 {
  margin: 0 0 24px 0;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 0;
  font-weight: 600;
  color: #000;
}

.referral-container section.continued .content article p {
  font-size: 17px;
  letter-spacing: 0;
  padding: 0 0 0 0;
  line-height: 1.211;
  font-weight: 400;
}

.referral-container section.continued .content article p a {
  padding: 0px;
  margin: 0;
  color: #000;
  border: 0;
  line-height: 24px;
  border-radius: 0px;
  border-bottom: none;
  background: transparent;
  height: initial;
  width: initial;
  font-size: 17px;
  letter-spacing: 0;
  padding: 0 0 0 0;
  line-height: 1.211;
  font-weight: 500;
  border-bottom: none;
  text-decoration: underline;
}

.referral-container section.continued .content article p a:after {
  display: none;
}

.referral-container section.continued .visual {
  height: 300px;
  position: relative;
}

.referral-container section.cta-primary {
  border-bottom: none;
  height: initial;
  background: #000;
  height: initial;
  padding: 150px 0;
  padding-left: 40px;
  padding-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.referral-container section.cta-primary .centre {
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.referral-container section.cta-primary .centre h2 {
  padding: 0;
  max-width: 460px;
  text-align: center;
  font-size: 40px;
  line-height: 44px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 auto;
  color: #fff;
}

.referral-container section.cta-primary .centre a {
  height: 52px;
  line-height: 52px;
  width: initial !important;
  position: relative;
  background: #fff;
  border-radius: 50px;
  color: #000;
  font-size: 17px;
  border: 0;
  padding: 0px 24px !important;
  font-weight: 500;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  margin: 32px 0 0 0;
  display: inline-block;
  box-shadow: none !important;
}

.referral-container section.cta-primary .centre a:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.04), 0 8px 8px rgba(0, 0, 0, 0.04), 0 16px 16px rgba(0, 0, 0, 0.04);
}

.referral-container section.cta-primary .centre a:focus {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.referral-container section.cta-primary .centre a:active {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

footer {
  padding: 64px 24px 40px 24px;
  background: #fff;
}

footer .social {
  margin: 40px 0 0 0;
}

footer .logo-mobile {
  margin: 0 0 32px 0 !important;
}

footer .logo img {
  width: 72px;
}

footer img {
  margin: 0;
}

footer h6 {
  margin: 0 0 20px 0;
  font-size: 1.063rem;
  line-height: 1.250rem;
}

footer ul {
  list-style: none;
  margin: 0px;
}

footer ul li a {
  line-height: 20px;
  margin: 0 0 8px 0;
  display: inline-block;
  color: #000;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  border-bottom: 1px solid transparent;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 16px;
  color: #000;
}

footer ul li a:hover {
  border-bottom: 1px solid #000;
}

footer ul li a:hover {
  color: #000;
}

footer ul li a:focus {
  color: #000;
}

footer ul li a:active {
  color: #000;
}

footer .social ul li {
  display: inline-block;
  margin: 0 16px 0 0;
}

footer .social ul li a {
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}

footer .social ul li a:hover {
  border: 0;
  opacity: .8;
}

footer .social ul li a img {
  margin: 0px;
}

footer ul.legal {
  text-align: right;
}

footer ul.legal li {
  display: inline-block;
}

footer ul.legal li a {
  margin: 2px 0 0 16px;
  font-size: 15px;
  font-size: 17px;
  line-height: 24px;
  margin: 0 16px 10px 16px;
  display: inline-block;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  border-bottom: 1px solid transparent;
  font-family: system-regular;
  letter-spacing: -0.013em;
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

footer ul.legal li a:first-child {
  margin-right: 0px !important;
}

footer ul.legal li a:hover {
  border-bottom: 1px solid #2C2E2F;
}

footer ul.legal li a:focus {
  color: #2C2E2F;
}

footer ul.legal li a:active {
  color: #2C2E2F;
}

footer hr {
  border: 0;
  border-top: 1px solid #efefef;
  overflow: hidden;
  margin: 8px 0 16px 0;
  max-width: initial;
}

footer hr.minimal {
  border: 0;
  border-top: 1px solid #efefef;
  overflow: hidden;
  margin: 32px 0 16px 0;
  max-width: initial;
}

/* JOY PAGE */
.joy-container .selogo {
  margin: 24px 0 0 0;
}

.joy-container .selogo svg {
  width: 280px;
}

.joy-container .partner-logo img {
  height: 32px;
}

.joy-container span.trial {
  color: #fff !important;
}

.joy-container header {
  height: initial;
  background: transparent;
  background: #fff !important;
}

.joy-container header .auth a.link {
  color: #fff !important;
}

.joy-container header .auth a.link-space {
  font-size: 16px;
  letter-spacing: 0;
  color: #fff !important;
  font-weight: 500;
}

.joy-container header .auth a.link-space:after {
  background-color: transparent !important;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

.joy-container header .auth a.link-space:hover:after {
  width: 100%;
  left: 0;
}

.joy-container .video-overlay {
  background: -webkit-linear-gradient(13deg, rgba(0, 0, 0, 0.6) 0, transparent 85%);
  background: -moz- oldlinear-gradient(13deg, rgba(0, 0, 0, 0.6) 0, transparent 85%);
  background: -o-linear-gradient(13deg, rgba(0, 0, 0, 0.6) 0, transparent 85%);
  background: linear-gradient(77deg, rgba(0, 0, 0, 0.6) 0, transparent 85%);
  position: absolute;
  top: 0;
  left: 0;
  right: 26.09%;
  bottom: 0;
  opacity: 1;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
  z-index: 9;
}

.joy-container #myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  opacity: .82;
}

.joy-container #myVideo:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100vh;
  height: 100vw;
  background-image: linear-gradient(120deg, #eaee44, #33d0ff);
  opacity: .7;
}

.joy-container section.home {
  position: relative;
  background: #000;
}

.joy-container section.home .grid-container .grid-x .cell .centre {
  padding: 0 0 0 40px;
  z-index: 9;
}

.joy-container section.home .grid-container .grid-x .cell .centre p {
  font-style: normal;
}

.joy-container section.embed {
  padding: 100px 0;
  background: #1f1f1f;
  text-align: center;
}

.joy-container section.embed .cell {
  text-align: left;
}

.joy-container section.embed h2 {
  font-size: 44px;
  line-height: 1.1;
  font-weight: 600;
  margin: 0;
  width: 580px;
  text-align: left;
  color: #fff;
  margin: 80px 0 24px 0;
  vertical-align: top;
  display: inline-block;
  padding: 0 24px 0 0;
}

.joy-container section.embed span {
  color: #fff;
  margin: 0;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 400;
  text-align: left;
  display: inline-block;
}

.joy-container section.why-hitchd {
  padding: 100px 0;
  background: #fafafa;
}

.joy-container section.why-hitchd h2 {
  font-size: 44px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.018em;
  margin: 0;
  text-align: center;
  color: #000;
  margin: 0 0 48px 0;
  /* letter-spacing: 0; */
  display: block;
  max-width: 660px;
  margin: 0 auto;
  padding: 0 0 64px 0;
}

.joy-container section.why-hitchd h6 {
  font-size: 19px;
  letter-spacing: 0;
  line-height: 28px;
  color: #000;
  margin: 24px 0;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
  padding: 0 0 64px 0;
}

.joy-container section.why-hitchd .grid-container {
  padding-right: 8px;
  padding-left: 8px;
}

.joy-container section.why-hitchd .grid-container .cell {
  padding: 0 16px;
}

.joy-container section.why-hitchd .grid-container .cell .image-holder {
  background: #dedede;
  margin: 0 0 24px 0;
  padding: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 380px;
  width: 100%;
}

.joy-container section.why-hitchd .grid-container .cell .first {
  background-image: url(../images/joy-vp-101.jpg);
}

.joy-container section.why-hitchd .grid-container .cell .second {
  background-image: url(../images/joy-vp-102.jpg);
}

.joy-container section.why-hitchd .grid-container .cell .third {
  background-image: url(../images/joy-vp-103.jpg);
}

.joy-container section.why-hitchd .grid-container .cell .fourth {
  background-image: url(../images/joy-vp-104.jpg);
}

.joy-container section.why-hitchd .grid-container .cell h3 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
  color: #000;
  max-width: 400px;
}

.joy-container section.why-hitchd .grid-container .cell p {
  font-size: 17px;
  letter-spacing: 0;
  line-height: 25px;
  color: #000;
  margin: 16px 0 0 0;
}

.joy-container section.how-it-works .grid-container h2 {
  font-size: 44px;
  line-height: 1.1;
  font-weight: 600;
  margin: 0;
  width: 580px;
  text-align: center;
  color: #000;
  margin: 0 0 64px 0;
  vertical-align: top;
  display: inline-block;
}

.joy-container section.common-faq {
  background: #fff;
}

.joy-container section.common-faq h2 {
  color: #000;
  margin: 0 0 24px 0 !important;
}

.joy-container section.common-faq p {
  color: #111212;
  margin: 0 0 24px 0;
  font-size: 19px;
  line-height: 28px;
  letter-spacing: 0;
  font-weight: 500;
  max-width: 500px;
}

.joy-container section.common-faq .grid-container .grid-margin-x .cell .fact p {
  font-size: 17px !important;
  line-height: 25px !important;
  color: #000 !important;
  margin: 0;
  letter-spacing: 0;
  padding: 0 40px 24px 0;
  font-weight: 400;
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.joy-container section.common-faq .accordion {
  padding: 0;
  background: transparent !important;
}

.joy-container section.common-faq .toggle {
  display: none;
}

.joy-container section.common-faq .bot-border {
  border-bottom: 1px solid #e8e8e8;
}

.joy-container section.common-faq .option {
  position: relative;
  margin-bottom: 0;
  border-top: 1px solid #e8e8e8;
}

.joy-container section.common-faq .title,
.joy-container section.common-faq .content {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.2s;
}

.joy-container section.common-faq .title {
  padding: 24px 0;
  display: block;
  color: #111212;
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-align: left;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  -webkit-transition: ease-in-out opacity 150ms;
  transition: ease-in-out opacity 150ms;
}

.joy-container section.common-faq .title:hover {
  opacity: .68;
}

.joy-container section.common-faq .title:after, .joy-container section.common-faq .title:before {
  content: '';
  content: '';
  position: absolute;
  right: 8px;
  top: 30px;
  width: 2px;
  height: 0.75em;
  background-color: #aaa;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.joy-container section.common-faq .title:after {
  transform: rotate(90deg);
}

.joy-container section.common-faq .content {
  max-height: 0;
  overflow: hidden;
}

.joy-container section.common-faq .content p {
  margin: 0;
  padding: 0 0px 24px 0;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0;
  color: #484A4C !important;
  display: inline-block;
  margin: 0 0 8px 0;
  float: left;
  width: 100%;
  display: block;
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  margin: 0;
}

.joy-container section.common-faq .toggle:checked + .title + .content {
  max-height: 500px;
}

.joy-container section.common-faq .toggle:checked + .title:before {
  transform: rotate(90deg) !important;
}

/* ABOUT PAGE */
.about-container header {
  text-align: left;
  background: transparent;
  position: absolute;
  width: 100%;
  z-index: 999;
}

.about-container header .grid-container {
  margin-left: 40px;
  margin-right: 40px;
  max-width: initial;
  padding: 0;
}

.about-container header ul {
  margin: 0;
  padding: 0;
}

.about-container header ul li {
  display: inline-block;
  line-height: 80px;
}

.about-container header ul li a {
  color: #fff !important;
}

.about-container header ul li a:after {
  background-color: #fff !important;
}

.about-container header ul li a.link-space {
  color: #fff !important;
  border: 2px solid #fff !important;
}

.about-container header ul li a.link-space:after {
  display: none !important;
}

.about-container header a {
  font-size: 1rem;
}

.about-container header a.btn:active {
  border: 1px solid #8F9295;
}

.about-container header a.btn:visited {
  color: #212121;
}

.about-container header .logo {
  position: absolute;
  left: 40px;
}

.about-container header .main-links {
  display: inline-block;
  position: relative;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0;
  margin: 0 auto;
}

.about-container header .main-links a {
  margin: 0 12px;
  position: relative;
  color: #000;
}

.about-container header .main-links a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

.about-container header .main-links a:hover:after {
  width: 100%;
  left: 0;
}

.about-container header .auth {
  text-decoration: none;
  background-color: transparent;
  padding: 0 0 0px 0;
  float: right;
  margin: 0;
  position: absolute;
  right: 40px;
}

.about-container header .auth ul li a.link-space {
  color: #fff !important;
  border: 2px solid #fff;
  font-size: 15px;
  letter-spacing: 0;
  font-weight: 500;
  border: 2px solid #fff !important;
  border-radius: 50px;
  padding: 8px;
  font-weight: 500 !important;
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 20px !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  box-sizing: content-box;
}

.about-container header .auth ul li a.link {
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.about-container section.sidekick {
  height: 800px;
  padding: 0;
  background: transparent;
  background-color: #f0f0f0;
  background-image: url(../images/hitchd-honeymoon-registry-about-hero-bg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.about-container section.sidekick:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.about-container section.sidekick .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.about-container section.sidekick .grid-x {
  display: initial;
  display: initial;
  -ms-flex-flow: initial;
  flex-flow: initial;
}

.about-container section.sidekick .cell {
  height: 800px;
}

.about-container section.sidekick .cell .centre {
  position: relative;
  top: initial;
  -webkit-transform: initial;
  transform: initial;
  margin: initial;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 8%;
  -webkit-transform: translateY(-100%);
  transform: translateY(100%);
  position: relative;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.about-container section.sidekick h1 {
  color: #fff;
  max-width: 400px;
  margin: 0 auto;
  font-size: 64px;
  line-height: 68px;
  font-weight: 600;
  letter-spacing: 0;
}

.about-container section.sidekick h2 {
  font-size: 48px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.018em;
  margin: 0 auto;
  width: 600px;
  text-align: center;
  color: #fff;
  padding: 16px 0 0 0;
}

.about-container section.sidekick h5 {
  color: #2C2E2F;
  margin: 0 0 24px 0;
  font-size: 52px;
  line-height: 56px;
  font-weight: 600;
}

.about-container section.sidekick p {
  max-width: 500px;
  margin: 0 auto;
  padding: 32px 0 0 0;
  font-size: 19px;
  letter-spacing: -0.016em;
  line-height: 28px;
  color: #000;
  margin: 0 auto;
}

.about-container section.sidekick a.btn-primary {
  height: 60px;
  line-height: 60px;
  width: initial !important;
  position: relative;
  background: #fff;
  border-radius: 6px;
  color: #000;
  font-size: 18px;
  border: 0;
  padding: 0px 28px !important;
  font-weight: 500;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  display: inline-block;
}

.about-container section.how-it-works .grid-container {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 124px;
  padding-bottom: 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  max-width: 1440px;
}

.about-container section.how-it-works .grid-container .grid-x .cell {
  padding: 0;
  margin: 0;
}

.about-container section.how-it-works h2 {
  font-size: 48px !important;
  line-height: 52px !important;
  font-weight: 600 !important;
  text-align: left;
}

.about-container section.how-it-works p {
  text-align: left;
}

.about-container .faq {
  padding: 100px 24px !important;
  background: #f8f8f8 !important;
}

.about-container .faq h2 {
  padding: 0;
  margin: 0 0 40px 24px !important;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 0;
  font-weight: 700;
  margin: 0;
  text-align: center;
  color: #000;
  letter-spacing: 0;
  display: block;
}

.about-container .faq .grid-container {
  padding: 0px;
}

.about-container .faq .grid-container .grid-margin-x {
  margin-left: 12px;
  margin-right: 12px;
}

.about-container .faq .grid-container .grid-margin-x .cell {
  margin: 0 12px 0 12px;
}

.about-container .faq .grid-container .grid-margin-x .cell .fact {
  padding: 0px;
  margin: 0 0 16px 0;
  width: 100%;
}

.about-container .faq .grid-container .grid-margin-x .cell .fact h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #000;
  margin: 32px 0 16px 0;
  letter-spacing: 0;
}

.about-container .faq .grid-container .grid-margin-x .cell .fact p {
  font-size: 18px !important;
  line-height: 22px !important;
  color: #444;
  margin: 0;
  letter-spacing: 0;
  padding: 0 40px 0 0;
  font-weight: 500;
}

.about-container .faq a.view-faq {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.016em;
  line-height: 28px;
  margin: 24px 0 24px 24px;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
}

.about-container .faq a.view-faq:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.about-container .faq a.view-faq:hover:after {
  width: 0;
  left: 0;
}

.about-container .faq a.view-faq:active {
  color: #000;
}

.about-container .faq a.view-faq:visited {
  color: #000;
}

.about-container section.affiliate-steps {
  margin: 0;
  padding: 0 0 72px 0;
  background: #fcfcfc;
}

.about-container section.affiliate-steps .wrap-bg {
  margin: 0 auto;
}

.about-container section.affiliate-steps .grid-x {
  margin: 0 auto;
  max-width: 1366px;
  padding: 0 24px;
}

.about-container section.affiliate-steps .right {
  float: right;
}

.about-container section.affiliate-steps h2 {
  padding: 129px 0 24px 0;
  text-align: center;
  margin: 0 auto;
  display: block;
  max-width: 450px;
  font-weight: 600;
  font-size: 48px;
  line-height: 52px !important;
}

.about-container section.affiliate-steps p.main {
  text-align: center;
  margin: 0 auto;
  display: block;
  max-width: 450px;
  font-size: 19px;
  letter-spacing: 0;
  padding: 0 0 80px 0;
  line-height: 1.4211;
  font-weight: 500;
}

.about-container section.affiliate-steps .content {
  position: relative;
  padding: 0 64px 0 0;
  text-align: left;
}

.about-container section.affiliate-steps .content article {
  position: relative;
  background: transparent;
  margin: 0 0 48px 0;
}

.about-container section.affiliate-steps .content article div {
  display: inline-block;
  clear: both;
}

.about-container section.affiliate-steps .content article div img {
  float: left;
  margin: 0 12px 0 0;
}

.about-container section.affiliate-steps .content article div h5 {
  position: relative;
  color: #000;
  display: inline-block;
  max-width: 550px;
  margin: 0 0 16px 0;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: .24px;
  opacity: .4;
}

.about-container section.affiliate-steps .content article h3 {
  margin: 0 0 24px 0;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 0;
  font-weight: 600;
  color: #000;
}

.about-container section.affiliate-steps .content article p {
  font-size: 17px;
  letter-spacing: 0;
  padding: 0 0 0 0;
  line-height: 1.211;
  font-weight: 400;
  text-wrap: balance;
}

.about-container section.affiliate-steps .content article p a {
  padding: 0px;
  margin: 0;
  color: #000;
  border: 0;
  line-height: 24px;
  border-radius: 0px;
  border-bottom: none;
  background: transparent;
  height: initial;
  width: initial;
  font-size: 17px;
  letter-spacing: 0;
  padding: 0 0 0 0;
  line-height: 1.211;
  font-weight: 500;
  border-bottom: none;
  text-decoration: underline;
}

.about-container section.affiliate-steps .content article p a:after {
  display: none;
}

.about-container section.affiliate-steps .content article p strong {
  color: #2C2E2F;
  font-weight: 600;
}

.about-container section.affiliate-steps .visual {
  height: 300px;
  position: relative;
}

.about-container section.made-with-hitchd {
  background: #fff;
}

.about-container section.made-with-hitchd h2 {
  max-width: none;
  font-weight: 700;
}

.about-container section.made-with-hitchd .couples {
  padding: 100px 32px 100px 32px;
  border-top: 1px solid #eee;
  max-width: 80rem;
  margin: 0 auto;
}

.about-container section.made-with-hitchd .couples h2 {
  text-align: left;
  padding: 0;
}

.about-container section.made-with-hitchd .couples p {
  max-width: 660px;
}

.about-container section.made-with-hitchd .name-wrapper {
  text-align: left !important;
  max-width: 660px;
  margin: 0 auto;
}

.about-container section.made-with-hitchd .name-wrapper h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.about-container section.made-with-hitchd .name-wrapper p {
  color: #000 !important;
  margin: 0 auto;
  padding: 32px 0 0 0;
  font-size: 19px;
  letter-spacing: -0.016em;
  line-height: 28px;
  margin: 0;
  font-weight: 400;
}

.about-container section.made-with-hitchd .name-wrapper p:after {
  background-color: initial;
  bottom: initial;
  content: '';
  display: inline-block;
  height: initial;
  left: initial;
  transition: initial;
  position: relative;
  width: initial;
  z-index: initial;
}

.about-container section.made-with-hitchd .name-wrapper p:hover:after {
  width: initial;
  left: initial;
}

.about-container section.made-with-hitchd .name-wrapper p strong {
  font-weight: 600;
  letter-spacing: -0.015em;
}

.about-container .pitch .core-stats {
  background: #000;
}

.about-container .pitch .core-stats .introduction {
  padding: 100px 24px 64px 24px;
  max-width: initial;
  margin: 0;
}

.about-container .pitch .core-stats .figures {
  padding: 200px 0;
  max-width: 1366px;
  margin: 0 auto;
}

.about-container .pitch .core-stats .figures .onpage-social {
  padding: 64px 0 0 0;
  max-width: 268px;
}

.about-container .pitch .core-stats .figures .onpage-social .cell {
  margin-bottom: 0;
}

.about-container .pitch .core-stats .figures .onpage-social .cell a {
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.about-container .pitch .core-stats .figures .onpage-social .cell a:hover {
  opacity: .88;
}

.about-container .pitch .core-stats .figures .cell {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.about-container .pitch .core-stats .figures .cell .name-wrapper {
  margin: 16px 16px 0 0;
}

.about-container .pitch .core-stats .figures .cell .name-wrapper h3 {
  font-size: 40px;
  line-height: 44px;
  color: #fff;
  margin: 0 0 16px 0;
  font-weight: 600;
  letter-spacing: 0;
}

.about-container .pitch .core-stats .figures .cell .name-wrapper span {
  color: #fff !important;
  padding: 0;
  font-size: 17px;
  line-height: 25px;
  margin: 0;
  position: relative;
  font-weight: 500;
  display: inline-block;
  padding: 0 108px 0 0;
}

.about-container .layout .imagery {
  background: #1f1f1f;
  background-image: url(../images/hitchd-honeymoon-registry-bg-about-layout.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 700px;
}

.about-container .layout .imagery .introduction {
  padding: 100px 24px 64px 24px;
  max-width: initial;
  margin: 0;
}

.about-container .layout .imagery .fullwidth {
  padding: 0;
  max-width: initial;
  margin: initial;
}

.about-container .layout .imagery .fullwidth .cell .name-wrapper {
  margin: 0;
}

.about-container .layout .imagery .fullwidth .cell .name-wrapper h3 {
  font-size: 44px;
  line-height: 1.1;
  color: #fff;
  margin: 0 0 24px 0;
  font-weight: 700;
  letter-spacing: -0.018em;
}

.about-container .layout .imagery .fullwidth .cell .name-wrapper span {
  color: #fff !important;
  padding: 0;
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  position: relative;
}

.about-container .info-block {
  background: #ededee;
}

.about-container .info-block .info-wrapper {
  background: #fff;
  padding: 32px;
  height: 285px;
  margin: 100px 0;
  border-radius: 8px;
}

.about-container .info-block .info-wrapper h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.about-container .info-block .info-wrapper p {
  font-size: 18px;
  line-height: 26px;
}

.about-container .info-block .info-wrapper a {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.016em;
  line-height: 28px;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
}

.about-container .info-block .info-wrapper a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.about-container .info-block .info-wrapper a:hover:after {
  width: 0;
  left: 0;
}

.about-container .our-story {
  padding: 120px 24px 120px 24px;
  background: #fff;
}

.about-container .our-story .grid-container {
  padding: 0px;
  max-width: 1366px;
  margin: 0 auto;
}

.about-container .our-story .grid-container .grid-middle {
  padding: 0;
  max-width: 800px;
  margin: 0 auto;
}

.about-container .our-story .image {
  background: #ccc;
  height: 560px;
  margin: 64px 24px 0 24px;
}

.about-container .our-story h2 {
  text-align: left;
  padding: 0 0 24px 0;
  margin: 0px;
  font-size: 48px;
  line-height: 52px;
  font-weight: 600;
  margin: 0;
  color: #000;
  max-width: 750px;
}

.about-container .our-story p {
  max-width: 750px !important;
  color: #000 !important;
  margin: 0 auto;
  padding: 12px 0;
  font-size: 19px;
  letter-spacing: 0;
  line-height: 27px;
  margin: 0;
  max-width: 750px !important;
  color: #000 !important;
  margin: 0 auto;
  padding: 12px 0;
  font-size: 19px;
  letter-spacing: 0;
  line-height: 27px;
  display: inline-block;
  letter-spacing: 0;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  color: #000;
  margin: 0;
  margin: 0;
}

.about-container .our-story ul {
  margin: 0 0 0 40px;
}

.about-container .our-story ul li {
  margin: 0 0 8px 12px;
  color: #484A4C;
  font-size: 18px;
  line-height: 26px;
}

.about-container .cta-primary h4 {
  color: #fff;
}

.about-container .hitchd-facts {
  margin: 0 0 0 0 !important;
  padding: 120px 4px;
}

.about-container .hitchd-facts .grid-container {
  padding: 0;
  max-width: 800px;
  margin: 0 auto;
}

.about-container .hitchd-facts .leader-container {
  position: relative;
}

.about-container .hitchd-facts .leader-container a {
  position: absolute;
  right: 14px;
  top: -1px;
  border-bottom: 1px solid #2C2E2F;
}

.about-container .hitchd-facts .leader-container a:hover {
  color: #2C2E2F;
}

.about-container .hitchd-facts h2 {
  padding: 0 8px 48px 8px;
  text-align: left;
  margin: 0px;
}

.about-container .hitchd-facts .company {
  padding: 64px 0 0 0;
}

.about-container .hitchd-facts h6 {
  margin: 0 12px 0 12px;
  font-size: 17px;
}

.about-container .hitchd-facts h6 span {
  display: block;
  color: #75787B;
  margin: 8px 0 0 0;
  font-size: 16px;
  line-height: 24px;
  font-family: 'System-Regular', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.about-container .hitchd-facts .image {
  border-radius: 4px;
  margin: 0 12px 24px 12px;
}

.about-container .hitchd-facts .image img {
  border-radius: 4px;
}

.about-container .hitchd-facts .cell {
  display: inline-block;
  background-color: #fff;
}

.about-container .hitchd-facts .cell .container {
  background: white;
  padding-bottom: 0;
  clear: both;
  display: block;
  border: 1px solid #E7E8E9 !important;
  padding: 32px 0px !important;
  border-radius: 4px;
  -moz-borer-radius: 4px;
  margin: 0 8px 16px 8px;
}

.about-container .hitchd-facts .cell .container img {
  text-align: center;
  margin: 0 auto;
  display: block;
  padding: 0 0 12px 0;
}

.about-container .hitchd-facts .cell .container h5 {
  text-align: center;
  margin: 0px;
  font-size: 1rem;
  color: #2C2E2F !important;
}

.about-container section.cta-primary {
  border-bottom: none;
  height: initial;
  background: #f0f0f0;
  height: 500px;
  padding: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.about-container section.cta-primary .cell .centre h2 {
  padding: 0;
  max-width: 500px;
  text-align: center;
  font-size: 44px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 auto;
  color: #000;
}

.about-container section.cta-primary a.btn-primary {
  height: 60px;
  line-height: 60px;
  width: initial !important;
  position: relative;
  background: #fff;
  border-radius: 6px;
  color: #000;
  font-size: 18px;
  border: 0;
  padding: 0px 28px !important;
  font-weight: 500;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  display: inline-block;
}

.about-container section.cta-primary a.btn-primary:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.04), 0 8px 8px rgba(0, 0, 0, 0.04), 0 16px 16px rgba(0, 0, 0, 0.04);
  background: #fff;
  color: #000;
  border: 0;
}

.about-container section.cta-primary a.btn-primary:focus {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.about-container section.cta-primary a.btn-primary:active {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.about-container footer .grid-container {
  padding-left: 0;
  padding-right: 0;
  max-width: 1366px;
}

.affiliates-container header {
  text-align: left;
  background: transparent;
  position: absolute;
  width: 100%;
  z-index: 999;
}

.affiliates-container header .grid-container {
  margin-left: 40px;
  margin-right: 40px;
  max-width: initial;
  padding: 0;
}

.affiliates-container header ul {
  margin: 0;
  padding: 0;
}

.affiliates-container header ul li {
  display: inline-block;
  line-height: 80px;
}

.affiliates-container header ul li a {
  color: #fff !important;
}

.affiliates-container header ul li a:after {
  background-color: #fff !important;
}

.affiliates-container header ul li a.link-space {
  color: #fff !important;
  border: 2px solid #fff !important;
}

.affiliates-container header ul li a.link-space:after {
  display: none !important;
}

.affiliates-container header a {
  font-size: 1rem;
}

.affiliates-container header a.btn:active {
  border: 1px solid #8F9295;
}

.affiliates-container header a.btn:visited {
  color: #212121;
}

.affiliates-container header .logo {
  position: absolute;
  left: 40px;
}

.affiliates-container header .main-links {
  display: inline-block;
  position: relative;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0;
  margin: 0 auto;
}

.affiliates-container header .main-links a {
  margin: 0 12px;
  position: relative;
  color: #000;
}

.affiliates-container header .main-links a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

.affiliates-container header .main-links a:hover:after {
  width: 100%;
  left: 0;
}

.affiliates-container header .auth {
  text-decoration: none;
  background-color: transparent;
  padding: 0 0 0px 0;
  float: right;
  margin: 0;
  position: absolute;
  right: 40px;
}

.affiliates-container header .auth ul li a.link-space {
  color: #fff !important;
  border: 2px solid #fff;
  font-size: 15px;
  letter-spacing: 0;
  font-weight: 500;
  border: 2px solid #fff !important;
  border-radius: 50px;
  padding: 8px;
  font-weight: 500 !important;
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 20px !important;
  border-radius: 50px !important;
  font-size: 15px !important;
  box-sizing: content-box;
}

.affiliates-container header .auth ul li a.link {
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.affiliates-container section.sidekick {
  height: 800px;
  padding: 0;
  background: transparent;
  background-color: #f0f0f0;
  background-image: url(../images/affil-bg-lrg.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.affiliates-container section.sidekick:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.affiliates-container section.sidekick .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.affiliates-container section.sidekick .grid-x {
  display: initial;
  display: initial;
  -ms-flex-flow: initial;
  flex-flow: initial;
}

.affiliates-container section.sidekick .cell {
  height: 800px;
}

.affiliates-container section.sidekick .cell .centre {
  position: relative;
  top: initial;
  -webkit-transform: initial;
  transform: initial;
  margin: initial;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 8%;
  -webkit-transform: translateY(-100%);
  transform: translateY(100%);
  position: relative;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.affiliates-container section.sidekick h1 {
  color: #fff;
  /* max-width: 400px; */
  margin: 0 auto;
  font-size: 64px;
  line-height: 68px;
  font-weight: 600;
  letter-spacing: 0;
  text-wrap: balance;
}

.affiliates-container section.sidekick h2 {
  font-size: 48px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.018em;
  margin: 0 auto;
  width: 600px;
  text-align: center;
  color: #fff;
  padding: 16px 0 0 0;
}

.affiliates-container section.sidekick h5 {
  color: #2C2E2F;
  margin: 0 0 24px 0;
  font-size: 52px;
  line-height: 56px;
  font-weight: 600;
}

.affiliates-container section.sidekick p {
  max-width: 500px;
  margin: 0 auto;
  padding: 32px 0;
  font-size: 19px;
  letter-spacing: -0.016em;
  line-height: 28px;
  font-weight: 500;
  color: #fff;
  margin: 0 auto;
  text-wrap: balance;
}

.affiliates-container section.sidekick a.btn-primary {
  height: 56px;
  line-height: 56px;
  width: initial !important;
  position: relative;
  background: #fff;
  border-radius: 100px;
  color: #000;
  font-size: 18px;
  border: 0;
  padding: 0px 32px !important;
  font-weight: 500;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  display: inline-block;
}

.affiliates-container section.how-it-works .grid-container {
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 124px;
  padding-bottom: 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  max-width: 1440px;
}

.affiliates-container section.how-it-works .grid-container .grid-x .cell {
  padding: 0;
  margin: 0;
}

.affiliates-container section.how-it-works h2 {
  font-size: 48px !important;
  line-height: 52px !important;
  font-weight: 600 !important;
  text-align: left;
}

.affiliates-container section.how-it-works p {
  text-align: left;
}

.affiliates-container .faq {
  padding: 100px 24px !important;
  background: #f8f8f8 !important;
}

.affiliates-container .faq h2 {
  padding: 0;
  margin: 0 0 40px 24px !important;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 0;
  font-weight: 700;
  margin: 0;
  text-align: center;
  color: #000;
  letter-spacing: 0;
  display: block;
}

.affiliates-container .faq .grid-container {
  padding: 0px;
  max-width: 1366px;
}

.affiliates-container .faq .grid-container .grid-margin-x {
  margin-left: 12px;
  margin-right: 12px;
}

.affiliates-container .faq .grid-container .grid-margin-x .cell {
  margin: 0 12px 0 12px;
}

.affiliates-container .faq .grid-container .grid-margin-x .cell .fact {
  padding: 0px;
  margin: 0 0 16px 0;
  width: 100%;
}

.affiliates-container .faq .grid-container .grid-margin-x .cell .fact h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #000;
  margin: 32px 0 16px 0;
  letter-spacing: 0;
}

.affiliates-container .faq .grid-container .grid-margin-x .cell .fact p {
  font-size: 18px !important;
  line-height: 22px !important;
  color: #444;
  margin: 0;
  letter-spacing: 0;
  padding: 0 40px 0 0;
  font-weight: 500;
}

.affiliates-container .faq .grid-container .grid-margin-x .cell .fact p a {
  font-size: 18px !important;
  line-height: 22px !important;
  color: #000;
  text-decoration: underline;
}

.affiliates-container .faq a.view-faq {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.016em;
  line-height: 28px;
  margin: 24px 0 24px 24px;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
}

.affiliates-container .faq a.view-faq:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.affiliates-container .faq a.view-faq:hover:after {
  width: 0;
  left: 0;
}

.affiliates-container .faq a.view-faq:active {
  color: #000;
}

.affiliates-container .faq a.view-faq:visited {
  color: #000;
}

.affiliates-container section.affiliate-steps {
  margin: 0;
  padding: 0 0 72px 0;
  background: #fff;
}

.affiliates-container section.affiliate-steps .wrap-bg {
  margin: 0 auto;
}

.affiliates-container section.affiliate-steps .grid-x {
  margin: 0 auto;
  max-width: 1366px;
  padding: 0 24px;
}

.affiliates-container section.affiliate-steps .right {
  float: right;
}

.affiliates-container section.affiliate-steps h2 {
  padding: 129px 0 24px 0;
  text-align: center;
  margin: 0 auto;
  display: block;
  max-width: 450px;
  font-weight: 600;
  font-size: 48px;
  line-height: 52px !important;
}

.affiliates-container section.affiliate-steps p.main {
  text-align: center;
  margin: 0 auto;
  display: block;
  max-width: 880px;
  font-size: 19px;
  letter-spacing: 0;
  padding: 0 0 80px 0;
  line-height: 1.4211;
  font-weight: 500;
  text-wrap: balance;
}

.affiliates-container section.affiliate-steps .content {
  position: relative;
  padding: 0 64px 0 0;
  text-align: left;
}

.affiliates-container section.affiliate-steps .content article {
  position: relative;
  background: transparent;
  margin: 0 0 48px 0;
}

.affiliates-container section.affiliate-steps .content article div {
  display: inline-block;
  clear: both;
}

.affiliates-container section.affiliate-steps .content article div img {
  float: left;
  margin: 0 12px 0 0;
}

.affiliates-container section.affiliate-steps .content article div h5 {
  position: relative;
  color: #000;
  display: inline-block;
  max-width: 550px;
  margin: 0 0 16px 0;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: .24px;
  opacity: .4;
}

.affiliates-container section.affiliate-steps .content article h3 {
  margin: 0 0 24px 0;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 0;
  font-weight: 600;
  color: #000;
}

.affiliates-container section.affiliate-steps .content article p {
  font-size: 17px;
  letter-spacing: 0;
  padding: 0 0 0 0;
  line-height: 25px;
  font-weight: 500;
  text-wrap: balance;
}

.affiliates-container section.affiliate-steps .content article p a {
  padding: 0px;
  margin: 0;
  color: #000;
  border: 0;
  line-height: 24px;
  border-radius: 0px;
  border-bottom: none;
  background: transparent;
  height: initial;
  width: initial;
  font-size: 17px;
  letter-spacing: 0;
  padding: 0 0 0 0;
  line-height: 1.211;
  font-weight: 500;
  border-bottom: none;
  text-decoration: underline;
}

.affiliates-container section.affiliate-steps .content article p a:after {
  display: none;
}

.affiliates-container section.affiliate-steps .content article p strong {
  color: #2C2E2F;
  font-weight: 600;
}

.affiliates-container section.affiliate-steps .content article a {
  font-weight: 600;
  color: #000;
  border-bottom: 2px solid;
}

.affiliates-container section.affiliate-steps .content article a:hover {
  color: #000;
  border-bottom: 2px transparent;
}

.affiliates-container section.affiliate-steps .visual {
  height: 300px;
  position: relative;
}

.affiliates-container section.next-steps {
  margin: 128px 0;
  padding: 0;
  background: #fff;
}

.affiliates-container section.next-steps .wrap-bg {
  margin: 0 auto;
}

.affiliates-container section.next-steps .grid-x {
  margin: 0 auto;
  max-width: 1366px;
  padding: 0 24px;
}

.affiliates-container section.next-steps .right {
  float: right;
}

.affiliates-container section.next-steps h2 {
  text-align: left;
  margin: 0 auto;
  display: block;
  max-width: 450px;
  font-weight: 600;
  font-size: 48px;
  line-height: 52px !important;
  padding: 0 24px;
  max-width: 1366px;
  margin: 0 auto 80px auto;
}

.affiliates-container section.next-steps a {
  margin: 0 0 0 0;
  height: 56px;
  line-height: 56px;
  width: initial !important;
  position: relative;
  background: #fff;
  border-radius: 100px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  border: 0;
  padding: 0px 32px !important;
  font-weight: 500;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  display: inline-block;
}

.affiliates-container section.next-steps p.main {
  text-align: center;
  margin: 0 auto;
  display: block;
  max-width: 880px;
  font-size: 19px;
  letter-spacing: 0;
  padding: 0 0 80px 0;
  line-height: 1.4211;
  font-weight: 500;
  text-wrap: balance;
}

.affiliates-container section.next-steps .content {
  position: relative;
  padding: 0 64px 0 0;
  text-align: left;
}

.affiliates-container section.next-steps .content article {
  position: relative;
  background: transparent;
  margin: 0 0 48px 0;
}

.affiliates-container section.next-steps .content article div {
  display: inline-block;
  clear: both;
}

.affiliates-container section.next-steps .content article div img {
  float: left;
  margin: 0 12px 0 0;
}

.affiliates-container section.next-steps .content article div h5 {
  position: relative;
  color: #000;
  display: inline-block;
  max-width: 550px;
  margin: 0 0 16px 0;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: .24px;
  opacity: .4;
}

.affiliates-container section.next-steps .content article h3 {
  margin: 0 0 24px 0;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 0;
  font-weight: 600;
  color: #000;
}

.affiliates-container section.next-steps .content article p {
  font-size: 17px;
  letter-spacing: 0;
  padding: 0 0 0 0;
  line-height: 25px;
  font-weight: 500;
  text-wrap: pretty;
}

.affiliates-container section.next-steps .content article p a {
  padding: 0px;
  margin: 0;
  color: #000;
  border: 0;
  line-height: 24px;
  border-radius: 0px;
  border-bottom: none;
  background: transparent;
  height: initial;
  width: initial;
  font-size: 17px;
  letter-spacing: 0;
  padding: 0 0 0 0;
  line-height: 1.211;
  font-weight: 500;
  border-bottom: none;
  text-decoration: underline;
}

.affiliates-container section.next-steps .content article p a:after {
  display: none;
}

.affiliates-container section.next-steps .content article p strong {
  color: #2C2E2F;
  font-weight: 600;
}

.affiliates-container section.next-steps .content article a {
  font-weight: 600;
  color: #000;
  border-bottom: 2px solid;
}

.affiliates-container section.next-steps .content article a:hover {
  color: #000;
  border-bottom: 2px transparent;
}

.affiliates-container section.next-steps .visual {
  height: 300px;
  position: relative;
}

.affiliates-container section.made-with-hitchd {
  background: #fff;
}

.affiliates-container section.made-with-hitchd h2 {
  max-width: none;
  font-weight: 700;
}

.affiliates-container section.made-with-hitchd .couples {
  padding: 100px 32px 100px 32px;
  border-top: 1px solid #eee;
  max-width: 80rem;
  margin: 0 auto;
}

.affiliates-container section.made-with-hitchd .couples h2 {
  text-align: left;
  padding: 0;
}

.affiliates-container section.made-with-hitchd .couples p {
  max-width: 660px;
}

.affiliates-container section.made-with-hitchd .name-wrapper {
  text-align: left !important;
  max-width: 660px;
  margin: 0 auto;
}

.affiliates-container section.made-with-hitchd .name-wrapper h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.affiliates-container section.made-with-hitchd .name-wrapper p {
  color: #000 !important;
  margin: 0 auto;
  padding: 32px 0 0 0;
  font-size: 19px;
  letter-spacing: -0.016em;
  line-height: 28px;
  margin: 0;
  font-weight: 400;
}

.affiliates-container section.made-with-hitchd .name-wrapper p:after {
  background-color: initial;
  bottom: initial;
  content: '';
  display: inline-block;
  height: initial;
  left: initial;
  transition: initial;
  position: relative;
  width: initial;
  z-index: initial;
}

.affiliates-container section.made-with-hitchd .name-wrapper p:hover:after {
  width: initial;
  left: initial;
}

.affiliates-container section.made-with-hitchd .name-wrapper p strong {
  font-weight: 600;
  letter-spacing: -0.015em;
}

.affiliates-container section.value .personalize {
  background: #fff;
}

.affiliates-container section.value .personalize h2 {
  color: #000;
}

.affiliates-container section.value .personalize p {
  color: #000;
}

.affiliates-container section.value .personalize a {
  background: #000;
  color: #fff;
  display: inline-block;
  height: 52px;
  line-height: 52px;
  padding: 0 32px;
  border-radius: 100px;
  font-size: 18px;
  border: none;
  box-sizing: content-box;
  overflow: auto;
}

.affiliates-container section.value .personalize a:after {
  display: none !important;
}

.affiliates-container .logos-special {
  background: #131313;
  padding: 124px 24px 124px 24px;
  text-align: center;
}

.affiliates-container .logos-special a.btn-hero {
  font-size: 17px;
  font-weight: 500;
  border-radius: 50px;
  background: #fff;
  border: 1px solid #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  box-sizing: content-box;
  margin: 32px auto 0 auto;
  color: #131313;
}

.affiliates-container .logos-special .demo-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 8px;
}

.affiliates-container .logos-special .demo {
  width: 100%;
  height: 580px;
  margin: 80px auto;
  position: relative;
  border-radius: 16px;
  background-color: #C0C1BB !important;
  background: url(../images/caviar-wishlist-demo.jpg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 20px;
  width: 100%;
  height: 0;
  padding-top: 50%;
  position: relative;
}

.affiliates-container .logos-special .demo .name {
  position: absolute;
  bottom: 40px;
  left: 40px;
  text-align: left;
}

.affiliates-container .logos-special .demo .name span {
  color: #fff;
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-align: left;
}

.affiliates-container .logos-special .demo .name em {
  color: #fff;
  margin: 4px 0 0 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  display: block;
  text-align: left;
  font-weight: 500;
  text-align: left;
  opacity: .88;
  font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.affiliates-container .logos-special .demo .main-cta {
  margin: 8px 0 8px 0;
  cursor: pointer;
  height: 58px;
  box-shadow: 0 0px 80px 0px #000;
  padding: 0 34px !important;
  line-height: 58px;
  text-align: center;
  position: relative;
  background: #fff;
  border-radius: 100px;
  font-size: 17px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  border: none;
  font-weight: 500;
  box-sizing: content-box;
  float: right;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #000;
  transform: translate(-50%, -50%);
}

.affiliates-container .logos-special .props-wrapper {
  max-width: 1366px;
  padding: 0 24px;
  margin: 80px auto 0 auto;
}

.affiliates-container .logos-special .props-wrapper .props {
  display: flex;
  flex-wrap: wrap;
}

.affiliates-container .logos-special .props-wrapper .props .child {
  margin: 8px;
  background: linear-gradient(rgba(35, 35, 38, 0.4) 0.01%, rgba(46, 46, 52, 0.4) 100%), linear-gradient(rgba(35, 35, 38, 0.3) 0.01%, rgba(46, 46, 52, 0.3) 100%);
  padding: 20px;
  text-align: center;
  border-radius: 8px;
  padding: 24px;
  display: flex;
  color: #fff;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 calc(25% - 16px);
}

.affiliates-container .logos-special .props-wrapper .props .child h3 {
  color: #FFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0;
  margin: 0;
  text-align: left;
}

.affiliates-container .logos-special .props-wrapper .props .child p {
  color: #FFF;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  opacity: 0.72;
  text-align: left;
  margin: 12px 0 0 0;
  padding: 0;
  text-wrap: pretty;
}

.affiliates-container .logos-special .props-wrapper .props .child a {
  padding: initial;
  margin: initial;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  opacity: 1;
  color: orange;
  position: relative;
}

.affiliates-container .logos-special .props-wrapper .props .child svg {
  height: initial;
  width: initial;
  min-width: initial;
  padding: 0;
  max-width: initial;
  margin: 0 0 24px 0;
}

.affiliates-container .logos-special svg, .affiliates-container .logos-special img {
  padding: 0;
  max-width: initial;
  margin: 0 0 40px 0;
  width: initial;
}

.affiliates-container .logos-special svg.brands, .affiliates-container .logos-special img.brands {
  margin: 100px 0 0 0;
  padding: 3px;
  max-width: 900px;
}

.affiliates-container .logos-special svg.verif {
  margin: 0px 0 0 0;
  padding: 2px;
  position: relative;
  vertical-align: bottom;
}

.affiliates-container .logos-special p {
  color: #fff;
  font-size: 24px;
  line-height: 29px;
  max-width: 880px;
  margin: 0 auto;
  padding: 24px 0 0 0;
  font-weight: 500;
}

.affiliates-container .logos-special h2 {
  display: block;
  padding: 0;
  color: #fff !important;
  font-size: 40px;
  line-height: 1.1666666667;
  text-align: center;
  max-width: 980px;
  margin: 0 auto;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0;
}

.affiliates-container .logos-special a {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 0;
  font-size: 18px;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: table;
}

.affiliates-container .logos-special h6 {
  color: #959595;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 32px 0 0 0;
  font-size: 18px;
  opacity: 1;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: inline-block;
}

.affiliates-container .logos-special h6 em {
  font-style: normal;
  opacity: 1;
  font-size: 16px;
  margin: 0 0 0 -16px;
}

.affiliates-container .logos-special h6 svg.arrow {
  height: 12px;
  width: 12px;
  margin: 0px 0 0 8px;
  vertical-align: middle;
  padding: 0;
}

.affiliates-container .logos-special h6:hover {
  opacity: 1;
}

.affiliates-container .logos-special em {
  color: #959595;
  text-align: center;
  margin: 0 auto;
  max-width: 900px;
  padding: 32px 0 0 0;
  font-size: 18px;
  opacity: 1;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: inline-block;
  font-style: normal;
  opacity: 1;
  font-size: 16px;
  margin: 0 0 0 -16px;
  padding: 24px 0 48px;
}

.affiliates-container .logos-special svg.arrow {
  height: 12px;
  width: 12px;
  margin: 0px 0 0 8px;
  vertical-align: middle;
  padding: 0;
}

.affiliates-container .logos-special:hover {
  opacity: 1;
}

.affiliates-container .pitch .core-stats {
  background: #000;
}

.affiliates-container .pitch .core-stats .introduction {
  padding: 100px 24px 64px 24px;
  max-width: initial;
  margin: 0;
}

.affiliates-container .pitch .core-stats .figures {
  padding: 0px 0 200px 0;
  margin: 0 auto;
}

.affiliates-container .pitch .core-stats .figures .onpage-social {
  padding: 64px 0 0 0;
  max-width: 268px;
}

.affiliates-container .pitch .core-stats .figures .onpage-social .cell {
  margin-bottom: 0;
}

.affiliates-container .pitch .core-stats .figures .onpage-social .cell a {
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.affiliates-container .pitch .core-stats .figures .onpage-social .cell a:hover {
  opacity: .88;
}

.affiliates-container .pitch .core-stats .figures .cell {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.affiliates-container .pitch .core-stats .figures .cell .name-wrapper {
  margin: 16px 16px 0 0;
}

.affiliates-container .pitch .core-stats .figures .cell .name-wrapper h3 {
  font-size: 40px;
  line-height: 44px;
  color: #fff;
  margin: 0 0 16px 0;
  font-weight: 600;
  letter-spacing: 0;
}

.affiliates-container .pitch .core-stats .figures .cell .name-wrapper span {
  color: #fff !important;
  padding: 0;
  font-size: 17px;
  line-height: 25px;
  margin: 0;
  position: relative;
  font-weight: 500;
  display: inline-block;
  padding: 0 108px 0 0;
}

.affiliates-container .layout .imagery {
  background: #1f1f1f;
  background-image: url(../images/hitchd-honeymoon-registry-bg-about-layout.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 700px;
}

.affiliates-container .layout .imagery .introduction {
  padding: 100px 24px 64px 24px;
  max-width: initial;
  margin: 0;
}

.affiliates-container .layout .imagery .fullwidth {
  padding: 0;
  max-width: initial;
  margin: initial;
}

.affiliates-container .layout .imagery .fullwidth .cell .name-wrapper {
  margin: 0;
}

.affiliates-container .layout .imagery .fullwidth .cell .name-wrapper h3 {
  font-size: 44px;
  line-height: 1.1;
  color: #fff;
  margin: 0 0 24px 0;
  font-weight: 700;
  letter-spacing: -0.018em;
}

.affiliates-container .layout .imagery .fullwidth .cell .name-wrapper span {
  color: #fff !important;
  padding: 0;
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  position: relative;
}

.affiliates-container .info-block {
  background: #ededee;
}

.affiliates-container .info-block .info-wrapper {
  background: #fff;
  padding: 32px;
  height: 285px;
  margin: 100px 0;
  border-radius: 8px;
}

.affiliates-container .info-block .info-wrapper h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.affiliates-container .info-block .info-wrapper p {
  font-size: 18px;
  line-height: 26px;
}

.affiliates-container .info-block .info-wrapper a {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.016em;
  line-height: 28px;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
}

.affiliates-container .info-block .info-wrapper a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.affiliates-container .info-block .info-wrapper a:hover:after {
  width: 0;
  left: 0;
}

.affiliates-container .our-story {
  padding: 120px 0 140px 0;
  background: #fff;
}

.affiliates-container .our-story .grid-container {
  max-width: 1366px;
  padding: 0 24px;
  max-width: 1366px;
  margin: 0 auto;
}

.affiliates-container .our-story .grid-container .grid-middle {
  padding: 0;
  max-width: 800px;
  margin: 0 auto;
}

.affiliates-container .our-story .image {
  background: #ccc;
  height: 560px;
  margin: 64px 24px 0 24px;
}

.affiliates-container .our-story h2 {
  text-align: left;
  padding: 0 0 24px 0;
  margin: 0px;
  font-size: 48px;
  line-height: 52px;
  font-weight: 600;
  margin: 0;
  color: #000;
  max-width: 750px;
}

.affiliates-container .our-story p {
  max-width: 750px !important;
  color: #000 !important;
  margin: 0 auto;
  padding: 12px 0;
  letter-spacing: 0;
  line-height: 27px;
  margin: 0;
  max-width: 750px !important;
  color: #000 !important;
  margin: 0 auto;
  padding: 12px 0;
  letter-spacing: 0;
  line-height: 27px;
  display: inline-block;
  letter-spacing: 0;
  font-weight: 500;
  color: #000;
  margin: 0;
  margin: 0;
  font-size: 19px;
  line-height: 1.4211;
  font-weight: 500;
}

.affiliates-container .our-story ul {
  margin: 0 0 0 40px;
}

.affiliates-container .our-story ul li {
  margin: 0 0 8px 12px;
  color: #484A4C;
  font-size: 18px;
  line-height: 26px;
}

.affiliates-container .cta-primary h4 {
  color: #fff;
}

.affiliates-container .hitchd-facts {
  margin: 0 0 0 0 !important;
  padding: 120px 4px;
}

.affiliates-container .hitchd-facts .grid-container {
  padding: 0;
  max-width: 800px;
  margin: 0 auto;
}

.affiliates-container .hitchd-facts .leader-container {
  position: relative;
}

.affiliates-container .hitchd-facts .leader-container a {
  position: absolute;
  right: 14px;
  top: -1px;
  border-bottom: 1px solid #2C2E2F;
}

.affiliates-container .hitchd-facts .leader-container a:hover {
  color: #2C2E2F;
}

.affiliates-container .hitchd-facts h2 {
  padding: 0 8px 48px 8px;
  text-align: left;
  margin: 0px;
}

.affiliates-container .hitchd-facts .company {
  padding: 64px 0 0 0;
}

.affiliates-container .hitchd-facts h6 {
  margin: 0 12px 0 12px;
  font-size: 17px;
}

.affiliates-container .hitchd-facts h6 span {
  display: block;
  color: #75787B;
  margin: 8px 0 0 0;
  font-size: 16px;
  line-height: 24px;
  font-family: 'System-Regular', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.affiliates-container .hitchd-facts .image {
  border-radius: 4px;
  margin: 0 12px 24px 12px;
}

.affiliates-container .hitchd-facts .image img {
  border-radius: 4px;
}

.affiliates-container .hitchd-facts .cell {
  display: inline-block;
  background-color: #fff;
}

.affiliates-container .hitchd-facts .cell .container {
  background: white;
  padding-bottom: 0;
  clear: both;
  display: block;
  border: 1px solid #E7E8E9 !important;
  padding: 32px 0px !important;
  border-radius: 4px;
  -moz-borer-radius: 4px;
  margin: 0 8px 16px 8px;
}

.affiliates-container .hitchd-facts .cell .container img {
  text-align: center;
  margin: 0 auto;
  display: block;
  padding: 0 0 12px 0;
}

.affiliates-container .hitchd-facts .cell .container h5 {
  text-align: center;
  margin: 0px;
  font-size: 1rem;
  color: #2C2E2F !important;
}

.affiliates-container section.cta-primary {
  border-bottom: none;
  height: initial;
  background: #f0f0f0;
  height: 500px;
  padding: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.affiliates-container section.cta-primary .cell .centre h2 {
  padding: 0;
  max-width: 500px;
  text-align: center;
  font-size: 44px;
  line-height: 48px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 auto;
  color: #000;
}

.affiliates-container section.cta-primary a.btn-primary {
  height: 60px;
  line-height: 60px;
  width: initial !important;
  position: relative;
  background: #fff;
  border-radius: 6px;
  color: #000;
  font-size: 18px;
  border: 0;
  padding: 0px 28px !important;
  font-weight: 500;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  display: inline-block;
}

.affiliates-container section.cta-primary a.btn-primary:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.04), 0 8px 8px rgba(0, 0, 0, 0.04), 0 16px 16px rgba(0, 0, 0, 0.04);
  background: #fff;
  color: #000;
  border: 0;
}

.affiliates-container section.cta-primary a.btn-primary:focus {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.affiliates-container section.cta-primary a.btn-primary:active {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.affiliates-container footer .grid-container {
  padding-left: 0;
  padding-right: 0;
  max-width: 1366px;
}

/* TERMS PAGE */
.terms-container header {
  text-align: left;
  padding: 0 24px;
}

.terms-container header ul {
  margin: 0;
  padding: 0;
}

.terms-container header ul li {
  display: inline-block;
  line-height: 80px;
}

.terms-container header ul li a {
  color: #212121;
  font-size: 16px;
}

.terms-container header .logo {
  position: absolute;
  left: 40px;
}

.terms-container header .main-links {
  margin: 0 auto;
  display: inline-block;
  position: relative;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
}

.terms-container header .main-links a {
  margin: 0 12px;
  position: relative;
}

.terms-container header .main-links a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

.terms-container header .main-links a:hover:after {
  width: 100%;
  left: 0;
}

.terms-container header .auth {
  text-decoration: none;
  background-color: transparent;
  padding: 0 0 2px 0;
  float: right;
  margin: 0;
  position: absolute;
  right: 40px;
}

.terms-container header .auth ul li a.link-space {
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.terms-container header .auth ul li a.link {
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.terms-container header a {
  font-size: 1rem;
  margin: 0 20px 0 0;
  color: #212121;
}

.terms-container header a.primary {
  color: #212121 !important;
}

.terms-container header a.btn:active {
  border: 1px solid #8F9295;
}

.terms-container header a.btn:visited {
  color: #212121;
}

.terms-container section.hero {
  height: initial;
  padding: 88px 0 168px 0;
  background: #f0f0f0;
}

.terms-container section.hero .grid-x {
  display: initial;
  display: initial;
  -ms-flex-flow: initial;
  flex-flow: initial;
}

.terms-container section.hero .cell {
  height: initial;
}

.terms-container section.hero .cell .centre {
  position: relative;
  top: initial;
  -webkit-transform: initial;
  transform: initial;
  margin: initial;
}

.terms-container section.hero h1 {
  color: #000;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.018em;
}

.terms-container section.hero h5 {
  margin: 0 0 24px 0;
}

.terms-container section.hero p {
  color: #696969;
  font-size: 1.188rem;
  line-height: 1.688rem;
  margin: 24px 0 0 0;
}

.terms-container section.hero a.btn-primary {
  height: 56px;
  line-height: 56px;
  width: 300px;
  position: relative;
  background: #212121;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  margin: 32px 0 0 0;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.terms-container .terms-content .terms-cell {
  max-width: 700px !important;
  margin: 24px auto !important;
}

.terms-container .terms-content h1 {
  color: #000;
  display: inline-block;
  font-size: 48px;
  line-height: 52px;
  margin: 24px 0 0;
  font-weight: 600;
}

.terms-container .terms-content h2 {
  color: #000;
  display: inline-block;
  font-size: 32px;
  line-height: 36px;
  margin: 24px 0 0;
  font-weight: 600;
}

.terms-container .terms-content h2.push {
  margin: 0 0 32px 0 !important;
  width: 100%;
}

.terms-container .terms-content h3 {
  color: #000;
  display: inline-block;
  font-size: 22px;
  line-height: 26px;
  margin: 24px 0 0;
  font-weight: 600;
}

.terms-container .terms-content h4 {
  color: #000;
  display: inline-block;
  font-size: 22px;
  line-height: 26px;
  margin: 16px 0 16px 0;
  font-weight: 600;
}

.terms-container .terms-content p {
  color: #333;
  font-size: 16px;
  line-height: 24px;
  margin: 24px 0;
}

.terms-container .terms-content p a {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}

.terms-container .terms-content ul li {
  color: #333;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 8px 16px;
}

.terms-container .terms-content ul li a {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}

.terms-container .terms-content a {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}

.terms-container footer {
  background: #f8f8f8;
}

/* PRIVACY PAGE */
.privacy-container header {
  text-align: left;
  padding: 0 24px;
}

.privacy-container header ul {
  margin: 0;
  padding: 0;
}

.privacy-container header ul li {
  display: inline-block;
  line-height: 80px;
}

.privacy-container header ul li a {
  color: #212121;
}

.privacy-container header .logo {
  position: absolute;
  left: 40px;
}

.privacy-container header .main-links {
  margin: 0 auto;
  display: inline-block;
  position: relative;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
}

.privacy-container header .main-links a {
  margin: 0 12px;
  position: relative;
}

.privacy-container header .main-links a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

.privacy-container header .main-links a:hover:after {
  width: 100%;
  left: 0;
}

.privacy-container header .auth {
  text-decoration: none;
  background-color: transparent;
  padding: 0 0 2px 0;
  float: right;
  margin: 0;
  position: absolute;
  right: 40px;
}

.privacy-container header .auth ul li a.link-space {
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.privacy-container header .auth ul li a.link {
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.privacy-container header a {
  font-size: 1rem;
  margin: 0 20px 0 0;
  color: #212121;
}

.privacy-container header a.primary {
  color: #212121 !important;
}

.privacy-container header a.btn:active {
  border: 1px solid #8F9295;
}

.privacy-container header a.btn:visited {
  color: #212121;
}

.privacy-container section.hero {
  height: initial;
  padding: 88px 0 168px 0;
  background: #f0f0f0;
}

.privacy-container section.hero .grid-x {
  display: initial;
  display: initial;
  -ms-flex-flow: initial;
  flex-flow: initial;
}

.privacy-container section.hero .cell {
  height: initial;
}

.privacy-container section.hero .cell .centre {
  position: relative;
  top: initial;
  -webkit-transform: initial;
  transform: initial;
  margin: initial;
}

.privacy-container section.hero h1 {
  color: #000;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.018em;
}

.privacy-container section.hero h5 {
  margin: 0 0 24px 0;
}

.privacy-container section.hero p {
  color: #696969;
  font-size: 1.188rem;
  line-height: 1.688rem;
  margin: 24px 0 0 0;
}

.privacy-container section.hero a.btn-primary {
  height: 56px;
  line-height: 56px;
  width: 300px;
  position: relative;
  background: #212121;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  margin: 32px 0 0 0;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.privacy-container .privacy-content .privacy-cell {
  max-width: 700px !important;
  margin: 24px auto !important;
}

.privacy-container .privacy-content h1 {
  color: #000;
  display: inline-block;
  font-size: 48px;
  line-height: 52px;
  margin: 24px 0 24px 0;
  font-weight: 600;
}

.privacy-container .privacy-content h2 {
  color: #000;
  display: block;
  font-size: 32px;
  line-height: 36px;
  margin: 24px 0 0;
  font-weight: 600;
}

.privacy-container .privacy-content h3 {
  color: #000;
  display: inline-block;
  font-size: 22px;
  line-height: 26px;
  margin: 24px 0 0;
  font-weight: 600;
}

.privacy-container .privacy-content p {
  color: #333;
  font-size: 16px;
  line-height: 24px;
  margin: 24px 0;
}

.privacy-container .privacy-content p a {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}

.privacy-container .privacy-content ul li {
  color: #333;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 8px 16px;
}

.privacy-container .privacy-content ul li a {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}

.privacy-container .privacy-content a {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}

.privacy-container footer {
  background: #f8f8f8;
}

/* COUNTRY REG EXAMPLE TEMPLATE */
.country-container header {
  z-index: 99;
}

.country-container header .home-header {
  z-index: 99;
  position: absolute !important;
  text-align: center !important;
  background: transparent !important;
}

.country-container header .logo img {
  width: 68px;
}

.country-container section.how-it-works .grid-container {
  padding: 100px 0;
  height: initial;
}

.country-container section.how-it-works .grid-container a {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
  margin: 40px 0 0 0;
  border: 2px solid #000;
  height: 60px;
  line-height: 60px;
  padding: 0 24px;
  border-radius: 8px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.country-container section.how-it-works .grid-container a:after {
  content: initial;
}

.country-container .home {
  background: cadetblue;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.country-container .home h1 {
  margin: 0 auto !important;
  text-align: center !important;
  width: initial !important;
  font-size: 140px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: 0;
}

.country-container .home h1 span {
  color: #fff;
  max-width: 550px;
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
  display: block;
}

.country-container .home .centre {
  text-align: center !important;
  z-index: 99;
}

.country-container .home .centre a {
  margin: 32px 0 0 0 !important;
  font-size: 17px !important;
  height: 60px;
  line-height: 60px;
  width: initial !important;
  position: relative;
  background: #fff;
  border-radius: 6px;
  color: #000;
  font-size: 18px;
  border: 0;
  padding: 0px 28px !important;
  letter-spacing: 0;
  -webkit-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
  font-weight: 600;
  display: inline-block;
}

.country-container .testimonial {
  padding: 0 0 100px 0;
  margin: 0;
  background: #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
}

.country-container .country-photo-grid {
  max-height: 500px;
}

.country-container .country-photo-grid .grid-container {
  max-width: initial;
  margin: initial;
  padding: 0;
}

.country-container .country-photo-grid .grid-container .grid-x {
  max-height: 500px;
}

.country-container .country-photo-grid .grid-container .grid-x .cell {
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
  background: #eee;
  max-height: 500px;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.country-container .country-photo-grid .grid-container .grid-x .cell:first-of-type {
  border-left: 0px !important;
}

.country-container .country-photo-grid .grid-container .grid-x .cell:last-of-type {
  border-right: 0px !important;
}

.country-container .country-photo-grid .grid-container .grid-x .cell .inner {
  -webkit-box-pack: center !important;
  -webkit-box-align: center !important;
  position: absolute !important;
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.country-container .country-photo-grid .grid-container .grid-x .cell .inner img {
  position: absolute;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0px;
}

.country-container .country-photo-grid .grid-container .lb {
  background: red;
}

.country-container .country-photo-grid .grid-container .lb .block-s1 {
  background: orange;
  height: 50%;
  bottom: 0;
  position: relative;
  overflow: hidden;
}

.country-container .country-photo-grid .grid-container .lb .block-s2 {
  background: brown;
  height: 50%;
  top: 0;
  position: relative;
  overflow: hidden;
}

.country-container .country-photo-grid .grid-container .lb .block-s3 {
  background: turquoise;
  height: 50%;
  top: 0;
  position: relative;
  overflow: hidden;
}

.country-container .country-photo-grid .grid-container .mb .block-m1 {
  background: darkorchid;
  height: 70%;
  top: 0;
  position: relative;
  overflow: hidden;
}

.country-container .country-photo-grid .grid-container .mb .block-m2 {
  background: yellow;
}

.country-container .country-photo-grid .grid-container .rb .block-m1 {
  background: blue;
  height: 70%;
  top: 0;
  position: relative;
  overflow: hidden;
}

.country-container .country-photo-grid .grid-container .rb .block-m2 {
  background: pink;
  position: relative;
  overflow: hidden;
}

.country-container .country-photo-grid .cell .grid-x {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.country-container .block-l {
  height: 70%;
  position: relative;
  background: #ddd;
  height: 100%;
}

.country-container .photos-right {
  top: initial;
  height: 30% !important;
}

.country-container .photos-right .block-m {
  background: green;
}

.country-container section.cta-secondary {
  background: #000;
}

.country-container section.cta-secondary h2 {
  color: #fff;
  letter-spacing: 0;
}

section.registry {
  background: #ccc;
  padding: 100px 0;
}

section.registry .container {
  height: 330px;
  width: 100%;
  border-radius: 8px;
  background: #f1f1f1;
  position: relative;
}

section.registry .container a.button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  height: 60px;
  line-height: 60px;
  background: #fff;
  border-radius: 6px;
  color: #000;
  font-size: 18px;
  border: 0;
  padding: 0px 28px;
  font-weight: 500;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  margin: 0;
  display: inline-block;
}

section.registry .container a.button:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.04), 0 8px 8px rgba(0, 0, 0, 0.04), 0 16px 16px rgba(0, 0, 0, 0.04);
}

section.registry .container a.button:focus {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

section.registry .container a.button:active {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.callouts .grid-container a {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
  margin: 40px 0 0 0;
  border: 2px solid #000;
  height: 60px;
  line-height: 60px;
  padding: 0 24px;
  border-radius: 8px;
  box-sizing: content-box;
}

.callouts .grid-container a:after {
  content: initial;
}

section.top10 {
  position: relative;
  padding: 0;
  text-align: center;
  overflow: hidden;
}

section.top10 a.view {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
  margin: 40px 0 0 0;
  border: 2px solid #000;
  height: 60px;
  line-height: 60px;
  padding: 0 24px;
  border-radius: 8px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

section.top10 h2 {
  font-size: 44px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
  width: 620px;
  color: #000;
  margin: 0 0 24px 0;
  vertical-align: top;
  display: inline-block;
}

section.top10 p {
  margin: 0 0 64px 0;
  letter-spacing: 0;
}

section.top10 .grid-container {
  padding: 0px;
}

section.top10 .cell {
  text-align: left;
  margin: 0 0 32px 0;
  padding: 0 12px;
}

section.top10 .cell ul {
  list-style-type: none;
}

section.top10 .cell ul li {
  border-bottom: 1px solid #eee;
  margin: 0 64px 40px 0;
  padding: 0 0 24px 0;
}

section.top10 .cell a {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

section.top10 .cell a:hover {
  opacity: 0.80;
}

section.top10 .cell a.link {
  display: block;
  margin: 0;
  font-weight: 600;
}

section.top10 .cell a.link:hover {
  opacity: 1;
}

section.top10 .cell .image {
  height: 260px;
  background: #ccc;
  border-radius: 6px;
  display: inline-block;
  position: relative;
  width: 100%;
  overflow: hidden;
}

section.top10 .cell .image .inner {
  -webkit-box-pack: center !important;
  -webkit-box-align: center !important;
  position: absolute !important;
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

section.top10 .cell .image .inner source {
  position: absolute;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

section.top10 .cell .image .inner img {
  position: absolute;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

section.top10 .cell h3 {
  padding: 16px 0 0 0;
  display: block;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}

section.top10 .cell p {
  padding: 12px 0 16px 0;
  max-width: 372px !important;
  color: #000 !important;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0;
}

section.top10 .cell a {
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  color: #000;
}

section.top10 .cell a:hover {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8);
}

section.how-it-works h2 {
  letter-spacing: 0;
}

section.how-it-works p {
  letter-spacing: 0;
}

section.places {
  position: relative;
  padding: 100px 0;
  text-align: center;
  overflow: hidden;
}

section.places h2 {
  font-size: 44px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
  width: 620px;
  color: #000;
  margin: 0 0 24px 0;
  vertical-align: top;
  display: inline-block;
}

section.places h3 {
  padding: 16px 0 0 0;
  display: block;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}

section.places p {
  margin: 0 0 64px 0;
  letter-spacing: 0;
}

section.places .grid-container {
  padding: 0px;
}

section.places .cell {
  text-align: left;
  margin: 0 0 32px 0;
  padding: 0 12px;
}

section.places .cell ul {
  list-style-type: none;
}

section.places .cell ul li {
  border-bottom: 1px solid #eee;
  margin: 0 64px 40px 0;
  padding: 0 0 24px 0;
}

section.places .cell a {
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

section.places .cell a:hover {
  opacity: 0.80;
}

section.places .cell a.link {
  display: block;
  margin: 0;
  font-weight: 600;
}

section.places .cell a.link:hover {
  opacity: 1;
}

section.places .cell .image {
  height: 260px;
  background: #ccc;
  border-radius: 6px;
  display: inline-block;
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
}

section.places .cell .image span {
  position: relative;
  top: 44%;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  position: relative;
  font-size: 32px;
  line-height: 1;
  color: #fff;
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0;
  font-weight: 800;
  z-index: 99;
}

section.places .cell .image .inner {
  -webkit-box-pack: center !important;
  -webkit-box-align: center !important;
  position: absolute !important;
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  right: 0px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

section.places .cell .image .inner:after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  content: "";
  background: rgba(15, 15, 16, 0.16);
  pointer-events: none;
}

section.places .cell .image .inner source {
  position: absolute;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

section.places .cell .image .inner img {
  position: absolute;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

section.places .cell h3 {
  padding: 16px 0 0 0;
  display: block;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 600;
  margin: 0;
}

section.places .cell p {
  padding: 8px 0 16px 0;
  max-width: 372px !important;
  color: #000 !important;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0;
}

section.places .cell a {
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  color: #000;
}

section.places .cell a:hover {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8);
}

.callouts {
  padding: 100px 0;
  text-align: center;
}

.callouts .cell {
  text-align: left;
}

.callouts h2 {
  font-size: 44px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 0;
  margin: 0;
  width: 580px;
  color: #000;
  margin: 28px 0 64px 0;
  vertical-align: top;
  display: inline-block;
}

.callouts h3 {
  margin: 0 0 24px 0;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0;
  font-weight: 600;
  color: #000;
}

.callouts p {
  padding: 0 48px 0 0;
  letter-spacing: 0 !important;
}

.callouts a {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.016em;
  line-height: 28px;
  margin: 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
  margin: 40px 0 0 0;
}

.callouts a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.callouts a:hover:after {
  width: 0;
  left: 0;
}

.callouts a:active {
  color: #000;
}

.callouts a:visited {
  color: #000;
}

section.related {
  padding: 100px 0;
  position: relative;
  background: #f8f8f8;
  text-align: center;
}

section.related h2 {
  font-size: 44px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.018em;
  margin: 0;
  width: 580px;
  color: #000;
  margin: 28px 0 64px 0;
  vertical-align: top;
  display: inline-block;
}

section.related .carousel {
  min-width: 80rem;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
}

section.related .carousel__activator {
  display: none;
}

section.related .carousel__controls {
  display: none;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  right: 16px;
  left: 16px;
  bottom: 0;
}

section.related .carousel__controls:first-of-type {
  justify-content: flex-end;
}

section.related .carousel__controls:last-of-type {
  justify-content: flex-start;
}

section.related .carousel__control {
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: #fff;
  color: #3d414a;
  border-radius: 100%;
  box-shadow: 0 2px 10px 0 rgba(33, 34, 36, 0.3);
  font-size: 24px;
  height: 48px;
  justify-content: center;
  transition: 0.3s all;
  width: 48px;
  z-index: 1;
}

section.related .carousel__control:hover {
  transform: scale(1.05);
}

section.related .carousel__activator:nth-of-type(1):checked
~ .carousel__controls:nth-of-type(1) {
  display: flex;
}

section.related .carousel__activator:nth-of-type(1):checked
~ .carousel__screen
.carousel__track {
  transform: translateX(0%);
}

section.related .carousel__activator:nth-of-type(2):checked
~ .carousel__controls:nth-of-type(2) {
  display: flex;
}

section.related .carousel__activator:nth-of-type(2):checked
~ .carousel__screen
.carousel__track {
  transform: translateX(-100%);
}

section.related .carousel__activator:nth-of-type(3):checked
~ .carousel__controls:nth-of-type(3) {
  display: flex;
}

section.related .carousel__activator:nth-of-type(3):checked
~ .carousel__screen
.carousel__track {
  transform: translateX(-200%);
}

section.related .carousel__activator:nth-of-type(4):checked
~ .carousel__controls:nth-of-type(4) {
  display: flex;
}

section.related .carousel__activator:nth-of-type(4):checked
~ .carousel__screen
.carousel__track {
  transform: translateX(-300%);
}

section.related .carousel__activator:nth-of-type(5):checked
~ .carousel__controls:nth-of-type(5) {
  display: flex;
}

section.related .carousel__activator:nth-of-type(5):checked
~ .carousel__screen
.carousel__track {
  transform: translateX(-400%);
}

section.related .carousel__activator:nth-of-type(6):checked
~ .carousel__controls:nth-of-type(6) {
  display: flex;
}

section.related .carousel__activator:nth-of-type(6):checked
~ .carousel__screen
.carousel__track {
  transform: translateX(-500%);
}

section.related .carousel__activator:nth-of-type(7):checked
~ .carousel__controls:nth-of-type(7) {
  display: flex;
}

section.related .carousel__activator:nth-of-type(7):checked
~ .carousel__screen
.carousel__track {
  transform: translateX(-600%);
}

section.related .carousel__activator:nth-of-type(8):checked
~ .carousel__controls:nth-of-type(8) {
  display: flex;
}

section.related .carousel__activator:nth-of-type(8):checked
~ .carousel__screen
.carousel__track {
  transform: translateX(-700%);
}

section.related .carousel__activator:nth-of-type(9):checked
~ .carousel__controls:nth-of-type(9) {
  display: flex;
}

section.related .carousel__activator:nth-of-type(9):checked
~ .carousel__screen
.carousel__track {
  transform: translateX(-800%);
}

section.related .carousel__activator:nth-of-type(10):checked
~ .carousel__controls:nth-of-type(10) {
  display: flex;
}

section.related .carousel__activator:nth-of-type(10):checked
~ .carousel__screen
.carousel__track {
  transform: translateX(-900%);
}

section.related .carousel__screen {
  overflow: hidden;
  margin-left: -16px;
  margin-right: -16px;
}

section.related .carousel__track {
  font-size: 0;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

section.related .carousel__item {
  display: inline-flex;
  padding-left: 8px;
  padding-right: 8px;
  vertical-align: top;
  white-space: normal;
}

section.related .carousel__item--desktop-in-1 {
  width: 100%;
}

section.related .carousel__item--desktop-in-2 {
  width: 50%;
}

section.related .carousel__item--desktop-in-3 {
  width: 33.33333%;
}

section.related .carousel__item--desktop-in-4 {
  width: 25%;
}

section.related .carousel__item--desktop-in-5 {
  width: 20%;
}

section.related .demo-container {
  display: flex;
  top: 0;
  align-items: center;
  bottom: 0;
  left: 0;
  right: 0;
}

section.related .demo-content {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 100;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  border-radius: 8px;
  font-size: 56px;
  height: 300px;
  width: 100%;
  position: relative;
  font-size: 26px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.016em;
  text-transform: initial;
}

section.related .carousel__item:nth-child(1) .demo-content {
  background-color: #216485;
}

section.related .carousel__item:nth-child(2) .demo-content {
  background-color: #3692b6;
}

section.related .carousel__item:nth-child(3) .demo-content {
  background-color: #6fccc9;
}

section.related .carousel__item:nth-child(4) .demo-content {
  background-color: #a6e3cf;
}

section.related .carousel__item:nth-child(5) .demo-content {
  background-color: #aff0be;
}

section.related .carousel__item:nth-child(6) .demo-content {
  background-color: #527059;
}

section.related .carousel__item:nth-child(7) .demo-content {
  background-color: #243127;
}

section.related .carousel__item:nth-child(8) .demo-content {
  background-color: #216485;
}

section.related .carousel__item:nth-child(9) .demo-content {
  background-color: #3692b6;
}

section.related .carousel__item:nth-child(10) .demo-content {
  background-color: #6fccc9;
}

@media screen and (max-width: 1023px) {
  section.related .carousel {
    padding-left: 0;
    padding-right: 0;
  }
  section.related .carousel__activator:nth-of-type(n):checked ~ .carousel__controls:nth-of-type(n) {
    display: none;
  }
  section.related .carousel__activator:nth-of-type(n):checked ~ .carousel__screen .carousel__track {
    transform: none;
  }
  section.related .carousel__screen {
    margin-left: 0;
    margin-right: 0;
  }
  section.related .carousel__track {
    overflow-x: auto;
    width: auto;
    padding-left: 48px;
    padding-right: 48px;
  }
  section.related .carousel__item--tablet-in-1 {
    width: 90%;
  }
  section.related .carousel__item--tablet-in-2 {
    width: 45%;
  }
  section.related .carousel__item--tablet-in-3 {
    width: 30%;
  }
}

@media screen and (max-width: 650px) {
  section.related .carousel__track {
    padding-left: 0;
    padding-right: 0;
  }
  section.related .carousel__item--mobile-in-1 {
    width: 90%;
  }
  section.related .carousel__item--mobile-in-2 {
    width: 45%;
  }
  section.related .carousel__item--mobile-in-3 {
    width: 30%;
  }
}

/* FEES PAGE */
@keyframes animationgradienttitle {
  0% {
    background-position: 0 400px;
  }
  100% {
    background-position: 400px 0;
  }
}

.pricing-container .testimonials {
  padding: 64px 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.pricing-container .testimonials .grid-container {
  padding: 0;
}

.pricing-container .testimonials .grid-container .grid-margin-x {
  max-width: 1280px;
}

.pricing-container .testimonials .grid-container .grid-margin-x h3 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  color: #111212;
  margin: 12px 0 16px 0;
  display: inline-block;
  padding: 0 64px 0 0;
}

.pricing-container .testimonials .grid-container .grid-margin-x span {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #111212;
  opacity: .4;
}

.pricing-container .currencies {
  padding: 80px 0;
  background: #f9f9fa;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.pricing-container .currencies .grid-container .row {
  max-width: 1280px;
}

.pricing-container .currencies .grid-container .row h2 {
  text-align: center;
  margin: 0 0 56px 0;
  font-size: 40px;
  line-height: 44px;
  font-weight: 700;
}

.pricing-container .currencies .grid-container .row .columns ul {
  margin: 0 auto;
  max-width: 1366px;
  padding: 0 0 0 132px;
}

.pricing-container .currencies .grid-container .row .columns ul li {
  list-style-type: none;
  margin: 8px 0 8px 0;
  width: 19%;
  display: inline-block;
}

.pricing-container .currencies .grid-container .row .columns ul li span {
  color: #000;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  vertical-align: top;
  padding: 2px 0 0 8px;
  display: inline-block;
}

.pricing-container .currencies .grid-container .row .columns .tooltipz {
  margin: 0 0 0 6px;
  border-bottom: 1px solid #000;
  cursor: pointer;
  width: max-content;
}

.pricing-container .currencies .grid-container .row .columns .tooltipz:hover:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: center;
  justify-content: left;
  background: #111212;
  border-radius: 8px;
  color: #fff;
  content: attr(title);
  margin: -152px 0 0 0;
  font-size: 14px;
  line-height: 20px;
  padding: 13px;
  font-weight: 400;
  width: 220px;
  position: absolute;
  text-align: left;
}

.pricing-container .currencies .grid-container .row .columns p {
  letter-spacing: 0;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;
  color: #000;
  margin: 0 auto;
  max-width: 660px;
  display: block;
  padding: 56px 0 0 0;
  text-align: center;
  display: flex;
}

.pricing-container section.comparison {
  padding: 100px 0;
  text-align: center;
}

.pricing-container section.comparison .comp-block {
  margin: 39px 0 0 0;
}

.pricing-container section.comparison h2 {
  font-size: 44px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.018em;
  margin: 0;
  color: #000;
  margin: 0 0 24px 0;
  vertical-align: top;
  display: inline-block;
}

.pricing-container section.comparison .tabular {
  margin: 64px 0 0 0;
}

.pricing-container section.comparison .tabular .display {
  text-align: left;
}

.pricing-container section.comparison .tabular h5 {
  margin: 0 0 16px 0;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.pricing-container section.comparison .tabular h5.light {
  color: #737373;
}

.pricing-container section.comparison .tabular ul {
  margin: 0;
}

.pricing-container section.comparison .tabular ul li {
  list-style-type: none;
  font-size: 16px;
  letter-spacing: 0;
  border-bottom: 1px solid #eee;
  height: 48px;
  line-height: 48px;
  font-weight: 500;
}

.pricing-container section.comparison .tabular ul li:last-of-type {
  border-bottom: none !important;
}

.pricing-container header {
  background: #000;
  text-align: center;
}

.pricing-container header .main-links {
  display: inline-block;
  position: relative;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0;
  margin: 0 auto;
}

.pricing-container header .main-links a {
  margin: 0 12px;
  position: relative;
}

.pricing-container header .main-links a:after {
  background-color: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

.pricing-container header .main-links a:hover:after {
  width: 100%;
  left: 0;
}

.pricing-container header .auth {
  text-decoration: none;
  background-color: transparent;
  padding: 0 0 2px 0;
  float: right;
  margin: 0;
  position: absolute;
  right: 40px;
}

.pricing-container header .auth ul li a.link-space {
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
  border: 2px solid #fff;
}

.pricing-container header .auth ul li a.link-space:after {
  background-color: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

.pricing-container header .auth ul li a.link-space:hover:after {
  width: 100%;
  left: 0;
}

.pricing-container header .auth ul li a.link {
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.pricing-container header .auth ul li a.link:after {
  background-color: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

.pricing-container header .auth ul li a.link:hover:after {
  width: 100%;
  left: 0;
}

.pricing-container header ul {
  margin: 0;
  padding: 0;
}

.pricing-container header ul li {
  display: inline-block;
  line-height: 80px;
}

.pricing-container header ul li a {
  color: #fff !important;
}

.pricing-container header a {
  font-size: 1rem;
  color: #fff;
}

.pricing-container header a.prime {
  color: #fff !important;
}

.pricing-container .video-bg {
  position: absolute;
  top: 110px;
  right: -64px;
  opacity: 1;
}

.pricing-container .video-bg .video-bg-video {
  width: 750px;
}

.pricing-container .terms {
  padding: 0 0 24px 0;
  text-align: center;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.56);
  background: #1f1f1f;
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
}

.pricing-container .terms a {
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: .15s all ease;
  transition: .15s all ease;
  font-size: 13px;
}

.pricing-container .container {
  background: #000;
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding-bottom: 0;
}

.pricing-container .container .logos-special {
  background: #000;
  padding: 100px 0;
  text-align: center;
}

.pricing-container .container .restrict {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}

.pricing-container .container nav {
  padding: 0 32px;
}

.pricing-container .container nav img.logo {
  position: absolute;
  left: 32px;
  top: 24px;
}

.pricing-container .container nav head {
  max-width: 1000px;
  margin: 0 auto;
  display: block;
  padding: 8px 0 0 0;
}

.pricing-container .container nav head ul li {
  display: inline-block;
  color: rgba(255, 255, 255, 0.72);
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
}

.pricing-container .container nav head ul li.active {
  color: white;
}

.pricing-container .container nav head ul span {
  display: inline-block;
  margin: -1px 4px 0 4px;
  vertical-align: top;
  opacity: .40;
  position: relative;
}

.pricing-container .container .header {
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px 24px 0 24px;
  z-index: 9;
  position: relative;
  text-align: center;
}

.pricing-container .container .header .grid-container {
  max-width: 1440px;
  padding: 64px 0 64px 0;
}

.pricing-container .container .header .grid-container .subheading {
  margin-left: 0;
}

.pricing-container .container .header blockquote {
  font-size: 14px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.64);
  margin: 12px 0 0 0;
  border: none;
  padding: 0;
}

.pricing-container .container .header blockquote em {
  font-style: italic;
}

.pricing-container .container .header h1 {
  color: #fff;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0 0 8px 0;
  font-weight: 600;
  font-size: 64px;
  line-height: 68px;
}

.pricing-container .container .header h1 span {
  color: #fff;
  font-size: 62px;
  line-height: 62px;
  font-weight: 600;
  letter-spacing: 0;
  margin: 0;
}

.pricing-container .container .header p {
  line-height: 30px;
  font-size: 24px;
  font-weight: 500;
  max-width: initial;
  padding: 32px 0 8px 0;
  color: #fff;
  font-size: 22px;
  line-height: 1.4;
  max-width: initial;
  font-weight: 600;
  padding: 24px 0 0 0;
  text-align: center;
  margin: 0 auto;
  /* letter-spacing: .009em; */
  max-width: 600px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}

.pricing-container .container .header .plans {
  position: relative;
  margin: 0 auto;
  color: #111212;
  text-align: center;
  padding: 40px 0 0 0;
}

.pricing-container .container .header .plans blockquote {
  width: 284px;
  text-align: center;
  padding: 0 10px;
  font-size: 12px;
  color: #fff;
  line-height: 16px;
  opacity: .8;
}

.pricing-container .container .header .plans .plan-s, .pricing-container .container .header .plans .plan-l, .pricing-container .container .header .plans .plan-c, .pricing-container .container .header .plans .plan-u {
  height: 464px;
  width: 100%;
  min-width: 312px;
  max-width: 400px;
  background: #fff;
  float: unset;
  margin: 0 0 16px 24px;
  border-radius: 12px;
  padding: 24px 24px 24px 24px;
  text-align: left;
  display: inline-block;
}

.pricing-container .container .header .plans .plan-s:first-of-type, .pricing-container .container .header .plans .plan-l:first-of-type, .pricing-container .container .header .plans .plan-c:first-of-type, .pricing-container .container .header .plans .plan-u:first-of-type {
  margin: 0 0 16px 0;
}

.pricing-container .container .header .plans .plan-s span.discount, .pricing-container .container .header .plans .plan-l span.discount, .pricing-container .container .header .plans .plan-c span.discount, .pricing-container .container .header .plans .plan-u span.discount {
  font-size: 12px;
  line-height: 16px;
  color: #76797F;
  margin: 12px 0 0 0;
  text-align: center;
  position: absolute;
  bottom: 24px;
  width: calc(100% - 48px);
}

.pricing-container .container .header .plans .plan-s span.discount em, .pricing-container .container .header .plans .plan-l span.discount em, .pricing-container .container .header .plans .plan-c span.discount em, .pricing-container .container .header .plans .plan-u span.discount em {
  color: #4F5155;
  font-style: normal;
}

.pricing-container .container .header .plans .plan-s a.button, .pricing-container .container .header .plans .plan-l a.button, .pricing-container .container .header .plans .plan-c a.button, .pricing-container .container .header .plans .plan-u a.button {
  background: #fff;
  border-radius: 50px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #000;
  background: linear-gradient(90deg, #495DAF 0%, #6041CF 100%);
  border-radius: 8px;
  text-align: center;
  display: inline-block;
  padding: 0px;
  min-width: initial;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  -webkit-transition: .15s all ease;
  transition: .15s all ease;
  position: relative;
  bottom: initial;
  left: 0;
  box-sizing: content-box;
  margin: 0 0 32px 0;
}

.pricing-container .container .header .plans .plan-s ul, .pricing-container .container .header .plans .plan-l ul, .pricing-container .container .header .plans .plan-c ul, .pricing-container .container .header .plans .plan-u ul {
  list-style-type: none;
  margin: 0;
  display: inline-block;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pricing-container .container .header .plans .plan-s ul li, .pricing-container .container .header .plans .plan-l ul li, .pricing-container .container .header .plans .plan-c ul li, .pricing-container .container .header .plans .plan-u ul li {
  font-size: 14px;
  color: #111212;
  font-weight: 500;
  line-height: 20px;
  margin: 0 0 10px 0;
  display: flex;
  flex-shrink: 0;
  box-sizing: border-box;
  align-items: center;
  align-content: center;
  justify-content: flex-start;
  gap: 12px;
}

.pricing-container .container .header .plans .plan-s hr, .pricing-container .container .header .plans .plan-l hr, .pricing-container .container .header .plans .plan-c hr, .pricing-container .container .header .plans .plan-u hr {
  border: solid #F0F0F0;
  border-width: 1px 0 0;
  clear: both;
  margin: 8px 0 24px 0;
  height: 0;
}

.pricing-container .container .header .plans .plan-s h3.price, .pricing-container .container .header .plans .plan-l h3.price, .pricing-container .container .header .plans .plan-c h3.price, .pricing-container .container .header .plans .plan-u h3.price {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  display: inline-block;
  margin: 0 4px 0 0;
  color: #111212;
}

.pricing-container .container .header .plans .plan-s h3.small-price, .pricing-container .container .header .plans .plan-l h3.small-price, .pricing-container .container .header .plans .plan-c h3.small-price, .pricing-container .container .header .plans .plan-u h3.small-price {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  display: inline-block;
  margin: 0 4px 0 0;
  color: #111212;
}

.pricing-container .container .header .plans .plan-s h3.symbol, .pricing-container .container .header .plans .plan-l h3.symbol, .pricing-container .container .header .plans .plan-c h3.symbol, .pricing-container .container .header .plans .plan-u h3.symbol {
  font-size: 32px;
  line-height: 32px;
  margin: 0;
  font-weight: 500;
  padding: 0;
  display: inline-block;
  color: #111212;
}

.pricing-container .container .header .plans .plan-s h3.grey, .pricing-container .container .header .plans .plan-l h3.grey, .pricing-container .container .header .plans .plan-c h3.grey, .pricing-container .container .header .plans .plan-u h3.grey {
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
  display: inline-block;
  margin: 0;
  color: #919499;
}

.pricing-container .container .header .plans .plan-a {
  max-width: 290px;
  padding: 24px 0 0 8px;
  background: transparent;
  margin: 0px;
  float: left;
  text-align: left;
}

.pricing-container .container .header .plans .plan-a svg {
  float: left;
  margin: -4px 6px 0 0;
}

.pricing-container .container .header .plans .plan-a ul {
  margin-left: 16px;
}

.pricing-container .container .header .plans .plan-a ul li {
  font-size: 17px;
  line-height: 27px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.72);
}

.pricing-container .container .header .plans .plan-a ul li em {
  font-weight: 500;
  color: rgba(255, 255, 255, 0.96);
  font-style: normal;
}

.pricing-container .container .header .plans .plan-a h3 {
  color: #fff;
}

.pricing-container .container .header .plans .plan-a p {
  font-size: 17px;
  line-height: 23px;
  font-weight: 500;
  max-width: 510px;
  padding: 32px 0 16px 0;
  color: rgba(255, 255, 255, 0.72);
  padding: 16px 0 0 0;
}

.pricing-container .container .header .plans .plan-a p strong {
  color: #fff;
  font-weight: 500;
  border-bottom: 2px solid #fff;
}

.pricing-container .container .header .plans .plan-s {
  position: relative;
  margin: 40px 0 0 24px !important;
  vertical-align: top !important;
}

.pricing-container .container .header .plans .plan-s:first-of-type {
  margin: 40px 0 0 0 !important;
}

.pricing-container .container .header .plans .plan-s span.best {
  display: block;
  color: #484A4C;
  font-size: 14px;
  line-height: 20px;
  margin: 8px 0 24px 0;
  font-weight: 400;
}

.pricing-container .container .header .plans .plan-s blockquote {
  width: 284px;
  text-align: center;
  padding: 0;
  font-size: 13px;
  color: #ddd;
  line-height: 16px;
  font-weight: 500;
  position: absolute;
  bottom: -40px;
  opacity: 1;
  left: 28%;
  line-height: 24px;
}

.pricing-container .container .header .plans .plan-s blockquote em {
  font-style: normal;
}

.pricing-container .container .header .plans .plan-s .tooltipz {
  font-size: 14px;
  color: #111212;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.24);
  display: inline-block;
  cursor: pointer;
}

.pricing-container .container .header .plans .plan-s .tooltipz:hover:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: center;
  justify-content: left;
  background: #111212;
  border-radius: 8px;
  color: #fff;
  content: attr(title);
  margin: -92px 0 0 0;
  font-size: 14px;
  padding: 13px;
  width: 220px;
  position: absolute;
  text-align: left;
}

.pricing-container .container .header .plans .plan-s a.button-primary {
  background: #E8EBED;
  border-radius: 6px;
  height: 40px;
  line-height: 40px;
  color: #111212;
  text-align: center;
  display: inline-block;
  padding: 0px;
  min-width: initial;
  width: calc(100% - 48px);
  position: absolute;
  bottom: 24px;
  font-size: 15px;
  font-weight: 500;
}

.pricing-container .container .header .plans .plan-s span {
  display: block;
  color: #76797F;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  margin: 6px 0 32px 0;
}

.pricing-container .container .header .plans .plan-s span.currency {
  display: inline-block;
  color: #111212;
  opacity: 1;
  font-weight: 600;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.pricing-container .container .header .plans .plan-s h4 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
  display: inline-block;
  margin: 0 10px 0 0;
  color: #919499;
}

.pricing-container .container .header .plans .plan-s h4 span {
  font-size: 32px;
  line-height: 32px;
  margin: 0px !important;
  font-weight: 400;
  padding: 0;
  display: inline-block;
  color: #919499;
}

.pricing-container .container .header .plans .plan-s h4 em {
  height: 2px;
  width: 74PX;
  background: #919499;
  display: inline-block;
  position: absolute;
  left: -18px;
  top: 15px !important;
}

.pricing-container .container .header .plans .plan-s h2 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  display: inline-block;
  margin: 0 4px 0 0;
  color: #111212;
}

.pricing-container .container .header .plans .plan-s h2 span {
  font-size: 32px;
  line-height: 32px;
  margin: 0;
  font-weight: 500;
  padding: 0;
  display: inline-block;
  color: #111212;
}

.pricing-container .container .header .plans .plan-s ul li {
  font-size: 14px;
  color: #111212;
  font-weight: 500;
  line-height: 20px;
  margin: 0 0 10px 0;
}

.pricing-container .container .header .plans .plan-s ul li svg {
  margin: 0px 12px 0 0;
  vertical-align: top;
  float: left;
}

.pricing-container .container .header .plans .plan-l {
  position: relative;
  height: initial;
  padding: 0px 24px 24px 24px;
  width: auto;
  min-width: 312px;
  max-width: 400px;
  vertical-align: top;
  width: 100%;
  min-width: 312px;
  max-width: 400px;
  background: #fff;
  float: unset;
  margin: 0 0 16px 24px;
  border-radius: 12px;
  padding: 0 24px 24px 24px;
  text-align: left;
  display: inline-block;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0);
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(360deg);
  }
  to {
    -moz-transform: rotate(0);
  }
}

@-ms-keyframes rotate {
  .pricing-container .container .header .plans .plan-l from {
    -ms-transform: rotate(360deg);
  }
  .pricing-container .container .header .plans .plan-l to {
    -ms-transform: rotate(0);
  }
}

@-o-keyframes rotate {
  from {
    -o-transform: rotate(360deg);
  }
  to {
    -o-transform: rotate(0);
  }
}

@keyframes rotate {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0);
  }
}

.pricing-container .container .header .plans .plan-l .recommended {
  text-align: center;
  border-bottom: 1px solid #F0F0F0;
  height: 40px;
  line-height: 40px;
  margin: 0 0 24px 0;
}

.pricing-container .container .header .plans .plan-l .recommended h5 {
  -webkit-background-clip: text;
  background-image: -webkit-gradient(linear, left top, right top, from(#f56a62), color-stop(#a176c8), color-stop(#759beb), color-stop(#a176c8), to(#f56a62));
  background-image: linear-gradient(to right, #f56a62, #a176c8, #759beb, #a176c8, #f56a62);
  -webkit-text-fill-color: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-name: animationgradienttitle;
  animation-name: animationgradienttitle;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  background-size: 400px 22px;
  display: block;
  font-size: 15px;
  font-weight: 600;
  margin: 0 auto;
  line-height: 40px;
}

.pricing-container .container .header .plans .plan-l .spinning-text {
  position: absolute;
  left: unset;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 240px;
  height: 240px;
  z-index: 999;
  top: -150px;
  z-index: 0;
  right: -230px;
  z-index: 99;
  mix-blend-mode: lighten;
}

.pricing-container .container .header .plans .plan-l .spinning-text #container {
  margin: 0%;
}

.pricing-container .container .header .plans .plan-l .spinning-text #circle {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
}

.pricing-container .container .header .plans .plan-l .spinning-text #circle text {
  font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1.44px;
  letter-spacing: 2px;
  fill: #BAFD51;
}

.pricing-container .container .header .plans .plan-l .spinning-text #circle svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 400px;
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  -ms-animation-name: rotate;
  -o-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 12s;
  -moz-animation-duration: 12s;
  -ms-animation-duration: 12s;
  -o-animation-duration: 12s;
  animation-duration: 12s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-direction: reverse;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  -ms-animation-direction: reverse;
}

.pricing-container .container .header .plans .plan-l .spinning-text #circle svg {
  height: 310px;
}

.pricing-container .container .header .plans .plan-l span.best {
  display: block;
  color: #484A4C;
  font-size: 14px;
  line-height: 20px;
  margin: 8px 0 24px 0;
  font-weight: 400;
}

.pricing-container .container .header .plans .plan-l a.button-primary {
  background: #111212;
  border-radius: 6px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  display: inline-block;
  padding: 0px;
  min-width: initial;
  width: calc(100% - 48px);
  position: absolute;
  bottom: 24px;
  font-size: 15px;
  font-weight: 500;
  background: -webkit-gradient(linear, left top, right top, from(#495DAF), to(#6041CF));
  background: linear-gradient(90deg, #495DAF 0%, #6041CF 100%);
}

.pricing-container .container .header .plans .plan-l span {
  display: block;
  color: #76797F;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  margin: 6px 0 32px 0;
}

.pricing-container .container .header .plans .plan-l span.currency {
  display: inline-block;
  color: #111212;
  opacity: 1;
  font-weight: 600;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.pricing-container .container .header .plans .plan-l h4 {
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  display: inline-block;
  margin: 0 0 24px 0;
  color: #111212;
  width: 100%;
}

.pricing-container .container .header .plans .plan-l h4 span {
  font-size: 32px;
  line-height: 32px;
  margin: 0px !important;
  font-weight: 400;
  padding: 0;
  display: inline-block;
  color: #919499;
}

.pricing-container .container .header .plans .plan-l h4 em {
  height: 2px;
  width: 80PX;
  background: #919499;
  display: inline-block;
  position: absolute;
  left: -18px;
  top: 15px !important;
}

.pricing-container .container .header .plans .plan-l h2 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  display: inline-block;
  margin: 0 4px 0 0;
  color: #111212;
}

.pricing-container .container .header .plans .plan-l h2 span {
  font-size: 32px;
  line-height: 32px;
  margin: 0;
  font-weight: 500;
  padding: 0;
  display: inline-block;
  color: #111212;
}

.pricing-container .container .header .plans .plan-l h3.plan-name {
  margin: 24px 8px 0 0;
}

.pricing-container .container .header .plans .plan-l ul li {
  font-size: 14px;
  color: #111212;
  font-weight: 500;
  line-height: 20px;
  margin: 0 0 10px 0;
}

.pricing-container .container .header .plans .plan-l ul li em.new {
  font-style: initial;
  background: #D2EFD6;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  border-radius: 4px;
  height: 20px;
  line-height: 20px;
  vertical-align: top;
  margin: 0 0 0 4px;
  color: #00450C;
}

.pricing-container .container .header .plans .plan-l ul li svg {
  margin: 0px 12px 0 0;
  vertical-align: top;
  float: left;
}

.pricing-container .container .header .plans .plan-l .tooltipz {
  font-size: 14px;
  color: #111212;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.24);
  display: inline-block;
  cursor: pointer;
}

.pricing-container .container .header .plans .plan-l .tooltipz:hover:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: center;
  justify-content: left;
  background: #111212;
  border-radius: 8px;
  color: #fff;
  content: attr(title);
  margin: -92px 0 0 0;
  font-size: 14px;
  padding: 13px;
  width: 220px;
  position: absolute;
  text-align: left;
}

.pricing-container .container .header .plans .plan-c {
  position: relative;
}

.pricing-container .container .header .plans .plan-c span.best {
  display: block;
  color: #484A4C;
  font-size: 14px;
  line-height: 20px;
  margin: 8px 0 16px 0;
  font-weight: 400;
}

.pricing-container .container .header .plans .plan-c a.button-primary {
  background: #E8EBED;
  border-radius: 6px;
  height: 40px;
  line-height: 40px;
  color: #111212;
  text-align: center;
  display: inline-block;
  padding: 0px;
  min-width: initial;
  width: calc(100% - 48px);
  position: absolute;
  bottom: 24px;
  font-size: 15px;
  font-weight: 500;
}

.pricing-container .container .header .plans .plan-c .disabled {
  opacity: .48;
}

.pricing-container .container .header .plans .plan-c span {
  display: block;
  color: #76797F;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  margin: 6px 0 24px 0;
}

.pricing-container .container .header .plans .plan-c span.currency {
  display: inline-block;
  color: #111212;
  opacity: 1;
  font-weight: 600;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.pricing-container .container .header .plans .plan-c h2 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  display: inline-block;
  margin: 0 4px 0 0;
  color: #111212;
}

.pricing-container .container .header .plans .plan-c h2 span {
  font-size: 32px;
  line-height: 32px;
  margin: 0;
  font-weight: 500;
  padding: 0;
  display: inline-block;
  color: #111212;
}

.pricing-container .container .header .plans .plan-c ul li {
  font-size: 14px;
  color: #111212;
  font-weight: 500;
  line-height: 20px;
}

.pricing-container .container .header .plans .plan-c ul li svg {
  margin: 0px 8px 0 0;
  vertical-align: top;
  float: left;
}

.pricing-container .container .header .plans .plan-u {
  position: relative;
}

.pricing-container .container .header .plans .plan-u span.best {
  display: block;
  color: #484A4C;
  font-size: 14px;
  line-height: 20px;
  margin: 8px 0 16px 0;
  font-weight: 400;
}

.pricing-container .container .header .plans .plan-u a.button-primary {
  background: #111212;
  border-radius: 6px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  display: inline-block;
  padding: 0px;
  min-width: initial;
  width: calc(100% - 48px);
  position: absolute;
  bottom: 24px;
  font-size: 15px;
  font-weight: 500;
}

.pricing-container .container .header .plans .plan-u span {
  display: block;
  color: #76797F;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  margin: 6px 0 24px 0;
}

.pricing-container .container .header .plans .plan-u span.currency {
  display: inline-block;
  color: #111212;
  opacity: 1;
  font-weight: 600;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.pricing-container .container .header .plans .plan-u h4 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 400;
  display: inline-block;
  margin: 0 12px 0 0;
  color: #919499;
}

.pricing-container .container .header .plans .plan-u h4 span {
  font-size: 32px;
  line-height: 32px;
  margin: 0;
  font-weight: 400;
  padding: 0;
  display: inline-block;
  color: #919499;
}

.pricing-container .container .header .plans .plan-u h4 em {
  height: 2px;
  width: 100%;
  background: grey;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 15px;
}

.pricing-container .container .header .plans .plan-u h2 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 500;
  display: inline-block;
  margin: 0 4px 0 0;
  color: #111212;
}

.pricing-container .container .header .plans .plan-u h2 span {
  font-size: 32px;
  line-height: 32px;
  margin: 0;
  font-weight: 500;
  padding: 0;
  display: inline-block;
  color: #111212;
}

.pricing-container .container .header .plans .plan-u ul li {
  font-size: 14px;
  color: #111212;
  font-weight: 500;
  line-height: 20px;
}

.pricing-container .container .header .plans .plan-u ul li svg {
  margin: 0px 8px 0 0;
  vertical-align: top;
  float: left;
}

.pricing-container .container .header .trusted-by {
  margin: 124px auto 0px auto;
  text-align: center;
  display: inline-block;
  position: relative;
}

.pricing-container .container .header .trusted-by svg, .pricing-container .container .header .trusted-by img {
  margin: 0 auto;
  padding: 4px;
  width: 80%;
}

.pricing-container .container .header span.cc-fee {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.56);
  display: block;
  padding: 12px 0 0 0;
}

.pricing-container .container .header a.button-primary {
  display: inline-block;
  height: 56px;
  line-height: 56px;
  border-radius: 50px;
  color: #fff;
  font-weight: 500;
  -webkit-transition: .15s all ease;
  transition: .15s all ease;
  min-width: initial;
  text-align: center;
  font-size: 18px;
  background: #06f;
  padding: 0 36px;
}

.pricing-container .container .header a.button-cta {
  display: inline-block;
  height: 52px;
  line-height: 52px;
  border-radius: 50px;
  color: #fff;
  font-weight: 500;
  -webkit-transition: .15s all ease;
  transition: .15s all ease;
  min-width: initial;
  text-align: center;
  font-size: 18px;
  border: 2px solid #fff;
  background: transparent;
  padding: 0 36px;
  margin: 0px 0 0 16px;
  box-sizing: content-box;
}

.pricing-container .container .header h2 {
  color: #fff;
  font-size: 56px;
  line-height: 60px;
  font-weight: 700;
  max-width: 550px;
}

.pricing-container .container .header span.strike {
  position: relative;
  margin: 0 0 0 16px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  vertical-align: top;
  padding: 8px 6px 0 0;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
}

.pricing-container .container .header span.strike:after {
  height: 2px;
  width: 100%;
  background: #f53d40;
  display: inline-block;
  position: absolute;
  left: -2px;
  top: 20px;
  content: " ";
}

.pricing-container .container .header span.currency {
  color: #fff;
  font-size: 13px;
  line-height: 24px;
  font-weight: 500;
  padding: 8px 6px 0 4px;
  display: inline-block;
  opacity: .48;
}

.pricing-container .container .header span.symbol {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  vertical-align: top;
  padding: 10px 4px 0 0;
  display: inline-block;
  color: #fff;
}

.pricing-container .container .header h3 {
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  display: inline-block;
  margin: 0 8px 0 0;
  color: #111212;
  font-weight: 500;
}

.pricing-container .container .header h3 span {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  vertical-align: top;
  padding: 8px 6px 0 0;
  display: inline-block;
}

.pricing-container .container .header h4 {
  color: #fff;
  font-size: 64px;
  line-height: 72px;
  font-weight: 200;
  display: inline-block;
  margin: 0 24px 0 0px;
  position: relative;
}

.pricing-container .container .header h4 em {
  height: 2px;
  width: 124px;
  background: #f53d40;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 36px;
}

.pricing-container .container .header h4 span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin: 8px 0 0 0px;
  vertical-align: top;
  display: inline-block;
}

.pricing-container .container .header h6 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: white;
  margin: 0;
}

.pricing-container .sidekick {
  padding: 100px 24px;
  background: transparent;
  height: initial;
  height: initial;
}

.pricing-container .sidekick .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.pricing-container .sidekick .cell {
  height: initial !important;
}

.pricing-container .sidekick .centre {
  top: initial !important;
  -webkit-transform: initial !important;
  transform: initial !important;
  margin: 0 auto !important;
  text-align: center;
  max-width: 700px;
}

.pricing-container .sidekick .content {
  padding: 0px;
}

.pricing-container .sidekick .visual {
  height: inherit;
}

.pricing-container .sidekick h5 {
  margin: 0 0 24px 0;
  color: #fff;
}

.pricing-container .sidekick h1 {
  color: #000;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.018em;
  padding: 0 0 24px 0;
  max-width: 500px;
  margin: 0 auto;
}

.pricing-container .sidekick p {
  margin: 0;
}

.pricing-container .sidekick a.btn-primary {
  height: 56px;
  line-height: 56px;
  width: 300px;
  position: relative;
  background: #fff;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: #141414;
  margin: 32px 0 0 0;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.pricing-container .introduction {
  background: #fff;
  height: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left;
}

.pricing-container .introduction a {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.016em;
  line-height: 28px;
  margin: 24px 0 0 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
}

.pricing-container .introduction a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.pricing-container .introduction a:hover:after {
  width: 0;
  left: 0;
}

.pricing-container .introduction a:active {
  color: #000;
}

.pricing-container .introduction a:visited {
  color: #000;
}

.pricing-container .introduction .grid-container {
  padding: 0 24px !important;
  width: 100%;
}

.pricing-container .introduction .grid-margin-x {
  margin-left: 0px;
  margin-right: 0px;
}

.pricing-container .introduction .grid-margin-x .cell {
  margin-left: 24px;
  margin-right: 24px;
}

.pricing-container .introduction h2 {
  padding: 0;
  margin: 0 0 24px 0;
  font-size: 44px;
  line-height: 48px;
  font-weight: 700;
  letter-spacing: -0.018em;
  text-align: left;
  color: #000;
  display: inline-block;
  max-width: 550px;
}

.pricing-container .introduction p {
  color: #000;
  margin: 0;
  max-width: 660px;
}

.pricing-container .introduction .qanda {
  border: 1px solid #CDCDCD;
  padding: 16px;
  border-radius: 4px;
  -moz-borer-radius: 4px;
  margin: 8px 0 0 0;
  display: inline-block;
  max-width: 355px;
  width: initial;
}

.pricing-container .introduction .qanda h6 {
  color: #2C2E2F;
  font-size: 17px;
  line-height: 22px;
  font-weight: 500;
  max-width: 90%;
}

.pricing-container .introduction .qanda p {
  padding: 0;
  color: #797979;
  font-size: 0.938rem;
  line-height: 1.333rem;
  display: inline-block;
  margin: 16px 0;
}

.pricing-container .fee-options {
  margin: 0 0 64px 0;
}

.pricing-container .fee-options .fee-info {
  max-width: 660px;
  margin: 0 auto;
  padding: 64px 0 0 0;
}

.pricing-container .fee-options h2 {
  padding: 0;
  margin: 0;
  font-size: 44px;
  line-height: 48px;
  font-weight: 700;
  letter-spacing: -0.018em;
  margin: 64px 0 24px 24px;
  text-align: left;
  color: #000;
  display: inline-block;
}

.pricing-container .fee-options p {
  margin: 0;
}

.pricing-container .fee-options a {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.016em;
  line-height: 28px;
  margin: 24px 0 0 0;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
}

.pricing-container .fee-options a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.pricing-container .fee-options a:hover:after {
  width: 0;
  left: 0;
}

.pricing-container .fee-options a:active {
  color: #000;
}

.pricing-container .fee-options a:visited {
  color: #000;
}

.pricing-container .fee-options .grid-container {
  padding: 0px;
}

.pricing-container .fee-options .grid-container .grid-margin-x {
  margin-left: 12px;
  margin-right: 12px;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell {
  margin: 0 12px 0 12px;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee {
  border: none !important;
  border: 1px solid #ddd !important;
  padding: 0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  margin: 0;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee img {
  float: left;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee h5 {
  display: inline-block;
  font-size: 1.063em;
  line-height: 1.375rem;
  color: #212121;
  margin: 0 0 0 12px;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee h6 {
  font-weight: 600;
  display: inline-block;
  margin: 4px 0 0 0;
  font-size: 22px;
  line-height: 22px;
  letter-spacing: -0.017em;
  color: #000;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .head {
  padding: 20px;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .head .grid-margin-x {
  margin: 8px 0 0 0;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .head .grid-margin-x .cell {
  margin: 0;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .description {
  border-top: none;
  margin: 0 20px 0 20px;
  border-top: 1px solid #eee;
  padding: 32px 0 0 0;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .description p {
  margin: 0;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #000;
  letter-spacing: -0.011em !important;
  padding: 6px 0 0 0;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .description p strong {
  font-weight: 500;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .description span {
  display: block;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  text-transform: initial;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .description blockquote {
  font-size: 16px;
  line-height: 24px;
  border-left: 2px solid #224BA2;
  padding: 0 4px 0 12px;
  margin: 20px 0 0 0;
  color: #224BA2;
  font-weight: 500;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .example {
  margin: 32px 0 0 0;
  background: #f8f8f8;
  padding: 20px;
  border-radius: 0 0 6px 6px;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .example span {
  font-size: 15px;
  line-height: 20px;
  color: #555;
  letter-spacing: -0.009em;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .your-fee {
  float: unset;
  margin: 4px 0 0 0;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .your-fee h6 {
  margin: 0 !important;
  color: green;
  margin: 0 2px 0 0 !important;
  font-size: 18px;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .your-fee span {
  color: green;
  font-size: 15px;
  line-height: 24px;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .guest-fee {
  padding: 0 0 0 12px;
  margin: 4px 0 0 0;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .guest-fee h6 {
  color: #737373;
  font-weight: 400;
  margin: 0px 2px 0 0px;
  font-size: 18px;
}

.pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .guest-fee span {
  color: #737373;
  font-size: 15px;
  line-height: 24px;
}

.pricing-container .faq {
  padding: 100px 24px !important;
  background: #f8f8f8 !important;
}

.pricing-container .faq h2 {
  padding: 0;
  margin: 0 0 40px 24px !important;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 0;
  font-weight: 700;
  margin: 0;
  text-align: center;
  color: #000;
  letter-spacing: 0;
  display: block;
}

.pricing-container .faq .grid-container {
  padding: 0px;
}

.pricing-container .faq .grid-container .grid-margin-x {
  margin-left: 12px;
  margin-right: 12px;
}

.pricing-container .faq .grid-container .grid-margin-x .cell {
  margin: 0 12px 0 12px;
}

.pricing-container .faq .grid-container .grid-margin-x .cell .fact {
  padding: 0px;
  margin: 0 0 16px 0;
  width: 100%;
}

.pricing-container .faq .grid-container .grid-margin-x .cell .fact h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: #000;
  margin: 32px 0 16px 0;
  letter-spacing: 0;
}

.pricing-container .faq .grid-container .grid-margin-x .cell .fact p {
  font-size: 18px !important;
  line-height: 22px !important;
  color: #444;
  margin: 0;
  letter-spacing: 0;
  padding: 0 40px 0 0;
  font-weight: 500;
}

.pricing-container .faq a.view-faq {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.016em;
  line-height: 28px;
  margin: 24px 0 24px 24px;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
  color: #000;
}

.pricing-container .faq a.view-faq:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 100%;
  z-index: 0;
}

.pricing-container .faq a.view-faq:hover:after {
  width: 0;
  left: 0;
}

.pricing-container .faq a.view-faq:active {
  color: #000;
}

.pricing-container .faq a.view-faq:visited {
  color: #000;
}

.pricing-container section.benefits .grid-container {
  padding: 0px;
}

.pricing-container section.benefits .grid-x {
  height: initial;
}

.pricing-container section.benefits .grid-x .content {
  height: initial;
}

.pricing-container section.benefits .grid-x .bottomspace {
  margin: 0 0 64px 0;
}

.pricing-container section.cta-primary {
  border-bottom: none;
  height: initial;
  background: #f0f0f0 !important;
  height: 500px;
  padding: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.pricing-container section.cta-primary .cell .centre h2 {
  padding: 0;
  max-width: 500px;
  font-size: 44px;
  line-height: 48px;
  font-weight: 700;
  letter-spacing: -0.018em;
  margin: 0 auto;
  color: #000;
}

.pricing-container section.cta-primary a.btn-primary {
  height: 60px;
  line-height: 60px;
  width: initial !important;
  position: relative;
  background: #fff;
  border-radius: 6px;
  color: #000;
  font-size: 18px;
  border: 0;
  padding: 0px 28px !important;
  font-weight: 500;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  display: inline-block;
}

.pricing-container section.cta-primary a.btn-primary:hover {
  border: 0;
  background: #fff;
  color: #000;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04), 0 2px 2px rgba(0, 0, 0, 0.04), 0 4px 4px rgba(0, 0, 0, 0.04), 0 8px 8px rgba(0, 0, 0, 0.04), 0 16px 16px rgba(0, 0, 0, 0.04);
}

.pricing-container section.cta-primary a.btn-primary:focus {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

.pricing-container section.cta-primary a.btn-primary:active {
  box-shadow: rgba(197, 200, 202, 0.32) 0px 0px 0px 3px;
  outline: 0px;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}

@media (max-width: 1024px) {
  .pricing-container .container .header .plans blockquote {
    display: none;
  }
  .pricing-container .container .header .plans .plan-s {
    height: 392px;
    width: 100%;
    min-width: 312px;
    max-width: 408px;
    background: #fff;
    float: unset;
    margin: 24px auto 0 auto !important;
    border-radius: 12px;
    padding: 24px 24px 24px 24px !important;
    text-align: left;
    display: block;
  }
  .pricing-container .container .header .plans .plan-s:first-of-type {
    margin: 0 auto !important;
  }
  .pricing-container .container .header .plans .plan-l {
    height: 464px;
    width: 100%;
    min-width: 312px;
    max-width: 408px;
    background: #fff;
    float: unset;
    margin: 24px auto 0 auto !important;
    border-radius: 12px;
    padding: 0 24px 24px 24px;
    text-align: left;
    display: block;
  }
}

/* GUESTS LOVE HITCHD PAGE */
.guests-love-hitchd-container header {
  height: 80px;
  background-color: #5F6974;
}

.guests-love-hitchd-container section.hero {
  height: 600px;
  background-color: #5F6974;
}

.guests-love-hitchd-container div.callout {
  position: relative;
  padding: 88px 0;
  margin: 0;
  border: none;
  border-radius: initial;
  text-align: center;
  border-bottom: 1px solid #D1D4D6;
}

.guests-love-hitchd-container div.callout p {
  max-width: 600px;
  margin: 0 auto;
  font-size: 1.313rem;
  line-height: 1.813rem;
}

.guests-love-hitchd-container section.benefits .get-started {
  padding: 88px 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.guests-love-hitchd-container section.faq {
  border-top: 1px solid #D1D4D6;
}

.guests-love-hitchd-container section.faq h2 {
  margin: 0 auto;
  text-align: center;
  padding: 88px 0;
}

.guests-love-hitchd-container section.faq .facts {
  margin: 0 0 88px 0;
}

.guests-love-hitchd-container section.faq .facts .content {
  max-width: 460px;
}

.guests-love-hitchd-container section.faq .facts .content h3 {
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 2rem;
}

.guests-love-hitchd-container nav.benefit-nav {
  border-top: 1px solid #D1D4D6;
  border-bottom: 1px solid #D1D4D6;
}

.guests-love-hitchd-container nav.benefit-nav .cell {
  height: 300px;
}

.guests-love-hitchd-container nav.benefit-nav .cell .centre {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
}

.guests-love-hitchd-container nav.benefit-nav .cell .centre h4 {
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 2rem;
}

.guests-love-hitchd-container nav.benefit-nav .cell .centre a {
  text-transform: lowercase;
  font-size: 0.875rem;
  line-height: 1.375rem;
  border-bottom: 1px solid #141414;
  padding: 0 0 8px 0;
  text-decoration: none;
  margin: 32px 0 0 0;
  display: inline-block;
}

/* TRULY BEAUTIFUL REGISTRY PAGE */
.truly-beautiful-registry-container header {
  height: 80px;
  background-color: #5F6974;
}

.truly-beautiful-registry-container section.hero {
  height: 600px;
  background-color: #5F6974;
}

.truly-beautiful-registry-container div.callout {
  position: relative;
  padding: 88px 0;
  margin: 0;
  border: none;
  border-radius: initial;
  text-align: center;
  border-bottom: 1px solid #D1D4D6;
}

.truly-beautiful-registry-container div.callout p {
  max-width: 600px;
  margin: 0 auto;
  font-size: 1.313rem;
  line-height: 1.813rem;
}

.truly-beautiful-registry-container section.benefits .get-started {
  padding: 88px 0;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.truly-beautiful-registry-container section.faq {
  border-top: 1px solid #D1D4D6;
}

.truly-beautiful-registry-container section.faq h2 {
  margin: 0 auto;
  text-align: center;
  padding: 88px 0;
}

.truly-beautiful-registry-container section.faq .facts {
  margin: 0 0 88px 0;
}

.truly-beautiful-registry-container section.faq .facts .content {
  max-width: 460px;
}

.truly-beautiful-registry-container section.faq .facts .content h3 {
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 2rem;
}

.truly-beautiful-registry-container nav.benefit-nav {
  border-top: 1px solid #D1D4D6;
  border-bottom: 1px solid #D1D4D6;
}

.truly-beautiful-registry-container nav.benefit-nav .cell {
  height: 300px;
}

.truly-beautiful-registry-container nav.benefit-nav .cell .centre {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
}

.truly-beautiful-registry-container nav.benefit-nav .cell .centre h4 {
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 2rem;
}

.truly-beautiful-registry-container nav.benefit-nav .cell .centre a {
  text-transform: lowercase;
  font-size: 0.875rem;
  line-height: 1.375rem;
  border-bottom: 1px solid #141414;
  padding: 0 0 8px 0;
  text-decoration: none;
  margin: 32px 0 0 0;
  display: inline-block;
}

/* NO MORE AWKWARDNESS PAGE */
.no-more-awkwardness-container header {
  height: 80px;
  position: relative;
  z-index: 9;
  background-color: #EFEDE7;
}

.no-more-awkwardness-container .sidekick {
  height: initial;
  padding: 0;
  background-color: #EFEDE7;
  position: relative;
  margin-top: 0;
}

.no-more-awkwardness-container .sidekick .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.no-more-awkwardness-container .sidekick .cell {
  height: initial;
}

.no-more-awkwardness-container .sidekick .content {
  padding: 88px 0 88px 0;
}

.no-more-awkwardness-container .sidekick .content .centre {
  max-width: 450px;
}

.no-more-awkwardness-container .sidekick .content a {
  height: 56px;
  line-height: 56px;
  /* width: 100% !important; */
  position: relative;
  background: #2C2E2F;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  margin: 24px 0 0 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  border: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0px 24px !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.no-more-awkwardness-container .sidekick h5 {
  margin: 0 0 24px 0;
}

.no-more-awkwardness-container .sidekick h1 {
  font-size: 2.000rem;
  line-height: 2.250rem;
  max-width: initial;
  margin: 24px 0 24px 0;
}

.no-more-awkwardness-container .sidekick a {
  margin: 16px 0 0 0;
  display: inline-block;
}

.no-more-awkwardness-container .sidekick a img {
  margin: -2px 0 0 4px;
}

.no-more-awkwardness-container .callout {
  border: none;
  position: relative;
  margin: 0;
  padding: 0 0 48px 0;
  border-radius: none;
}

.no-more-awkwardness-container .callout .image {
  background: #EEEEEE;
  height: 360px;
}

.no-more-awkwardness-container .callout .grid-container {
  padding: 0px 24px;
}

.no-more-awkwardness-container .callout .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.no-more-awkwardness-container .callout .grid-container .grid-margin-x .cell {
  margin: 0px;
  width: 100%;
}

.no-more-awkwardness-container .callout .grid-container .grid-margin-x .cell p {
  color: #444444 !important;
  font-size: 1.125rem !important;
  line-height: 1.625rem !important;
  text-align: left !important;
  padding: 48px 0 0 0;
  max-width: 660px;
  margin: 0 auto;
}

.no-more-awkwardness-container .benefits {
  background: #F7F6F7;
}

.no-more-awkwardness-container .benefits h2 {
  padding: 88px 0 64px 0;
}

.no-more-awkwardness-container .benefits .wrap-bg {
  background: transparent;
}

.no-more-awkwardness-container .benefits article {
  top: initial;
  -webkit-transform: initial;
  transform: initial;
  padding: 0 48px 0 0;
}

.no-more-awkwardness-container .benefits .grid-x {
  padding: 0 12px;
  height: initial;
}

.no-more-awkwardness-container .benefits h3 {
  margin: 24px 0 24px 0;
}

.no-more-awkwardness-container .benefits .content {
  margin: 0 0 88px 0;
  padding: 0 12px;
  height: initial;
}

.no-more-awkwardness-container .benefits .content p a {
  border-bottom: none;
  line-height: 1.250rem;
  color: #A61D55;
  border: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  height: initial;
}

.no-more-awkwardness-container .benefits .content div img {
  float: unset !important;
  margin: 0;
  width: initial !important;
}

.no-more-awkwardness-container .benefits .content div h5 {
  font-size: 1.063em;
  line-height: 1.563rem;
  color: #585858;
}

.no-more-awkwardness-container .benefits .visual {
  margin: 0 0 32px 0;
}

.no-more-awkwardness-container .benefits .get-started {
  border-bottom: none;
  height: initial;
  padding: 0 0 48px 0;
  text-align: center;
}

.no-more-awkwardness-container .benefits .get-started a {
  background: transparent;
  height: 56px;
  line-height: 56px;
  text-align: center;
  display: inline-block;
  padding: 0;
  width: 300px;
  color: #212121;
  margin: 0;
  border-radius: 4px;
  box-sizing: content-box;
  font-size: 1rem;
}

.no-more-awkwardness-container .faq {
  padding: 0;
  margin: 0 0 24px 0;
}

.no-more-awkwardness-container .faq h2 {
  padding: 88px 24px 48px 24px;
  margin: 0;
}

.no-more-awkwardness-container .faq a.view-faq {
  display: block;
}

.no-more-awkwardness-container .faq .grid-container {
  padding: 0px;
}

.no-more-awkwardness-container .faq .grid-container .grid-margin-x {
  margin-left: 12px;
  margin-right: 12px;
}

.no-more-awkwardness-container .faq .grid-container .grid-margin-x .cell {
  margin: 0 12px;
}

.no-more-awkwardness-container .faq .grid-container .grid-margin-x .cell .fact {
  margin: 0 0 64px 0;
  display: inline-block;
  background-color: #fff;
  max-width: 460px;
}

.no-more-awkwardness-container .faq .grid-container .grid-margin-x .cell .fact h6 {
  margin: 0 0 24px 0;
}

.no-more-awkwardness-container .faq .grid-container .grid-margin-x .cell .fact p {
  margin: 0px;
}

.no-more-awkwardness-container .faq .grid-container .grid-margin-x .cell .fact p a {
  border-bottom: none;
  line-height: 1.250rem;
  color: #008489;
}

.no-more-awkwardness-container .faq .grid-container .grid-margin-x .cell .no-pad {
  margin: 0px;
}

.no-more-awkwardness-container .next {
  margin: 0;
  background-color: #2e2d3f;
  padding: 40px 0;
}

.no-more-awkwardness-container .next .grid-container {
  padding: 0 24px;
}

.no-more-awkwardness-container .next .grid-container .cell {
  padding: 48px 0;
}

.no-more-awkwardness-container .next h6 {
  text-transform: initial;
  color: #FFA890;
  margin: 0 0 24px 0;
  font-size: 1.250rem;
  line-height: 1.625rem;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.no-more-awkwardness-container .next h4 {
  margin: 24px 0 24px 0;
  color: #fff;
}

.no-more-awkwardness-container .next a {
  width: 100%;
  position: relative;
  border: transparent;
  color: #008489;
  display: inline-block;
  text-align: left;
  margin: 8px 0 0 0;
  font-size: 1.0625rem;
  line-height: 1.47059em !important;
  color: #fff;
}

.no-more-awkwardness-container .next a img {
  margin: -2px 0 0 4px;
}

.no-more-awkwardness-container section.cta-primary h4 {
  color: #fff;
}

/* PRESS KIT PAGE */
.press-kit-container header {
  background: #fff;
}

.press-kit-container header .light {
  color: #fff !important;
}

.press-kit-container header ul {
  margin: 0;
  padding: 0;
}

.press-kit-container header ul li {
  display: inline-block;
  line-height: 80px;
}

.press-kit-container header .logo {
  position: absolute;
  left: 40px;
}

.press-kit-container header .main-links {
  margin: 0 auto;
  display: inline-block;
  position: relative;
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
  position: relative;
  text-decoration: none;
  display: inline-block;
  background-color: transparent;
  padding: 0 0 2px 0;
}

.press-kit-container header .main-links a {
  margin: 0 12px;
  position: relative;
  color: #000;
  font-size: 16px;
}

.press-kit-container header .main-links a:after {
  background-color: #000;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
  position: absolute;
  width: 0;
  z-index: 0;
}

.press-kit-container header .main-links a:hover:after {
  width: 100%;
  left: 0;
}

.press-kit-container header .auth {
  text-decoration: none;
  background-color: transparent;
  padding: 0 0 2px 0;
  float: right;
  margin: 0;
  position: absolute;
  right: 40px;
}

.press-kit-container header .auth ul li a.link-space {
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.press-kit-container header .auth ul li a.link {
  font-size: 16px;
  letter-spacing: 0;
  color: #000;
  font-weight: 500;
}

.press-kit-container section.sidekick {
  padding: 64px 24px 16px 24px;
  height: initial;
}

.press-kit-container section.sidekick .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.press-kit-container section.sidekick .cell {
  height: initial;
}

.press-kit-container section.sidekick .content {
  padding: 0;
}

.press-kit-container section.sidekick .visual {
  height: initial;
}

.press-kit-container section.sidekick h5 {
  margin: 0 0 24px 0;
  color: #fff;
}

.press-kit-container section.sidekick h1 {
  font-size: 64px;
  line-height: 68px;
  font-weight: 600;
  letter-spacing: 0;
  max-width: 100% !important;
  color: #000;
}

.press-kit-container section.sidekick p {
  max-width: 660px !important;
  color: #000 !important;
  padding: 32px 0 0 0;
  font-size: 19px;
  letter-spacing: -0.016em;
  line-height: 28px;
}

.press-kit-container section.sidekick p a {
  font-weight: 600;
}

.press-kit-container section.sidekick a.btn-primary {
  height: 56px;
  line-height: 56px;
  width: 300px;
  position: relative;
  background: #fff;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: #141414;
  margin: 32px 0 0 0;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.press-kit-container .kit {
  margin: 0 0 64px 24px;
}

.press-kit-container .kit h2 {
  padding: 48px 12px 24px 12px;
  margin: 0;
  font-size: 44px;
  line-height: 48px;
  font-weight: 700;
  letter-spacing: 0;
}

.press-kit-container .kit .grid-container {
  padding-left: 0;
  padding-right: 0;
}

.press-kit-container .kit .grid-container h5 {
  margin: 24px 0 24px 12px;
  color: #000;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
}

.press-kit-container .kit .grid-container .block-wrapper {
  padding: 0 12px;
}

.press-kit-container .kit .grid-container .block {
  border-radius: 8px;
  -moz-border-radius: 8px;
  position: relative;
  display: inline-block;
}

.press-kit-container .kit .grid-container .block img {
  float: none;
  margin: 0 16px 0 0;
  border-radius: 8px;
  height: 200px;
  display: inline-block;
}

.press-kit-container .kit .grid-container .block img.light {
  border: 1px solid #ddd;
}

.press-kit-container .kit .grid-container .block a.dl-button {
  padding: 0;
  display: block;
  font-size: 0.938rem;
  color: #141414;
  margin: 12px 0 0 0;
}

.press-kit-container .kit .grid-container .block a.dl-button span {
  color: #737373;
  margin: 0 0 0 4px;
}

.press-kit-container .introduction {
  padding: 0 24px;
}

.press-kit-container .introduction .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.press-kit-container .introduction .grid-container .grid-margin-x {
  margin-left: 0px;
  margin-right: 0px;
}

.press-kit-container .introduction .grid-container .grid-margin-x .cell {
  margin: 0px;
}

.press-kit-container .introduction .grid-container p {
  max-width: 660px !important;
  color: #000 !important;
  margin: 24px 0;
  font-size: 19px;
  line-height: 28px;
}

.press-kit-container .introduction .grid-container p a {
  font-weight: 600;
}

.press-kit-container .our-story {
  margin: 0;
  padding: 0 24px;
}

.press-kit-container .our-story .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.press-kit-container .our-story .grid-container h2 {
  margin: 0;
  font-size: 44px;
  line-height: 48px;
  font-weight: 800;
  letter-spacing: -0.018em;
}

.press-kit-container .our-story .grid-container h3 {
  padding: 0;
  margin: 0 auto;
  font-size: 1.500rem;
  line-height: 1.750rem;
  color: #212121;
}

.press-kit-container .our-story .grid-container p {
  margin: 24px 0;
  color: #333;
}

.press-kit-container .our-story .grid-container a {
  margin: 32px 0 0 0;
  color: #A61D55;
}

.press-kit-container .our-story .grid-container a img {
  margin: -2px 0 0 4px;
}

.press-kit-container .our-story .grid-container ul li {
  color: #696969;
  margin: 0 0 8px 12px;
  font-size: 1.063em;
}

.press-kit-container .our-story .grid-container ul li span {
  color: #444444;
}

.press-kit-container .our-story .grid-container .fact {
  border: 1px solid #CDCDCD;
  padding: 16px;
  border-radius: 4px;
  -moz-borer-radius: 4px;
  margin: 0 0 16px 0;
  display: inline-block;
  width: 100%;
  background-color: #fff;
}

.press-kit-container .our-story .grid-container .fact h6 {
  font-size: 1rem;
  line-height: 1.111rem;
  color: #212121;
  margin: 0px;
  max-width: 90%;
}

.press-kit-container .our-story .grid-container .no-pad {
  margin: 0px;
}

.press-kit-container .hitchd-facts {
  margin: 0 0 32px 0;
  padding: 0 4px;
}

.press-kit-container .hitchd-facts h2 {
  margin: 0 auto;
  text-align: center;
  padding: 24px 8px 24px 8px;
  font-size: 44px;
  line-height: 48px;
  font-weight: 800;
  letter-spacing: -0.018em;
  color: #000;
  text-align: left;
}

.press-kit-container .hitchd-facts h2.company {
  padding: 48px 8px 24px 8px;
}

.press-kit-container .hitchd-facts h5 {
  font-size: 1.063em;
  line-height: 1.563rem;
  color: #212121;
  text-align: left;
  margin: 0px;
  margin: 0 12px 0 12px;
}

.press-kit-container .hitchd-facts h5 span {
  display: block;
  color: #696969;
  margin: 4px 0 0 0;
}

.press-kit-container .hitchd-facts .image {
  background: #eee;
  border-radius: 4px;
  margin: 0 12px 16px 12px;
}

.press-kit-container .hitchd-facts .image img {
  border-radius: 4px;
}

.press-kit-container .hitchd-facts .cell {
  display: inline-block;
  background-color: #fff;
}

.press-kit-container .hitchd-facts .cell .container {
  background: white;
  padding-bottom: 0;
  clear: both;
  display: block;
  border: 1px solid #CDCDCD;
  padding: 24px 0;
  border-radius: 4px;
  -moz-borer-radius: 4px;
  margin: 0 8px 16px 8px;
}

.press-kit-container .hitchd-facts .cell .container img {
  text-align: center;
  margin: 0 auto;
  display: block;
  padding: 0 0 12px 0;
}

.press-kit-container .hitchd-facts .cell .container h5 {
  font-size: 0.938rem;
  line-height: 1.2rem;
  color: #212121;
  text-align: center;
  margin: 0px;
}

/* STRAIGHT TO THE BANK PAGE */
.straight-to-the-bank-container header {
  height: 80px;
  position: relative;
  z-index: 9;
  background-color: #EFEDE7;
}

.straight-to-the-bank-container .sidekick {
  height: initial;
  padding: 0;
  background-color: #EFEDE7;
  position: relative;
  margin-top: 0;
}

.straight-to-the-bank-container .sidekick .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.straight-to-the-bank-container .sidekick .cell {
  height: initial;
}

.straight-to-the-bank-container .sidekick .content {
  padding: 88px 0 88px 0;
}

.straight-to-the-bank-container .sidekick .content .centre {
  max-width: 450px;
}

.straight-to-the-bank-container .sidekick .content a {
  height: 56px;
  line-height: 56px;
  /* width: 100% !important; */
  position: relative;
  background: #2C2E2F;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  margin: 24px 0 0 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  border: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0px 24px !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.straight-to-the-bank-container .sidekick h5 {
  margin: 0 0 24px 0;
}

.straight-to-the-bank-container .sidekick h1 {
  font-size: 2.000rem;
  line-height: 2.250rem;
  max-width: initial;
  margin: 24px 0 24px 0;
}

.straight-to-the-bank-container .sidekick a {
  margin: 16px 0 0 0;
  display: inline-block;
}

.straight-to-the-bank-container .sidekick a img {
  margin: -2px 0 0 4px;
}

.straight-to-the-bank-container .callout {
  border: none;
  position: relative;
  margin: 0;
  padding: 0 0 48px 0;
  border-radius: none;
}

.straight-to-the-bank-container .callout .image {
  background: #EEEEEE;
  height: 360px;
}

.straight-to-the-bank-container .callout .grid-container {
  padding: 0px 24px;
}

.straight-to-the-bank-container .callout .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.straight-to-the-bank-container .callout .grid-container .grid-margin-x .cell {
  margin: 0px;
  width: 100%;
}

.straight-to-the-bank-container .callout .grid-container .grid-margin-x .cell p {
  color: #444444 !important;
  font-size: 1.125rem !important;
  line-height: 1.625rem !important;
  text-align: left !important;
  padding: 48px 0 0 0;
  max-width: 660px;
  margin: 0 auto;
}

.straight-to-the-bank-container .benefits {
  background: #F7F6F7;
}

.straight-to-the-bank-container .benefits h2 {
  padding: 88px 0 64px 0;
}

.straight-to-the-bank-container .benefits .wrap-bg {
  background: transparent;
}

.straight-to-the-bank-container .benefits article {
  top: initial;
  -webkit-transform: initial;
  transform: initial;
  padding: 0 48px 0 0;
}

.straight-to-the-bank-container .benefits .grid-x {
  padding: 0 12px;
  height: initial;
}

.straight-to-the-bank-container .benefits h3 {
  margin: 24px 0 24px 0;
}

.straight-to-the-bank-container .benefits .content {
  margin: 0 0 88px 0;
  padding: 0 12px;
  height: initial;
}

.straight-to-the-bank-container .benefits .content p a {
  border-bottom: none;
  line-height: 1.250rem;
  color: #A61D55;
  border: none;
  margin: 0;
  padding: 0;
  border-radius: 0;
  height: initial;
}

.straight-to-the-bank-container .benefits .content div img {
  float: unset !important;
  margin: 0;
  width: initial !important;
}

.straight-to-the-bank-container .benefits .content div h5 {
  font-size: 1.063em;
  line-height: 1.563rem;
  color: #585858;
}

.straight-to-the-bank-container .benefits .visual {
  margin: 0 0 32px 0;
}

.straight-to-the-bank-container .benefits .get-started {
  border-bottom: none;
  height: initial;
  padding: 0 0 48px 0;
  text-align: center;
}

.straight-to-the-bank-container .benefits .get-started a {
  background: transparent;
  height: 56px;
  line-height: 56px;
  text-align: center;
  display: inline-block;
  padding: 0;
  width: 300px;
  color: #212121;
  margin: 0;
  border-radius: 4px;
  box-sizing: content-box;
  font-size: 1rem;
}

.straight-to-the-bank-container .faq {
  padding: 0;
  margin: 0 0 24px 0;
}

.straight-to-the-bank-container .faq h2 {
  padding: 88px 24px 48px 24px;
  margin: 0;
}

.straight-to-the-bank-container .faq a.view-faq {
  display: block;
}

.straight-to-the-bank-container .faq .grid-container {
  padding: 0px;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x {
  margin-left: 12px;
  margin-right: 12px;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell {
  margin: 0 12px;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell .fact {
  margin: 0 0 64px 0;
  display: inline-block;
  background-color: #fff;
  max-width: 460px;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell .fact h6 {
  margin: 0 0 24px 0;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell .fact p {
  margin: 0px;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell .fact p a {
  border-bottom: none;
  line-height: 1.250rem;
  color: #008489;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell .no-pad {
  margin: 0px;
}

.straight-to-the-bank-container .next {
  margin: 0;
  background-color: #2e2d3f;
  padding: 40px 0;
}

.straight-to-the-bank-container .next .grid-container {
  padding: 0 24px;
}

.straight-to-the-bank-container .next .grid-container .cell {
  padding: 48px 0;
}

.straight-to-the-bank-container .next h6 {
  text-transform: initial;
  color: #FFA890;
  margin: 0 0 24px 0;
  font-size: 1.250rem;
  line-height: 1.625rem;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.straight-to-the-bank-container .next h4 {
  margin: 24px 0 24px 0;
  color: #fff;
}

.straight-to-the-bank-container .next a {
  width: 100%;
  position: relative;
  border: transparent;
  color: #008489;
  display: inline-block;
  text-align: left;
  margin: 8px 0 0 0;
  font-size: 1.0625rem;
  line-height: 1.47059em !important;
  color: #fff;
}

.straight-to-the-bank-container .next a img {
  margin: -2px 0 0 4px;
}

.straight-to-the-bank-container section.cta-primary h4 {
  color: #fff;
}

/* BENEFTIS INDEX */
.benefits-index header {
  height: 80px;
  position: relative;
  z-index: 9;
  background-color: #EFEDE7;
}

.benefits-index .sidekick {
  height: initial;
  padding: 0;
  background-color: #EFEDE7;
  position: relative;
  margin-top: 0;
}

.benefits-index .sidekick .grid-container {
  padding-left: 24px;
  padding-right: 24px;
}

.benefits-index .sidekick .cell {
  height: initial;
}

.benefits-index .sidekick .content {
  padding: 144px 0 144px 0;
}

.benefits-index .sidekick .content .centre {
  max-width: 660px;
  margin: 0 auto;
  text-align: center;
}

.benefits-index .sidekick .content h1 {
  color: #2C2E2F;
  margin: 0 0 24px 0;
  font-size: 52px;
  line-height: 56px;
  font-weight: 600;
}

.benefits-index .sidekick .content h6 {
  color: #878A8D;
  margin: 0 0 24px 0;
  font-size: 1.250rem;
  line-height: 1.625rem;
  font-weight: 500;
}

.benefits-index .sidekick .content p {
  color: #484A4C !important;
  font-size: 20px !important;
  line-height: 30px !important;
  max-width: 480px !important;
  margin: 0 auto !important;
}

.benefits-index .sidekick .content a {
  height: 56px;
  line-height: 56px;
  /* width: 100% !important; */
  position: relative;
  background: #2C2E2F;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  margin: 24px 0 0 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  border: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0px 24px !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.benefits-index .sidekick h5 {
  margin: 0 0 24px 0;
}

.benefits-index .sidekick h1 {
  font-size: 2.000rem;
  line-height: 2.250rem;
  max-width: initial;
  margin: 24px 0 24px 0;
}

.benefits-index .sidekick a {
  margin: 16px 0 0 0;
  display: inline-block;
}

.benefits-index .sidekick a img {
  margin: -2px 0 0 4px;
}

.benefits-index .callout {
  border: none;
  position: relative;
  margin: 0;
  padding: 0 0 48px 0;
  border-radius: none;
}

.benefits-index .callout .image {
  background: #EEEEEE;
  height: 360px;
}

.benefits-index .callout .grid-container {
  padding: 0px 24px;
}

.benefits-index .callout .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.benefits-index .callout .grid-container .grid-margin-x .cell {
  margin: 0px;
  width: 100%;
}

.benefits-index .callout .grid-container .grid-margin-x .cell p {
  color: #444444 !important;
  font-size: 1.125rem !important;
  line-height: 1.625rem !important;
  text-align: left !important;
  padding: 48px 0 0 0;
  max-width: 660px;
  margin: 0 auto;
}

.benefits-index .benefits {
  background: #fff;
  border-top: none;
}

.benefits-index .benefits h2 {
  padding: 0 0 24px 0;
  font-size: 52px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 56px;
  margin: 0 auto;
  color: #000;
  max-width: 690px;
}

.benefits-index .benefits .guests-love-hitchd {
  text-align: center;
  background: #F2F2F2;
  padding: 80px 0;
}

.benefits-index .benefits .guests-love-hitchd h2 {
  padding: 0 0 48px 0;
  font-size: 52px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 56px;
  margin: 0 auto;
  color: #000;
  max-width: 690px;
}

.benefits-index .benefits .guests-love-hitchd article {
  position: relative;
  max-width: initial !important;
  text-align: center !important;
}

.benefits-index .benefits .guests-love-hitchd article .image {
  width: 1000px;
  background: #fff;
  height: 550px;
  margin: 0 auto;
}

.benefits-index .benefits .guests-love-hitchd article p {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: -0.016em;
  margin: 0 auto;
  color: #000;
  max-width: 616px;
  padding: 48px 0 24px 0;
}

.benefits-index .benefits .beautiful-registry {
  background: #2b3645;
  position: relative;
}

.benefits-index .benefits .beautiful-registry .visual {
  background: #2b3645;
  position: relative;
}

.benefits-index .benefits .remove-awkwardness {
  background: #1f1f1f;
}

.benefits-index .benefits .wrap-bg {
  background: transparent;
}

.benefits-index .benefits .grid-x {
  height: initial;
}

.benefits-index .benefits h3 {
  margin: 24px 0 24px 0;
}

.benefits-index .benefits .get-started {
  border-bottom: none;
  height: initial;
  padding: 0 0 48px 0;
  text-align: center;
}

.benefits-index .benefits .get-started a {
  background: transparent;
  height: 56px;
  line-height: 56px;
  text-align: center;
  display: inline-block;
  padding: 0;
  width: 300px;
  color: #212121;
  margin: 0;
  border-radius: 4px;
  box-sizing: content-box;
  font-size: 1rem;
}

.benefits-index .faq {
  padding: 0;
  margin: 0 0 24px 0;
}

.benefits-index .faq h2 {
  padding: 88px 24px 48px 24px;
  margin: 0;
}

.benefits-index .faq .grid-container {
  padding: 0px;
}

.benefits-index .faq .grid-container .grid-margin-x {
  margin-left: 12px;
  margin-right: 12px;
}

.benefits-index .faq .grid-container .grid-margin-x .cell {
  margin: 0 12px;
}

.benefits-index .faq .grid-container .grid-margin-x .cell .fact {
  margin: 0 0 64px 0;
  display: inline-block;
  background-color: #fff;
  max-width: 460px;
}

.benefits-index .faq .grid-container .grid-margin-x .cell .fact h6 {
  margin: 0 0 24px 0;
}

.benefits-index .faq .grid-container .grid-margin-x .cell .fact p {
  margin: 0px;
}

.benefits-index .faq .grid-container .grid-margin-x .cell .fact p a {
  border-bottom: none;
  line-height: 1.250rem;
  color: #008489;
}

.benefits-index .faq .grid-container .grid-margin-x .cell .no-pad {
  margin: 0px;
}

.benefits-index .next {
  margin: 0;
  background-color: #2e2d3f;
  padding: 40px 0;
}

.benefits-index .next .grid-container {
  padding: 0 24px;
}

.benefits-index .next .grid-container .cell {
  padding: 48px 0;
}

.benefits-index .next h6 {
  text-transform: initial;
  color: #FFA890;
  margin: 0 0 24px 0;
  font-size: 1.250rem;
  line-height: 1.625rem;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.benefits-index .next h4 {
  margin: 24px 0 24px 0;
  color: #fff;
}

.benefits-index .next a {
  width: 100%;
  position: relative;
  border: transparent;
  color: #008489;
  display: inline-block;
  text-align: left;
  margin: 8px 0 0 0;
  font-size: 1.0625rem;
  line-height: 1.47059em !important;
  color: #fff;
}

.benefits-index .next a img {
  margin: -2px 0 0 4px;
}

.benefits-index section.cta-primary h4 {
  color: #fff;
}

/* demo typer */
.demo,
.demo-item {
  height: 80px;
}

.demo {
  font-family: "Fira Mono", monospace;
  overflow: hidden;
  background-color: #2a2a28;
  color: #fff;
}

.demo-item {
  position: relative;
  font-size: 1.5em;
  padding-top: .75em;
  animation: animatetotop 6s steps(3) infinite;
}

.demo-item_inner,
.demo-item-overlay {
  display: inline-block;
}

.demo-item_inner {
  position: relative;
  line-height: 1;
}

.demo-item_inner:after {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  bottom: -2px;
  left: 0;
  border-left: 1px solid #fff;
  background-color: #2a2a28;
  animation: animatetoright 1s steps(10) infinite alternate;
}

@keyframes animatetoright {
  0% {
    left: 0;
    margin-right: auto;
  }
  100% {
    left: 100%;
    margin-left: .6em;
    margin-right: -.6em;
  }
}

@keyframes animatetotop {
  0% {
    top: 0;
  }
  100% {
    top: -240px;
  }
}

/* end demo */
/* Small Device Styles */
@media (max-width: 1280px) {
  .pricing-container .video-bg {
    position: absolute;
    top: 160px;
    right: 0px;
    opacity: .88;
  }
  .pricing-container .video-bg .video-bg-video {
    width: 600px;
  }
}

@media (max-width: 1200px) {
  section.b-test .grid-container span.knot {
    display: none !important;
    background: red;
  }
}

@media (max-width: 800px) {
  section.b-test .grid-container .grid-x .cell .centre h1 {
    font-size: 56px;
    line-height: 1.05;
  }
}

@media (max-width: 640px) {
  .top-banner {
    height: inherit;
    padding: 12px 24px;
  }
  .best-in-class .slide {
    padding: 64px 24px;
  }
  .feature-wrapper .hero-section-wrapper {
    flex-direction: column;
    padding: 0;
  }
  .feature-wrapper .hero-section {
    padding: 64px 24px !important;
  }
  section.hero-cta {
    padding: 100px 24px;
    position: relative;
    overflow: hidden;
  }
  section.hero-cta video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: 0;
    object-fit: cover;
    pointer-events: none;
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    object-fit: cover;
    z-index: 0;
  }
  section.hero-cta .centre h2 {
    font-size: 48px !important;
    line-height: 52px !important;
  }
  section.faq-section h3 {
    font-size: 17px;
    line-height: 1.4;
    padding: 0;
    margin: 0;
  }
  section.faq-section .content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    max-width: 60ch;
  }
  .key-testimonial .inner blockquote h2 {
    font-size: clamp(32px, 3.3vw, 48px) !important;
    line-height: 112% !important;
    letter-spacing: -.02em !important;
    font-weight: 400 !important;
  }
  .color-text-60 {
    color: rgba(0, 0, 0, 0.88);
  }
  .four-simple-steps-step-number {
    margin: 0 0 -8px 0;
  }
  .four-simple-steps-header p {
    margin-bottom: 0 !important;
    font-size: clamp(32px, 3.3vw, 48px) !important;
    line-height: 112% !important;
    letter-spacing: -.02em !important;
    font-weight: 400 !important;
  }
  .four-simple-steps {
    gap: 32px;
  }
  .four-simple-steps p {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    text-wrap: balance;
    margin: 0 0 32px 0;
    text-wrap: initial;
  }
  .top-banner {
    padding: 12px 24px;
  }
  section.faq-section .title {
    background: #fff;
    padding: 20px 48px 20px 0;
    display: block;
    color: #111212;
    font-weight: 500;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
  }
  .four-simple-steps-header {
    width: 100%;
    margin: 0 0 24px 0;
    padding: 0;
  }
  .backyard .slide {
    display: flex;
    position: relative;
    width: 100%;
    min-height: 100vh;
    flex-direction: column;
    padding: 24px;
  }
  .four-simple-steps-step-line {
    display: none;
  }
  .type-24-light {
    font-size: clamp(21px, 1.6vw, 26px) !important;
    line-height: 100% !important;
    letter-spacing: 0 !important;
    margin: 0;
  }
  .four-simple-steps-footer {
    width: 100%;
    padding: initial;
  }
  .four-simple-steps-footer p {
    margin: 16px 0 24px 0;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    line-height: 20px;
    text-wrap: balance;
    margin: 8px 0px 32px 0;
    text-wrap: initial;
    font-size: clamp(32px, 3.3vw, 48px) !important;
    line-height: 112% !important;
    letter-spacing: -.02em !important;
    font-weight: 400 !important;
  }
  section.hero-cta .centre {
    position: relative;
    margin: 0 auto;
    text-align: left;
    color: #fff;
    display: flex;
    max-width: 1366px;
    flex-direction: column;
  }
  section.hero-cta .centre > div:nth-child(1) {
    width: 100%;
  }
  section.hero-cta .centre > div:nth-child(2) {
    width: 100%;
  }
  .modern-grid {
    grid-column-gap: 24px;
    display: grid;
    grid-template-columns: repeat(1, 0fr);
    box-sizing: border-box;
    padding: 0 24px;
    width: 100%;
    max-width: initial;
    margin: 0 auto;
    gap: 24px;
  }
  .four-simple-steps-step {
    width: 100%;
  }
  .four-simple-steps-step-media {
    min-width: calc(100vw - 60px);
    margin: 0 0 16px 0;
    aspect-ratio: 315 / 436;
  }
  .feature-wrapper .hero-image {
    margin: 64px 0 0 0;
  }
  .feature-wrapper .hero-content {
    padding: 0 0 0 0;
    margin-top: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    position: relative;
    z-index: 1;
    max-width: initial;
    margin: 0 auto;
    flex-direction: column;
  }
  .feature-wrapper .hero-content > div {
    width: 100%;
  }
  .feature-wrapper .hero-content > div p {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1.5;
    max-width: initial;
    text-wrap: initial;
  }
  .feature-wrapper .hero-text {
    flex: 1;
    color: white;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
    margin-left: 0;
    justify-content: flex-start;
    width: 100% !important;
    margin-top: 24px;
  }
  .feature-wrapper .hero-image .hero-foreground img {
    width: 100%;
  }
  .feature-wrapper .hero-section {
    flex: 1;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    height: 100%;
    overflow: hidden;
    padding: 24px;
  }
  .hitchd-free-panel .how-we-make-money {
    text-align: center;
    padding: 32px 24px 80px 24px;
    max-width: initial;
    margin: 32px auto 0 auto;
    background-color: #F1F1EF;
  }
  .hitchd-free-panel .pricing-section {
    display: block;
    align-items: stretch;
    justify-content: center;
    gap: 2rem;
    padding: 80px 24px 0px 24px;
    max-width: initial;
    margin: auto;
    flex-direction: column;
    background-color: #F1F1EF;
  }
  .hitchd-free-panel .pricing-section .features-list {
    flex: 2;
    display: flex;
    flex-direction: column;
    max-width: 300px;
    justify-content: center;
    align-items: center;
  }
  .hitchd-free-panel .pricing-section .features-list li {
    font-size: 17px;
    color: #111212;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
  }
  .hitchd-free-panel .pricing-section .features-list li:before {
    content: '✓';
    font-size: 1.4rem;
    color: #111212;
    margin-right: 0.5rem;
    font-weight: 400;
  }
  .hitchd-free-panel .pricing-section .pricing-box {
    flex: 1;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 16px;
    padding: 96px 0;
    text-align: center;
    max-width: 400px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    height: 400px;
  }
  .hitchd-free-panel .pricing-section .pricing-box h3 {
    font-size: 80px;
    color: #111212;
    margin: 0;
    line-height: 1;
    font-weight: 400;
  }
  .hitchd-free-panel .pricing-section h2 {
    font-size: 36px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 40px 0;
  }
  .hitchd-free-panel .pricing-section .pricing-section-wrap {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0;
  }
  section.sample-registry .button-place {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    width: 348px;
  }
  section.sample-registry .button-place a {
    width: initial;
  }
  section.sample-registry {
    height: 480px;
  }
  section.sample-registry .grid-container {
    padding-right: 0;
    padding-left: 0;
    max-width: initial;
  }
  section.sample-registry .background {
    position: relative;
    background-color: #000;
    background: url(../images/surfing-vid-test-5.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 480px;
    width: 100%;
  }
  header.b-test {
    background: #fff !important;
  }
  header.b-test nav.top-logos {
    background: #fff !important;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999999;
    position: relative !important;
  }
  header.b-test nav.top-logos .auth a.btn {
    margin: 16px -8px 0 -12px !important;
    float: left;
    border-radius: 50%;
    padding: 4px;
  }
  header.b-test nav.top-logos .auth-signup {
    position: absolute;
    top: 0px;
    right: 0;
  }
  header.b-test nav.top-logos .auth-signup a {
    height: 36px !important;
    line-height: 36px !important;
    border: none !important;
    background: #fff;
    color: #000 !important;
    padding: 0 !important;
    font-size: 15px !important;
    border-radius: 100px;
    margin: 0 0 0 0;
    font-weight: 500;
  }
  section.testimonial {
    background: #f6f3ef !important;
    padding: 0px 0 16px 0;
  }
  section.testimonial .quotes {
    margin: 8px 0 24px 0;
  }
  section.b-test .grid-container .visual .feb-ab h5 {
    font-size: 17px !important;
  }
  .logos-special span.call {
    font-size: 28px !important;
    line-height: 1.2 !important;
    text-align: left;
  }
  .logos-special svg {
    margin: 0 0 56px 0 !important;
  }
  .logos-special svg.verif {
    margin: 0px 0 0 0 !important;
    padding: 2px;
    position: relative;
    vertical-align: bottom;
  }
  .logos-special a {
    margin: 0 24px;
  }
  .reg-banner-neu {
    height: 440px;
  }
  .logos-special-neu span.call {
    font-size: 28px !important;
    line-height: 1.2 !important;
    text-align: left;
  }
  .logos-special-neu svg {
    margin: 0 0 56px 0 !important;
  }
  .logos-special-neu svg.verif {
    margin: 0px 0 0 0 !important;
    padding: 2px;
    position: relative;
    vertical-align: bottom;
  }
  .logos-special-neu a {
    margin: 0 24px;
  }
  .demoregistry {
    position: relative;
    background-color: #000;
    background: url(../images/zoenoah-demoregistry.jpg);
    background-position: 30% 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .demoregistry:before {
    display: none;
  }
  .demoregistry .grid-container {
    height: 100%;
    max-width: initial;
    padding: 0 24px;
  }
  .demoregistry .grid-container .visual {
    height: 100%;
  }
  .demoregistry .grid-container .visual .img {
    padding: 0 0 80px 0;
  }
  .demoregistry .grid-container .visual img {
    background: transparent !important;
  }
  .demoregistry .grid-container .cell {
    height: 360px;
    position: relative;
  }
  .demoregistry .grid-container .cell .nameblock {
    position: absolute;
    bottom: 80px;
    left: inherit;
    width: 100%;
  }
  .demoregistry .grid-container .cell .nameblock h2 {
    font-size: 40px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    margin: 0 0 24px 0;
    color: #000 !important;
    text-align: center;
  }
  .demoregistry .grid-container .cell .nameblock p {
    margin: 0px;
    max-width: initial !important;
    font-size: 19px !important;
    letter-spacing: 0 !important;
    line-height: 22px !important;
    padding: 0px;
    font-weight: 500;
  }
  .demoregistry .grid-container .cell .nameblock a {
    width: 100% !important;
    padding: initial !important;
    margin: 0;
    height: 48px !important;
    line-height: 48px !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    background: #000 !important;
    border: 2px solid #000;
    color: #fff;
  }
  .pushy {
    margin: 24px 0 !important;
  }
  section.comparison-grid .dark-4 {
    margin: 24px 0 !important;
  }
  section.comparison-grid .dark-3 img {
    width: 680px;
    position: absolute;
    right: initial;
    top: 226px;
    left: -150px;
    max-width: initial;
  }
  section.comparison-grid .dark-2 img {
    width: 680px;
    position: absolute;
    right: initial;
    top: 256px;
    left: -20px;
    max-width: initial;
  }
  .special .grid-margin-x .lined {
    padding: 16px 0 16px 0;
    width: 100%;
  }
  section.comparison-grid h3.special {
    display: block;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 56px;
    margin: 32px 0 32px 0;
    font-weight: 500;
    opacity: 1;
    padding: 0 12px !important;
  }
  section.comparison-grid .dark-1 {
    margin-top: 24px;
    background: #353535;
  }
  section.comparison-grid .dark-1 img {
    width: 800px;
    position: absolute;
    right: initial;
    top: 312px;
    left: 26px;
    max-width: initial;
  }
  section.comparison-grid .light-1 {
    margin-top: 24px;
  }
  .special-three .grid-margin-x .lined {
    padding: 16px 0 16px 0;
  }
  section.comparison-grid {
    padding: 64px 0;
  }
  section.comparison-grid .special-three {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  section.comparison-grid .special-three h2 {
    color: #fff;
    font-size: 24px !important;
    font-weight: 600;
    line-height: 28px !important;
    margin: 24px 0 24px 0 !important;
  }
  section.comparison-grid .special-three h3 {
    font-size: 20px !important;
    line-height: 28px !important;
    padding: 0 !important;
    font-weight: 600;
  }
  section.comparison-grid .special-three p {
    padding: 0;
  }
  section.comparison-grid .special-three .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
    gap: initial;
    flex-direction: initial;
    align-items: initial;
    width: auto;
    flex-direction: column;
  }
  section.comparison-grid p.special {
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    vertical-align: bottom;
    margin: 24px 0 40px 12px;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.2859;
    font-weight: 500;
    padding: 0px !important;
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    line-height: 22px;
  }
  section.comparison-grid .color-1 {
    margin-bottom: 24px !important;
  }
  section.comparison-grid .color-1 h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 16px 0;
    color: #000;
  }
  section.comparison-grid .color-1 p {
    font-weight: 500;
    font-size: 17px;
    line-height: 21px;
  }
  section.comparison-grid .color-1 img {
    width: 345px;
    position: absolute;
    right: 8px;
    top: 285px;
  }
  section.comparison-grid h2.first {
    font-size: 48px !important;
    line-height: 48px !important;
    margin: 0 0 0 12px;
  }
  section.comparison-grid h2.first em {
    font-size: 48px !important;
    line-height: 48px !important;
  }
  section.comparison-grid h3 {
    font-size: 28px !important;
    line-height: 34px !important;
    padding: 24px 0px 28px 0 !important;
    margin: 0 0 0 12px;
  }
  section.comparison-grid .head {
    padding: 24px;
  }
  section.comparison-grid .light-1 img {
    width: 400px;
    position: absolute;
    right: initial;
    top: 270px;
    left: 0px;
  }
  section.comparison-grid .dark-1 img {
    width: 960px;
    position: absolute;
    right: initial;
    top: 312px;
    left: 24px;
    max-width: initial;
  }
  section.comparison-grid .dark-4 img {
    width: 850px;
    position: absolute;
    right: initial;
    top: 322px;
    right: -33px;
    max-width: initial;
  }
  .pushy {
    padding: 0px !important;
  }
  .special {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
  .special p {
    padding: 0;
  }
  .special .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
    gap: initial;
    flex-direction: initial;
    align-items: initial;
    width: auto;
    flex-direction: column;
  }
  h3.special {
    display: block;
    padding: 0 24px;
    color: #fff;
    font-size: 30px;
    line-height: 1.1;
    text-align: left;
    max-width: 1040px;
    /* margin: 0 auto; */
    font-weight: 500;
    letter-spacing: 0;
    /* margin: 0; */
    padding: 0 24px !important;
  }
  .ab-test-vid .visual svg {
    z-index: 999;
    -webkit-filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.16));
    cursor: pointer;
    margin: 0 auto;
    display: block;
  }
  .huge-faq {
    padding: 64px 0;
  }
  .huge-faq h2 {
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px;
    line-height: 1.0714285714;
    margin: 0 0 40px 0;
    color: #000;
  }
  .huge-faq .hold {
    margin: 0 0 32px 0;
    padding: 0 0 0 0;
  }
  .huge-faq .hold h5 {
    font-size: 1.0625rem;
    line-height: 1.47384;
    color: #111212;
  }
  .huge-faq .hold h5 a {
    border-bottom: 1px solid;
    font-weight: 500;
    color: #000;
  }
  .huge-faq .hold h3 {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    vertical-align: top;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    padding: 0 0 16px 0;
  }
  .huge-faq .hold p {
    display: inline-block;
    max-width: 100%;
    letter-spacing: 0;
    font-size: 17px;
    line-height: 1.23536;
    font-weight: 500;
  }
  .huge-faq .hold p a {
    font-size: 17px;
    line-height: 1.23536;
    text-decoration: underline;
    border-bottom: none;
    font-weight: 500;
  }
  .why-callout {
    padding: 64px 0;
  }
  .why-callout ul li h3 {
    font-size: 48px;
    line-height: 48px;
    color: #000;
    font-weight: 600;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    width: 100vw;
    padding: 0 0 16px 40px;
  }
  .why-callout ul li span {
    font-size: 18px;
    line-height: 18px;
  }
  .why-callout h2 {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 24px 0;
  }
  .why-callout p {
    margin: 0px;
    max-width: initial !important;
    font-size: 19px !important;
    letter-spacing: 0 !important;
    line-height: 22px !important;
    padding: 0px 0 48px 0;
    font-weight: 600;
  }
  .ven-benefits .visual {
    background: #dedede;
    margin: 0;
    padding: 150px 0;
    background-image: url(../images/hitchd-values-enjoy-your-trip-bg-02.jpg) !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .ven-benefits .visual img {
    height: 500px;
    width: 364px;
    position: relative;
    min-width: 392px;
  }
  .ven-benefits .visual .img img {
    height: initial !important;
    width: calc((((100% - 140px)/1)*1) + 0px + 0px) !important;
    min-width: initial !important;
  }
  .ven-benefits .content p {
    font-size: 18px !important;
    line-height: 21px !important;
    font-weight: 500 !important;
  }
  .ven-benefits .content h2 {
    font-size: 42px !important;
    line-height: 46px !important;
    font-weight: 600 !important;
  }
  .cashapp-vis {
    background-image: url(../images/index-test-img-1-cashapp.jpg) !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative !important;
    height: 600px !important;
  }
  .cashapp-vis svg {
    padding: 20px;
    width: 88%;
  }
  .zola-vis {
    background-image: url(../images/index-img-zola.jpg) !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative !important;
    height: 600px !important;
  }
  .zola-vis svg {
    padding: 20px;
    width: 88%;
  }
  .travlersjoy-vis {
    background-image: url(../images/vs-travelersjoy.jpg) !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative !important;
    height: 600px !important;
  }
  .travlersjoy-vis svg {
    padding: 20px;
    width: 88%;
  }
  .faq-stripe {
    padding: 64px 0;
  }
  .faq-stripe label {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #000;
  }
  .faq-stripe .artlist ul li p {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
  }
  .faq-stripe .artlist ul li p a {
    border-bottom: 2px solid #000;
  }
  section.how-stripe {
    background: #111;
    padding: 64px 0;
  }
  section.how-stripe .grid-container {
    padding-right: 24px;
    padding-left: 24px;
    max-width: 1440px;
    margin: 0 auto;
  }
  section.how-stripe .numbers {
    display: inline-block;
    clear: both;
    margin: 0 0 40px 0;
    max-width: 600px;
  }
  section.how-stripe .numbers:last-of-type {
    margin: 0 !important;
  }
  section.how-stripe h2 {
    font-size: 56px;
    line-height: 60px;
    font-weight: 600;
  }
  section.how-stripe h2, section.how-stripe span, section.how-stripe h3, section.how-stripe p {
    color: #fff;
  }
  section.how-stripe span {
    font-size: 68px;
    line-height: 90px;
    font-weight: 400;
    float: left;
    vertical-align: top;
    padding: 0 0px 0 0;
    width: 64px;
  }
  section.how-stripe h3 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    padding: 12px 0 12px 0;
    margin: 0;
  }
  section.how-stripe p {
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    padding: 0 0 0 64px;
  }
  h1 {
    font-size: 36px !important;
    line-height: 40px !important;
    max-width: 100% !important;
    color: #111212;
    font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  h2 {
    font-size: 30px;
    line-height: 34px;
    color: #111212;
    font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  h3 {
    font-size: 24px;
    line-height: 28px;
    color: #111212;
    font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  h4 {
    color: #111212;
    font-size: 1.500rem;
    line-height: 1.750rem;
    font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  h5 {
    color: #111212;
    font-size: 1.375rem;
    line-height: 1.625em;
    font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  h6 {
    color: #111212;
    font-size: 19px;
    line-height: 1.21053;
    font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  p {
    color: #484A4C;
    font-size: 17px;
    line-height: 25px;
    font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  a {
    color: #006366;
    font-size: 1.0625rem;
    line-height: 1.47059em;
    font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-210px * 5));
    }
  }
  @keyframes marquee {
    from {
      margin-left: 0%;
    }
    to {
      margin-left: -200%;
    }
  }
  .how-it-works-container section.value .personalize .grid-x .visual .img img {
    width: calc((((100% - 20px)/2)*1) + 0px + 0px) !important;
    max-width: initial !important;
    margin: 0 auto !important;
    height: initial !important;
  }
  .faq-stripe h2, section.how-stripe h2 {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 24px 0;
  }
  .index-hero-banner-discount {
    line-height: 20px;
    height: initial;
    background: #BAFD51;
    z-index: 999999;
    position: relative;
    top: 0;
    margin: 0;
    padding: 16px 24px;
    text-align: center;
    font-weight: 500;
    text-align: left;
  }
  .index-hero-banner-discount p {
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-size: 15px;
  }
  .index-hero-banner-discount p a {
    color: #000;
    font-size: 15px;
    margin: 0;
    line-height: 20px;
  }
  .hero-banner-discount {
    line-height: 20px;
    height: initial;
    background: #000;
    z-index: 999999;
    position: relative;
    top: 0;
    margin: 0;
    padding: 16px 24px;
    text-align: center;
    font-weight: 500;
    text-align: left;
  }
  .hero-banner-discount p {
    color: #fff;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-size: 15px;
  }
  .hero-banner-discount p a {
    color: #fff;
    font-size: 15px;
    margin: 0;
    line-height: 20px;
  }
  .thank-b-test .visual {
    height: 400px !important;
    overflow: hidden !important;
    padding: 0 16px !important;
  }
  .thank-b-test .visual video {
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
  }
  .final .visual {
    height: 480px !important;
    overflow: hidden !important;
  }
  .final .visual .img {
    padding: 0 16px !important;
    height: 480px !important;
  }
  .final .visual .img img {
    width: initial !important;
  }
  section.cta-secondary-b-test .centre h2 {
    font-weight: 600 !important;
  }
  section.cta-secondary-b-test .centre a {
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 18px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
  }
  .cta-secondary-ab-test .centre h2 {
    font-size: 36px !important;
    line-height: 1.1 !important;
  }
  .b-test {
    background: #fff !important;
    box-shadow: none;
  }
  .b-test .content {
    padding: 0 24px !important;
    height: initial;
  }
  .b-test .mainlogo svg.abia {
    padding: 2px;
    margin: -2px 0 0 0;
    vertical-align: middle;
  }
  footer.b-test-footer {
    padding: 48px 24px 16px 24px;
  }
  footer.b-test-footer .logo-mobile {
    width: 76px;
    margin: 0 0 40px 0 !important;
  }
  footer.b-test-footer span {
    color: #000;
    margin: 0 0 20px 0;
    font-size: 16px;
    display: inline-block;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: initial;
  }
  footer.b-test-footer .social {
    margin: 48px 0 0 0 !important;
  }
  footer.b-test-footer ul li a {
    line-height: 20px;
    margin: 0 0 4px 0;
    display: inline-block;
    color: #000;
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
    border-bottom: 1px solid transparent;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 16px;
    color: #000;
  }
  section.contribution-options {
    padding: 64px 0;
  }
  section.contribution-options h2 {
    padding: 0 24px 24px 24px;
    margin: 0 0 0 0;
    width: initial;
    display: inline-block;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
  }
  section.contribution-options p {
    margin: 0px;
    max-width: initial !important;
    font-size: 19px !important;
    letter-spacing: 0 !important;
    line-height: 22px !important;
    padding: 0 24px;
    font-weight: 600;
  }
  section.contribution-options a {
    margin: 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
    background-color: transparent;
    color: #000;
    font-weight: 600;
    color: #000;
    margin: 24px 0 48px 0 !important;
    font-size: 19px !important;
    letter-spacing: 0 !important;
    line-height: 22px !important;
  }
  section.contribution-options svg {
    padding: 24px;
    margin: 0 auto;
  }
  section.b-test .spinning-text {
    position: absolute;
    left: calc(50% - 128px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 240px;
    height: 240px;
    z-index: 999;
    top: -46px;
    z-index: 0;
  }
  section.b-test .spinning-text #container {
    margin: 0%;
  }
  section.b-test .spinning-text #circle {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
  }
  section.b-test .spinning-text #circle text {
    font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 2.4px;
  }
  section.b-test .spinning-text #circle svg {
    height: 310px;
  }
  section.b-test .grid-container .bitcoin-vis {
    background: #B1A196;
    background-image: url(../images/index-test-img-1-bitcoin.jpg) !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  section.b-test .grid-container .visual {
    background: #eee !important;
    background-image: url(../images/index-hero-glampers.jpg) !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative !important;
    height: 600px !important;
  }
  section.b-test .grid-container .visual:before {
    display: none;
  }
  section.b-test .grid-container .visual .trustpilot-snippet {
    bottom: 0 !important;
    margin: 0 !important;
    text-align: center !important;
  }
  section.b-test .grid-container .visual img {
    width: calc((((100% - -180px)/2)*1) + 0px + 0px) !important;
  }
  section.b-test .grid-container .visual img.website-hero {
    max-height: initial;
    max-width: 642px !important;
    z-index: 1;
    width: 100% !important;
    padding: 0 16px;
  }
  section.b-test .grid-container .venmo-vis {
    background: #65534B;
    background-image: url(../images/index-test-img-1-venmo.jpg) !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  section.b-test .grid-container .venmo-vis svg.provider {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  section.b-test .grid-container .stripe-vis {
    background: #65534B;
    background-image: url(../images/index-test-img-1-stripe.jpg) !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  section.b-test .grid-container .stripe-vis svg.provider {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  section.b-test .grid-container .paypal-vis {
    background: #393D2E;
    background-image: url(../images/index-test-img-1-paypal.jpg) !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  section.b-test .grid-container .grid-x {
    max-height: initial !important;
  }
  section.b-test .grid-container .grid-x .cell .centre {
    position: relative !important;
    padding: initial !important;
    transform: initial;
    left: initial;
    bottom: initial;
    top: initial;
  }
  section.b-test .grid-container .grid-x .cell .centre span.cc {
    display: block;
    font-size: 14px;
    margin: 20px 0 -16px 0;
    font-weight: 500;
    color: #000;
    opacity: .5;
  }
  section.b-test .grid-container .grid-x .cell .centre h1 {
    font-size: 48px !important;
    line-height: 52px !important;
  }
  section.b-test .grid-container .grid-x .cell .centre h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    margin: 32px 0 0 0;
    text-align: left;
  }
  section.b-test .grid-container .grid-x .cell .centre h1.smaller {
    font-size: 48px !important;
    line-height: 48px !important;
  }
  section.b-test .grid-container .grid-x .cell .centre p {
    font-size: 19px !important;
    line-height: 24px !important;
    padding: 24px 0px 32px 0 !important;
  }
  section.b-test .grid-container .grid-x .cell .centre .btn-primary {
    width: 100% !important;
    padding: initial !important;
    margin: 0;
    height: 52px !important;
    line-height: 52px !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    letter-spacing: 0;
  }
  section.b-test .grid-container .grid-x .cell .centre .btn-primary:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    background: #000;
    color: #fff;
  }
  section.b-test .grid-container .grid-x .cell .centre .sample {
    width: 100% !important;
    padding: initial !important;
    border-radius: 100px !important;
    margin: 12px 0 0 0;
    height: 48px !important;
    line-height: 48px !important;
    font-weight: 500 !important;
    font-size: 17px !important;
  }
  section.b-test .grid-container .grid-x .cell .centre .sample:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 2px solid #000;
    background: #fff;
    color: #000;
  }
  section.b-test .grid-container .grid-x .cell .centre .sample svg {
    vertical-align: middle;
    margin: -1px 0 0 4px;
  }
  .logos-special img {
    padding: 24px 40px 0 40px;
    margin: 0 0 80px 0;
    width: 100%;
    max-width: initial;
  }
  .logos-special-neu img {
    padding: 24px 40px 0 40px;
    margin: 0 0 0 0;
    width: 100%;
    max-width: initial;
  }
  .personalize .visual {
    overflow: hidden !important;
  }
  .personalize .visual .img {
    padding: 0 16px !important;
  }
  .personalize .visual .img img {
    max-width: 685px !important;
    width: 100% !important;
  }
  .logos {
    padding: 64px 0 48px 0;
    position: relative;
  }
  .logos span.call {
    display: block;
    padding: 0 24px;
    color: #fff;
    font-size: 40px;
    line-height: 1.1;
    text-align: center;
    max-width: 1040px;
    margin: 0 auto;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0;
  }
  .logos a.spesh {
    font-size: 19px;
    line-height: 24px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
    background-color: transparent;
    padding: 0 0 4px 0;
    color: #fff;
    font-family: "Inter Variable", "SF Pro Display", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  .logos a.spesh:after {
    background-color: #fff;
    bottom: 0;
    content: '';
    display: block;
    height: 1.5px;
    left: 0;
    transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
    position: absolute;
    width: 100%;
    z-index: 0;
  }
  .logos a.spesh:hover:after {
    width: 0;
    left: 0;
  }
  .logos a.spesh:active {
    color: #fff;
  }
  .logos a.spesh:visited {
    color: #fff;
  }
  .logos p {
    color: #fff;
    font-size: 19px;
    line-height: 1.2105263158;
    max-width: 764px;
    margin: 0 auto;
    padding: 24px 24px 48px 24px;
    font-weight: 600;
  }
  .logos p a {
    font-weight: 600;
    line-height: 1.2105263158;
  }
  .logos svg {
    padding: 24px;
  }
  .logos h6 {
    padding: 24px 0 48px 0;
  }
  .logos h6 svg.arrow {
    height: 12px;
    width: 12px;
    margin: 0px 0 0 8px;
    vertical-align: middle;
    padding: 0;
  }
  .logosneu {
    padding: 64px 0 48px 0;
    position: relative;
  }
  .logosneu h2 {
    display: block;
    padding: 0 24px;
    color: #000;
    font-size: 30px;
    line-height: 1.1;
    text-align: center;
    max-width: 1040px;
    margin: 0 auto;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0;
  }
  .logosneu p {
    color: #000;
    font-size: 19px;
    line-height: 22px;
    max-width: 764px;
    margin: 0 auto;
    padding: 24px;
    font-weight: 500;
  }
  .logosneu svg {
    padding: 24px;
  }
  .logosneu h6 {
    padding: 32px 0 48px 0;
  }
  .logosneu h6 svg.arrow {
    height: 12px;
    width: 12px;
    margin: 0px 0 0 8px;
    vertical-align: middle;
    padding: 0;
  }
  footer hr {
    border: 0;
    border-top: 1px solid #efefef;
    overflow: hidden;
    margin: 8px 0 16px 0 !important;
    max-width: initial;
  }
  footer .social {
    margin: 32px 0 0 0 !important;
  }
  .no-webp section.home .visual {
    margin: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    /* padding: 64px 24px; */
    background: #E8ECEB;
    text-align: left;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 400px;
    background-image: url(../images/hitchd-couple-registry-showcase-small-bg.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .no-webp section.home .visual img {
    height: initial;
    margin: 0;
    width: 100%;
  }
  .no-webp section.made-with-hitchd .primary {
    height: 360px !important;
    width: 260px !important;
    margin: 0 24px 0 0;
    background-image: url(../images/hitchd-zoe-noah.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 0 !important;
  }
  .no-webp section.made-with-hitchd .primary span {
    background: #fff;
    display: block;
    height: 40px;
    text-align: center;
    color: #000;
    line-height: 40px;
    border-radius: 4px;
    margin: 0px 8px 0 8px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
  }
  .no-webp section.made-with-hitchd .primary em {
    display: block;
    font-size: 17px;
    font-style: normal;
    color: #555;
    margin: 8px 0 12px 0;
  }
  .no-webp section.made-with-hitchd .secondary {
    height: 360px !important;
    width: 260px !important;
    border-radius: 0 !important;
  }
  .no-webp section.made-with-hitchd .secondary span {
    background: #fff;
    display: block;
    height: 40px;
    text-align: center;
    color: #000;
    line-height: 40px;
    border-radius: 4px;
    margin: 0px 8px 0 8px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
  }
  .no-webp section.made-with-hitchd .secondary em {
    display: block;
    font-size: 17px;
    font-style: normal;
    color: #555;
    margin: 8px 0 12px 0;
  }
  .no-webp section.made-with-hitchd .tertiary {
    height: 360px !important;
    width: 260px !important;
    border-radius: 0 !important;
  }
  .no-webp section.made-with-hitchd .tertiary span {
    background: #fff;
    display: block;
    height: 40px;
    text-align: center;
    color: #000;
    line-height: 40px;
    border-radius: 4px;
    margin: 0px 8px 0 8px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
  }
  .no-webp section.made-with-hitchd .tertiary em {
    display: block;
    font-size: 17px;
    font-style: normal;
    color: #555;
    margin: 8px 0 12px 0;
  }
  .no-webp section.made-with-hitchd .fourth {
    height: 360px !important;
    width: 260px !important;
    border-radius: 0 !important;
  }
  .no-webp section.made-with-hitchd .fourth span {
    background: #fff;
    display: block;
    height: 40px;
    text-align: center;
    color: #000;
    line-height: 40px;
    border-radius: 4px;
    margin: 0px 8px 0 8px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
  }
  .no-webp section.made-with-hitchd .fourth em {
    display: block;
    font-size: 17px;
    font-style: normal;
    color: #555;
    margin: 8px 0 12px 0;
  }
  .no-webp section.made-inspo .primary {
    height: 360px !important;
    width: 260px !important;
    margin: 0 24px 0 0;
    background-image: url(../images/hitchd-inspo-registry-australia.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 0 !important;
  }
  .webp section.home .visual {
    margin: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    /* padding: 64px 24px; */
    background: #E8ECEB;
    text-align: left;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 400px;
    background-image: url(../images/hitchd-couple-registry-showcase-small-bg.webp);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
  }
  .webp section.home .visual img {
    height: initial;
    margin: 0;
    width: 100%;
  }
  .webp section.made-with-hitchd .primary {
    height: 360px !important;
    width: 260px !important;
    margin: 0 24px 0 0;
    background-image: url(../images/hitchd-zoe-noah.webp);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 0 !important;
  }
  .webp section.made-with-hitchd .primary span {
    background: #fff;
    display: block;
    height: 40px;
    text-align: center;
    color: #000;
    line-height: 40px;
    border-radius: 4px;
    margin: 0px 8px 0 8px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
  }
  .webp section.made-with-hitchd .primary em {
    display: block;
    font-size: 17px;
    font-style: normal;
    color: #555;
    margin: 8px 0 12px 0;
  }
  .webp section.made-with-hitchd .secondary {
    height: 360px !important;
    width: 260px !important;
    border-radius: 0 !important;
  }
  .webp section.made-with-hitchd .secondary span {
    background: #fff;
    display: block;
    height: 40px;
    text-align: center;
    color: #000;
    line-height: 40px;
    border-radius: 4px;
    margin: 0px 8px 0 8px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
  }
  .webp section.made-with-hitchd .secondary em {
    display: block;
    font-size: 17px;
    font-style: normal;
    color: #555;
    margin: 8px 0 12px 0;
  }
  .webp section.made-with-hitchd .tertiary {
    height: 360px !important;
    width: 260px !important;
    border-radius: 0 !important;
  }
  .webp section.made-with-hitchd .tertiary span {
    background: #fff;
    display: block;
    height: 40px;
    text-align: center;
    color: #000;
    line-height: 40px;
    border-radius: 4px;
    margin: 0px 8px 0 8px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
  }
  .webp section.made-with-hitchd .tertiary em {
    display: block;
    font-size: 17px;
    font-style: normal;
    color: #555;
    margin: 8px 0 12px 0;
  }
  .webp section.made-with-hitchd .fourth {
    height: 360px !important;
    width: 260px !important;
    border-radius: 0 !important;
  }
  .webp section.made-with-hitchd .fourth span {
    background: #fff;
    display: block;
    height: 40px;
    text-align: center;
    color: #000;
    line-height: 40px;
    border-radius: 4px;
    margin: 0px 8px 0 8px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8px;
  }
  .webp section.made-with-hitchd .fourth em {
    display: block;
    font-size: 17px;
    font-style: normal;
    color: #555;
    margin: 8px 0 12px 0;
  }
  .webp section.made-inspo .primary {
    height: 360px !important;
    width: 260px !important;
    margin: 0 24px 0 0;
    background-image: url(../images/hitchd-inspo-registry-australia.webp);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 0 !important;
  }
  .slider {
    background: white;
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    cursor: auto;
    -webkit-overflow-scrolling: touch;
    height: 200px;
    margin: 0px;
    overflow: hidden;
    white-space: nowrap;
  }
  .slider .slide-track {
    animation: scroll 20s linear infinite !important;
    display: flex;
    width: calc(110px * 10);
  }
  .slider .slide-track-reverse {
    animation: scroll 20s linear infinite;
    animation-direction: reverse;
    display: flex;
    width: calc(10px * 10);
  }
  .slider .slide {
    height: 200px;
    width: 210px;
  }
  .feature-block {
    padding: 64px 24px;
  }
  .feature-block p {
    max-width: 330px !important;
    color: #000 !important;
    padding: 20px 0 !important;
    font-size: 18px !important;
    letter-spacing: -0.016em !important;
    line-height: 26px !important;
    margin: 0 !important;
  }
  .feature-block p:last-child {
    padding: 20px 0 0 0 !important;
  }
  /* 404 Page */
  .not-found-container .wrapper h1 {
    margin: 0px !important;
    font-size: 1.75rem !important;
    line-height: 2rem !important;
    color: #fff;
    font-weight: 600;
  }
  .common-faq {
    padding: 64px 24px !important;
  }
  .common-faq h2 {
    padding: 0;
    margin: 0 0 8px 0 !important;
    font-size: 44px;
    line-height: 48px;
    letter-spacing: -0.018em;
    font-weight: 700;
    margin: 0;
    text-align: left;
    color: #fff;
    letter-spacing: 0;
    display: inline-block;
    font-size: 34px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0;
  }
  .common-faq .grid-container .grid-margin-x {
    margin-left: 0px;
    margin-right: 0px;
  }
  .common-faq .grid-container .grid-margin-x .cell {
    width: 100% !important;
    margin: 0px;
  }
  .common-faq .grid-container .grid-margin-x .cell .fact p {
    padding: 0;
  }
  /* COUNTRY REG EXAMPLE TEMPLATE 640px */
  .country-container .home-header {
    z-index: 9;
    background: transparent !important;
    text-align: center;
    position: absolute !important;
    z-index: 1;
    width: 100%;
    z-index: 99;
  }
  .country-container .home-header .logosimple {
    margin: 24px 0 0 0 !important;
    vertical-align: middle !important;
    float: left !important;
  }
  .country-container .home-header img.darklogo {
    width: 68px;
  }
  .country-container .places {
    padding: 0 12px;
    text-align: left;
    margin: 0 0 32px 0;
  }
  .country-container .places h2 {
    padding: 0px;
    margin: 0 0 24px 0;
    width: initial;
    display: inline-block;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0;
    width: 100%;
    text-align: left;
    padding: 0 0 0 12px;
  }
  .country-container .places p {
    margin: 0 0 0 12px;
    padding: 0;
    letter-spacing: 0;
    color: #000;
    font-size: 18px;
    line-height: 26px;
  }
  .country-container .places .grid-container {
    margin: 32px 0 0 0;
  }
  .country-container .places .grid-container .cell p {
    margin: 12px 0 16px 0;
    padding: 0;
    letter-spacing: 0;
    color: #000 !important;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
  }
  .country-container .places .grid-container .cell h3 {
    padding: 16px 0 0 0;
    display: block;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 24px;
    font-weight: 600;
    margin: 0;
  }
  .country-container .testimonial {
    padding: 0 !important;
  }
  .country-container .callouts {
    text-align: left;
    padding: 64px 0;
  }
  .country-container .callouts .grid-container {
    padding: 0 24px;
  }
  .country-container .callouts a {
    text-align: left;
    margin: 24px 0 0 0;
    display: inline-block;
    text-align: center;
    padding: 0;
    font-size: 18px !important;
    letter-spacing: -0.014em !important;
    line-height: 28px !important;
  }
  .country-container .callouts h3 {
    margin: 0 0 24px 0;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 700;
    color: #000;
  }
  .country-container .home {
    padding: 172px 24px 164px 24px;
    height: initial !important;
  }
  .country-container .home .content {
    margin: 64px 0 64px 0 !important;
  }
  .country-container .home .centre {
    z-index: 99;
  }
  .country-container .home span {
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 0 0 8px 0;
  }
  .country-container .home h1 {
    max-width: 100% !important;
    font-size: 56px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    letter-spacing: 0;
    padding: 0;
    font-weight: 700;
  }
  .country-container .home a {
    height: 56px;
    line-height: 56px;
    width: initial !important;
    position: relative;
    background: #fff;
    border-radius: 6px;
    color: #000;
    font-size: 18px;
    border: 0;
    padding: 0px 24px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
  }
  .country-container section.how-it-works h2 {
    letter-spacing: 0;
    font-size: 32px;
    line-height: 36px;
    margin: 0 0 12px 0;
  }
  .country-container section.how-it-works p {
    letter-spacing: 0 !important;
    margin: 12px 0;
    display: inline-block;
    line-height: 26px !important;
  }
  .country-container section.how-it-works a {
    font-weight: 600;
    position: relative;
    text-decoration: none;
    display: inline-block;
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
    border-radius: 8px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: calc(100% - 4px);
    line-height: 52px !important;
    height: 52px !important;
    font-size: 17px !important;
    margin: 20px 0 0 0 !important;
    letter-spacing: 0 !important;
    padding: 0 !important;
  }
  .country-container section.how-it-works a:after {
    content: initial;
  }
  .country-container .registry .grid-container {
    padding: 0 24px;
  }
  .country-container .registry .grid-container a.button {
    width: fit-content !important;
  }
  .country-container .callouts h2 {
    width: initial;
    padding: 0px;
    margin: 0 0 0 0;
    width: initial;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 0;
    text-align: left;
    font-size: 32px;
    line-height: 36px;
  }
  .country-container .callouts h3 {
    margin: 32px 0 16px 0;
    letter-spacing: 0;
  }
  .country-container .callouts p {
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    color: #000;
    font-size: 18px;
    line-height: 26px;
  }
  .country-container .callouts a {
    width: calc(100% - 4px);
    line-height: 52px !important;
    height: 52px;
    font-size: 17px !important;
    margin: 32px 0 0 0;
    letter-spacing: 0 !important;
  }
  .country-container section.related {
    padding: 64px 16px;
  }
  .country-container section.related h2 {
    padding: 0px;
    margin: 0 0 24px 0;
    width: initial;
    display: inline-block;
    font-size: 32px;
    line-height: 38px;
    font-weight: 700;
    letter-spacing: -0.017em;
    text-align: left;
  }
  .country-container section.related .carousel {
    max-width: 100%;
    min-width: 100%;
  }
  .country-container .country-photo-grid {
    height: initial;
    max-height: initial;
  }
  .country-container .country-photo-grid .grid-container .grid-x {
    position: relative !important;
    max-height: initial;
    position: relative;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell {
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background: #eee;
    max-height: 260px;
    height: 260px;
    border-top: 2px solid #fff;
    overflow: hidden;
    position: relative;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell:first-of-type {
    border-left: 0px !important;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell:nth-child(2) {
    border-right: 0px;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell:nth-child(3) {
    border-left: 0px;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell:last-of-type {
    border-right: 0px !important;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell .lb .block-s1 {
    height: 260px;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell .lb .block-s2 {
    height: 128px;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell .lb .block-s3 {
    height: 128px;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell .mb .block-m1 {
    height: 128px;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell .mb .block-m2 {
    height: 256px;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell .rb .block-m1 {
    height: 128px;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell .rb .block-m {
    height: 256px;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell .inner {
    -webkit-box-pack: center !important;
    -webkit-box-align: center !important;
    position: absolute !important;
    top: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    right: 0px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .country-container .country-photo-grid .grid-container .grid-x .cell .inner img {
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0px;
  }
  .country-container section.cta-secondary {
    background: #000 !important;
  }
  .country-container section.cta-secondary .centre {
    margin: 0 24px !important;
  }
  .country-container section.cta-secondary .centre h2 {
    margin: 0;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff;
    padding: 0 8px;
  }
  .country-container section.cta-secondary .centre a {
    height: 56px;
    line-height: 56px;
    width: initial !important;
    position: relative;
    background: #fff;
    border-radius: 6px;
    color: #000;
    font-size: 17px;
    border: 0;
    padding: 0px 24px !important;
    letter-spacing: 0;
    margin: 32px 0 0 0;
    font-weight: 600;
    width: 100% !important;
  }
  .country-container section.top10 {
    padding: 64px 24px;
    width: 100%;
  }
  .country-container section.top10 a.view {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
    background-color: transparent;
    padding: 0 0 2px 0;
    color: #000;
    margin: 0;
    border: 2px solid #000;
    height: 52px;
    line-height: 52px;
    padding: 0 24px;
    border-radius: 8px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: calc(100% - 4px);
    padding: 0 !important;
  }
  .country-container section.top10 h2 {
    padding: 0px;
    margin: 0 0 24px 0;
    width: initial;
    display: inline-block;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0;
    width: 100%;
    text-align: left;
    padding: 0;
  }
  .country-container section.top10 p {
    margin: 0 0 32px 0;
    text-align: left;
    padding: 0;
    letter-spacing: 0;
    color: #000;
    font-size: 18px;
    line-height: 26px;
  }
  .country-container section.top10 .grid-container {
    max-width: initial;
    margin: initial;
    padding: 0;
  }
  .country-container section.top10 .grid-container .cell {
    padding: 0;
  }
  .country-container section.top10 .grid-container .cell span {
    max-width: initial !important;
    width: 100%;
  }
  .country-container section.top10 .grid-container .cell h3 {
    max-width: initial !important;
    padding: 16px 0 16px 0;
  }
  .country-container section.top10 .grid-container .cell p {
    max-width: initial !important;
    color: #000 !important;
    margin: 0 0 16px 0;
  }
  .country-container section.top10 .grid-container .cell a {
    display: block !important;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
  }
  /* Coming Soon */
  .coming-soon a.hitchd-logo {
    position: absolute;
    top: 24px !important;
    left: 24px !important;
    z-index: 999;
  }
  .coming-soon .login {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 9999;
  }
  .coming-soon .login a {
    color: #fff;
    text-transform: none;
    font-family: "System-Regular", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif !important;
    margin: 0;
    line-height: 24px;
    font-size: 17px !important;
    /* text-transform: uppercase; */
  }
  .coming-soon .wrapper h1 {
    font-size: 32px !important;
    line-height: 36px !important;
    color: #fff !important;
    margin: 0 0 24px 0 !important;
    display: block !important;
    position: relative !important;
    padding: 0 24px 0 0 !important;
    font-weight: 600 !important;
  }
  .coming-soon .wrapper p {
    font-size: 18px !important;
    line-height: 22px !important;
    color: #fff !important;
    margin: 0 0 0 0 !important;
    display: block !important;
    position: relative !important;
    padding: 0 !important;
    font-weight: 500 !important;
  }
  .coming-soon-footer ul.links li {
    list-style-type: none;
  }
  .coming-soon-footer ul.links li a {
    display: block !important;
    font-size: 0.875rem;
    text-align: left;
    line-height: 32px;
    padding: 0 0 0 24px;
    margin: 0px 0px 6px 0px !important;
    text-align: center;
    line-height: 1.5;
    color: #616569;
    margin: 0 0 0px 0;
    font-size: 16px !important;
    line-height: 24px;
    height: initial;
    padding: 0;
    text-transform: none;
    font-family: 'System-Regular', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
  }
  /* Globval elements */
  #mob-menu {
    display: block;
    z-index: 999;
    background: #000;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    height: 100%;
    overflow: auto;
    padding: 0 24px 24px 24px;
    z-index: 99999999999;
  }
  #mob-menu ul {
    list-style-type: none;
    margin: 24px 0 0 0;
  }
  #mob-menu ul li {
    display: block;
    margin: 0 0 0px 0;
    padding: 0px;
    width: 100%;
  }
  #mob-menu ul li:last-child {
    border: none;
  }
  #mob-menu ul li a {
    font-size: 20px !important;
    color: #fff !important;
    line-height: 20px;
    padding: 10px 0;
    display: block;
    letter-spacing: 0;
    margin: 0px;
    text-align: left;
    font-weight: 500;
  }
  #mob-menu ul li a:after {
    content: none;
  }
  #mob-menu ul li a.prim {
    padding: 12px 0;
    margin: 0px;
    margin: 40px 0 0 0;
    height: 52px;
    padding: 0 36px !important;
    line-height: 52px;
    text-align: center;
    position: relative;
    background: #fff;
    border-radius: 100px;
    font-size: 18px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    /* border: 2px solid #000; */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #000 !important;
    height: 48px !important;
    line-height: 48px !important;
    font-weight: 500 !important;
    font-size: 17px !important;
  }
  #mob-menu ul li a.prim em {
    font-weight: 400;
    opacity: .48;
    font-style: normal;
  }
  #mob-menu ul li a.sec {
    padding: 12px 0;
    margin: 0px;
    margin: 12px 0 0 0 !important;
    height: 52px;
    padding: 0 36px !important;
    line-height: 52px;
    text-align: center;
    position: relative;
    background: transparent;
    border-radius: 100px;
    font-size: 18px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    /* border: 2px solid #000; */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff !important;
    height: 44px !important;
    line-height: 44px !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    border: 2px solid #fff;
  }
  #mob-menu ul li a.emph {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0;
    background: transparent;
  }
  #mob-menu ul {
    margin: 24px 0 0 0;
  }
  #mob-menu ul.users {
    margin: 0px 0 48px 0px;
    display: table;
    width: calc(100% - 48px);
    position: absolute;
    bottom: 0;
  }
  #mob-menu ul.users li {
    border: none;
  }
  #mob-menu ul.users li a {
    padding: 12px 0;
    margin: 0px;
  }
  #mob-menu ul.users li a img {
    margin: -2px 0 0 4px;
  }
  #mob-menu a.menu-close {
    padding: 8px !important;
    float: left;
    position: absolute;
    top: 20px;
    left: 16px;
    height: 38px;
    width: 40px;
    float: left;
    right: unset;
    margin: 0;
  }
  /* Hero */
  header {
    height: 80px;
    line-height: 80px;
    text-align: left;
    padding: 0 24px;
    background: #fff !important;
    position: relative !important;
    text-align: center;
  }
  header .auth {
    position: absolute;
    top: 0;
    left: 0;
  }
  header .mainlogo {
    margin: 0;
    vertical-align: middle;
    z-index: 999;
    position: relative;
  }
  header .mainlogo img {
    width: 76px;
  }
  header .grid-container {
    padding-left: 0;
    padding-right: 0;
  }
  header a {
    margin: 0 24px 0 0;
  }
  header a.login {
    padding: 0 12px;
    margin: 0px !important;
    -webkit-tap-highlight-color: transparent;
  }
  header a.login:hover {
    border: 1px solid #8F9295;
  }
  header a.login:active {
    border: 1px solid #8F9295;
  }
  header a.login:visited {
    color: #141414;
  }
  header a.light:visited {
    color: #fff !important;
  }
  header a.btn {
    margin: 16px -8px 0 16px !important;
    float: left;
    border-radius: 50%;
    padding: 4px;
  }
  header a.btn:active {
    border: none;
  }
  header a.btn img {
    padding: 8px;
  }
  header a.btn-light {
    margin: 20px -8px 0 20px !important;
    float: right;
  }
  header a.btn-light:active {
    border: none;
  }
  header a.btn-light img {
    padding: 8px;
  }
  section.hero {
    height: initial;
    text-align: center !important;
    padding: 0;
    background: transparent;
  }
  section.hero h5 {
    font-size: 1.063em;
    line-height: 1.563rem;
    margin: 0 0 20px 0 !important;
  }
  section.hero .grid-container {
    padding: 0;
    margin: 0;
    text-align: center;
  }
  section.hero .grid-container .centre {
    text-align: center !important;
  }
  section.hero h1 {
    font-size: 58px;
    line-height: 58px;
    color: #000 !important;
    letter-spacing: 0;
    padding: 0;
    font-weight: 700 !important;
    letter-spacing: 0;
  }
  section.hero h1 span {
    font-size: 56px;
    line-height: 58px;
    color: #111212;
    display: block;
    padding: 8px 0 0 0;
  }
  section.hero p {
    margin: 24px 0 0 0;
  }
  section.hero .btn-primary {
    height: 56px;
    line-height: 56px;
    width: 100% !important;
    position: relative;
    background: #000;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    border: 0;
    padding: 0px 24px !important;
    font-weight: 500;
    letter-spacing: 0;
    margin: 8px 0 0 0;
  }
  section.hero .btn-primary em {
    font-style: normal;
  }
  section.hero .btn-secondary {
    height: 56px;
    line-height: 56px;
    width: 100% !important;
    position: relative;
    border: transparent;
    color: #585858;
    display: inline-block;
    text-align: center;
    margin: 12px 0 0 0 !important;
    font-size: 1.0625rem;
    padding: 0 0 0 4px !important;
    border: none !important;
    box-sizing: content-box;
  }
  section.hero .btn-secondary img {
    margin: -1px 0 0 4px;
  }
  section.hero .content {
    padding: 0 20px;
    height: initial;
  }
  section.hero .centre {
    position: relative;
    top: initial;
    transform: initial;
    margin: initial;
  }
  section.sidekick {
    height: initial;
    text-align: left;
    padding: 48px 0 0 0;
    background: transparent;
  }
  section.sidekick h5 {
    margin: 0 0 20px 0 !important;
  }
  section.sidekick .grid-container {
    padding: 0;
    margin: 0;
  }
  section.sidekick h1 {
    color: #111212;
    font-size: 2.250rem;
    line-height: 2.500rem;
    max-width: 100%;
    margin: 0px;
  }
  section.sidekick h1 span {
    font-size: 56px;
    line-height: 58px;
    color: #111212;
    display: block;
    padding: 8px 0 0 0;
  }
  section.sidekick p {
    margin: 24px 0 0 0;
  }
  section.sidekick .btn-primary {
    width: 100%;
    position: relative;
    border: transparent;
    color: #008489;
    display: inline-block;
    text-align: left;
    margin: 32px 0 0 0;
    font-size: 1.0625rem;
  }
  section.sidekick .btn-secondary {
    height: 48px;
    line-height: 48px;
    width: 100%;
    position: relative;
    border: transparent;
    color: #008489;
    display: inline-block;
    text-align: center;
    margin: 12px 0 0 0;
    font-size: 1.0625rem;
    box-sizing: content-box;
  }
  section.sidekick .btn-secondary img {
    margin: -1px 0 0 0;
  }
  section.sidekick .content {
    padding: 0 24px;
    height: initial;
  }
  section.sidekick .visual {
    height: 360px;
  }
  section.sidekick .centre {
    position: relative;
    top: initial;
    transform: initial;
    margin: initial;
  }
  section.home {
    text-align: left;
    background: #f0f0f0;
    margin-top: 0;
    height: initial !important;
  }
  section.home .grid-container {
    height: initial;
  }
  section.home .grid-container .grid-x {
    height: initial;
  }
  section.home .grid-container .grid-x .cell .centre {
    padding: initial !important;
  }
  section.home .content {
    margin: 40px 0 48px 0 !important;
  }
  section.home .visual {
    margin: 0;
    padding: 0 16px;
  }
  section.home .visual .img {
    position: relative;
    top: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(25%);
    margin: 0 auto;
    height: initial;
    width: initial;
  }
  section.home .visual .img img {
    width: 90%;
    margin: initial;
  }
  section.home .centre {
    text-align: left !important;
    max-width: initial !important;
  }
  section.home .centre h1 {
    width: initial !important;
  }
  section.home .centre p {
    color: #000 !important;
    max-width: initial !important;
    margin: initial !important;
    padding: 24px 0px !important;
    font-size: 18px !important;
    line-height: 27px !important;
    letter-spacing: 0 !important;
  }
  section.home .centre p strong {
    font-weight: 500;
  }
  section.home .centre ul {
    margin: 42px 0 0 0 !important;
  }
  section.home .centre ul li {
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
  }
  section.home .centre ul li h5 {
    font-size: 18px !important;
    color: #111212 !important;
  }
  section.home .centre ul li img {
    margin: 0 10px 0 0 !important;
  }
  section.home .centre ul li.first {
    margin: 0 0 0 -4px !important;
  }
  section.home .centre ul li.second {
    margin: 0 !important;
  }
  section.home .btn-secondary {
    color: #000 !important;
    font-family: initial !important;
    padding: 0 !important;
    font-family: "System-Regular", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif !important;
    height: 58px !important;
    line-height: 54px !important;
    border: 2px solid black !important;
    box-sizing: border-box !important;
    margin: 12px 0 0 0 !important;
  }
  /* Modern Approach */
  section.modern-approach {
    padding: 0 24px 64px 24px;
    background: transparent;
    border: none;
  }
  section.modern-approach .follow-line {
    height: 256px;
    display: none;
  }
  section.modern-approach .grid-container {
    padding: 0px;
  }
  section.modern-approach .content {
    height: initial;
    padding: 64px 0 0 0;
    max-width: initial;
  }
  section.modern-approach .content h2 {
    margin: 0 0 24px 0;
    text-align: left !important;
  }
  section.modern-approach .content h5 {
    font-size: 1.313rem;
    line-height: 1.438rem;
    color: #212121;
  }
  section.modern-approach .content p {
    margin: 0px;
    text-align: left !important;
  }
  section.modern-approach .content p.feature {
    font-size: 1.188rem;
    line-height: 1.688rem;
    margin: 0 0 24px 0;
    color: #2C2E2F;
  }
  section.modern-approach .content a {
    text-align: left;
    margin: 24px 0 0 0 !important;
  }
  section.modern-approach .visual {
    height: 360px;
    background: #eee;
  }
  /* Gift Assistant */
  section.gift-assistant {
    padding: 64px 0;
    text-align: center;
  }
  section.gift-assistant h2 {
    font-size: 32px;
    line-height: 36px;
    color: #111212;
  }
  section.gift-assistant .grid-container .grid-x {
    padding: 0 20px;
  }
  section.gift-assistant .visual {
    margin: 64px 0 0 0;
  }
  section.gift-assistant .visual img {
    height: initial;
  }
  section.gift-assistant .content article {
    text-align: center;
  }
  section.gift-assistant .content article p {
    color: #484A4C;
    font-size: 18px;
    line-height: 26px;
  }
  section.gift-assistant .content article a {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    width: initial;
    position: relative;
    border: 2px solid #111212;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    color: #111212;
    margin: 16px 0 0 0;
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0 16px;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    font-family: 'System-Medium';
    padding: 0 24px;
  }
  section.gift-assistant .content article ul {
    margin: 32px 0 0 0;
    overflow: auto;
  }
  section.gift-assistant .content article ul li {
    display: block;
  }
  /* Made with Hitchd */
  section.made-with-hitchd {
    background: transparent;
    position: relative;
    background: #fff;
  }
  section.made-with-hitchd a.view-registry {
    background: #fff;
    padding: 0 12px;
    height: 36px;
    font-size: 14px;
    border-radius: 4px;
    float: right;
    margin: 16px;
    line-height: 36px;
  }
  section.made-with-hitchd .introduction {
    padding: 64px 24px 48px 24px;
    max-width: initial;
  }
  section.made-with-hitchd .introduction .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
  }
  section.made-with-hitchd .introduction .grid-margin-x .cell {
    margin: 0px;
    text-align: left;
  }
  section.made-with-hitchd .introduction .grid-margin-x h2 {
    padding: 0 0 24px 0;
    max-width: initial;
    text-align: left;
    margin: 0;
    color: #000;
    font-size: 34px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0;
  }
  section.made-with-hitchd .introduction .grid-margin-x p {
    margin: 0px;
    max-width: initial;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    color: #000;
  }
  section.made-with-hitchd .introduction .grid-margin-x a {
    font-size: 18px;
    line-height: 1.625rem;
    text-decoration: none;
    margin: 24px 0 0 0;
    display: inline-block;
    color: #3897f0;
    text-transform: initial;
    border: 0;
  }
  section.made-with-hitchd .introduction .grid-margin-x h5 {
    font-size: 1.063em;
    line-height: 1.313rem;
  }
  section.made-with-hitchd .floating-chevron {
    height: 48px;
    width: 48px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: 24px;
    z-index: 9;
    bottom: 40%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  }
  section.made-with-hitchd .floating-chevron:active {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  section.made-with-hitchd .floating-chevron img {
    padding: 14px;
    margin: 0px !important;
  }
  section.made-with-hitchd .couples {
    padding: 0 0 56px 0;
    -webkit-overflow-scrolling: touch;
  }
  section.made-with-hitchd .couples span {
    font-size: 17px;
    margin: 8px 0 0 0;
  }
  section.made-with-hitchd .couples p {
    display: inline-block;
    margin: 0px;
    color: #111212;
  }
  section.made-with-hitchd .couples em {
    display: block;
    font-size: 16px;
    font-style: normal;
    color: #737373;
    margin: 12px 0;
  }
  section.made-with-hitchd .couples .view {
    color: #111212;
    font-size: 17px;
    line-height: 1.313rem;
  }
  section.made-with-hitchd .couples img {
    margin: -3px 0 0 2px;
  }
  section.made-with-hitchd .couples .name-wrapper {
    margin: 16px 0 0 0;
  }
  section.made-with-hitchd .couples .display-picture {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: relative;
    bottom: unset;
    left: unset;
    background-color: #eee;
    border: none;
    display: inline-block;
    float: left;
    margin: 0 12px 0 0;
  }
  section.made-with-hitchd .couples .grid-margin-x {
    margin-left: 0;
    margin-right: 0px;
    -webkit-overflow-scrolling: touch;
  }
  section.made-with-hitchd .couples .grid-margin-x .cell {
    position: relative;
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 0px;
    -ms-overflow-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    position: relative;
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
    overflow-x: auto;
    white-space: inherit;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-overflow-style: none;
    margin: 0 0 0 24px;
    padding: 0 0 0 0;
    -webkit-overflow-scrolling: touch;
  }
  section.made-with-hitchd .couples .grid-margin-x .cell .couple-block {
    width: 260px;
    -webkit-overflow-scrolling: touch;
    margin: 0 16px 0 0;
  }
  section.made-with-hitchd .couples .grid-margin-x .cell .cbforth {
    padding: 0 24px 0 0;
  }
  /* Benefits */
  section.benefits {
    padding: 0;
    background: transparent;
  }
  section.benefits .grid-x {
    height: initial;
    padding: 64px 24px;
  }
  section.benefits .grid-container {
    padding: 0 24px;
    text-align: center;
  }
  section.benefits h3 {
    margin: 8px 16px 24px 16px;
    max-width: initial;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    color: #111212;
  }
  section.benefits h2 {
    margin: 0 0 48px 0;
    display: inline-block;
    text-align: center;
    padding: 0px;
    font-size: 18px;
    line-height: 26px;
    /* font-family: system-medium; */
    margin: 64px 0 0 0;
    display: inline-block;
    color: #f1574b;
    font-family: system-medium;
  }
  section.benefits .follow-line {
    display: none;
  }
  section.benefits .visual {
    margin: 0;
    width: 100%;
    position: relative;
    top: initial;
    -webkit-transform: initial;
    transform: initial;
    display: inline-table;
    height: 220px;
  }
  section.benefits .content {
    height: initial;
  }
  section.benefits .content article {
    padding: 0px;
    top: initial;
    transform: initial;
  }
  section.benefits .content .right {
    float: none;
  }
  section.benefits .content div img {
    float: unset;
    margin: 0;
    width: initial !important;
  }
  section.benefits .content div img.heart {
    margin: 1px 12px 0 0;
  }
  section.benefits .content h3 {
    margin: 0 0 24px 0;
    max-width: 100%;
    font-size: 28px;
    line-height: 32px;
    color: #111212;
    font-size: 40px;
    line-height: 46px;
    letter-spacing: -0.022em;
    margin: 0 0 16px 0;
  }
  section.benefits .content p {
    margin: 0px;
    line-height: 26px;
    letter-spacing: -0.013em;
    font-size: 18px;
  }
  section.benefits .content a {
    margin: 16px 0 0 0;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    width: initial;
    position: relative;
    border: 2px solid #2C2E2F;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    color: #2C2E2F;
    margin: 32px 0 0 0;
    font-size: 17px;
    text-align: center;
    white-space: nowrap;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0 16px;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    font-family: 'System-Medium';
  }
  section.benefits .content a img {
    margin: -2px 0 0 4px;
  }
  section.benefits .bottomspace {
    margin: 0 0 64px 0;
  }
  /* CTA Secondary */
  section.cta-secondary {
    position: relative;
    height: initial;
    padding: 80px 0;
    height: initial;
  }
  section.cta-secondary .centre {
    margin: 0 24px;
    top: initial;
    transform: initial;
  }
  section.cta-secondary .centre h2 {
    margin: 0;
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 600;
    letter-spacing: 0;
    padding: 0 8px;
  }
  section.cta-secondary .centre a {
    height: 56px;
    line-height: 56px;
    width: initial !important;
    position: relative;
    background: #fff;
    border-radius: 6px;
    color: #000;
    font-size: 17px;
    border: 0;
    padding: 0px 24px;
    letter-spacing: 0;
    margin: 28px 0 0 0;
    padding: 0 24px !important;
  }
  section.cta-secondary-inverse {
    position: relative;
    height: initial;
    padding: 80px 0;
    height: initial;
  }
  section.cta-secondary-inverse .centre {
    margin: 0 24px;
    top: initial;
    transform: initial;
  }
  section.cta-secondary-inverse .centre h2 {
    margin: 0;
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 600;
    letter-spacing: 0;
    padding: 0 8px;
  }
  section.cta-secondary-inverse .centre a {
    height: 52px !important;
    line-height: 52px !important;
    width: initial !important;
    position: relative;
    background: #000;
    border-radius: 6px;
    font-size: 17px;
    border: 0;
    padding: 0px 24px;
    letter-spacing: 0;
    margin: 28px 0 0 0;
    padding: 0 24px !important;
    color: #fff;
    width: 100% !important;
  }
  /* How it works */
  section.how-it-works {
    padding: 64px 24px;
    margin: 0 0 0 0;
    text-align: center;
    background: #fff;
  }
  section.how-it-works .grid-container .grid-x h6 {
    margin: 16px 0 16px 0;
    font-size: 40px;
    line-height: 40px;
  }
  section.how-it-works article {
    background: transparent;
  }
  section.how-it-works .bg {
    background: transparent;
  }
  section.how-it-works .grid-container {
    padding: 0 !important;
    height: initial;
  }
  section.how-it-works .grid-container .cell {
    padding: 0 !important;
  }
  section.how-it-works .grid-container svg {
    width: 100% !important;
    height: 280px !important;
    margin: 40px 0 0 0;
  }
  section.how-it-works .grid-container h6 {
    margin: 24px 0 16px 0;
  }
  section.how-it-works .grid-margin-x > .cell {
    margin: 0px;
  }
  section.how-it-works .follow-line {
    display: none;
  }
  section.how-it-works p {
    max-width: initial !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 27px !important;
    padding: 0px;
    padding: 0 16px 0 16px !important;
  }
  section.how-it-works h2 {
    padding: 0px;
    margin: 0 0 0 0;
    width: initial;
    display: inline-block;
    font-size: 34px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 40px !important;
    line-height: 1.1 !important;
    font-weight: 600;
  }
  section.how-it-works a {
    display: inline-block;
    text-align: center;
    padding: 40px 0 0 0;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 28px !important;
  }
  section.how-it-works a img {
    margin: -2px 0 0 4px;
  }
  section.how-it-works .visual {
    height: 300px;
  }
  section.how-it-works .content {
    height: initial;
    padding: 0;
    margin: 0 0 0 0;
    text-align: left;
  }
  section.how-it-works .content:last-of-type {
    margin: 0px;
  }
  section.how-it-works .content div img {
    float: left;
    margin: 0 12px 0 0;
  }
  section.how-it-works .content div span {
    padding: 0;
    font-size: 1.0625rem;
    line-height: 1.47059em;
    display: inline-block;
    font-weight: 600;
  }
  section.how-it-works .content .centre {
    margin: 0px;
    transform: initial;
    top: initial;
  }
  section.how-it-works .content .centre .icon {
    margin: 0 0 32px 0;
  }
  section.how-it-works .content .centre h3 {
    margin: 8px 16px 24px 16px;
    max-width: initial;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    color: #111212;
  }
  section.how-it-works .content .centre p {
    padding: 0;
    color: #000;
    font-size: 19px;
    line-height: 27px;
  }
  header.home-header-fixed {
    position: absolute !important;
    background: transparent !important;
  }
  header.home-header-fixed nav.top-logos {
    background: transparent !important;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999999;
    position: relative !important;
    padding: 0;
  }
  header.home-header-fixed nav.top-logos .auth a.btn {
    margin: 0 -8px 0 -12px !important;
    float: left;
    border-radius: 50%;
    padding: 4px;
  }
  .four-simple-steps-header .type-48, .four-simple-steps-header h2 {
    font-size: clamp(32px, 3.3vw, 48px) !important;
    line-height: 112% !important;
    letter-spacing: -.02em !important;
    font-weight: 400 !important;
  }
  .four-simple-steps-footer .type-48, .four-simple-steps-footer h2 {
    font-size: clamp(32px, 3.3vw, 48px) !important;
    line-height: 112% !important;
    letter-spacing: -.02em !important;
    font-weight: 400 !important;
  }
  .key-testimonial {
    padding: 64px 24px 0px 24px;
  }
  .key-features {
    background-color: #fff;
    padding: 64px 0 64px 0;
  }
  .site-footer-wrapper {
    padding: 40px 24px 8px 24px;
  }
  .site-footer-wrapper .footer-brand {
    max-width: 100%;
    gap: 24px;
  }
  .site-footer-wrapper .footer-brand span {
    text-wrap: initial;
    max-width: initial;
    margin: 24px 0 0 0;
  }
  .site-footer-wrapper .footer-top {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0 0 32px 0;
    flex-direction: column;
  }
  .site-footer-wrapper .footer-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding: 24px 0 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    flex-direction: column;
  }
  .site-footer-wrapper .footer-nav {
    flex: 0 0 50%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 2rem;
    flex-direction: column;
    margin: 40px 0 0 0;
  }
  .site-footer-wrapper footer {
    max-width: 1160px;
    margin: 0 auto;
    color: #111;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 0px;
  }
  section.tie-the-knot {
    height: calc(100vh - 108px) !important;
    background-image: url(../images/hitchd-hero-cover-fallback.png) !important;
    background-color: #f5f5f5 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
  section.tie-the-knot:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
    z-index: 1;
    pointer-events: none;
  }
  section.tie-the-knot video {
    display: none;
  }
  section.tie-the-knot .grid-container {
    height: 100%;
  }
  section.tie-the-knot .grid-container .grid-x {
    height: 100%;
    flex-direction: column;
    justify-content: center;
  }
  section.tie-the-knot .grid-container .grid-x .content {
    align-items: center;
    display: flex;
    margin: 0 !important;
    height: 100%;
    flex-direction: column;
    justify-content: center;
  }
  section.tie-the-knot .grid-container .grid-x .cell .centre a.btn-primary {
    width: initial !important;
    padding: 0 32px !important;
    margin: 0px !important;
    width: initial !important;
    padding: 0 25px !important;
    margin: 0px !important;
    font-weight: 400 !important;
  }
  .modern-grid .feature-item p {
    text-wrap: initial;
  }
  /* Testemonial */
  .testimonial {
    padding: 0 20px 48px 16px;
    height: initial;
    margin: 0;
    background-image: url(../images/hitchd-honeymoon-registry-real-couple-eva-and-sebastian.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background: #f0f0f0;
  }
  .testimonial .smalllogos {
    margin: 8px 16px 48px 16px !important;
  }
  .testimonial span.featured {
    font-size: 17px;
    line-height: 24px;
    /* font-family: system-medium; */
    margin: 32px 0 24px 0;
    display: inline-block;
    color: #DD785B;
    letter-spacing: -0.013em;
  }
  .testimonial .grid-container {
    padding: 0;
    margin: 0 auto;
  }
  .testimonial img.logos {
    text-align: left;
  }
  .testimonial img.voted {
    margin: 48px 0 40px 0;
  }
  .testimonial .cell {
    height: initial;
    margin: 12px 0 12px 0 !important;
    text-align: center;
  }
  .testimonial .cell img.nbc {
    margin: -2px 0 0 20px;
  }
  .testimonial .cell img.insider {
    margin: 8px 10px 0 0;
  }
  .testimonial .cell .centre {
    margin: 0;
    margin: 0px;
    transform: initial;
    top: initial;
    z-index: 9;
    padding: 0 0;
    text-align: left;
  }
  .testimonial .cell .centre p {
    color: #484A4C;
    margin: 0px;
  }
  .testimonial .cell .centre h2 {
    color: #2C2E2F !important;
    margin: 0 0 24px 0;
    max-width: initial;
  }
  .testimonial .cell .centre a {
    height: 48px;
    line-height: 48px;
    width: 100% !important;
    position: relative;
    background: #E8EBED;
    display: inline-block;
    border-radius: 4px;
    text-align: center;
    color: #2C2E2F;
    margin: 32px 0 0 0;
    font-size: 1.0625rem;
    text-align: center;
    white-space: nowrap;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
  }
  /* More reasons */
  section.more-reasons {
    padding: 16px 0 0 0;
    margin: 0;
  }
  section.more-reasons .headline {
    text-align: left;
    padding: 48px 24px 0 24px;
  }
  section.more-reasons .headline h2 {
    margin: 0 0 48px 0;
    text-align: left;
    padding: 0px;
    max-width: 100%;
  }
  section.more-reasons .headline .follow-line {
    display: none;
  }
  section.more-reasons .grid-container {
    margin: 0;
  }
  section.more-reasons .grid-container div img {
    float: unset;
    margin: 0;
    width: initial !important;
  }
  section.more-reasons .grid-container .content {
    margin: 0 0 64px 0;
    padding: 0;
  }
  section.more-reasons .grid-container .content div {
    margin: 0;
  }
  section.more-reasons .grid-container h3 {
    margin: 24px 0 24px 0;
    max-width: 100%;
  }
  section.more-reasons .grid-container h5 {
    margin: 0px;
    display: inline-block;
  }
  section.more-reasons .grid-container p {
    margin: 0px;
    color: #333;
  }
  section.more-reasons .placeholder {
    width: 100%;
    margin: 32px 0 48px 0;
  }
  /* CTA Primary */
  section.cta-primary {
    background: #E8ECEB;
    position: relative;
  }
  section.cta-primary span.dropline {
    background-color: #111212;
    top: -52px;
    height: 104px;
    left: 0;
    margin: 0 auto;
    max-width: 2px;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 2;
  }
  section.cta-primary .grid-container {
    padding: 0;
  }
  section.cta-primary .cell {
    height: initial;
    margin: 80px 0;
    padding: 0;
  }
  section.cta-primary .cell .centre {
    margin: 0 24px;
  }
  section.cta-primary .cell .centre h2 {
    font-weight: 600;
    margin: 0;
    font-size: 30px;
    line-height: 42px;
    letter-spacing: -0.021em;
    color: #111212;
  }
  section.cta-primary .cell .centre a {
    height: 56px;
    line-height: 56px;
    width: initial !important;
    position: relative;
    background: #fff;
    border-radius: 4px;
    color: #111212;
    font-size: 18px;
    border: 0;
    padding: 0px 24px !important;
    font-weight: 500;
    letter-spacing: -0.013em;
    margin: 32px 0 0 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(15, 15, 16, 0.08);
    box-shadow: 0 2px 4px 0 rgba(15, 15, 16, 0.08);
  }
  section.cta-primary .cell .centre a.btn-secondary {
    height: 56px;
    line-height: 56px;
    width: 100%;
    position: relative;
    border: transparent;
    color: #2C2E2F;
    display: inline-block;
    text-align: center;
    margin: 12px 0 0 0;
    font-size: 1.0625rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-weight: 600;
    padding: 0 0 0 4px;
  }
  section.cta-primary .cell .centre a.btn-secondary img {
    margin: 0;
  }
  .no-border {
    border-top: none !important;
  }
  footer {
    background: #fff;
    padding: 32px 24px 32px 24px;
  }
  footer .footer-inspiration {
    margin: 24px 0 0 0;
  }
  footer .logo-mobile {
    margin: 0 0 24px 0;
  }
  footer .grid-container {
    padding: 0px;
  }
  footer .grid-container .social ul {
    margin: 0 0 0 -8px;
  }
  footer .grid-container .social ul li {
    margin: -8px 0 0 0;
  }
  footer .grid-container .social ul li a {
    margin: 0px;
    padding: 8px;
    -webkit-tap-highlight-color: transparent;
  }
  /* 640 - GIFT ASSISTANT PAGE */
  .gift-assistant-container header img.darklogo {
    width: 80px;
  }
  .gift-assistant-container section.sidekick {
    padding: 64px 0;
  }
  .gift-assistant-container section.sidekick .content {
    padding: 0;
  }
  .gift-assistant-container section.sidekick .cell {
    margin: initial;
  }
  .gift-assistant-container section.sidekick .cell p {
    font-size: 18px !important;
    line-height: 26px !important;
  }
  .gift-assistant-container .feature {
    padding: 64px 24px;
  }
  .gift-assistant-container .feature .grid-container {
    margin: 0;
    padding: 0;
  }
  .gift-assistant-container .feature .grid-container .grid-margin-x {
    margin: 0;
  }
  .gift-assistant-container .feature .cell {
    margin: 0;
    width: 100%;
  }
  .gift-assistant-container .feature h2 {
    font-size: 30px;
    line-height: 34px;
  }
  .gift-assistant-container .feature .sub-features {
    text-align: left;
    margin: 0;
    padding: 0;
  }
  .gift-assistant-container .feature .sub-features .grid-container {
    margin: 64px 0 0 0;
    padding: 64px 0 0 0;
  }
  .gift-assistant-container .feature .sub-features .grid-container .grid-margin-x {
    margin: 0;
  }
  .gift-assistant-container .feature .sub-features .cell {
    margin: 64px 0 0 0;
    padding: 0 !important;
    width: 100%;
  }
  .gift-assistant-container .feature .sub-features .cell:first-of-type {
    margin: 0;
  }
  .gift-assistant-container .callout {
    padding: 64px 24px;
  }
  .gift-assistant-container .callout .grid-container {
    margin: 0;
    padding: 0;
  }
  .gift-assistant-container .callout .grid-container .grid-margin-x {
    margin: 0;
  }
  .gift-assistant-container .callout .cell {
    margin: 0;
    width: 100%;
  }
  .gift-assistant-container .callout .center {
    position: relative;
    top: initial;
    transform: initial;
    max-width: initial;
  }
  .gift-assistant-container .callout .center h2 {
    font-size: 30px;
    line-height: 34px;
  }
  .gift-assistant-container .callout .visual {
    margin: 64px 0 0 0;
    height: initial;
  }
  .gift-assistant-container .callout .visual img {
    height: initial;
  }
  .gift-assistant-container section.how-it-works {
    padding: 64px 0;
  }
  .gift-assistant-container section.how-it-works .content {
    padding: 0;
  }
  .gift-assistant-container section.how-it-works .content article {
    position: relative;
    background: transparent;
    margin: 0;
  }
  /* 640 - ABOUT PAGE */
  .about-container header {
    z-index: 9;
    position: absolute !important;
    text-align: center !important;
    background: transparent !important;
  }
  .about-container header a.login {
    margin: 0 8px 0 0 !important;
  }
  .about-container header .other-logo {
    margin: 28px 4px 0 0;
  }
  .about-container header .other-logo img {
    width: 72px;
  }
  .about-container section.sidekick {
    padding: 0;
    border-bottom: none;
    height: initial !important;
  }
  .about-container section.sidekick:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06)) !important;
    height: 560px;
  }
  .about-container section.sidekick .centre {
    position: relative;
    top: initial;
    -webkit-transform: initial;
    transform: initial;
    margin: initial;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 8%;
    -webkit-transform: translateY(-100%);
    transform: translateY(100%);
    position: relative;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 0 !important;
    transform: translate(-50%, -50%);
    position: relative;
    top: initial;
    -webkit-transform: initial;
    transform: initial;
    margin: initial;
    max-width: 800px;
    margin: 0 auto !important;
    text-align: center;
    position: relative;
    top: 50% !important;
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-50%) !important;
    position: relative !important;
    z-index: 2;
  }
  .about-container section.sidekick .grid-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .about-container section.sidekick .cell {
    height: initial !important;
  }
  .about-container section.sidekick a img {
    margin: -1px 0 0 0;
  }
  .about-container section.sidekick .visual {
    height: 360px !important;
    background-color: #96A3A3;
    background-image: url(../images/hitchd-honeymoon-registry-about.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -80px;
  }
  .about-container section.sidekick .visual:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: linear-gradient(to top, transparent 64%, rgba(0, 0, 0, 0.24) 90%, rgba(0, 0, 0, 0.32)) !important;
  }
  .about-container section.sidekick .content {
    padding: 0 24px 0 24px;
    height: 560px !important;
  }
  .about-container section.sidekick .content h1 {
    max-width: 100% !important;
    font-size: 36px !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    letter-spacing: 0;
    padding: 0 0 0 0;
    font-weight: 600;
    text-transform: initial;
  }
  .about-container section.sidekick .content h2 {
    max-width: 100% !important;
    font-size: 36px !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    letter-spacing: 0;
    padding: 16px 0 0 0;
    font-weight: 600;
  }
  .about-container section.sidekick .content h5 {
    font-size: 2.5rem !important;
    line-height: 2.75rem !important;
    max-width: 100% !important;
    font-weight: 500;
  }
  .about-container section.sidekick .content p {
    color: #000 !important;
    max-width: initial !important;
    margin: initial !important;
    padding: 24px 0 0 0px !important;
    font-size: 19px !important;
    line-height: 28px !important;
    letter-spacing: -0.016em;
  }
  .about-container section.sidekick .content a {
    height: 56px;
    line-height: 56px;
    width: initial !important;
    position: relative;
    background: #fff !important;
    border-radius: 6px;
    color: #000 !important;
    font-size: 18px;
    border: 0;
    padding: 0px 24px !important;
    font-weight: 500;
  }
  .about-container section.how-it-works h2 {
    font-size: 32px !important;
    line-height: 36px !important;
    font-weight: 600 !important;
    text-align: left;
    line-height: 40px !important;
    font-weight: 600 !important;
    text-align: left;
    margin: 0 0 24px 0;
  }
  .about-container section.how-it-works p {
    max-width: initial !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    padding: 0px;
    padding: 0 !important;
  }
  .about-container .pitch .core-stats .figures {
    padding: 64px 24px;
  }
  .about-container .pitch .core-stats .figures .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
  }
  .about-container .pitch .core-stats .figures .onpage-social {
    padding: 64px 0 0 0;
    max-width: initial;
    text-align: center;
  }
  .about-container .pitch .core-stats .figures .cell {
    margin-bottom: 32px;
  }
  .about-container .pitch .core-stats .figures .cell:last-child {
    margin-bottom: 0 !important;
  }
  .about-container .pitch .core-stats .figures .cell .name-wrapper {
    margin: 0;
  }
  .about-container .pitch .core-stats .figures .cell .name-wrapper h3 {
    color: #fff;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 16px 0;
  }
  .about-container .pitch .core-stats .figures .cell .name-wrapper span {
    color: #fff !important;
    padding: 0;
    font-size: 17px;
    line-height: 1.4;
    margin: 0;
    position: relative;
    font-weight: 500;
  }
  .about-container .layout .imagery {
    height: 400px;
  }
  .about-container .info-block {
    padding: 64px 0 48px 0;
    background: #ededee;
  }
  .about-container .info-block .grid-container {
    padding: 0 24px;
  }
  .about-container .info-block .info-wrapper {
    margin: 0 0 16px 0;
    height: initial;
    padding: 24px;
  }
  .about-container .info-block .info-wrapper h5 {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 0 16px 0;
  }
  .about-container .info-block .info-wrapper p {
    font-size: 17px;
    line-height: 24px;
  }
  .about-container section.made-with-hitchd {
    padding: 0;
  }
  .about-container section.made-with-hitchd .introduction {
    padding: 64px 24px 0 24px;
    max-width: initial;
  }
  .about-container section.made-with-hitchd .couples {
    padding: 64px 24px;
  }
  .about-container section.made-with-hitchd .couples .grid-margin-x .cell {
    margin: 0;
    overflow: initial;
    cursor: initial;
    box-sizing: inherit;
    white-space: initial;
    display: inline-block;
    width: 100%;
  }
  .about-container section.made-with-hitchd .name-wrapper {
    text-align: left !important;
    margin: 0;
  }
  .about-container section.made-with-hitchd .name-wrapper h3 {
    margin: 0;
    padding: 0;
  }
  .about-container section.made-with-hitchd .name-wrapper h2 {
    padding: 0px;
    margin: 0 0 24px 0;
    width: initial;
    display: inline-block;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0;
  }
  .about-container section.made-with-hitchd .name-wrapper p {
    max-width: initial !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 27px !important;
    padding: 0px;
    margin: 0 0 24px 0;
    display: inline-block;
  }
  .about-container section.made-with-hitchd .name-wrapper p:last-of-type {
    margin: 0 !important;
  }
  .about-container section.made-with-hitchd .name-wrapper strong {
    font-weight: 600;
  }
  .about-container .our-story {
    background: #fff;
    padding: 0 24px 40px 24px;
  }
  .about-container .our-story h2 {
    padding: 64px 0 12px 0;
    margin: 0;
    color: #000 !important;
    text-align: left;
    max-width: 100% !important;
    width: 100%;
    letter-spacing: 0;
    font-size: 34px;
    line-height: 38px;
    font-weight: 700;
    letter-spacing: 0;
  }
  .about-container .our-story p {
    color: #000;
    max-width: initial;
    max-width: initial !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 25px !important;
    padding: 0px;
    margin: 12px 0;
    display: inline-block;
  }
  .about-container .our-story ul li {
    color: #000;
    max-width: initial;
    max-width: initial !important;
    font-size: 18px !important;
    letter-spacing: -0.014em !important;
    line-height: 27px !important;
    padding: 0px;
  }
  .about-container .our-story ul li span {
    color: #000;
    font-weight: 600;
  }
  .about-container .our-story .image {
    background: #EEEEEE;
    height: 360px !important;
    margin: 0 -24px !important;
  }
  .about-container .our-story .grid-middle {
    padding: 0px !important;
  }
  .about-container .hitchd-facts {
    margin: 0px 0 32px 0;
    padding: 40px 16px 48px 16px;
    border-top: none;
  }
  .about-container .hitchd-facts .leader-container {
    position: relative;
  }
  .about-container .hitchd-facts .leader-container a {
    position: relative;
    right: unset;
    top: unset;
    margin: 6px 12px 0 12px;
    display: inline-block;
    color: #2C2E2F;
    font-weight: 600;
  }
  .about-container .hitchd-facts .leader-container a img {
    margin: -2px 0 0 4px;
  }
  .about-container .hitchd-facts .isuru {
    margin: 48px 0 0 0;
  }
  .about-container .hitchd-facts h2 {
    padding: 24px 8px 48px 8px;
    text-align: left;
  }
  .about-container .hitchd-facts .image {
    height: initial;
  }
  .about-container .hitchd-facts .cell {
    display: inline-block;
    background-color: #fff;
  }
  .about-container .hitchd-facts .cell .container {
    background: white;
    padding-bottom: 0;
    clear: both;
    display: block;
    border: 1px solid #CDCDCD;
    padding: 24px 0;
    border-radius: 4px;
    -moz-borer-radius: 4px;
    margin: 0 8px 16px 8px;
  }
  .about-container .hitchd-facts .cell .container img {
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 0 0 12px 0;
  }
  .about-container .hitchd-facts .cell .container h5 {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #212121;
    text-align: center;
    margin: 0px;
  }
  .about-container section.cta-primary {
    border-top: none !important;
    padding: 80px 24px !important;
    height: 400px !important;
    background: #f0f0f0;
  }
  .about-container section.cta-primary .grid-x {
    border-bottom: none !important;
    padding: 0px 0 !important;
    margin: 0 !important;
  }
  .about-container section.cta-primary .grid-x .cell {
    margin: 0px !important;
  }
  .about-container section.cta-primary .grid-x .cell .centre {
    margin: 0 !important;
  }
  .about-container section.cta-primary .grid-x .cell .centre h2 {
    margin: 0 !important;
    font-size: 32px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.017em !important;
    color: #000 !important;
    padding: 0 8px !important;
    max-width: none !important;
    padding: 0px !important;
  }
  .about-container section.cta-primary .grid-x .cell .centre a.btn-primary {
    height: 56px;
    line-height: 56px;
    width: initial !important;
    position: relative;
    background: #fff !important;
    border-radius: 6px;
    color: #000 !important;
    font-size: 18px;
    border: 0;
    padding: 0px 24px !important;
    font-weight: 500;
    box-shadow: none;
  }
  .about-container footer {
    background: transparent !important;
  }
  .about-container section.cta-primary .grid-x .centre {
    margin: 0 !important;
  }
  .affiliates-container header {
    z-index: 9;
    position: absolute !important;
    text-align: center !important;
    background: transparent !important;
  }
  .affiliates-container header a.login {
    margin: 0 8px 0 0 !important;
  }
  .affiliates-container header .other-logo {
    margin: 28px 4px 0 0;
  }
  .affiliates-container header .other-logo img {
    width: 72px;
  }
  .affiliates-container .faq {
    padding: 0 24px 80px 24px !important;
    margin: 0 !important;
    background: #f6f6f6 !important;
  }
  .affiliates-container .faq a.view-faq {
    margin: 32px 0 16px 0;
    font-size: 18px !important;
    letter-spacing: -0.014em !important;
    line-height: 27px !important;
  }
  .affiliates-container .faq a.view-faq img {
    margin: -2px 0 0 4px;
  }
  .affiliates-container .faq h2 {
    padding: 80px 0 0 0;
    margin: 0 !important;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    color: #000 !important;
    text-align: left;
    max-width: 100% !important;
    width: 100%;
  }
  .affiliates-container .faq .grid-container {
    padding: 0px;
  }
  .affiliates-container .faq .grid-container .grid-margin-x {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .affiliates-container .faq .grid-container .grid-margin-x .cell {
    margin: 0px !important;
    width: 100%;
  }
  .affiliates-container .faq .grid-container .grid-margin-x .cell .fact {
    border: none;
    padding: 0px;
    border-radius: 0px;
    -moz-borer-radius: 0px;
    margin: 0 0 0 0 !important;
    display: inline-block;
    width: 100%;
    background-color: transparent;
  }
  .affiliates-container .faq .grid-container .grid-margin-x .cell .fact ul li {
    padding: 0px;
  }
  .affiliates-container .faq .grid-container .grid-margin-x .cell .fact h3 {
    text-wrap: pretty;
  }
  .affiliates-container .faq .grid-container .grid-margin-x .cell .fact h6 {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #000;
    margin: 32px 0 16px 0;
    letter-spacing: -0.016em;
    text-wrap: pretty;
  }
  .affiliates-container .faq .grid-container .grid-margin-x .cell .fact p {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #000;
    margin: 0;
    text-wrap: pretty;
    padding: 0;
  }
  .affiliates-container .faq .grid-container .grid-margin-x .cell .fact p a {
    color: #000 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #000;
    font-weight: 600;
  }
  .affiliates-container section.sidekick {
    padding: 0;
    border-bottom: none;
    height: initial !important;
  }
  .affiliates-container section.sidekick:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.06)) !important;
    height: 560px;
  }
  .affiliates-container section.sidekick .centre {
    position: relative;
    top: initial;
    -webkit-transform: initial;
    transform: initial;
    margin: initial;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 8%;
    -webkit-transform: translateY(-100%);
    transform: translateY(100%);
    position: relative;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 0 !important;
    transform: translate(-50%, -50%);
    position: relative;
    top: initial;
    -webkit-transform: initial;
    transform: initial;
    margin: initial;
    max-width: 800px;
    margin: 0 auto !important;
    text-align: center;
    position: relative;
    top: 50% !important;
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-50%) !important;
    position: relative !important;
    z-index: 2;
  }
  .affiliates-container section.sidekick .grid-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .affiliates-container section.sidekick .cell {
    height: initial !important;
  }
  .affiliates-container section.sidekick a.btn-primary {
    padding: 0px 32px !important;
  }
  .affiliates-container section.sidekick a img {
    margin: -1px 0 0 0;
  }
  .affiliates-container section.sidekick .visual {
    height: 360px !important;
    background-color: #96A3A3;
    background-image: url(../images/hitchd-honeymoon-registry-about.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -80px;
  }
  .affiliates-container section.sidekick .visual:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: linear-gradient(to top, transparent 64%, rgba(0, 0, 0, 0.24) 90%, rgba(0, 0, 0, 0.32)) !important;
  }
  .affiliates-container section.sidekick .content {
    padding: 0 24px 0 24px;
    height: 560px !important;
  }
  .affiliates-container section.sidekick .content h1 {
    max-width: 100% !important;
    font-size: 36px !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    letter-spacing: 0;
    padding: 0 0 0 0;
    font-weight: 600;
    text-transform: initial;
  }
  .affiliates-container section.sidekick .content h2 {
    max-width: 100% !important;
    font-size: 36px !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    letter-spacing: 0;
    padding: 16px 0 0 0;
    font-weight: 600;
  }
  .affiliates-container section.sidekick .content h5 {
    font-size: 2.5rem !important;
    line-height: 2.75rem !important;
    max-width: 100% !important;
    font-weight: 500;
  }
  .affiliates-container section.sidekick .content p {
    color: #fff !important;
    max-width: initial !important;
    margin: initial !important;
    padding: 24px 0 0 0px !important;
    font-size: 19px !important;
    line-height: 24px !important;
    letter-spacing: -0.016em;
  }
  .affiliates-container section.sidekick .content a {
    height: 56px;
    line-height: 56px;
    width: initial !important;
    position: relative;
    background: #fff !important;
    border-radius: 100px;
    color: #000 !important;
    font-size: 17px;
    border: 0;
    padding: 0px 24px !important;
    font-weight: 500;
  }
  .affiliates-container section.sidekick .content a.btn-primary {
    padding: 0px 32px !important;
  }
  .affiliates-container section.how-it-works h2 {
    font-size: 32px !important;
    line-height: 36px !important;
    font-weight: 600 !important;
    text-align: left;
    line-height: 40px !important;
    font-weight: 600 !important;
    text-align: left;
    margin: 0 0 24px 0;
  }
  .affiliates-container section.how-it-works p {
    max-width: initial !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    padding: 0px;
    padding: 0 !important;
  }
  .affiliates-container .pitch .core-stats .figures {
    padding: 64px 24px;
  }
  .affiliates-container .pitch .core-stats .figures .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
  }
  .affiliates-container .pitch .core-stats .figures .onpage-social {
    padding: 64px 0 0 0;
    max-width: initial;
    text-align: center;
  }
  .affiliates-container .pitch .core-stats .figures .cell {
    margin-bottom: 32px;
  }
  .affiliates-container .pitch .core-stats .figures .cell:last-child {
    margin-bottom: 0 !important;
  }
  .affiliates-container .pitch .core-stats .figures .cell .name-wrapper {
    margin: 0;
  }
  .affiliates-container .pitch .core-stats .figures .cell .name-wrapper h3 {
    color: #fff;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 16px 0;
  }
  .affiliates-container .pitch .core-stats .figures .cell .name-wrapper span {
    color: #fff !important;
    padding: 0;
    font-size: 17px;
    line-height: 1.4;
    margin: 0;
    position: relative;
    font-weight: 500;
  }
  .affiliates-container .layout .imagery {
    height: 400px;
  }
  .affiliates-container .info-block {
    padding: 64px 0 48px 0;
    background: #ededee;
  }
  .affiliates-container .info-block .grid-container {
    padding: 0 24px;
  }
  .affiliates-container .info-block .info-wrapper {
    margin: 0 0 16px 0;
    height: initial;
    padding: 24px;
  }
  .affiliates-container .info-block .info-wrapper h5 {
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 0 16px 0;
  }
  .affiliates-container .info-block .info-wrapper p {
    font-size: 17px;
    line-height: 24px;
  }
  .affiliates-container section.made-with-hitchd {
    padding: 0;
  }
  .affiliates-container section.made-with-hitchd .introduction {
    padding: 64px 24px 0 24px;
    max-width: initial;
  }
  .affiliates-container section.made-with-hitchd .couples {
    padding: 64px 24px;
  }
  .affiliates-container section.made-with-hitchd .couples .grid-margin-x .cell {
    margin: 0;
    overflow: initial;
    cursor: initial;
    box-sizing: inherit;
    white-space: initial;
    display: inline-block;
    width: 100%;
  }
  .affiliates-container section.made-with-hitchd .name-wrapper {
    text-align: left !important;
    margin: 0;
  }
  .affiliates-container section.made-with-hitchd .name-wrapper h3 {
    margin: 0;
    padding: 0;
  }
  .affiliates-container section.made-with-hitchd .name-wrapper h2 {
    padding: 0px;
    margin: 0 0 24px 0;
    width: initial;
    display: inline-block;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0;
  }
  .affiliates-container section.made-with-hitchd .name-wrapper p {
    max-width: initial !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 27px !important;
    padding: 0px;
    margin: 0 0 24px 0;
    display: inline-block;
  }
  .affiliates-container section.made-with-hitchd .name-wrapper p:last-of-type {
    margin: 0 !important;
  }
  .affiliates-container section.made-with-hitchd .name-wrapper strong {
    font-weight: 600;
  }
  .affiliates-container section.affiliate-steps {
    padding: 0 0 80px 0;
  }
  .affiliates-container section.affiliate-steps .content {
    position: relative;
    padding: 0;
    text-align: left;
  }
  .affiliates-container section.affiliate-steps .content article {
    position: relative;
    background: transparent;
    margin: 0 0 40px 0;
  }
  .affiliates-container section.affiliate-steps .content article a {
    margin: 16px 0 0 0;
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
  }
  .affiliates-container section.affiliate-steps .content article p {
    margin: 0px;
    font-size: 16px;
    letter-spacing: 0;
    padding: 0 0 0 0;
    line-height: 22px;
    font-weight: 500;
    text-wrap: balance;
    color: #000;
  }
  .affiliates-container section.affiliate-steps .content article h3 {
    margin: 0 0 16px 0;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 600;
    color: #000;
  }
  .affiliates-container section.affiliate-steps .content article.size {
    margin: 0;
  }
  .affiliates-container .logos-special {
    background: #131313;
    padding: 80px 24px 80px 24px;
    text-align: center;
  }
  .affiliates-container .logos-special h2 {
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    max-width: none;
    text-align: left;
    text-wrap: pretty;
  }
  .affiliates-container .logos-special p {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.2105263158;
    margin: 0 auto;
    max-width: 764px;
    padding: 24px 0 0;
    text-align: left;
  }
  .affiliates-container .logos-special .props-wrapper {
    max-width: initial;
    margin: 40px auto 0 auto;
    padding: 0;
  }
  .affiliates-container .logos-special .props-wrapper .props {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
  }
  .affiliates-container .logos-special .props-wrapper .props .child {
    background: linear-gradient(rgba(35, 35, 38, 0.4) 0.01%, rgba(46, 46, 52, 0.4)), linear-gradient(rgba(35, 35, 38, 0.3) 0.01%, rgba(46, 46, 52, 0.3));
    flex: 1 0 calc(100% - 16px);
  }
  .affiliates-container .logos-special img {
    padding: 0;
    margin: 0 0 40px 0;
    width: initial;
    max-width: initial;
  }
  .affiliates-container .logos-special img.brands {
    padding: 56px 40px 0 40px;
    margin: 0 0 0 0;
    width: 100%;
    max-width: initial;
  }
  .affiliates-container section.next-steps {
    margin: 80px 0;
    padding: 0;
    background: #fff;
  }
  .affiliates-container section.next-steps h2 {
    display: block;
    padding: 0;
    color: #000 !important;
    font-size: 36px;
    line-height: 1.1;
    text-align: left;
    max-width: initial;
    margin: 0 24px 32px 24px;
    font-weight: 600;
    letter-spacing: 0;
    padding: 0;
    text-wrap: pretty;
  }
  .affiliates-container section.next-steps a {
    margin: 0;
    height: 52px;
    line-height: 52px;
    width: initial !important;
    position: relative;
    background: #fff;
    border-radius: 100px;
    color: #fff;
    background-color: #000;
    font-size: 17px;
    border: 0;
    width: 100% !important;
    padding: 0px !important;
    font-weight: 500;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    display: inline-block;
    text-align: center;
  }
  .affiliates-container section.next-steps .content {
    position: relative;
    padding: 0;
    text-align: left;
  }
  .affiliates-container section.next-steps .content article {
    margin: 0 0 32px 0;
  }
  .affiliates-container section.next-steps .content article h3 {
    margin: 0 0 16px 0;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
    font-weight: 600;
    color: #000;
  }
  .affiliates-container section.next-steps .content article p {
    color: #000;
    max-width: initial;
    max-width: initial !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 25px !important;
    padding: 0px;
    margin: 0;
    display: inline-block;
    font-weight: 500;
  }
  .affiliates-container .our-story {
    background: #fff;
    padding: 0 0 40px 0;
  }
  .affiliates-container .our-story h2 {
    display: block;
    padding: 0;
    color: #000 !important;
    font-size: 36px;
    line-height: 1.1;
    text-align: left;
    max-width: initial;
    margin: 80px 0 16px 0;
    font-weight: 600;
    letter-spacing: 0;
    padding: 0;
    text-wrap: balance;
  }
  .affiliates-container .our-story p {
    color: #000;
    max-width: initial;
    max-width: initial !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 25px !important;
    padding: 0px;
    margin: 12px 0;
    display: inline-block;
  }
  .affiliates-container .our-story ul li {
    color: #000;
    max-width: initial;
    max-width: initial !important;
    font-size: 18px !important;
    letter-spacing: -0.014em !important;
    line-height: 27px !important;
    padding: 0px;
  }
  .affiliates-container .our-story ul li span {
    color: #000;
    font-weight: 600;
  }
  .affiliates-container .our-story .image {
    background: #EEEEEE;
    height: 360px !important;
    margin: 0 -24px !important;
  }
  .affiliates-container .our-story .grid-middle {
    padding: 0px !important;
  }
  .affiliates-container .hitchd-facts {
    margin: 0px 0 32px 0;
    padding: 40px 16px 48px 16px;
    border-top: none;
  }
  .affiliates-container .hitchd-facts .leader-container {
    position: relative;
  }
  .affiliates-container .hitchd-facts .leader-container a {
    position: relative;
    right: unset;
    top: unset;
    margin: 6px 12px 0 12px;
    display: inline-block;
    color: #2C2E2F;
    font-weight: 600;
  }
  .affiliates-container .hitchd-facts .leader-container a img {
    margin: -2px 0 0 4px;
  }
  .affiliates-container .hitchd-facts .isuru {
    margin: 48px 0 0 0;
  }
  .affiliates-container .hitchd-facts h2 {
    padding: 24px 8px 48px 8px;
    text-align: left;
  }
  .affiliates-container .hitchd-facts .image {
    height: initial;
  }
  .affiliates-container .hitchd-facts .cell {
    display: inline-block;
    background-color: #fff;
  }
  .affiliates-container .hitchd-facts .cell .container {
    background: white;
    padding-bottom: 0;
    clear: both;
    display: block;
    border: 1px solid #CDCDCD;
    padding: 24px 0;
    border-radius: 4px;
    -moz-borer-radius: 4px;
    margin: 0 8px 16px 8px;
  }
  .affiliates-container .hitchd-facts .cell .container img {
    text-align: center;
    margin: 0 auto;
    display: block;
    padding: 0 0 12px 0;
  }
  .affiliates-container .hitchd-facts .cell .container h5 {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #212121;
    text-align: center;
    margin: 0px;
  }
  .affiliates-container section.cta-primary {
    border-top: none !important;
    padding: 80px 24px !important;
    height: 400px !important;
    background: #f0f0f0;
  }
  .affiliates-container section.cta-primary .grid-x {
    border-bottom: none !important;
    padding: 0px 0 !important;
    margin: 0 !important;
  }
  .affiliates-container section.cta-primary .grid-x .cell {
    margin: 0px !important;
  }
  .affiliates-container section.cta-primary .grid-x .cell .centre {
    margin: 0 !important;
  }
  .affiliates-container section.cta-primary .grid-x .cell .centre h2 {
    margin: 0 !important;
    font-size: 32px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.017em !important;
    color: #000 !important;
    padding: 0 8px !important;
    max-width: none !important;
    padding: 0px !important;
  }
  .affiliates-container section.cta-primary .grid-x .cell .centre a.btn-primary {
    height: 56px;
    line-height: 56px;
    width: initial !important;
    position: relative;
    background: #fff !important;
    border-radius: 6px;
    color: #000 !important;
    font-size: 18px;
    border: 0;
    padding: 0px 24px !important;
    font-weight: 500;
    box-shadow: none;
  }
  .affiliates-container footer {
    background: transparent !important;
  }
  .affiliates-container section.cta-primary .grid-x .centre {
    margin: 0 !important;
  }
  section.blog-highlight {
    padding: 64px 0 64px 24px;
  }
  section.blog-highlight .grid-container {
    padding-right: 0;
    padding-left: 0;
  }
  section.blog-highlight .blog-card {
    max-width: 324px;
  }
  section.blog-highlight .blog-card p {
    max-width: 288px;
    padding: 0 24px 0 0;
  }
  section.blog-highlight .blog-card h3 {
    max-width: 288px;
    padding: 0 24px 0 0;
  }
  section.blog-highlight .cell {
    padding: 0 !important;
    margin: 0 24px 0 0;
  }
  section.blog-highlight .scrollingright {
    position: relative;
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 0px;
    -ms-overflow-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    position: relative;
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
    overflow-x: auto;
    white-space: inherit;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-overflow-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    -webkit-overflow-scrolling: touch;
  }
  /* 640 - VALUE */
  section.testimonial .trustpilot-widget h5 {
    border: none;
    padding: 0px;
  }
  section.testimonial .trustpilot-widget span {
    margin: 0;
  }
  section.testimonial .trustpilot-widget .star {
    margin: 0 0 1px 0;
  }
  section.testimonial .trustpilot-widget .star svg {
    margin: 0 0 0 -12px !important;
  }
  section.testimonial .test-p {
    padding: 0 24px !important;
    max-width: initial;
  }
  section.testimonial h2 {
    padding: 64px 24px 16px 24px;
    margin: 0 0 0 0;
    width: initial;
    display: inline-block;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    text-align: left;
    max-width: 100%;
    font-size: clamp(32px, 3.3vw, 48px) !important;
    line-height: 112% !important;
    letter-spacing: -.02em !important;
    font-weight: 400 !important;
  }
  section.testimonial h3 {
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 600 !important;
    margin: 0 0 24px 0 !important;
    padding: 0 24px !important;
    text-align: left !important;
    font-weight: 600;
    margin: initial;
    max-width: initial;
  }
  section.testimonial .pricing-a {
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 27px !important;
  }
  section.testimonial .pricing-a:after {
    background-color: #000;
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    -webkit-transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
    transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
    position: absolute;
    width: 100%;
    z-index: 0;
  }
  section.testimonial .quotes .marquee {
    height: 364px;
  }
  section.testimonial .quotes .marquee > div {
    -webkit-animation: marquee 12s infinite linear;
  }
  section.testimonial .quotes .marquee > div img {
    height: 364px;
  }
  section.value p.micro {
    margin: 24px 0 0 0;
  }
  section.value .stripe-add .visual .img img {
    width: calc((((200% - 140px)/2)*1) + 0px + 0px) !important;
  }
  section.value .stripe-facts .content {
    padding: 80px 24px;
    padding: 80px 24px 64px 24px;
    max-width: initial;
    position: relative;
    height: initial !important;
  }
  section.value .stripe-facts .content .personalize-wrap {
    position: relative;
    bottom: initial;
    width: 100%;
  }
  section.value .stripe-facts .visual .img img {
    max-width: initial !important;
    width: calc((((100% - 20px)/2)*1) + 0px + 0px) !important;
  }
  section.value .cashapp-benefits .content {
    padding: 80px 24px;
    padding: 80px 24px 64px 24px;
    max-width: initial;
    position: relative;
    height: initial !important;
  }
  section.value .cashapp-benefits .content .personalize-wrap {
    position: relative;
    bottom: initial;
    width: 100%;
  }
  section.value .cashapp-benefits .visual .img img {
    width: calc((((100% - 120px)/1)*1) + 0px + 0px) !important;
    min-width: initial !important;
    height: initial !important;
  }
  section.value .pp-methods .content {
    padding: 80px 24px;
    padding: 80px 24px 64px 24px;
    max-width: initial;
    position: relative;
    height: initial !important;
  }
  section.value .pp-methods .visual .img svg, section.value .pp-methods .visual .img img {
    padding: 0px 8px;
    width: 100%;
    padding: 32px 32px 0 32px;
    margin: 0 0 80px 0;
    width: 100%;
    max-width: initial;
  }
  section.value .pp-tacky .grid-x {
    height: initial !important;
  }
  section.value .pp-tacky .content {
    padding: 80px 24px;
    padding: 80px 24px 64px 24px;
    max-width: initial;
    position: relative;
    height: initial !important;
  }
  section.value .pp-tacky .visual {
    height: initial !important;
  }
  section.value .pp-tacky .visual .img img {
    width: 200px;
    height: initial;
    margin: 0 auto;
    z-index: 1;
  }
  section.value .stripe-facts .content, section.value .ven-add .content, section.value .ven-benefits .content, section.value .pp-benefits .content, section.value .stripe-add .content {
    padding: 80px 24px;
    padding: 80px 24px 64px 24px;
    max-width: initial;
    position: relative;
    height: initial !important;
  }
  section.value .stripe-facts .content .personalize-wrap, section.value .ven-add .content .personalize-wrap, section.value .ven-benefits .content .personalize-wrap, section.value .pp-benefits .content .personalize-wrap, section.value .stripe-add .content .personalize-wrap {
    position: relative;
    bottom: initial;
    width: 100%;
  }
  section.value .stripe-facts .visual, section.value .ven-add .visual, section.value .ven-benefits .visual, section.value .pp-benefits .visual, section.value .stripe-add .visual {
    height: initial !important;
  }
  section.value .left-marquee {
    overflow: hidden;
    background: #111;
    padding: 20px 0;
  }
  section.value .left-marquee p.marquee {
    min-width: 100%;
    animation: marquee 10s linear infinite;
    display: inline-flex;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
  }
  section.value .left-marquee p.marquee span {
    display: inline-block;
    margin: 0 24px;
    color: #fff;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500;
    letter-spacing: 0.64px !important;
    opacity: 1;
    width: initial;
    min-width: fit-content;
  }
  section.value .right-marquee {
    overflow: hidden;
    background: #111;
    padding: 20px 0;
  }
  section.value .right-marquee p.marquee {
    min-width: 100%;
    animation: marquee 10s linear infinite;
    display: inline-flex;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    animation-direction: reverse;
  }
  section.value .right-marquee p.marquee span {
    display: inline-block;
    margin: 0 24px;
    color: #fff;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500;
    letter-spacing: 0.64px !important;
    opacity: 1;
    width: initial;
    min-width: fit-content;
  }
  section.value p {
    margin: 0px;
    max-width: initial !important;
    font-size: 19px !important;
    letter-spacing: 0 !important;
    line-height: 1.21053 !important;
    padding: 0px;
    font-weight: 500;
  }
  section.value p span {
    opacity: .52;
    font-size: 19px !important;
    letter-spacing: 0 !important;
    line-height: 22px !important;
    padding: 0px;
    font-weight: 600;
    margin: 0px;
    max-width: initial !important;
    display: initial;
  }
  section.value span {
    font-size: 28px;
  }
  section.value .grid-container {
    padding-right: 0;
    padding-left: 0;
  }
  section.value h2 {
    font-size: 36px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 24px 0;
  }
  section.value h5 {
    width: 100%;
    color: black;
    margin: 0 0 20px 0;
    font-size: 28px;
    line-height: 1;
  }
  section.value a {
    font-weight: 500;
    color: #000;
    margin: 24px 0 0 0 !important;
    font-size: 19px !important;
    letter-spacing: 0 !important;
    line-height: 22px !important;
  }
  section.value a:after {
    background-color: #000;
    bottom: 0;
    content: '';
    display: block;
    height: 1.5px;
    left: 0;
    transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
    position: absolute;
    width: 100%;
    z-index: 0;
  }
  section.value a.light {
    font-weight: 500;
    color: #fff;
    margin: 24px 0 0 0 !important;
    font-size: 19px !important;
    letter-spacing: 0 !important;
    line-height: 22px !important;
  }
  section.value a.light:after {
    background-color: #fff;
    bottom: 0;
    content: '';
    display: block;
    height: 1.5px;
    left: 0;
    transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
    position: absolute;
    width: 100%;
    z-index: 0;
  }
  section.value .nomargin {
    margin: 0 0 24px 0 !important;
  }
  section.value .launch {
    height: initial;
  }
  section.value .create {
    flex-direction: column;
  }
  section.value .create .content {
    order: -1;
  }
  section.value .create .marquee {
    height: 364px;
  }
  section.value .create .marquee > div {
    -webkit-animation: marquee 12s infinite linear;
  }
  section.value .create .marquee > div img {
    height: 364px;
  }
  section.value .create p {
    margin: 24px 0;
  }
  section.value .create p:last-of-type {
    margin: 24px 0 0 0;
  }
  section.value .fund {
    height: initial;
    margin: -1px 0 0 0;
  }
  section.value .fund .grid-x {
    height: initial;
  }
  section.value .fund .grid-x .visual {
    padding: 0;
    height: 480px;
  }
  section.value .fund .content {
    padding: 80px 24px;
    padding: 24px 24px 24px 24px;
    height: 480px !important;
    max-width: initial;
    position: relative;
  }
  section.value .fund h2 {
    color: #fff;
  }
  section.value .fund h5 {
    font-size: 28px;
  }
  section.value .fund p {
    color: #fff;
  }
  section.value .fund .img {
    padding: 0 16px !important;
  }
  section.value .love-story {
    height: initial;
    margin: -1px 0 0 0;
  }
  section.value .love-story .grid-x {
    height: initial;
    display: flex;
    flex-direction: column-reverse;
  }
  section.value .love-story .grid-x .visual {
    padding: 0;
    height: 480px;
  }
  section.value .love-story .content {
    padding: 80px 24px;
    padding: 24px 24px 24px 24px;
    height: 480px !important;
    max-width: initial;
    position: relative;
  }
  section.value .love-story h2 {
    color: #000;
  }
  section.value .love-story h5 {
    font-size: 28px;
  }
  section.value .love-story p {
    color: #000;
  }
  section.value .love-story .img {
    padding: 0 16px !important;
  }
  section.value .one-place {
    height: initial;
    margin: -1px 0 0 0;
  }
  section.value .one-place .grid-x {
    height: initial;
    display: flex;
    flex-direction: column-reverse;
  }
  section.value .one-place .grid-x .visual {
    padding: 0;
    height: 480px;
  }
  section.value .one-place .content {
    padding: 80px 24px;
    padding: 24px 24px 24px 24px;
    height: 480px !important;
    max-width: initial;
    position: relative;
  }
  section.value .one-place h2 {
    color: #fff;
  }
  section.value .one-place h5 {
    font-size: 28px;
  }
  section.value .one-place p {
    color: #fff;
  }
  section.value .one-place .img {
    padding: 0 16px !important;
  }
  section.value .personalize .grid-x {
    height: initial;
  }
  section.value .personalize .grid-x .visual {
    padding: 0 !important;
    -webkit-overflow-scrolling: touch;
  }
  section.value .personalize .grid-x .visual .img {
    width: 100%;
    height: 480px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    text-align: center;
    padding: 0;
  }
  section.value .personalize .grid-x .visual .img img {
    width: calc((((100% - 20px)/2)*1) + 0px + 0px);
    margin: 0 auto;
    height: initial;
  }
  section.value .launch .grid-x {
    height: initial;
  }
  section.value .launch .grid-x .visual {
    padding: 0;
    height: 400px;
  }
  section.value .share .content {
    padding: 64px 24px;
  }
  section.value .share .visual {
    padding: 0 !important;
    height: 480px;
    -webkit-overflow-scrolling: touch;
  }
  section.value .share .visual .img {
    width: 100%;
    height: 480px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    text-align: center;
  }
  section.value .share .visual .img img {
    width: calc((((100% - 20px)/2)*1) + 0px + 0px);
    margin: 0 auto;
  }
  section.value .start .visual .img {
    width: 100%;
    height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    text-align: center;
  }
  section.value .start .visual .img img {
    width: calc((((100% - 20px)/2)*1) + 0px + 0px);
  }
  section.value .thank span {
    font-size: 28px;
  }
  section.value .thank .grid-x {
    height: initial !important;
  }
  section.value .thank .grid-x .visual {
    padding: 0 !important;
    height: 400px;
  }
  section.value .thank .grid-x .visual .img {
    padding: 0 16px !important;
  }
  section.value .thank h5 {
    font-size: 28px;
  }
  section.value .receive {
    height: initial;
  }
  section.value .receive .grid-x {
    height: initial;
  }
  section.value .receive .grid-x .visual {
    padding: 0;
    height: 400px;
  }
  section.value .guests .grid-x {
    height: initial;
  }
  section.value .guests .grid-x .visual {
    padding: 0;
    height: 400px;
  }
  section.value .content {
    padding: 80px 24px;
    padding: 24px 24px 24px 24px;
    height: 480px;
    max-width: initial;
    position: relative;
  }
  section.value .content .grid-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  section.value .content .personalize-wrap {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  section.value .visual {
    padding: 0 !important;
    -webkit-overflow-scrolling: touch;
  }
  /* 640px - JOY PAGE */
  .joy-container .mainlogo svg {
    padding: 5px;
    margin: 10px 0 0 0;
    width: fit-content;
  }
  .joy-container header {
    height: initial;
    background: transparent;
    text-align: left;
  }
  .joy-container .partner-logo {
    position: absolute;
    margin: 0;
    left: 24px;
    text-align: left;
    padding: 0;
    top: 24px;
    z-index: 99;
  }
  .joy-container .partner-logo img {
    height: 34px;
  }
  .joy-container section.home .grid-container .grid-x .cell {
    text-align: left !important;
  }
  .joy-container section.home .grid-container .grid-x .cell .centre {
    text-align: left !important;
  }
  .joy-container section.home .grid-container .grid-x .cell .centre span.trial {
    opacity: 1;
  }
  .joy-container section.embed {
    background: #1f1f1f;
    text-align: center;
    width: 100%;
    padding: 64px 24px;
  }
  .joy-container section.embed h2 {
    font-size: 34px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0;
    text-align: left;
    color: #fff;
    width: 100%;
    padding: 0;
  }
  .joy-container section.embed span {
    margin: 24px 0 0 0;
    line-height: 24px;
    font-size: 18px;
  }
  .joy-container section.embed iframe {
    width: 100%;
    margin: 40px 0 0 0;
  }
  .joy-container section.common-faq {
    padding: 64px 24px 48px 24px !important;
  }
  .joy-container section.common-faq .grid-container .grid-margin-x .cell .fact p {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #000 !important;
  }
  .joy-container section.common-faq p {
    color: #111212;
    margin: 0 0 24px 0;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0;
    font-weight: 400;
    max-width: 500px;
  }
  .joy-container section.common-faq .title {
    padding: 24px 32px 24px 0;
    display: block;
    color: #111212;
    font-family: "Inter Variable", "SF Pro Text", "SF Pro Icons", -apple-system, BlinkMacSystemFont, Inter, system-ui, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    text-align: left;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 17px;
    line-height: 24px;
    font-weight: 500;
    -webkit-transition: ease-in-out opacity 150ms;
    transition: ease-in-out opacity 150ms;
  }
  .joy-container section.why-hitchd {
    text-align: left;
    padding: 64px 24px 32px 24px;
  }
  .joy-container section.why-hitchd .grid-container {
    padding: 0px !important;
  }
  .joy-container section.why-hitchd .grid-container .cell {
    padding: 0;
  }
  .joy-container section.why-hitchd .grid-container .cell p {
    margin: 16px 0 32px 0;
  }
  .joy-container section.why-hitchd .grid-container .cell .image-holder {
    height: 300px;
  }
  .joy-container section.why-hitchd .grid-container h2 {
    font-size: 34px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0;
    text-align: left;
  }
  .joy-container section.why-hitchd .grid-container h6 {
    max-width: initial !important;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 27px !important;
    padding: 0px;
    text-align: left;
    margin: 0 0 48px 0;
  }
  .joy-container section.how-it-works .grid-container {
    text-align: centre !important;
    height: initial !important;
  }
  .joy-container section.how-it-works .grid-container h2 {
    width: initial !important;
    font-size: 34px !important;
    line-height: 1 !important;
    margin: 0;
  }
  /* 640 - FEES PAGE */
  .pricing-container .currencies {
    padding: 64px 24px;
  }
  .pricing-container .currencies .grid-container {
    padding-right: 0;
    padding-left: 0;
  }
  .pricing-container .currencies .grid-container .row h2 {
    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    text-align: left;
  }
  .pricing-container .currencies .grid-container .row .columns {
    padding: 0;
    margin: 0;
  }
  .pricing-container .currencies .grid-container .row .columns ul {
    margin: 0 auto;
    max-width: initial;
    padding: 0;
  }
  .pricing-container .currencies .grid-container .row .columns ul li {
    list-style-type: none;
    margin: 8px 0 8px 0;
    width: 49%;
    display: inline-block;
  }
  .pricing-container .currencies .grid-container .row .columns p {
    letter-spacing: 0;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    color: #000;
    margin: 0 auto;
    max-width: 660px;
    padding: 24px 0 0 0;
    text-align: left;
    display: inline-block;
  }
  .pricing-container .currencies .grid-container .row .columns .tooltipz {
    margin: 0 0 0 0;
    border-bottom: 1px solid #000;
    cursor: pointer;
    width: max-content;
  }
  .pricing-container .currencies .grid-container .row .columns .tooltipz:hover:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: center;
    justify-content: left;
    background: #111212;
    border-radius: 8px;
    color: #fff;
    content: attr(title);
    margin: -152px 0 0 0;
    font-size: 14px;
    line-height: 20px;
    padding: 13px;
    font-weight: 400;
    width: 220px;
    position: absolute;
    text-align: left;
  }
  .pricing-container .container .logos-special {
    position: initial;
  }
  .pricing-container .container .logos-special img {
    padding: 64px 48px 0 48px;
    margin: 0 0 80px 0;
    width: 100%;
    max-width: initial;
  }
  .pricing-container .container .logos-special em {
    padding: 24px 0 0;
  }
  .pricing-container .container .logos-special h6 {
    padding: 8px 0 0 0 !important;
  }
  .pricing-container section.comparison {
    padding: 64px 0;
  }
  .pricing-container section.comparison .tabular {
    margin: 0;
  }
  .pricing-container section.comparison .tabular ul li {
    font-size: 15px;
    letter-spacing: -0.009em;
  }
  .pricing-container section.comparison .grid-container {
    padding: 0 0 0 24px;
    -webkit-overflow-scrolling: touch;
  }
  .pricing-container section.comparison .grid-container .grid-x {
    margin-left: 0;
    margin-right: 0px;
    -webkit-overflow-scrolling: touch;
  }
  .pricing-container section.comparison .grid-container .grid-x .cell {
    position: relative;
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 0px;
    -ms-overflow-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    position: relative;
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
    overflow-x: auto;
    white-space: inherit;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-overflow-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    -webkit-overflow-scrolling: touch;
  }
  .pricing-container section.comparison .grid-container .grid-x .cell .head {
    text-align: left;
    width: 220px !important;
    margin: 149px 0 0 0;
  }
  .pricing-container section.comparison .grid-container .grid-x .cell .heading-before {
    padding-top: 110px;
    position: relative;
    text-align: center;
  }
  .pricing-container section.comparison .grid-container .grid-x .cell h5 {
    -webkit-transform: rotate(55deg);
    transform: rotate(55deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    font-weight: 200;
    font-size: 16px;
    display: inline-block;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 50%;
    font-weight: 600;
    white-space: nowrap;
  }
  .pricing-container section.comparison .grid-container .grid-x .cell .comp-block {
    width: 100px;
  }
  .pricing-container section.comparison h2 {
    padding: 0 24px 0 24px;
    max-width: initial;
    text-align: left;
    width: initial;
    margin: 0;
    color: #000;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
  }
  .pricing-container .testimonials {
    padding: 64px 24px 32px 24px;
  }
  .pricing-container .testimonials .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
  }
  .pricing-container .testimonials .cell {
    margin: 0 0 32px 0;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
  }
  .pricing-container .testimonials .cell h3 {
    padding: 0px !important;
  }
  .pricing-container header {
    background: #000 !important;
  }
  .pricing-container header ul {
    margin: 0;
    padding: 0;
  }
  .pricing-container header ul li {
    display: inline-block;
    line-height: 80px;
  }
  .pricing-container header ul li a {
    color: #fff;
    position: relative;
    z-index: 999999;
  }
  .pricing-container header a {
    color: #fff;
  }
  .pricing-container header a.prime {
    color: #fff !important;
  }
  .pricing-container .terms {
    line-height: 20px;
    padding: 16px 64px 24px 64px;
  }
  .pricing-container .video-bg {
    position: relative;
    top: initial;
    right: initial;
    margin: 0px 0 -24px 0;
    opacity: 1;
  }
  .pricing-container .video-bg .video-bg-video {
    width: 100%;
  }
  .pricing-container .dream-trip {
    margin: 0;
  }
  .pricing-container .container {
    padding: 24px;
  }
  .pricing-container .container .right-info a.button-primary {
    height: 56px;
    line-height: 56px;
    width: initial !important;
    position: relative;
    background: #fff;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    border: 0;
    padding: 0px 24px !important;
    font-weight: 500;
    background: #000;
    margin: 24px 0 0 0 !important;
  }
  .pricing-container .container nav img.logo {
    position: absolute;
    left: 0;
    top: 0;
  }
  .pricing-container .container .header {
    padding: 0;
    display: inline-block;
  }
  .pricing-container .container .header .trusted-by {
    margin: 64px auto 48px auto;
    text-align: center;
    display: inline-block;
    position: relative;
  }
  .pricing-container .container .header .grid-container {
    max-width: initial;
    padding: 24px 0 40px 0;
  }
  .pricing-container .container .header .grid-container .subheading {
    margin-left: 0;
    width: 100%;
    padding: 0 12px;
  }
  .pricing-container .container .header blockquote {
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.8);
    margin: 4px 0 0 0;
    border: none;
    padding: 0;
  }
  .pricing-container .container .header h1 {
    font-weight: 500;
    text-align: left;
    max-width: 100% !important;
    text-align: center;
    font-size: 36px !important;
    line-height: 40px !important;
    color: #fff !important;
    font-weight: 600 !important;
    padding: 0;
    text-align: center;
  }
  .pricing-container .container .header h1 span {
    color: #fff;
    font-size: 28px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 24px 0;
    vertical-align: middle;
  }
  .pricing-container .container .header .plans {
    padding: 0;
  }
  .pricing-container .container .header .plans .plan-a {
    max-width: initial;
    padding: 16px 0px 0px 0px;
    background: transparent;
    margin: 0px;
    float: left;
    text-align: left;
    width: 100%;
  }
  .pricing-container .container .header .plans .plan-a p {
    font-size: 17px !important;
    line-height: 23px !important;
    padding: 24px 0 16px 0 !important;
  }
  .pricing-container .container .header .plans .plan-a a.button-primary {
    width: 100%;
    text-align: center;
    margin: 16px 0 48px 0;
    height: 48px !important;
    line-height: 48px !important;
    min-width: initial;
  }
  .pricing-container .container .header .plans blockquote {
    width: 100%;
    text-align: center;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
    line-height: 16px;
    opacity: .64;
    position: relative;
    display: inline-block;
    margin: -8px 0 24px 0;
  }
  .pricing-container .container .header .plans .plan-s, .pricing-container .container .header .plans .plan-l, .pricing-container .container .header .plans .plan-c, .pricing-container .container .header .plans .plan-u {
    height: initial;
    width: 100%;
    background: #fff;
    float: left;
    margin: 0 0 8px 0;
    border-radius: 12px;
    padding: 28px 24px 24px 24px;
    text-align: left;
    max-width: initial;
  }
  .pricing-container .container .header .plans .plan-s ul li svg, .pricing-container .container .header .plans .plan-l ul li svg, .pricing-container .container .header .plans .plan-c ul li svg, .pricing-container .container .header .plans .plan-u ul li svg {
    margin: 0px 12px 0 0 !important;
  }
  .pricing-container .container .header .plans .plan-s a.button, .pricing-container .container .header .plans .plan-l a.button, .pricing-container .container .header .plans .plan-c a.button, .pricing-container .container .header .plans .plan-u a.button {
    background: #fff;
    border-radius: 50px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #000;
    background: linear-gradient(90deg, #495DAF 0%, #6041CF 100%);
    border-radius: 8px;
    text-align: center;
    display: inline-block;
    padding: 0px;
    min-width: initial;
    width: calc(100%);
    font-size: 15px;
    font-weight: 500;
    -webkit-transition: .15s all ease;
    transition: .15s all ease;
    position: relative;
    bottom: initial;
    left: initial;
    box-sizing: content-box;
    margin: 0 0 32px 0;
  }
  .pricing-container .container .header .plans .plan-l {
    padding: 0 24px 24px 24px;
    height: initial;
    margin: 0 0 40px 0;
    overflow: hidden;
  }
  .pricing-container .container .header .plans .plan-l .spinning-text {
    mix-blend-mode: initial !important;
    top: 40px !important;
  }
  .pricing-container .container .header .plans .plan-l .spinning-text #circle text {
    font-weight: 700 !important;
    fill: #06f !important;
  }
  .pricing-container .container .header span.currency {
    font-size: 14px;
  }
  .pricing-container .container .header .right-info {
    float: none;
    margin: 0;
  }
  .pricing-container .container .header .right-info span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: white;
    display: block;
    padding: 16px 0 16px 0;
  }
  .pricing-container .container .header .right-info a.button-primary {
    width: 100% !important;
    margin: 8px 0 0 0 !important;
  }
  .pricing-container .container .header h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
    max-width: initial;
    margin: 0;
  }
  .pricing-container .container .header span.cc-fee {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.56);
    display: block;
    padding: 0 0 32px 0;
  }
  .pricing-container .container .header h4 {
    color: #fff;
    font-size: 48px;
    line-height: 64px;
    font-weight: 200;
    display: inline-block;
    margin: 0 20px 0 0;
    position: relative;
  }
  .pricing-container .container .header h4 em {
    height: 2px;
    width: 92px;
    background: #f53d40;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 32px !important;
  }
  .pricing-container .container .header p {
    padding: 16px 0px 0 0 !important;
    font-size: 19px !important;
    letter-spacing: 0 !important;
    line-height: 1.21053 !important;
    text-align: center;
    /* font-size: 20px !important; */
    /* line-height: 26px !important; */
    margin: 0px;
    max-width: initial;
    margin: initial;
    padding: 16px 0 0 0;
    font-weight: 500;
    letter-spacing: 0;
  }
  .pricing-container .container .header p em {
    color: rgba(255, 255, 255, 0.64);
    font-style: normal;
    font-size: 20px !important;
    line-height: 26px !important;
  }
  .pricing-container .container .header a.button-primary {
    width: 100%;
    text-align: center;
    margin: 0;
    height: 48px !important;
    line-height: 48px !important;
    min-width: initial;
  }
  .pricing-container .container .header a.button-cta {
    width: calc(100% - 4px);
    margin: 16px 0 0 0;
    padding: 0;
    height: 52px;
    line-height: 52px;
  }
  .pricing-container .container .header h6 {
    margin: 0 0 6px 0;
  }
  .pricing-container .sidekick {
    padding: 48px 24px 56px 24px !important;
    background: #fff;
  }
  .pricing-container .sidekick .grid-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .pricing-container .sidekick .content {
    padding: 0px;
  }
  .pricing-container .sidekick .visual {
    height: inherit;
  }
  .pricing-container .sidekick h5 {
    margin: 0 0 24px 0;
    color: #fff;
  }
  .pricing-container .sidekick h1 {
    max-width: 100% !important;
    font-size: 40px !important;
    line-height: 44px !important;
    color: #000 !important;
    letter-spacing: -0.018em;
    padding: 0;
    text-align: center;
    font-weight: 800;
  }
  .pricing-container .sidekick p {
    margin: 24px 0 0 0;
    font-size: 18px !important;
    letter-spacing: -0.014em !important;
    line-height: 27px !important;
    color: #000;
  }
  .pricing-container .introduction {
    padding: 64px 24px;
    background: #fff;
    height: initial;
  }
  .pricing-container .introduction a {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.014em !important;
  }
  .pricing-container .introduction .grid-margin-x .cell {
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 100% !important;
  }
  .pricing-container .introduction .image {
    background: #EEEEEE;
    height: 360px;
    margin: 0 -24px;
  }
  .pricing-container .introduction h2 {
    padding: 0 0 24px 0;
    margin: 0;
    font-size: 34px;
    line-height: 38px;
    font-weight: 700;
    letter-spacing: -0.017em;
    color: #000 !important;
    text-align: left;
    max-width: 100% !important;
    width: 100%;
  }
  .pricing-container .introduction .grid-container {
    padding: 0px !important;
  }
  .pricing-container .introduction .grid-container p {
    margin: 0;
    color: #000 !important;
    max-width: initial !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 27px !important;
  }
  .pricing-container .introduction .grid-container .qanda {
    border: 1px solid #ddd;
    padding: 16px;
    border-radius: 4px;
    -moz-borer-radius: 4px;
    margin: 24px 0 0 0;
    display: inline-block;
    width: 100% !important;
    max-width: initial !important;
  }
  .pricing-container .introduction .grid-container .qanda ul li {
    padding: 0px;
  }
  .pricing-container .introduction .grid-container .qanda h6 {
    color: #2C2E2F;
    font-size: 17px;
    line-height: 24px;
    font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
    max-width: 90%;
  }
  .pricing-container .introduction .grid-container .qanda p {
    margin: 12px 0;
    color: #000 !important;
    max-width: initial !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    font-family: system-regular;
  }
  .pricing-container .faq {
    padding: 0 24px 48px 24px !important;
    margin: 0 !important;
    background: #f6f6f6 !important;
  }
  .pricing-container .faq a.view-faq {
    margin: 32px 0 16px 0;
    font-size: 18px !important;
    letter-spacing: -0.014em !important;
    line-height: 27px !important;
  }
  .pricing-container .faq a.view-faq img {
    margin: -2px 0 0 4px;
  }
  .pricing-container .faq h2 {
    padding: 64px 0 0 0;
    margin: 0 !important;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: #000 !important;
    text-align: left;
    max-width: 100% !important;
    width: 100%;
  }
  .pricing-container .faq .grid-container {
    padding: 0px;
  }
  .pricing-container .faq .grid-container .grid-margin-x {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .pricing-container .faq .grid-container .grid-margin-x .cell {
    margin: 0px !important;
    width: 100%;
  }
  .pricing-container .faq .grid-container .grid-margin-x .cell .fact {
    border: none;
    padding: 0px;
    border-radius: 0px;
    -moz-borer-radius: 0px;
    margin: 0 0 0 0 !important;
    display: inline-block;
    width: 100%;
    background-color: transparent;
  }
  .pricing-container .faq .grid-container .grid-margin-x .cell .fact ul li {
    padding: 0px;
  }
  .pricing-container .faq .grid-container .grid-margin-x .cell .fact h6 {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #000;
    margin: 32px 0 16px 0;
    letter-spacing: -0.016em;
  }
  .pricing-container .faq .grid-container .grid-margin-x .cell .fact p {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #000;
    margin: 0;
    padding: 0;
  }
  .pricing-container .faq .grid-container .grid-margin-x .cell .fact p a {
    color: #2C2E2F !important;
  }
  .pricing-container .fee-options {
    margin: 0;
    padding: 0px 24px 64px 24px;
    background: #fff;
  }
  .pricing-container .fee-options .fee-info {
    padding: 0;
  }
  .pricing-container .fee-options a {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -0.014em !important;
  }
  .pricing-container .fee-options h2 {
    padding: 64px 0 26px 0;
    margin: 0;
    font-size: 34px;
    line-height: 1;
    color: #000 !important;
    text-align: left;
    max-width: 100% !important;
    width: 100%;
  }
  .pricing-container .fee-options p {
    margin: 40px 0 0 0;
    font-size: 18px !important;
    letter-spacing: -0.014em !important;
    line-height: 27px !important;
    color: #000;
  }
  .pricing-container .fee-options .grid-container {
    padding: 0px;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x {
    margin: 8px 0px 0 0 !important;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .small-6 {
    width: calc(50%);
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .small-12 {
    width: calc(100%);
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell {
    margin: 0px !important;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee {
    border: none !important;
    border: 1px solid #ddd !important;
    padding: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    margin: 0 0 24px 0 !important;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee img {
    float: left;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee h5 {
    display: inline-block;
    font-size: 1.063em;
    line-height: 1.375rem;
    color: #212121;
    margin: 0 0 0 12px;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee h6 {
    font-weight: 600;
    display: inline-block;
    margin: 4px 0 0 0;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: -0.017em;
    color: #000;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .head {
    padding: 20px;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .description {
    border-top: none;
    margin: 0 20px 0 20px;
    border-top: 1px solid #eee;
    padding: 20px 0 0 0;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .description p {
    margin: 0;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #000;
    letter-spacing: -0.011em !important;
    padding: 6px 0 0 0;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .description p strong {
    font-weight: 500;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .description span {
    display: block;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: initial;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .description blockquote {
    font-size: 16px;
    line-height: 24px;
    border-left: 2px solid #224BA2;
    padding: 0 4px 0 12px;
    margin: 20px 0 0 0;
    color: #224BA2;
    font-weight: 500;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .example {
    margin: 32px 0 0 0;
    background: #f8f8f8;
    padding: 20px;
    border-radius: 0 0 6px 6px;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .example span {
    font-size: 15px;
    line-height: 20px;
    color: #555;
    letter-spacing: -0.009em;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .your-fee {
    float: unset;
    margin: 4px 0 0 0;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .your-fee h6 {
    margin: 0 !important;
    color: green;
    margin: 0 2px 0 0 !important;
    font-size: 18px;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .your-fee span {
    color: green;
    font-size: 15px;
    line-height: 24px;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .guest-fee {
    padding: 0 0 0 12px;
    margin: 4px 0 0 0;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .guest-fee h6 {
    color: #737373;
    font-weight: 400;
    margin: 0px 2px 0 0px;
    font-size: 18px;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .fee .guest-fee span {
    color: #737373;
    font-size: 15px;
    line-height: 24px;
  }
  .pricing-container .fee-options .grid-container .grid-margin-x .cell .last {
    margin: 0 !important;
  }
  .pricing-container section.benefits {
    border-top: 1px solid #ebebeb;
  }
  .pricing-container section.benefits .grid-x {
    height: initial;
  }
  .pricing-container section.benefits .grid-x .content {
    height: initial;
  }
  .pricing-container section.benefits .grid-x .content a img {
    margin: -2px 0 0 4px;
  }
  .pricing-container section.benefits .grid-x .bottomspace {
    margin: 0 0 48px 0 !important;
  }
  .pricing-container footer {
    background: transparent !important;
  }
  .pricing-container section.cta-primary {
    padding-left: 24px;
    padding-right: 24px;
    height: initial;
    background: #f0f0f0 !important;
    position: relative;
    height: initial;
    padding: 0;
    height: 400px;
  }
  .pricing-container section.cta-primary .grid-x {
    border-bottom: none !important;
    padding: 0px 24px !important;
    margin: 0 !important;
  }
  .pricing-container section.cta-primary .grid-x .cell .centre {
    margin: 0 !important;
  }
  .pricing-container section.cta-primary .grid-x .cell .centre h2 {
    margin: 0 !important;
    font-size: 34px;
    line-height: 38px;
    font-weight: 700;
    letter-spacing: -0.017em;
    color: #000 !important;
    padding: 0 8px !important;
    max-width: none !important;
    padding: 0px !important;
  }
  .pricing-container section.cta-primary .grid-x .cell .centre a {
    -webkit-box-shadow: none;
    height: 56px;
    line-height: 56px;
    width: initial !important;
    position: relative;
    background: #fff;
    border-radius: 6px;
    color: #000;
    font-size: 18px;
    border: 0;
    padding: 0px 24px !important;
    font-weight: 500;
    background: #fff;
    margin: 24px 0 0 0 !important;
    box-shadow: none;
  }
  /* 640px - HOW IT WORKS PAGE */
  .how-it-works-container header {
    z-index: 9;
    position: absolute !important;
    text-align: center !important;
    background: transparent !important;
  }
  .how-it-works-container header a.other-logo {
    margin: 0px;
  }
  .how-it-works-container header a.other-logo img {
    width: 72px;
  }
  .how-it-works-container section.sidekick {
    padding: 0;
    border-bottom: none;
    height: initial !important;
  }
  .how-it-works-container section.sidekick .centre {
    text-align: center !important;
    max-width: initial !important;
    transform: initial !important;
    top: initial !important;
    margin: initial !important;
  }
  .how-it-works-container section.sidekick .grid-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .how-it-works-container section.sidekick .cell {
    height: initial !important;
  }
  .how-it-works-container section.sidekick a img {
    margin: -1px 0 0 0;
  }
  .how-it-works-container section.sidekick .visual {
    height: 360px !important;
    background-color: #96A3A3;
    background-image: url(../images/hitchd-honeymoon-registry-about.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -80px;
  }
  .how-it-works-container section.sidekick .visual:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: linear-gradient(to top, transparent 64%, rgba(0, 0, 0, 0.24) 90%, rgba(0, 0, 0, 0.32)) !important;
  }
  .how-it-works-container section.sidekick .content {
    padding: 0 24px 0 24px;
    height: 560px !important;
  }
  .how-it-works-container section.sidekick .content .centre {
    position: relative;
    top: initial;
    -webkit-transform: initial;
    transform: initial;
    margin: initial;
    max-width: 800px;
    margin: 0 auto !important;
    text-align: center;
    position: relative;
    top: 50% !important;
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-50%) !important;
    position: relative;
    z-index: 2;
  }
  .how-it-works-container section.sidekick .content h1 {
    max-width: 100% !important;
    font-size: 36px !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    letter-spacing: 0;
    padding: 0;
    font-weight: 600;
    text-transform: initial;
  }
  .how-it-works-container section.sidekick .content h2 {
    max-width: 100% !important;
    font-size: 36px !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    letter-spacing: 0;
    padding: 16px 0 0 0;
    font-weight: 600;
  }
  .how-it-works-container section.sidekick .content h5 {
    font-size: 2.5rem !important;
    line-height: 2.75rem !important;
    max-width: 100% !important;
    font-weight: 500;
  }
  .how-it-works-container section.sidekick .content p {
    color: #000 !important;
    max-width: initial !important;
    margin: initial !important;
    padding: 24px 0 0 0px !important;
    font-size: 19px !important;
    line-height: 28px !important;
    letter-spacing: -0.016em;
  }
  .how-it-works-container section.sidekick .content a {
    height: 56px;
    line-height: 56px;
    width: initial !important;
    position: relative;
    background: #fff !important;
    border-radius: 6px;
    color: #000 !important;
    font-size: 18px;
    border: 0;
    padding: 0px 24px !important;
    font-weight: 500;
  }
  .how-it-works-container .skipahead {
    text-align: left;
    padding: 0 0 64px 0;
  }
  .how-it-works-container .skipahead .pushleft {
    margin: 0 0 0 16px;
  }
  .how-it-works-container .skipahead .grid-container {
    padding: 0 24px;
  }
  .how-it-works-container .skipahead .grid-container .cell {
    max-width: initial;
    margin: initial;
    padding: 0 0 8px 0;
  }
  .how-it-works-container .skipahead .grid-container .cell:nth-of-type(5) {
    padding: 0 !important;
  }
  .how-it-works-container .skipahead .grid-container .cell:nth-of-type(6) {
    padding: 0 !important;
  }
  .how-it-works-container .skipahead .grid-container .cell .image img {
    vertical-align: top;
  }
  .how-it-works-container .skipahead a {
    padding: 12px 0 12px 0;
  }
  .how-it-works-container .skipahead a:after {
    display: none;
  }
  .how-it-works-container .skipahead a span {
    font-weight: 500;
    font-size: 17px !important;
    letter-spacing: 0;
    line-height: 25px !important;
    margin: 12px 0 0 0;
  }
  .how-it-works-container .skipahead a span:after {
    display: none;
  }
  .how-it-works-container section.comparison {
    padding: 64px 0;
  }
  .how-it-works-container section.comparison .tabular {
    margin: 0;
  }
  .how-it-works-container section.comparison .tabular ul li {
    font-size: 15px;
    letter-spacing: -0.009em;
  }
  .how-it-works-container section.comparison .grid-container {
    padding: 0 0 0 24px;
    -webkit-overflow-scrolling: touch;
  }
  .how-it-works-container section.comparison .grid-container .grid-x {
    margin-left: 0;
    margin-right: 0px;
    -webkit-overflow-scrolling: touch;
  }
  .how-it-works-container section.comparison .grid-container .grid-x .cell {
    position: relative;
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 0px;
    -ms-overflow-style: none;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    position: relative;
    overflow: hidden;
    cursor: -webkit-grab;
    cursor: grab;
    overflow-x: auto;
    white-space: inherit;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-overflow-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    -webkit-overflow-scrolling: touch;
  }
  .how-it-works-container section.comparison .grid-container .grid-x .cell .head {
    text-align: left;
    width: 220px !important;
    margin: 149px 0 0 0;
  }
  .how-it-works-container section.comparison .grid-container .grid-x .cell .heading-before {
    padding-top: 110px;
    position: relative;
    text-align: center;
  }
  .how-it-works-container section.comparison .grid-container .grid-x .cell h5 {
    -webkit-transform: rotate(55deg);
    transform: rotate(55deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    font-weight: 200;
    font-size: 16px;
    display: inline-block;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 50%;
    font-weight: 600;
    white-space: nowrap;
  }
  .how-it-works-container section.comparison .grid-container .grid-x .cell .comp-block {
    width: 100px;
  }
  .how-it-works-container section.comparison h2 {
    padding: 0 24px 0 24px;
    max-width: initial;
    text-align: left;
    width: initial;
    margin: 0;
    color: #000;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0;
  }
  .how-it-works-container .callout {
    padding: 0px !important;
    padding: 64px 32px 64px 32px !important;
    border: none !important;
    text-align: center;
  }
  .how-it-works-container .callout h2 {
    font-size: 26px;
    line-height: 1.1;
    color: #111212 !important;
  }
  .how-it-works-container .callout .grid-container {
    padding: 0px;
  }
  .how-it-works-container .callout .grid-container .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
  }
  .how-it-works-container .callout .grid-container .grid-margin-x .cell {
    margin: 0px;
    width: 100%;
  }
  .how-it-works-container .callout .grid-container .grid-margin-x .cell p {
    margin: 24px 0 0 0;
    text-align: center;
    padding: 0px;
    font-size: 18px;
    line-height: 26px;
  }
  .how-it-works-container .callout .image {
    background: #EEEEEE;
    height: 360px;
    margin: 0 -24px;
  }
  .how-it-works-container section.how-it-works {
    margin: 0 !important;
    padding: 0 24px 0 24px;
    background: #fff;
  }
  .how-it-works-container section.how-it-works .grid-container {
    padding: 0 !important;
    height: initial !important;
    padding: 64px 0 48px !important;
    margin: 0 0 0 0;
  }
  .how-it-works-container section.how-it-works section.how-it-works {
    padding: 0px;
  }
  .how-it-works-container section.how-it-works h2 {
    font-size: 26px;
    line-height: 1.1;
    padding: 0;
    text-align: center !important;
    font-size: 32px !important;
    line-height: 36px !important;
    font-weight: 600 !important;
    text-align: left !important;
    line-height: 40px !important;
    font-weight: 600 !important;
    text-align: left;
    margin: 0 0 24px 0;
  }
  .how-it-works-container section.how-it-works p {
    font-size: 19px !important;
    letter-spacing: 0 !important;
    line-height: 1.21053 !important;
    padding: 0px;
    font-weight: 500;
    padding: 0 !important;
  }
  .how-it-works-container section.how-it-works .wrap-bg {
    margin: initial;
    background: transparent;
  }
  .how-it-works-container section.how-it-works .double {
    height: initial !important;
    padding: 64px 0 !important;
    display: inline-block;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
  }
  .how-it-works-container section.how-it-works .grid-x {
    height: initial !important;
    margin: initial;
    max-width: initial !important;
    padding: 0 !important;
  }
  .how-it-works-container section.how-it-works .how {
    margin: 0 !important;
  }
  .how-it-works-container section.how-it-works .how h2 {
    padding: 0 0 24px 0;
    font-size: 36px !important;
    line-height: 40px !important;
    font-weight: 600 !important;
  }
  .how-it-works-container section.how-it-works .right {
    float: none !important;
  }
  .how-it-works-container section.how-it-works h2 {
    padding: 48px 0 48px 0;
    margin: 0;
    font-size: 34px;
    line-height: 1.1;
    color: #000 !important;
    text-align: left;
    max-width: 100% !important;
    width: 100%;
  }
  .how-it-works-container section.how-it-works .content {
    height: initial !important;
    margin: 0 0 64px 0 !important;
    top: initial !important;
    -webkit-transform: initial !important;
    transform: initial !important;
    padding: 0px !important;
  }
  .how-it-works-container section.how-it-works .content article {
    position: relative !important;
    top: unset !important;
    -webkit-transform: initial !important;
    transform: initial !important;
    margin: 0 !important;
  }
  .how-it-works-container section.how-it-works .content article div {
    display: inline-block;
    clear: both;
  }
  .how-it-works-container section.how-it-works .content article div img {
    float: left;
    margin: 2px 12px 0 0;
  }
  .how-it-works-container section.how-it-works .content article div h5 {
    position: relative;
    top: initial;
    right: initial;
    margin: 0;
  }
  .how-it-works-container section.how-it-works .content article h3 {
    margin: 20px 0 0 0px;
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
    color: #000;
    font-weight: 700;
    letter-spacing: 0;
  }
  .how-it-works-container section.how-it-works .content article p {
    padding: 24px 0px 0 0 !important;
  }
  .how-it-works-container section.how-it-works .content article p a {
    line-height: 1.250rem;
    color: #2C2E2F;
    font-weight: 600;
  }
  .how-it-works-container section.how-it-works .visual {
    height: 360px !important;
    margin: 0 0 48px 0 !important;
  }
  .how-it-works-container footer {
    background: transparent !important;
  }
  .how-it-works-container section.cta-primary {
    border-top: none !important;
    padding: 80px 24px !important;
    height: 400px !important;
  }
  .how-it-works-container section.cta-primary .grid-x {
    border-bottom: none !important;
    padding: 0px 0 !important;
    margin: 0 !important;
  }
  .how-it-works-container section.cta-primary .grid-x .cell {
    margin: 0px !important;
  }
  .how-it-works-container section.cta-primary .grid-x .centre {
    margin: 0 !important;
  }
  .how-it-works-container section.cta-primary .grid-x .centre a.btn-primary {
    height: 56px;
    line-height: 56px;
    width: initial !important;
    position: relative;
    background: #000 !important;
    border-radius: 6px;
    color: #fff !important;
    font-size: 18px;
    border: 0;
    padding: 0px 24px !important;
    font-weight: 500;
    box-shadow: none;
  }
  .how-it-works-container section.cta-primary .grid-x .centre h2 {
    margin: 0;
    font-size: 34px !important;
    line-height: 38px !important;
    letter-spacing: 0;
    color: #000;
    padding: 0 8px;
    max-width: none;
    padding: 0px;
    font-weight: 700;
    letter-spacing: -0.017em;
  }
  /* 640px - REFERRAL PAGE */
  .referral-container header {
    z-index: 9;
    position: relative;
    background: #fff !important;
  }
  .referral-container .sidekick {
    padding: 0px !important;
    background: transparent;
  }
  .referral-container .sidekick .center {
    max-width: initial !important;
  }
  .referral-container .sidekick .grid-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .referral-container .sidekick .content {
    padding: 64px 24px 64px 24px;
  }
  .referral-container .sidekick .content h1 {
    max-width: 100% !important;
    font-size: 36px !important;
    line-height: 40px !important;
    letter-spacing: 0 !important;
    font-weight: 800;
    color: #000 !important;
    letter-spacing: 0;
    padding: 0;
    text-align: left;
    font-weight: 600 !important;
  }
  .referral-container .sidekick .content p {
    margin: 24px 0 0 0;
    font-size: 18px !important;
    letter-spacing: 0 !important;
    line-height: 27px !important;
    color: #000;
    font-size: 19px !important;
    line-height: 24px !important;
    padding: 0px 0px 0px 0 !important;
    text-align: left !important;
  }
  .referral-container .sidekick .content p strong {
    font-weight: 600 !important;
    color: #000 !important;
  }
  .referral-container .sidekick .content a {
    margin: 24px 0 0 0 !important;
  }
  .referral-container .sidekick .content a img {
    margin: -2px 0 0 4px;
  }
  .referral-container .sidekick .visual {
    height: 360px !important;
    background-color: #242D34;
    background-image: url(../images/hitchd-honeymoon-registry-referral.jpg);
    background-position: 75% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -80px;
  }
  .referral-container .sidekick .visual:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: linear-gradient(to top, transparent 64%, rgba(0, 0, 0, 0.24) 90%, rgba(0, 0, 0, 0.32)) !important;
  }
  .referral-container .sidekick .btn-primary {
    margin: 32px 0 0 0 !important;
  }
  .referral-container .callout {
    padding: 0px !important;
    padding: 64px 24px 64px 24px !important;
    border: none !important;
  }
  .referral-container .callout .grid-container {
    padding: 0px;
  }
  .referral-container .callout .grid-container .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
  }
  .referral-container .callout .grid-container .grid-margin-x .cell {
    margin: 0px;
    width: 100%;
    text-align: left !important;
  }
  .referral-container .callout .grid-container .grid-margin-x .cell h4 {
    text-align: center;
    margin: 0 0 16px 0;
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 0;
    color: #000;
    text-align: center;
    margin: 0 0 0px 0;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0;
    color: #000;
    text-align: left;
  }
  .referral-container .callout .grid-container .grid-margin-x .cell p {
    padding: 12px 0;
    max-width: 800px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 20px;
  }
  .referral-container .callout .grid-container .grid-margin-x .cell p.subdued {
    color: rgba(255, 255, 255, 0.8) !important;
  }
  .referral-container .callout .image {
    background: #EEEEEE;
    height: 360px;
    margin: 0 -24px;
  }
  .referral-container section.how-it-works {
    margin: 0 !important;
    padding: 64px 24px;
    text-align: left;
  }
  .referral-container section.how-it-works .wrap-bg {
    margin: initial;
    background: transparent;
  }
  .referral-container section.how-it-works .grid-x {
    height: initial !important;
    margin: initial !important;
    max-width: initial !important;
    padding: 0 !important;
    text-align: left;
  }
  .referral-container section.how-it-works .right {
    float: none !important;
  }
  .referral-container section.how-it-works h2 {
    padding: 0px;
    margin: 0 0 40px 0;
    width: initial;
    display: inline-block;
    font-size: 34px;
    line-height: 38px;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px !important;
    line-height: 1.1 !important;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 24px 0;
  }
  .referral-container section.how-it-works p.main {
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 450px;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    padding: 0 0 80px 0;
    font-weight: 500;
    margin: 0px;
    max-width: initial !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    padding: 0px !important;
    font-weight: 500;
    text-align: left;
  }
  .referral-container section.how-it-works .content {
    height: initial !important;
    margin: 32px 0 0 0 !important;
    top: initial !important;
    -webkit-transform: initial !important;
    transform: initial !important;
    padding: 0px !important;
  }
  .referral-container section.how-it-works .content article {
    position: relative !important;
    top: unset !important;
    -webkit-transform: initial !important;
    transform: initial !important;
    margin: 0 !important;
  }
  .referral-container section.how-it-works .content article div {
    display: inline-block;
    clear: both;
  }
  .referral-container section.how-it-works .content article div img {
    float: left;
    margin: 2px 12px 0 0;
  }
  .referral-container section.how-it-works .content article h3 {
    margin: 0 0 16px 0;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000;
    font-weight: 600;
    letter-spacing: 0;
  }
  .referral-container section.how-it-works .content article p {
    font-size: 17px;
    letter-spacing: 0;
    padding: 0 0 0 0;
    line-height: 1.211;
    font-weight: 400;
    margin: 0px;
    max-width: initial !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 1.21 !important;
    padding: 0px;
    font-weight: 400;
    padding: 0px !important;
    color: #000;
  }
  .referral-container section.how-it-works .content article p a {
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 1.21 !important;
    line-height: 1.211;
    color: #000;
    font-weight: 500;
    border-bottom: none;
  }
  .referral-container section.how-it-works .visual {
    height: 360px !important;
    margin: 0 0 48px 0 !important;
  }
  .referral-container section.continued {
    margin: 0 !important;
    padding: 64px 24px;
    background: #fff;
  }
  .referral-container section.continued .wrap-bg {
    margin: initial;
    background: transparent;
  }
  .referral-container section.continued .grid-x {
    height: initial !important;
    margin: initial !important;
    max-width: initial !important;
    padding: 0 !important;
  }
  .referral-container section.continued .right {
    float: none !important;
  }
  .referral-container section.continued h2 {
    padding: 0px;
    margin: 0 0 40px 0;
    width: initial;
    display: inline-block;
    font-size: 34px;
    line-height: 38px;
    font-weight: 600;
    letter-spacing: 0;
    font-size: 36px !important;
    line-height: 1.1 !important;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 24px 0;
  }
  .referral-container section.continued p.main {
    text-align: center;
    margin: 0 auto;
    display: block;
    max-width: 450px;
    font-size: 19px;
    letter-spacing: 0;
    padding: 0 0 80px 0;
    line-height: 1.4211;
    font-weight: 500;
    margin: 0px;
    max-width: initial !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    padding: 0px !important;
    font-weight: 500;
    text-align: left;
    color: #000;
  }
  .referral-container section.continued .content {
    height: initial !important;
    margin: 32px 0 0 0 !important;
    top: initial !important;
    -webkit-transform: initial !important;
    transform: initial !important;
    padding: 0px !important;
  }
  .referral-container section.continued .content article {
    position: relative !important;
    top: unset !important;
    -webkit-transform: initial !important;
    transform: initial !important;
    margin: 0 !important;
  }
  .referral-container section.continued .content article div {
    display: inline-block;
    clear: both;
  }
  .referral-container section.continued .content article div img {
    float: left;
    margin: 2px 12px 0 0;
  }
  .referral-container section.continued .content article h3 {
    margin: 0 0 16px 0;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0;
    color: #000;
    font-weight: 600;
    letter-spacing: 0;
  }
  .referral-container section.continued .content article p {
    font-size: 17px;
    letter-spacing: 0;
    padding: 0 0 0 0;
    line-height: 1.211;
    font-weight: 400;
    margin: 0px;
    max-width: initial !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 1.21 !important;
    padding: 0px;
    font-weight: 400;
    padding: 0px !important;
    color: #000;
  }
  .referral-container section.continued .content article p a {
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 1.21 !important;
    line-height: 1.211;
    color: #000;
    font-weight: 500;
    border-bottom: none;
  }
  .referral-container section.continued .visual {
    height: 360px !important;
    margin: 0 0 48px 0 !important;
  }
  .referral-container footer {
    background: transparent !important;
  }
  .referral-container section.cta-primary {
    eight: initial;
    padding: 0;
  }
  .referral-container section.cta-primary .centre {
    margin: 0 24px;
    top: initial;
    transform: initial;
  }
  .referral-container section.cta-primary .centre h2 {
    margin: 0;
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: 0;
    color: #fff;
    padding: 0;
  }
  .referral-container section.cta-primary .centre a {
    height: 52px;
    line-height: 52px;
    width: initial !important;
    position: relative;
    background: #fff;
    border-radius: 50px;
    color: #111212;
    font-size: 17px;
    border: 0;
    padding: 0px 24px !important;
    font-weight: 500;
    letter-spacing: 0;
    margin: 32px 0 0 0;
    box-shadow: none;
  }
  /* 640px - FAQ PAGE */
  .faq-container header {
    background: transparent;
  }
  .faq-container header ul {
    margin: 0;
    padding: 0;
  }
  .faq-container header ul li {
    display: inline-block;
    line-height: 80px;
  }
  .faq-container header ul li a {
    color: #000;
    font-weight: 500 !important;
    font-size: 17px !important;
    letter-spacing: -0.013em;
  }
  .faq-container header a {
    color: #000;
    font-weight: 500 !important;
    font-size: 17px !important;
    letter-spacing: -0.013em;
  }
  .faq-container header a img.logo {
    width: 72px;
  }
  .faq-container header a.h-logo {
    margin: 0px;
    float: unset;
    padding: 27px 0 0 0;
  }
  .faq-container header a.prime {
    color: #fff !important;
  }
  .faq-container .sidekick {
    background: transparent;
    padding: 64px 24px 64px 24px !important;
    background: #fff;
    text-align: left;
  }
  .faq-container .sidekick p {
    max-width: initial;
    margin: initial;
    padding: 16px 0 0 0;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 24px;
    color: #000;
  }
  .faq-container .sidekick .grid-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .faq-container .sidekick .content {
    padding: 0;
  }
  .faq-container .sidekick .content h1 {
    max-width: 100% !important;
    text-align: center;
    font-size: 36px !important;
    line-height: 40px !important;
    color: #000 !important;
    font-weight: 600 !important;
    padding: 0;
    text-align: left;
  }
  .faq-container .sidekick .visual {
    height: initial;
  }
  .faq-container .sidekick h5 {
    margin: 0 0 24px 0;
    color: #fff;
  }
  .faq-container .sidekick h1 {
    font-size: 2.000rem;
    line-height: 2.250rem;
    color: #fff;
    max-width: initial;
  }
  .faq-container .sidekick a.btn-primary {
    width: 100%;
    position: relative;
    border: transparent;
    color: #008489;
    display: inline-block;
    text-align: left;
    margin: 32px 0 0 0;
    font-size: 1.0625rem;
  }
  .faq-container .headline {
    margin: 8px 0 24px 0;
    padding: 40px 24px;
    position: relative;
  }
  .faq-container .headline h1 {
    color: #000 !important;
    font-size: 56px;
    font-size: 36px !important;
    font-weight: 600 !important;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 64px;
    line-height: 42px !important;
    margin: 0;
    padding: 0;
  }
  .faq-container .introduction {
    padding: 0px !important;
    padding: 64px 24px 0 24px !important;
    border: none !important;
  }
  .faq-container .introduction .grid-container {
    padding: 0px;
  }
  .faq-container .introduction .grid-container .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
  }
  .faq-container .introduction .grid-container .grid-margin-x .cell {
    margin: 0px;
    width: 100%;
  }
  .faq-container .introduction .grid-container .grid-margin-x .cell p {
    margin: 24px 0 0 0;
    padding: 0px;
    color: #000 !important;
    max-width: initial !important;
    margin: initial !important;
    padding: 24px 0 0 0px !important;
    font-size: 18px !important;
    line-height: 27px !important;
  }
  .faq-container .introduction .grid-container .grid-margin-x .cell p a {
    color: #000;
    text-decoration: underline;
    font-weight: 600;
  }
  .faq-container .faq, .faq-container .contributions, .faq-container .other {
    padding: 0 24px;
    margin: 0 0 48px 0 !important;
  }
  .faq-container .faq h2, .faq-container .contributions h2, .faq-container .other h2 {
    display: block;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 32px;
    margin: 0 0 32px;
    position: relative;
    top: 0;
  }
  .faq-container .faq h3, .faq-container .contributions h3, .faq-container .other h3 {
    color: #000;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0;
    padding: 0 0 12px;
  }
  .faq-container .faq .grid-container, .faq-container .contributions .grid-container, .faq-container .other .grid-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: 40px 0 0 0 !important;
  }
  .faq-container .faq .grid-container:first-of-type, .faq-container .contributions .grid-container:first-of-type, .faq-container .other .grid-container:first-of-type {
    margin: 0px !important;
  }
  .faq-container .faq .grid-container .grid-margin-x, .faq-container .contributions .grid-container .grid-margin-x, .faq-container .other .grid-container .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
  }
  .faq-container .faq .grid-container .grid-margin-x .cell, .faq-container .contributions .grid-container .grid-margin-x .cell, .faq-container .other .grid-container .grid-margin-x .cell {
    margin: 0px;
    width: 100%;
  }
  .faq-container .faq .grid-container .grid-margin-x .cell .fact, .faq-container .contributions .grid-container .grid-margin-x .cell .fact, .faq-container .other .grid-container .grid-margin-x .cell .fact {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 16px 0;
    border-radius: 0;
    -moz-borer-radius: 8px;
    margin: 0 0 0px 0;
    display: inline-block;
    width: 100%;
    background-color: #fff;
  }
  .faq-container .faq .grid-container .grid-margin-x .cell .fact .accordian ul li input[type=checkbox]:checked ~ i:before, .faq-container .contributions .grid-container .grid-margin-x .cell .fact .accordian ul li input[type=checkbox]:checked ~ i:before, .faq-container .other .grid-container .grid-margin-x .cell .fact .accordian ul li input[type=checkbox]:checked ~ i:before {
    transform: translate(2.5px, 0) rotate(45deg);
  }
  .faq-container .faq .grid-container .grid-margin-x .cell .fact .accordian ul li i:before, .faq-container .faq .grid-container .grid-margin-x .cell .fact ul li i:after, .faq-container .contributions .grid-container .grid-margin-x .cell .fact .accordian ul li i:before, .faq-container .contributions .grid-container .grid-margin-x .cell .fact ul li i:after, .faq-container .other .grid-container .grid-margin-x .cell .fact .accordian ul li i:before, .faq-container .other .grid-container .grid-margin-x .cell .fact ul li i:after {
    content: "";
    position: absolute;
    background-color: #8A8A8A;
    width: 1.5px;
    height: 8px;
    border-radius: 4px;
  }
  .faq-container .faq .grid-container .grid-margin-x .cell .fact .accordian ul li i, .faq-container .contributions .grid-container .grid-margin-x .cell .fact .accordian ul li i, .faq-container .other .grid-container .grid-margin-x .cell .fact .accordian ul li i {
    position: absolute;
    -webkit-transform: translate(-8px, 0);
    transform: translate(-8px, 0);
    margin-top: 7px;
    right: 0;
    opacity: .48;
  }
  .faq-container .faq .grid-container .grid-margin-x .cell .fact ul li, .faq-container .contributions .grid-container .grid-margin-x .cell .fact ul li, .faq-container .other .grid-container .grid-margin-x .cell .fact ul li {
    padding: 0px;
  }
  .faq-container .faq .grid-container .grid-margin-x .cell .fact h6, .faq-container .contributions .grid-container .grid-margin-x .cell .fact h6, .faq-container .other .grid-container .grid-margin-x .cell .fact h6 {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    max-width: 90%;
    margin: 0px;
  }
  .faq-container .faq .grid-container .grid-margin-x .cell .fact label, .faq-container .contributions .grid-container .grid-margin-x .cell .fact label, .faq-container .other .grid-container .grid-margin-x .cell .fact label {
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    max-width: 90%;
    margin: 0px;
  }
  .faq-container .faq .grid-container .grid-margin-x .cell .fact p, .faq-container .contributions .grid-container .grid-margin-x .cell .fact p, .faq-container .other .grid-container .grid-margin-x .cell .fact p {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #333 !important;
    margin: 16px 0 0 0;
  }
  .faq-container .faq .grid-container .grid-margin-x .cell .fact p a, .faq-container .contributions .grid-container .grid-margin-x .cell .fact p a, .faq-container .other .grid-container .grid-margin-x .cell .fact p a {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #333 !important;
    margin: 16px 0 0 0;
    border-bottom: 1px solid #333;
  }
  .faq-container .faq .grid-container .grid-margin-x .cell .no-pad, .faq-container .contributions .grid-container .grid-margin-x .cell .no-pad, .faq-container .other .grid-container .grid-margin-x .cell .no-pad {
    margin: 0px;
    border-bottom: none;
  }
  .faq-container .contributions, .faq-container .faq, .faq-container .other {
    margin: 0 0 32px 0 !important;
    padding: 0 24px;
  }
  .faq-container .contributions article, .faq-container .faq article, .faq-container .other article {
    display: block;
    margin: 0 0 32px;
  }
  .faq-container footer {
    background: transparent !important;
    border-top: none;
  }
  .faq-container section.cta-primary {
    position: relative;
    padding: 0 !important;
    height: initial !important;
    margin: 0 24px 40px 24px;
    border-radius: 16px;
    background: #F7F7F7;
  }
  .faq-container section.cta-primary .grid-x {
    border-top: none !important;
    border-bottom: none !important;
    padding: 0px 0 !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .faq-container section.cta-primary .grid-x .cell {
    margin: 32px 0;
  }
  .faq-container section.cta-primary .grid-x .cell .centre {
    margin: 0 !important;
  }
  .faq-container section.cta-primary .grid-x .cell .centre a {
    height: 48px;
    line-height: 48px;
    width: initial !important;
    position: relative;
    background: #fff;
    border-radius: 50px;
    color: #111212;
    font-size: 14px;
    border: 0;
    padding: 0px 24px !important;
    font-weight: 500;
    letter-spacing: 0;
    margin: 8px 0 0 0;
    box-shadow: none;
  }
  .faq-container section.cta-primary .grid-x .cell .centre a img {
    margin: -2px 0 0 4px;
  }
  .faq-container section.cta-primary .grid-x .cell .centre h2 {
    margin: 0 0 16px 0 !important;
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: 0;
    color: #000 !important;
    padding: 0 8px !important;
    max-width: none !important;
    padding: 0px !important;
  }
  /* 640px - PRESS KIT PAGE */
  .press-kit-container header {
    background-color: #fff !important;
  }
  .press-kit-container header ul {
    margin: 0;
    padding: 0;
  }
  .press-kit-container header ul li {
    display: inline-block;
    line-height: 80px;
  }
  .press-kit-container header ul li a {
    color: #000;
  }
  .press-kit-container header a {
    color: #000;
  }
  .press-kit-container .sidekick {
    padding: 88px 24px 0px 24px !important;
  }
  .press-kit-container .sidekick .grid-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .press-kit-container .sidekick .content {
    padding: 0px;
  }
  .press-kit-container .sidekick .visual {
    height: inherit;
  }
  .press-kit-container .sidekick h5 {
    margin: 0 0 24px 0;
    color: #fff;
  }
  .press-kit-container .sidekick h1 {
    max-width: 100% !important;
    font-size: 40px !important;
    line-height: 44px !important;
    color: #000 !important;
    letter-spacing: -0.018em;
    font-weight: 800;
    padding: 0;
    text-align: left;
  }
  .press-kit-container .introduction {
    padding: 0px 24px !important;
    border: none !important;
  }
  .press-kit-container .introduction .grid-container {
    padding: 0px;
  }
  .press-kit-container .introduction .grid-container .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
  }
  .press-kit-container .introduction .grid-container .grid-margin-x .cell {
    margin: 0px;
    width: 100%;
  }
  .press-kit-container .introduction .grid-container .grid-margin-x .cell p {
    text-align: left !important;
    margin: 24px 0 0 0 !important;
  }
  .press-kit-container .introduction .grid-container .grid-margin-x .cell p.press {
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1rem !important;
    line-height: 24px !important;
    padding: 16px;
    margin: 48px 0 0 0 !important;
    color: #333;
  }
  .press-kit-container .introduction .grid-container .grid-margin-x .cell p.press a {
    font-size: 1rem;
    border-bottom: 1px solid #008489;
  }
  .press-kit-container .kit {
    padding: 0 24px;
    margin: 0;
  }
  .press-kit-container .kit h2 {
    padding: 64px 0 48px 0;
    margin: 0;
    font-size: 34px;
    line-height: 38px;
    font-weight: 700;
    letter-spacing: -0.017em;
  }
  .press-kit-container .kit .grid-container {
    padding: 0px;
  }
  .press-kit-container .kit .grid-container .grid-margin-x {
    margin-left: 0px;
    margin-right: 0px;
  }
  .press-kit-container .kit .grid-container .grid-margin-x .cell {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0;
    width: 100%;
  }
  .press-kit-container .kit .grid-container .grid-margin-x .cell .block {
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0 0 64px 0;
    position: relative;
  }
  .press-kit-container .kit .grid-container .grid-margin-x .cell .block img {
    margin: 0 8px 0 0;
    border-radius: 4px;
    height: initial !important;
    display: inline-block !important;
  }
  .press-kit-container .kit .grid-container .grid-margin-x .cell .block img.light {
    border: 1px solid #ddd;
  }
  .press-kit-container .kit .grid-container .grid-margin-x .cell .block a.dl-button {
    padding: 0;
    display: inline-block;
    font-size: 1rem;
    line-height: 24px;
    color: #2C2E2F;
    margin: 20px 0 0 0;
  }
  .press-kit-container .kit .grid-container .grid-margin-x .cell .block a.dl-button span {
    color: #737373;
  }
  .press-kit-container .our-story {
    padding: 64px 24px !important;
    background: #F7F6F7;
  }
  .press-kit-container .our-story h2 {
    padding: 0 !important;
    margin: 0px;
    margin: 0;
    font-size: 34px !important;
    line-height: 38px !important;
    font-weight: 700 !important;
    letter-spacing: -0.017em;
  }
  .press-kit-container .our-story h3 {
    padding: 0;
    margin: 0 auto;
    font-size: 1.500rem;
    line-height: 1.750rem;
    color: #212121;
  }
  .press-kit-container .our-story .grid-container {
    padding: 0px;
  }
  .press-kit-container .our-story .grid-container .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
  }
  .press-kit-container .our-story .grid-container .grid-margin-x .cell {
    margin: 0px;
    width: 100%;
  }
  .press-kit-container .our-story .grid-container .grid-margin-x .cell p {
    color: #333;
    margin: 24px 0;
  }
  .press-kit-container .our-story .grid-container .grid-margin-x .cell ul li {
    color: #696969;
  }
  .press-kit-container .hitchd-facts {
    padding: 0px !important;
  }
  .press-kit-container .hitchd-facts h2.company {
    padding: 24px 8px 24px 8px !important;
  }
  .press-kit-container .hitchd-facts .grid-container {
    padding-right: 16px !important;
    padding-left: 16px !important;
    max-width: 80rem;
    margin: 0 auto;
  }
  .press-kit-container .hitchd-facts .grid-container .grid-x {
    margin-left: 0;
    margin-right: 0;
  }
  .press-kit-container .hitchd-facts .grid-container .grid-x .container {
    margin: 0 8px 16px 8px !important;
  }
  .press-kit-container footer {
    border-top: none;
    margin: 0;
  }
  /* 640px - BLOG PAGE */
  .blog-container .hero {
    padding: 64px 24px 64px 24px !important;
    background: #fff !important;
  }
  .blog-container .hero .grid-container {
    padding: 0px !important;
  }
  .blog-container .hero .content {
    padding: 0;
  }
  .blog-container .hero .visual {
    height: initial;
  }
  .blog-container .hero h5 {
    margin: 0 0 24px 0;
  }
  .blog-container .hero h1 {
    max-width: 100% !important;
    color: #000 !important;
    font-size: 36px !important;
    line-height: 40px !important;
    max-width: 100% !important;
    text-align: left !important;
    font-weight: 600 !important;
  }
  .blog-container section.blog-post {
    position: relative;
    margin: 24px 0 0 0 !important;
  }
  .blog-container section.blog-post h2 {
    padding: 0 24px 24px 24px;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 700;
  }
  .blog-container section.blog-post .grid-container {
    padding: 0px !important;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x {
    margin-left: 0 !important;
    margin-right: 0px !important;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell {
    margin: 0px !important;
    width: 100%;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .picture-container {
    display: block;
    margin: 0 0px;
    width: 100%;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .picture-container img, .blog-container section.blog-post .grid-container .grid-margin-x .cell .picture-container source {
    height: initial;
    aspect-ratio: 3/2;
    margin: 0;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .header {
    height: 260px;
    width: initial;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 0 24px;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .header img {
    height: 100%;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .body {
    position: relative;
    margin: 24px 0 48px 0 !important;
    background: #fff;
    padding: 0 24px;
    /* -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); */
    /* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); */
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .body p.feature {
    font-size: 21px;
    line-height: 1.4;
    color: #111212;
    margin: 24px 0;
    font-weight: 500;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .body .info {
    margin: 0 0 20px 0;
    overflow: hidden;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .body .info h6 {
    color: #212121;
    margin: 0;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .body .info span {
    background: #737373;
    height: 3px;
    width: 3px;
    border-radius: 50%;
    vertical-align: top;
    margin: 9px 10px 0 6px;
    display: inline-block;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .body .info .left {
    float: left;
    margin: 0;
    color: #6e6e73;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .body .info .right {
    float: right;
    text-align: right;
    color: #737373;
    font-size: 1.0625rem;
    line-height: 1.47059em;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .body h2 {
    margin: 0 0 16px 0;
    color: #111212;
    font-size: 26px;
    line-height: 32px;
    font-weight: 600;
    max-width: 100%;
    font-size: 24px;
    line-height: 1.16667;
    font-weight: 700;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .body p {
    margin: 0;
    font-size: 17px;
    line-height: 1.4;
    color: #111212;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .body a.primary {
    font-size: 17px;
    line-height: 1.4;
    color: #111212;
    margin: 16px 0 0 0;
    display: inline-block;
  }
  .blog-container section.blog-post .grid-container .grid-margin-x .cell .body a.primary img {
    margin: -2px 0 0 4px;
  }
  section.value .how-work-container {
    background: #fff !important;
    padding: 64px 24px;
  }
  section.value .workings h3 {
    font-size: 36px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 24px 0;
  }
  section.value .workings ol li {
    margin: 24px 0 24px 0;
    max-width: initial !important;
    font-size: 19px !important;
    letter-spacing: 0 !important;
    line-height: 1.21053 !important;
    padding: 0px;
    font-weight: 500;
  }
  section.value .workings ol li:last-of-type {
    margin: 24px 0 0 0;
  }
  section.value .grid-container {
    padding-right: 0;
    padding-left: 0;
  }
  section.value .workings .grid-x {
    height: initial;
    align-items: initial !important;
  }
  section.value .content {
    padding: 80px 24px !important;
    height: initial;
  }
  section.value .grid-x {
    -webkit-box-align: initial !important;
    -ms-flex-align: initial !important;
    align-items: initial !important;
  }
  section.value .workings .visual .img {
    width: 100%;
    height: 480px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    text-align: center;
    padding: 0 24px;
  }
  /* 640px - BLOG POST PAGE */
  .logos-two {
    padding: 80px 0 !important;
    position: relative;
    height: initial;
    background-color: #000 !important;
    text-align: left;
  }
  .logos-two .grid-container {
    position: relative;
    top: initial;
    transform: initial;
  }
  .logos-two h2 {
    font-size: 36px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0 0 24px 0;
    text-align: left;
  }
  .logos-two p {
    text-align: center;
    padding: 0 0 24px 0 !important;
    font-weight: 500 !important;
    max-width: initial;
    text-align: left;
  }
  .logos-two p a {
    font-size: 19px;
    line-height: 22px;
    text-align: left;
  }
  .logos-two span.call {
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 600 !important;
    margin: 24px 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-weight: 600;
    margin: initial;
    max-width: initial;
  }
  .logos-two h4.quote {
    display: block;
    padding: 0;
    color: #fff;
    font-size: 30px;
    line-height: 1.1;
    text-align: center;
    max-width: initial;
    margin: 0 auto;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 0 24px 0;
  }
  .logos-two .left-svg {
    float: initial;
    width: 100%;
    padding: 24px;
  }
  .logos-two .right-svg {
    float: initial;
    width: 100%;
    padding: 24px;
  }
  .logos-two .mid-svg {
    width: 100%;
    padding: 0 48px 48px 48px;
  }
  .blog-post-container main {
    max-width: initial;
    display: block;
  }
  .blog-post-container main aside {
    position: fixed;
    display: block;
    bottom: 0px;
    max-width: initial;
    width: 100%;
    background: #fff;
    padding: 24px;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -1px 0px 0 rgba(0, 0, 0, 0.08), 0 -1px 2px 0 rgba(0, 0, 0, 0.04);
    z-index: 999999999;
  }
  .blog-post-container main aside .sticky {
    position: sticky;
    top: 24px;
    display: block;
  }
  .blog-post-container main aside .sticky a.small-logo-side {
    margin: 0 0 0 0;
  }
  .blog-post-container main aside .sticky a.link-btn {
    margin: 8px 0 0 0;
  }
  .blog-post-container main aside .sticky .fluid {
    margin: 0;
  }
  .blog-post-container main aside .sticky .fluid p {
    font-size: 14px;
    line-height: 20px;
  }
  .blog-post-container main aside .sticky .fluid span.title {
    font-size: 20px;
    font-weight: 600;
    color: #111212;
    line-height: 28px;
    margin: 0px 0 12px 0;
    display: inline-block;
  }
  .blog-post-container main aside .sticky .fluid a {
    float: left;
    margin: 58px 0 0 0;
  }
  .blog-post-container #mob-menu {
    background: #fff;
  }
  .blog-post-container #mob-menu ul li a {
    font-size: 20px !important;
    color: #000 !important;
    line-height: 20px;
    padding: 10px 0;
    display: block;
    letter-spacing: 0;
    margin: 0px;
    text-align: left;
    font-weight: 500;
  }
  .blog-post-container .start-with-large {
    background: #000;
    padding: 24px 0 28px 0;
    position: relative;
    display: flex;
    height: auto;
    border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    width: 100% !important;
    margin: 40px 0;
  }
  .blog-post-container .start-with-large .prev-logo {
    height: 32px;
    line-height: 32px;
    padding: 0px 0 0 24px !important;
    /* float: left; */
    margin: 0;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
  }
  .blog-post-container .start-with-large .prev-back {
    float: left;
    height: 32px;
    line-height: 32px;
    margin: -6px 0 0 8px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
  }
  .blog-post-container .start-with-large .prev-back img {
    padding: 8px;
    vertical-align: top;
    margin: 0;
  }
  .blog-post-container .start-with-large .prev-logo img {
    width: 56px;
  }
  .blog-post-container .start-with-large .reglogo {
    margin: -2px 0 0 0 !important;
  }
  .blog-post-container .start-with-large .cta-link {
    float: right;
  }
  .blog-post-container .start-with-large .cta-body {
    float: left;
    padding: 0 24px;
  }
  .blog-post-container .start-with-large .cta-body p {
    color: white !important;
    font-size: 20px !important;
    line-height: 24px !important;
    padding: 16px 0 16px 0px !important;
    letter-spacing: 0 !important;
    font-weight: 500 !important;
    margin: 0 0 0 0 !important;
  }
  .blog-post-container .start-with-large .cta-body span {
    color: #fff;
    line-height: 24px;
    margin: 0;
    opacity: 1;
    max-width: 500px;
    position: relative;
    display: block;
    margin: 0 0 24px 0;
    font-size: 16px;
    opacity: .88;
  }
  .blog-post-container .start-with-large .cta-body a {
    position: relative;
    border-bottom: none;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: left;
    line-height: 24px;
    color: #000;
    background: #fff;
    border-radius: 50px;
    padding: 0 24px;
    line-height: 40px;
    display: inline-block;
    box-sizing: content-box;
    height: 40px;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    float: left;
    width: calc(100% - 48px);
    text-align: center;
  }
  .blog-post-container .start-with-large .cta-body a span {
    color: #fff !important;
  }
  .blog-post-container .feature-frame {
    padding: 16px;
    border-radius: 8px;
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin: 0;
  }
  .blog-post-container section.blog-post .block-blog-promo {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin: 24px -24px 24px -24px;
    display: inline-block;
    background: #fcfcfd;
  }
  .blog-post-container section.blog-post .block-blog-promo .hero {
    height: initial;
    aspect-ratio: 3/2;
    position: relative;
    max-width: initial;
    border-radius: 0;
    margin: 0 auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: black;
    margin: 24px 0 16px 0;
    margin: 24px 24px 16px 24px;
  }
  .blog-post-container section.blog-post .block-blog-promo .article-right {
    margin: 0 0 0 0px !important;
    padding: 0 24px;
    background: #fcfcfd;
  }
  .blog-post-container section.blog-post .block-blog-promo .article-right span.must {
    text-transform: uppercase;
    letter-spacing: .24px;
    font-size: 12px;
    font-weight: 600;
    color: #c60f13;
    margin: 50px 0 0 0;
    display: inline-block;
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 600;
    letter-spacing: 0;
    margin: 0px 0 0px 0;
  }
  .blog-post-container section.blog-post .block-blog-promo .article-right span.must h2 {
    font-weight: 600 !important;
  }
  .blog-post-container section.blog-post .block-blog-promo .article-right h2 {
    margin: 8px 0 0 0 !important;
    font-size: 17px;
    line-height: 1.23536;
    font-weight: 600 !important;
  }
  .blog-post-container section.blog-post .block-blog-promo .article-right a.special {
    display: inline-block;
    margin: 12px 0 24px 0 !important;
    line-height: 27px;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    position: relative;
    text-decoration: none;
    display: inline-block;
    background-color: transparent;
    padding: 0;
    font-size: 14px;
    line-height: 1.28577;
    font-weight: 600;
    color: #6e6e73 !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-bottom: none !important;
  }
  .blog-post-container section.blog-post .block-blog-promo .article-right a.special:after {
    display: none;
  }
  .blog-post-container .blog-view-more h2.title {
    margin: 0px 0 0 24px !important;
    font-size: 17px;
    line-height: 1.19;
    font-weight: 600;
    display: block;
    margin: 24px 0 24px 0;
    font-size: 22px;
    line-height: 1.19048;
    font-weight: 700;
  }
  .blog-post-container .blog-view-more .grid-container .grid-margin-x .cell .header {
    height: 100% !important;
    width: auto !important;
    aspect-ratio: 3/2;
  }
  .blog-post-container .blog-view-more .grid-container .grid-margin-x .cell .body {
    position: relative;
    margin: 0px 24px 16px 24px !important;
    max-width: initial;
    margin: 0 auto;
    padding: 0;
  }
  .blog-post-container .blog-view-more .grid-container .grid-margin-x .cell .body h2 {
    margin: 16px 0 16px 0 !important;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    font-size: 19px !important;
    line-height: 1.12 !important;
  }
  .blog-post-container .blog-view-more .grid-container .grid-margin-x .cell .body a.special {
    display: inline-block;
    margin: 0 0 0 0;
    line-height: 27px;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #000 !important;
    position: relative;
    text-decoration: none;
    display: inline-block;
    background-color: transparent;
    padding: 0 0 2px 0;
    display: none;
  }
  .blog-post-container .blog-view-more .grid-container .grid-margin-x .cell .body a.special:after {
    background-color: #000;
    bottom: 0;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    transition: all cubic-bezier(0.83, 0, 0.37, 1.01) 350ms;
    position: absolute;
    width: 100%;
    z-index: 100%;
  }
  .blog-post-container .blog-view-more .grid-container .grid-margin-x .cell .body a.special:hover:after {
    width: 0;
    left: 0;
  }
  .blog-post-container .hellobar {
    height: 48px;
    background: #111212;
    z-index: 9;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 0 24px;
    text-align: left;
  }
  .blog-post-container .hellobar p {
    color: rgba(255, 255, 255, 0.72);
    line-height: 48px;
    font-size: 14px;
    margin: 0;
  }
  .blog-post-container .hellobar p a {
    color: #fff;
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24);
    padding-bottom: 0px;
    font-weight: 500;
    margin: 0 1px 0 0;
  }
  .blog-post-container .hook {
    padding: 0;
  }
  .blog-post-container .hook h3 {
    margin: 40px 0 24px 0;
    font-size: 24px;
    line-height: 28px;
  }
  .blog-post-container header {
    position: relative;
    z-index: 9;
    border: none;
    text-align: left;
    z-index: initial;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff !important;
    height: 64px;
    text-align: center;
    line-height: 64px;
  }
  .blog-post-container header img {
    height: initial;
  }
  .blog-post-container header a.logo {
    margin: 20px 0 0px 0;
    float: left;
    vertical-align: text-top;
    z-index: 999;
    position: absolute;
    left: 24px;
  }
  .blog-post-container header .auth {
    position: absolute;
    top: 0;
    left: 0;
    right: 0 !important;
  }
  .blog-post-container header a.btn {
    margin: 8px 0 !important;
    float: left;
    background: transparent;
    border-radius: 50%;
    padding: 4px 0;
    position: absolute;
    right: 24px;
  }
  .blog-post-container header .authlogin {
    display: none;
  }
  .blog-post-container .blog-image-block {
    height: initial !important;
    width: 100%;
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin: 24px 0 0 0;
    display: inline-block;
  }
  .blog-post-container .newsletter-form {
    padding: 0 0 0 0 !important;
    border-top: none;
    width: 100%;
  }
  .blog-post-container .newsletter-form p strong {
    color: #111212;
    font-weight: normal;
  }
  .blog-post-container .newsletter-form input {
    font-size: 1rem;
    color: #2C2E2F;
    border-radius: 8px;
    height: 44px;
    line-height: 44px;
  }
  .blog-post-container .newsletter-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ABABAB;
  }
  .blog-post-container .newsletter-form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #ABABAB;
  }
  .blog-post-container .sharing {
    padding: 24px 0 0 0 !important;
    margin: initial !important;
    max-width: initial !important;
  }
  .blog-post-container .sharing h3 {
    margin: 32px 0 24px 0 !important;
    color: #444444;
    font-size: 1.0625rem !important;
    line-height: 1.47059em !important;
    font-family: 'System-Regular', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
  }
  .blog-post-container .hero .hero-image {
    max-width: initial;
    margin: initial;
    padding: 0;
  }
  .blog-post-container .hero .hero-image img {
    max-width: 100%;
    max-height: initial;
    aspect-ratio: 3/2;
    object-fit: cover;
  }
  .blog-post-container .hero .hero-image source {
    max-width: 100%;
    max-height: initial;
    aspect-ratio: 3/2;
    object-fit: cover;
  }
  .blog-post-container section.blog-post {
    position: relative;
  }
  .blog-post-container section.blog-post .grid-container {
    padding: 0px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x {
    margin-left: 0;
    margin-right: 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell {
    margin: 0px;
    width: 100%;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .best-blogs-new h4 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin: 24px  0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .best-blogs-new figure {
    margin: 0 0 24px 0 !important;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .best-blogs-new a.button-primary-blog {
    background: #111212;
    display: inline-block;
    height: 44px;
    line-height: 44px;
    border-radius: 6px;
    color: #fff;
    padding: 0 24px;
    font-weight: 500;
    margin: 0px 0 0 0;
    text-align: center;
    width: 100%;
    font-size: 16px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell h5.summary {
    font-weight: 600;
    font-size: 18px;
    margin: 24px 0 0 0 !important;
    display: inline-block;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell figure {
    margin: 24px 0 0 0;
    display: inline-block;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell h1 {
    margin: 0 auto;
    padding: 24px 24px 0 24px;
    font-size: 32px !important;
    line-height: 1.125 !important;
    font-weight: 700 !important;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell article {
    margin: 0 !important;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .header {
    height: 360px;
    width: 100%;
    background-color: black;
    padding: 0px;
    margin: 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .header img {
    height: 100%;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body {
    position: relative;
    margin: 0px 24px 64px 24px;
    padding: 0px !important;
    max-width: initial;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card {
    padding: 32px 0 32px 0;
    position: relative;
    overflow: auto;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card span em {
    background: #737373;
    height: 3px;
    width: 3px;
    border-radius: 50%;
    vertical-align: top;
    margin: 8px 8px 0 8px;
    display: inline-block;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card span a {
    font-weight: 500;
    color: #111212;
    border-bottom: 1px solid #111212;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card h6 {
    padding: 5px 0 0 60px !important;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .author-card h6 a {
    font-weight: 500;
    text-decoration: underline;
    color: #111212;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body hr.introhr {
    margin: 24px 0 40px 0;
    width: 100px;
    border-top: 1px solid #E7E8E9;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol.inner {
    margin: 20px 0 0 32px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol li {
    color: #111212;
    margin: 0 0 16px 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.47059;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol li a {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 500;
    color: #111212;
    border-bottom: none;
    text-decoration: underline;
    border: none;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h5 {
    font-size: 18px;
    line-height: 22px;
    margin: 0px 0 16px 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.comparison {
    list-style-type: none;
    margin-left: 0px;
    margin-top: 0px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.comparison li {
    margin: 0 0 24px 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.comparison li h5 {
    font-size: 18px;
    line-height: 22px;
    margin: 0px 0 16px 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.compressed {
    list-style-type: disc;
    margin-left: 16px;
    margin-bottom: 24px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.compressed li {
    margin: 0 0 16px 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol.criteria {
    list-style-type: none;
    margin-left: 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol.criteria li h6 {
    margin: 24px 0 16px 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol.nostyles {
    margin-left: 0px;
    list-style-type: none;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol.nostyles ul {
    margin: 32px 0 24px 32px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ol.nostyles ul li {
    margin: 0 0 16px 8px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a.reg-comp-link {
    margin: 16px 0 8px 0;
    display: inline-block;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a.reg-comp-link img {
    margin: -2px 0 0 4px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .info {
    margin: 0 0 24px 0;
    overflow: hidden;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .info h6 {
    margin: 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .info span {
    background: #737373;
    height: 3px;
    width: 3px;
    border-radius: 50%;
    vertical-align: top;
    margin: 11px 8px 0 6px;
    display: inline-block;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .info .left {
    float: left;
    margin: 0;
    color: #737373;
    font-size: 16px !important;
    line-height: 24px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .info .right {
    float: right;
    text-align: right;
    color: #737373;
    font-size: 16x;
    line-height: 24px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .info h2 {
    font-size: 1.750rem;
    line-height: 2.125rem;
    color: #212121;
    margin: 24px 0;
    display: inline-block;
    padding: 0px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .share ul {
    margin-left: 0;
    list-style-type: none;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .share ul li {
    display: inline-block;
    float: left;
    margin: 0 12px 0 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .share ul li h5 {
    font-size: 1rem;
    line-height: 1.750rem;
    color: #212121;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .share ul li a {
    padding: 0px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h1 {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 30px !important;
    line-height: 34px !important;
    display: inline-block;
    letter-spacing: 0;
    color: #111212;
    font-weight: 600;
    padding: 40px 0 0 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h2 {
    margin: 24px 0 24px 0;
    font-size: 22px;
    line-height: 1.19048;
    font-weight: 700;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h2 a {
    font-size: 21px;
    line-height: 1.19048;
    font-weight: 700;
    border-bottom: 2px solid #111212;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h3 {
    margin: 24px 0 24px 0;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 19px;
    line-height: 1.47059;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h3 a {
    border-bottom: 1px solid #111212;
    color: #111212;
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 700;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h4 {
    margin: 24px 0 24px 0;
    font-size: 19px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.47059;
    padding: 0px !important;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h5 {
    margin: 24px 0 24px 0;
    font-size: 19px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.47059;
    padding: 0px !important;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body h6 {
    margin: 24px 0 24px 0;
    font-size: 19px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.47059;
    padding: 0px !important;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body figcaption {
    color: #6e6e73;
    font-weight: 600;
    margin: 16px 0 0 0;
    font-size: 12px;
    line-height: 1.33337;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body .addthis_inline_share_toolbox {
    margin: 24px 0 0 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body P {
    margin: 0 0 24px 0;
    color: #111212;
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body P a {
    /* font-family: system-regular; */
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 500;
    color: #111212;
    border-bottom: none;
    text-decoration: underline;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body P strong {
    color: #111212;
    font-weight: 600;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body P img.blog-image-body {
    margin: 24px 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul {
    margin: 24px 0 24px 10px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul li {
    color: #111212;
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    margin: 8px 0 8px 8px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul li a {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 500;
    color: #111212;
    border-bottom: none;
    text-decoration: underline;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul li h5 {
    font-size: 17px;
    line-height: 25px;
    margin: 0px 0 8px 0;
    font-weight: 700;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul li a {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 500;
    color: #111212;
    border-bottom: none;
    text-decoration: underline;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.thumbs {
    list-style-type: none;
    display: inline-block;
    margin-top: 24px;
    margin-left: 0px;
    margin-bottom: 0px;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.thumbs li {
    margin: 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.thumbs li h5 {
    font-size: 18px;
    line-height: 22px;
    margin: 0px 0 16px 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body ul.thumbs li img {
    float: left;
    margin: 0px 18px 64px 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body p.special {
    font-size: 1.188rem;
    line-height: 1.688rem;
    color: #212121;
    margin: 24px 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a.primary {
    font-size: 1rem;
    position: relative;
    border: 1px solid #CDCDCD;
    color: #212121;
    height: 40px;
    line-height: 2.500rem;
    display: inline-block;
    padding: 0 16px;
    border-radius: 4px;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    margin: 24px 0 0 0;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a.primary:active {
    border: 1px solid #8F9295;
  }
  .blog-post-container section.blog-post .grid-container .grid-margin-x .cell .body a.primary:visited {
    color: #212121;
  }
  .blog-post-container footer {
    background: #fff;
    border-top: none;
    padding: 40px 24px 24px 24px !important;
  }
}

/* 640px - EVEN GRANDMA WILL APPROVE PAGE */
.even-grandma-will-approve-container header {
  background: transparent;
  position: relative;
  z-index: 9;
  background-color: transparent;
}

.even-grandma-will-approve-container .sidekick {
  padding: 0 !important;
  height: initial;
  padding: initial;
  height: initial !important;
  background-color: initial;
  background-image: initial;
  background-position: initial;
  background-repeat: initial;
  background-size: initial;
  position: initial;
  margin-top: initial;
}

.even-grandma-will-approve-container .sidekick .grid-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.even-grandma-will-approve-container .sidekick .content {
  padding: 64px 24px 64px 24px;
}

.even-grandma-will-approve-container .sidekick .content .centre {
  max-width: initial;
}

.even-grandma-will-approve-container .sidekick .content h6 {
  color: #B4A66C !important;
  margin: 0 0 20px 0 !important;
  font-size: 1.188rem !important;
  line-height: 1.688rem !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.even-grandma-will-approve-container .sidekick .content p {
  color: #444 !important;
}

.even-grandma-will-approve-container .sidekick .content a {
  margin: 24px 0 0 0 !important;
  padding: 0px !important;
}

.even-grandma-will-approve-container .sidekick .content a img {
  margin: -2px 0 0 4px;
}

.even-grandma-will-approve-container .sidekick .visual {
  height: 360px !important;
  background-color: #96A3A3;
  background-image: url(../images/hitchd-honeymoon-registry-benefit-guests-love-hitchd.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: -80px;
}

.even-grandma-will-approve-container .sidekick .visual:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-image: linear-gradient(to top, transparent 64%, rgba(0, 0, 0, 0.24) 90%, rgba(0, 0, 0, 0.32)) !important;
}

.even-grandma-will-approve-container .sidekick h5 {
  margin: 0 0 24px 0;
}

.even-grandma-will-approve-container .sidekick h1 {
  font-size: 2.5rem !important;
  line-height: 2.75rem !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.even-grandma-will-approve-container .callout {
  border: none;
  position: relative;
  margin: 0;
  padding: 0 0 48px 0;
  border-radius: none;
}

.even-grandma-will-approve-container .callout .image {
  background: #EEEEEE;
  height: 360px;
}

.even-grandma-will-approve-container .callout .grid-container {
  padding: 0px !important;
}

.even-grandma-will-approve-container .callout .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.even-grandma-will-approve-container .callout .grid-container .grid-margin-x .cell {
  margin: 0px;
  width: 100%;
}

.even-grandma-will-approve-container .callout .grid-container .grid-margin-x .cell p {
  color: #444444 !important;
  font-size: 1.125rem !important;
  line-height: 1.625rem !important;
  text-align: left !important;
  margin: 48px 0 0 0 !important;
  padding: 48px 24px 0 24px !important;
  max-width: initial !important;
  margin: initial !important;
}

.even-grandma-will-approve-container .benefits {
  padding-bottom: 0px;
  background: #F7F6F7;
}

.even-grandma-will-approve-container .benefits h2 {
  margin: 48px 0 !important;
  padding: 0 !important;
}

.even-grandma-will-approve-container .benefits .grid-x {
  padding: 0px !important;
  height: initial;
}

.even-grandma-will-approve-container .benefits h3 {
  margin: 24px 0 24px 0;
  max-width: 85% !important;
}

.even-grandma-will-approve-container .benefits .content {
  margin: 0px !important;
  padding: 0px !important;
}

.even-grandma-will-approve-container .benefits .content p {
  color: #333 !important;
}

.even-grandma-will-approve-container .benefits .content p a {
  line-height: 1.250rem;
  color: #A61D55;
  margin: 0px !important;
  border-bottom: none;
  line-height: 1.250rem;
  color: #A61D55;
  margin: 0;
  height: 0;
  border: 0;
  padding: 0;
}

.even-grandma-will-approve-container .benefits .content div img {
  float: unset !important;
  margin: 0;
  width: initial !important;
}

.even-grandma-will-approve-container .benefits .content div h5 {
  font-size: 1.063em;
  line-height: 1.563rem;
  color: #585858;
}

.even-grandma-will-approve-container .benefits .visual {
  height: initial;
  margin: 0 0 64px 0 !important;
}

.even-grandma-will-approve-container .benefits .get-started {
  border-bottom: none;
  height: initial;
  padding: 0 0 48px 0;
}

.even-grandma-will-approve-container .benefits .get-started a {
  background: transparent;
  height: 56px;
  line-height: 56px;
  text-align: center;
  display: inline-block;
  padding: 0;
  width: 100% !important;
  color: #212121;
  margin: 0;
  border: 1px solid #212121;
  border-radius: 4px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 1rem;
}

.even-grandma-will-approve-container .faq {
  padding: 0 24px !important;
  margin: 0;
}

.even-grandma-will-approve-container .faq h2 {
  padding: 64px 0 48px 0;
  margin: 0;
}

.even-grandma-will-approve-container .faq .grid-container {
  padding: 0px;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell {
  margin: 0px;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell .fact {
  margin: 0 0 64px 0;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  max-width: initial !important;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell .fact p {
  padding: 0;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell .fact p a {
  line-height: 1.250rem;
  color: #008489;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell .last {
  margin: 0px !important;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell a.view-faq {
  margin: 48px 0 64px 0;
  display: inline-block;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell a.view-faq img {
  margin: -2px 0 0 4px;
}

.even-grandma-will-approve-container .faq .grid-container .grid-margin-x .cell .no-pad {
  margin: 0px;
}

.even-grandma-will-approve-container .next {
  margin: 0px !important;
  padding: 64px 24px;
  background: transparent;
  border-top: 1px solid #ebebeb;
  border-top: none;
  background-color: #2e2d3f !important;
  background: #EBEBEB;
}

.even-grandma-will-approve-container .next .grid-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.even-grandma-will-approve-container .next .grid-container .cell {
  border-top: none !important;
  border-bottom: none !important;
  padding: 0 !important;
}

.even-grandma-will-approve-container .next h6 {
  text-transform: initial;
  color: #FFA890;
  margin: 0 0 20px 0 !important;
  font-size: 1.188rem !important;
  line-height: 1.688rem !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.even-grandma-will-approve-container .next h4 {
  color: #fff;
  font-size: 1.750rem;
  line-height: 2.000rem;
}

.even-grandma-will-approve-container .next a {
  width: 100%;
  position: relative;
  border: transparent;
  color: #008489;
  display: inline-block;
  text-align: left;
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.47059em !important;
  color: #fff;
}

.even-grandma-will-approve-container .next a img {
  margin: -2px 0 0 4px;
}

.even-grandma-will-approve-container .cta-primary {
  border-top: none !important;
}

.even-grandma-will-approve-container .cta-primary a.btn-secondary img {
  margin: -2px 0 0 4px !important;
}

.even-grandma-will-approve-container footer {
  border-top: none !important;
}

/* 640px - YOUR REGISTRY, YOUR WAY PAGE */
.your-registry-your-way-container header {
  background: transparent;
  position: relative;
  z-index: 9;
  background-color: transparent;
}

.your-registry-your-way-container .sidekick {
  padding: 0 !important;
  height: initial;
  padding: initial;
  height: initial !important;
  background-color: initial;
  background-image: initial;
  background-position: initial;
  background-repeat: initial;
  background-size: initial;
  position: initial;
  margin-top: initial;
}

.your-registry-your-way-container .sidekick .grid-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.your-registry-your-way-container .sidekick .content {
  padding: 64px 24px 64px 24px;
}

.your-registry-your-way-container .sidekick .content .centre {
  max-width: initial;
}

.your-registry-your-way-container .sidekick .content h6 {
  color: #B4A66C !important;
  margin: 0 0 20px 0 !important;
  font-size: 1.188rem !important;
  line-height: 1.688rem !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.your-registry-your-way-container .sidekick .content p {
  color: #444 !important;
}

.your-registry-your-way-container .sidekick .content a {
  margin: 24px 0 0 0 !important;
}

.your-registry-your-way-container .sidekick .content a img {
  margin: -2px 0 0 4px;
}

.your-registry-your-way-container .sidekick .visual {
  height: 360px !important;
  background-color: #96A3A3;
  background-image: url(../images/hitchd-honeymoon-registry-benefit-beautiful-registry.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: -80px;
}

.your-registry-your-way-container .sidekick .visual:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-image: linear-gradient(to top, transparent 64%, rgba(0, 0, 0, 0.24) 90%, rgba(0, 0, 0, 0.32)) !important;
}

.your-registry-your-way-container .sidekick h5 {
  margin: 0 0 24px 0;
}

.your-registry-your-way-container .sidekick h1 {
  font-size: 2.5rem !important;
  line-height: 2.75rem !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.your-registry-your-way-container .callout {
  border: none;
  position: relative;
  margin: 0;
  padding: 0 0 48px 0;
  border-radius: none;
}

.your-registry-your-way-container .callout .image {
  background: #EEEEEE;
  height: 360px;
}

.your-registry-your-way-container .callout .grid-container {
  padding: 0px !important;
}

.your-registry-your-way-container .callout .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.your-registry-your-way-container .callout .grid-container .grid-margin-x .cell {
  margin: 0px;
  width: 100%;
}

.your-registry-your-way-container .callout .grid-container .grid-margin-x .cell p {
  color: #444444 !important;
  font-size: 1.125rem !important;
  line-height: 1.625rem !important;
  text-align: left !important;
  margin: 48px 0 0 0 !important;
  padding: 48px 24px 0 24px !important;
  max-width: initial !important;
  margin: initial !important;
}

.your-registry-your-way-container .benefits {
  padding-bottom: 0px;
  background: #F7F6F7;
}

.your-registry-your-way-container .benefits h2 {
  margin: 48px 0 !important;
  padding: 0 !important;
}

.your-registry-your-way-container .benefits .grid-x {
  padding: 0px !important;
  height: initial;
}

.your-registry-your-way-container .benefits h3 {
  margin: 24px 0 24px 0;
  max-width: 85% !important;
}

.your-registry-your-way-container .benefits .content {
  margin: 0px !important;
  padding: 0px !important;
}

.your-registry-your-way-container .benefits .content p {
  color: #333 !important;
}

.your-registry-your-way-container .benefits .content p a {
  line-height: 1.250rem;
  color: #A61D55;
  margin: 0px !important;
}

.your-registry-your-way-container .benefits .content div img {
  float: unset !important;
  margin: 0;
  width: initial !important;
}

.your-registry-your-way-container .benefits .content div h5 {
  font-size: 1.063em;
  line-height: 1.563rem;
  color: #585858;
}

.your-registry-your-way-container .benefits .visual {
  height: initial;
  margin: 0 0 64px 0 !important;
}

.your-registry-your-way-container .benefits .get-started {
  border-bottom: none;
  height: initial;
  padding: 0 0 48px 0;
}

.your-registry-your-way-container .benefits .get-started a {
  background: transparent;
  height: 56px;
  line-height: 56px;
  text-align: center;
  display: inline-block;
  padding: 0;
  width: 100% !important;
  color: #212121;
  margin: 0;
  border: 1px solid #212121;
  border-radius: 4px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 1rem;
}

.your-registry-your-way-container .faq {
  padding: 0 24px !important;
  margin: 0;
}

.your-registry-your-way-container .faq h2 {
  padding: 64px 0 48px 0;
  margin: 0;
}

.your-registry-your-way-container .faq .grid-container {
  padding: 0px;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell {
  margin: 0px;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell .fact {
  margin: 0 0 64px 0;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  max-width: initial !important;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell .fact p {
  padding: 0;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell .fact p a {
  line-height: 1.250rem;
  color: #008489;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell .last {
  margin: 0px !important;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell a.view-faq {
  margin: 48px 0 64px 0;
  display: inline-block;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell a.view-faq img {
  margin: -2px 0 0 4px;
}

.your-registry-your-way-container .faq .grid-container .grid-margin-x .cell .no-pad {
  margin: 0px;
}

.your-registry-your-way-container .next {
  margin: 0px !important;
  padding: 64px 24px;
  background: transparent;
  border-top: 1px solid #ebebeb;
  border-top: none;
  background-color: #2e2d3f !important;
  background: #EBEBEB;
}

.your-registry-your-way-container .next .grid-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.your-registry-your-way-container .next .grid-container .cell {
  border-top: none !important;
  border-bottom: none !important;
  padding: 0 !important;
}

.your-registry-your-way-container .next h6 {
  text-transform: initial;
  color: #FFA890;
  margin: 0 0 20px 0 !important;
  font-size: 1.188rem !important;
  line-height: 1.688rem !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.your-registry-your-way-container .next h4 {
  color: #fff;
  font-size: 1.750rem;
  line-height: 2.000rem;
}

.your-registry-your-way-container .next a {
  width: 100%;
  position: relative;
  border: transparent;
  color: #008489;
  display: inline-block;
  text-align: left;
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.47059em !important;
  color: #fff;
}

.your-registry-your-way-container .next a img {
  margin: -2px 0 0 4px;
}

.your-registry-your-way-container .cta-primary {
  border-top: none !important;
}

.your-registry-your-way-container .cta-primary a.btn-secondary img {
  margin: -2px 0 0 4px !important;
}

.your-registry-your-way-container footer {
  border-top: none !important;
}

/* 640px - FIND YOUR ZEN PAGE */
.find-your-zen-container header {
  background: transparent;
  position: relative;
  z-index: 9;
  background-color: transparent;
}

.find-your-zen-container .sidekick {
  padding: 0 !important;
  height: initial;
  padding: initial;
  height: initial !important;
  background-color: initial;
  background-image: initial;
  background-position: initial;
  background-repeat: initial;
  background-size: initial;
  position: initial;
  margin-top: initial;
}

.find-your-zen-container .sidekick .grid-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.find-your-zen-container .sidekick .content {
  padding: 64px 24px 64px 24px;
}

.find-your-zen-container .sidekick .content .centre {
  max-width: initial;
}

.find-your-zen-container .sidekick .content h6 {
  color: #B4A66C !important;
  margin: 0 0 20px 0 !important;
  font-size: 1.188rem !important;
  line-height: 1.688rem !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.find-your-zen-container .sidekick .content p {
  color: #444 !important;
}

.find-your-zen-container .sidekick .content a {
  margin: 24px 0 0 0 !important;
}

.find-your-zen-container .sidekick .content a img {
  margin: -2px 0 0 4px;
}

.find-your-zen-container .sidekick .visual {
  height: 360px !important;
  background-color: #96A3A3;
  background-image: url(../images/hitchd-honeymoon-registry-benefit-find-your-zen.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: -80px;
}

.find-your-zen-container .sidekick .visual:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-image: linear-gradient(to top, transparent 64%, rgba(0, 0, 0, 0.24) 90%, rgba(0, 0, 0, 0.32)) !important;
}

.find-your-zen-container .sidekick h5 {
  margin: 0 0 24px 0;
}

.find-your-zen-container .sidekick h1 {
  font-size: 2.5rem !important;
  line-height: 2.75rem !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.find-your-zen-container .callout {
  border: none;
  position: relative;
  margin: 0;
  padding: 0 0 48px 0;
  border-radius: none;
}

.find-your-zen-container .callout .image {
  background: #EEEEEE;
  height: 360px;
}

.find-your-zen-container .callout .grid-container {
  padding: 0px !important;
}

.find-your-zen-container .callout .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.find-your-zen-container .callout .grid-container .grid-margin-x .cell {
  margin: 0px;
  width: 100%;
}

.find-your-zen-container .callout .grid-container .grid-margin-x .cell p {
  color: #444444 !important;
  font-size: 1.125rem !important;
  line-height: 1.625rem !important;
  text-align: left !important;
  margin: 48px 0 0 0 !important;
  padding: 48px 24px 0 24px !important;
  max-width: initial !important;
  margin: initial !important;
}

.find-your-zen-container .benefits {
  padding-bottom: 0px;
  background: #F7F6F7;
}

.find-your-zen-container .benefits h2 {
  margin: 48px 0 !important;
  padding: 0 !important;
}

.find-your-zen-container .benefits .grid-x {
  padding: 0px !important;
  height: initial;
}

.find-your-zen-container .benefits h3 {
  margin: 24px 0 24px 0;
  max-width: 85% !important;
}

.find-your-zen-container .benefits .content {
  margin: 0px !important;
  padding: 0px !important;
}

.find-your-zen-container .benefits .content p {
  color: #333 !important;
}

.find-your-zen-container .benefits .content p a {
  line-height: 1.250rem;
  color: #A61D55;
  margin: 0px !important;
}

.find-your-zen-container .benefits .content div img {
  float: unset !important;
  margin: 0;
  width: initial !important;
}

.find-your-zen-container .benefits .content div h5 {
  font-size: 1.063em;
  line-height: 1.563rem;
  color: #585858;
}

.find-your-zen-container .benefits .visual {
  height: initial;
  margin: 0 0 64px 0 !important;
}

.find-your-zen-container .benefits .get-started {
  border-bottom: none;
  height: initial;
  padding: 0 0 48px 0;
}

.find-your-zen-container .benefits .get-started a {
  background: transparent;
  height: 56px;
  line-height: 56px;
  text-align: center;
  display: inline-block;
  padding: 0;
  width: 100% !important;
  color: #212121;
  margin: 0;
  border: 1px solid #212121;
  border-radius: 4px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 1rem;
}

.find-your-zen-container .faq {
  padding: 0 24px !important;
  margin: 0;
}

.find-your-zen-container .faq h2 {
  padding: 64px 0 48px 0;
  margin: 0;
}

.find-your-zen-container .faq .grid-container {
  padding: 0px;
}

.find-your-zen-container .faq .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell {
  margin: 0px;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell .fact {
  margin: 0 0 64px 0;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  max-width: initial !important;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell .fact p {
  padding: 0;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell .fact p a {
  line-height: 1.250rem;
  color: #008489;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell .last {
  margin: 0px !important;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell a.view-faq {
  margin: 48px 0 64px 0;
  display: inline-block;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell a.view-faq img {
  margin: -2px 0 0 4px;
}

.find-your-zen-container .faq .grid-container .grid-margin-x .cell .no-pad {
  margin: 0px;
}

.find-your-zen-container .next {
  margin: 0px !important;
  padding: 64px 24px;
  background: transparent;
  border-top: 1px solid #ebebeb;
  border-top: none;
  background-color: #2e2d3f !important;
  background: #EBEBEB;
}

.find-your-zen-container .next .grid-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.find-your-zen-container .next .grid-container .cell {
  border-top: none !important;
  border-bottom: none !important;
  padding: 0 !important;
}

.find-your-zen-container .next h6 {
  text-transform: initial;
  color: #FFA890;
  margin: 0 0 20px 0 !important;
  font-size: 1.188rem !important;
  line-height: 1.688rem !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.find-your-zen-container .next h4 {
  color: #fff;
  font-size: 1.750rem;
  line-height: 2.000rem;
}

.find-your-zen-container .next a {
  width: 100%;
  position: relative;
  border: transparent;
  color: #008489;
  display: inline-block;
  text-align: left;
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.47059em !important;
  color: #fff;
}

.find-your-zen-container .next a img {
  margin: -2px 0 0 4px;
}

.find-your-zen-container .cta-primary {
  border-top: none !important;
}

.find-your-zen-container .cta-primary a.btn-secondary img {
  margin: -2px 0 0 4px !important;
}

.find-your-zen-container footer {
  border-top: none !important;
}

/* 640px - STRAIGHT TO THE BANK */
.straight-to-the-bank-container header {
  background: transparent;
  position: relative;
  z-index: 9;
  background-color: transparent;
}

.straight-to-the-bank-container .sidekick {
  padding: 0 !important;
  height: initial;
  padding: initial;
  height: initial !important;
  background-color: initial;
  background-image: initial;
  background-position: initial;
  background-repeat: initial;
  background-size: initial;
  position: initial;
  margin-top: initial;
}

.straight-to-the-bank-container .sidekick .grid-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.straight-to-the-bank-container .sidekick .content {
  padding: 64px 24px 64px 24px;
}

.straight-to-the-bank-container .sidekick .content .centre {
  max-width: initial;
}

.straight-to-the-bank-container .sidekick .content h6 {
  color: #B4A66C !important;
  margin: 0 0 20px 0 !important;
  font-size: 1.188rem !important;
  line-height: 1.688rem !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.straight-to-the-bank-container .sidekick .content p {
  color: #444 !important;
}

.straight-to-the-bank-container .sidekick .content a {
  margin: 24px 0 0 0 !important;
  padding: 0 !important;
}

.straight-to-the-bank-container .sidekick .content a img {
  margin: -2px 0 0 4px;
}

.straight-to-the-bank-container .sidekick .visual {
  height: 360px !important;
  background-color: #96A3A3;
  background-image: url(../images/hitchd-honeymoon-registry-benefit-straight-to-the-bank.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: -80px;
}

.straight-to-the-bank-container .sidekick .visual:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-image: linear-gradient(to top, transparent 64%, rgba(0, 0, 0, 0.24) 90%, rgba(0, 0, 0, 0.32)) !important;
}

.straight-to-the-bank-container .sidekick h5 {
  margin: 0 0 24px 0;
}

.straight-to-the-bank-container .sidekick h1 {
  font-size: 2.5rem !important;
  line-height: 2.75rem !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.straight-to-the-bank-container .callout {
  border: none;
  position: relative;
  margin: 0;
  padding: 0 0 48px 0;
  border-radius: none;
}

.straight-to-the-bank-container .callout .image {
  background: #EEEEEE;
  height: 360px;
}

.straight-to-the-bank-container .callout .grid-container {
  padding: 0px !important;
}

.straight-to-the-bank-container .callout .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.straight-to-the-bank-container .callout .grid-container .grid-margin-x .cell {
  margin: 0px;
  width: 100%;
}

.straight-to-the-bank-container .callout .grid-container .grid-margin-x .cell p {
  color: #444444 !important;
  font-size: 1.125rem !important;
  line-height: 1.625rem !important;
  text-align: left !important;
  margin: 48px 0 0 0 !important;
  padding: 48px 24px 0 24px !important;
  max-width: initial !important;
  margin: initial !important;
}

.straight-to-the-bank-container .benefits {
  padding-bottom: 0px;
  background: #F7F6F7;
}

.straight-to-the-bank-container .benefits h2 {
  margin: 48px 0 !important;
  padding: 0 !important;
}

.straight-to-the-bank-container .benefits .grid-x {
  padding: 0px !important;
  height: initial;
}

.straight-to-the-bank-container .benefits h3 {
  margin: 24px 0 24px 0;
  max-width: 85% !important;
}

.straight-to-the-bank-container .benefits .content {
  margin: 0px !important;
  padding: 0px !important;
}

.straight-to-the-bank-container .benefits .content p {
  color: #333 !important;
}

.straight-to-the-bank-container .benefits .content p a {
  line-height: 1.250rem;
  color: #A61D55;
  margin: 0px !important;
}

.straight-to-the-bank-container .benefits .content div img {
  float: unset !important;
  margin: 0;
  width: initial !important;
}

.straight-to-the-bank-container .benefits .content div h5 {
  font-size: 1.063em;
  line-height: 1.563rem;
  color: #585858;
}

.straight-to-the-bank-container .benefits .visual {
  height: initial;
  margin: 0 0 64px 0 !important;
}

.straight-to-the-bank-container .benefits .get-started {
  border-bottom: none;
  height: initial;
  padding: 0 0 48px 0;
}

.straight-to-the-bank-container .benefits .get-started a {
  background: transparent;
  height: 56px;
  line-height: 56px;
  text-align: center;
  display: inline-block;
  padding: 0;
  width: 100% !important;
  color: #212121;
  margin: 0;
  border: 1px solid #212121;
  border-radius: 4px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 1rem;
}

.straight-to-the-bank-container .faq {
  padding: 0 24px !important;
  margin: 0;
}

.straight-to-the-bank-container .faq h2 {
  padding: 64px 0 48px 0;
  margin: 0;
}

.straight-to-the-bank-container .faq .grid-container {
  padding: 0px;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell {
  margin: 0px;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell .fact {
  margin: 0 0 64px 0;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  max-width: initial !important;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell .fact p {
  padding: 0;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell .fact p a {
  line-height: 1.250rem;
  color: #008489;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell .last {
  margin: 0px !important;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell a.view-faq {
  margin: 48px 0 64px 0;
  display: inline-block;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell a.view-faq img {
  margin: -2px 0 0 4px;
}

.straight-to-the-bank-container .faq .grid-container .grid-margin-x .cell .no-pad {
  margin: 0px;
}

.straight-to-the-bank-container .next {
  margin: 0px !important;
  padding: 64px 24px;
  background: transparent;
  border-top: 1px solid #ebebeb;
  border-top: none;
  background-color: #2e2d3f !important;
  background: #EBEBEB;
}

.straight-to-the-bank-container .next .grid-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.straight-to-the-bank-container .next .grid-container .cell {
  border-top: none !important;
  border-bottom: none !important;
  padding: 0 !important;
}

.straight-to-the-bank-container .next h6 {
  text-transform: initial;
  color: #FFA890;
  margin: 0 0 20px 0 !important;
  font-size: 1.188rem !important;
  line-height: 1.688rem !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.straight-to-the-bank-container .next h4 {
  color: #fff;
  font-size: 1.750rem;
  line-height: 2.000rem;
}

.straight-to-the-bank-container .next a {
  width: 100%;
  position: relative;
  border: transparent;
  color: #008489;
  display: inline-block;
  text-align: left;
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.47059em !important;
  color: #fff;
}

.straight-to-the-bank-container .next a img {
  margin: -2px 0 0 4px;
}

.straight-to-the-bank-container .cta-primary {
  border-top: none !important;
}

.straight-to-the-bank-container .cta-primary a.btn-secondary img {
  margin: -2px 0 0 4px !important;
}

.straight-to-the-bank-container footer {
  border-top: none !important;
}

/* 640px - BENEFITS INDEX */
.benefits-index header {
  background: transparent;
  position: relative;
  z-index: 9;
  background-color: transparent;
}

.benefits-index .sidekick {
  padding: 0 !important;
  height: initial;
  padding: initial;
  height: initial !important;
  background-color: initial;
  background-image: initial;
  background-position: initial;
  background-repeat: initial;
  background-size: initial;
  position: initial;
  margin-top: initial;
}

.benefits-index .sidekick .grid-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.benefits-index .sidekick .content {
  padding: 64px 24px 64px 24px;
}

.benefits-index .sidekick .content .centre {
  max-width: initial;
  text-align: left;
}

.benefits-index .sidekick .content h6 {
  color: #878A8D !important;
  margin: 0 0 20px 0 !important;
  font-size: 1.188rem !important;
  line-height: 1.688rem !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.benefits-index .sidekick .content h1 {
  font-size: 36px !important;
  line-height: 40px !important;
}

.benefits-index .sidekick .content p {
  max-width: initial !important;
  margin: initial !important;
  padding: 24px 0 0 0 !important;
  font-size: 18px !important;
  line-height: 26px !important;
}

.benefits-index .sidekick .content a {
  height: 56px;
  line-height: 56px;
  width: 100% !important;
  position: relative;
  background: #2C2E2F;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  margin: 32px 0 0 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  border: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0px !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
  margin: 24px 0 0 0 !important;
}

.benefits-index .sidekick .content a img {
  margin: -2px 0 0 4px;
}

.benefits-index .sidekick .visual {
  height: 360px !important;
  background-color: #96A3A3;
  background-image: url(../images/hitchd-honeymoon-registry-benefits.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: -80px;
}

.benefits-index .sidekick .visual:after {
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-image: linear-gradient(to top, transparent 64%, rgba(0, 0, 0, 0.24) 90%, rgba(0, 0, 0, 0.32)) !important;
}

.benefits-index .sidekick h5 {
  margin: 0 0 24px 0;
}

.benefits-index .sidekick h1 {
  font-size: 2.5rem !important;
  line-height: 2.75rem !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.benefits-index .callout {
  border: none;
  position: relative;
  margin: 0;
  padding: 0 0 48px 0;
  border-radius: none;
}

.benefits-index .callout .image {
  background: #EEEEEE;
  height: 360px;
}

.benefits-index .callout .grid-container {
  padding: 0px !important;
}

.benefits-index .callout .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.benefits-index .callout .grid-container .grid-margin-x .cell {
  margin: 0px;
  width: 100%;
}

.benefits-index .callout .grid-container .grid-margin-x .cell p {
  color: #444444 !important;
  font-size: 1.125rem !important;
  line-height: 1.625rem !important;
  text-align: left !important;
  margin: 48px 0 0 0 !important;
  padding: 48px 24px 0 24px !important;
  max-width: initial !important;
  margin: initial !important;
}

.benefits-index .benefits {
  padding-bottom: 0px;
  background: #fff;
  padding-top: 64px;
  border-top: 1px solid #ebebeb;
}

.benefits-index .benefits h2 {
  margin: 48px 0 !important;
  padding: 0 !important;
}

.benefits-index .benefits .grid-x {
  padding: 0px !important;
  height: initial;
}

.benefits-index .benefits h3 {
  margin: 24px 0 24px 0;
  max-width: 85% !important;
}

.benefits-index .benefits .bottomspace {
  margin: 0 0 48px 0 !important;
}

.benefits-index .benefits .content {
  margin: 0px;
  padding: 0px;
}

.benefits-index .benefits .content p {
  color: #333 !important;
}

.benefits-index .benefits .content p a {
  line-height: 1.250rem;
  color: #A61D55;
  margin: 0px !important;
}

.benefits-index .benefits .content div img {
  float: unset !important;
  margin: 0;
  width: initial !important;
}

.benefits-index .benefits .content div h5 {
  font-size: 1.063em;
  line-height: 1.563rem;
  color: #585858;
}

.benefits-index .benefits .visual {
  height: initial;
  margin: 24px 0 0 0 !important;
}

.benefits-index .benefits .get-started {
  border-bottom: none;
  height: initial;
  padding: 0 0 48px 0;
}

.benefits-index .benefits .get-started a {
  background: transparent;
  height: 56px;
  line-height: 56px;
  text-align: center;
  display: inline-block;
  padding: 0;
  width: 100% !important;
  color: #212121;
  margin: 0;
  border: 1px solid #212121;
  border-radius: 4px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 1rem;
}

.benefits-index .faq {
  padding: 0 24px !important;
  margin: 0;
}

.benefits-index .faq h2 {
  padding: 64px 0 48px 0;
  margin: 0;
}

.benefits-index .faq .grid-container {
  padding: 0px;
}

.benefits-index .faq .grid-container .grid-margin-x {
  margin-left: 0;
  margin-right: 0;
}

.benefits-index .faq .grid-container .grid-margin-x .cell {
  margin: 0px;
}

.benefits-index .faq .grid-container .grid-margin-x .cell .fact {
  margin: 0 0 64px 0;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  max-width: initial !important;
}

.benefits-index .faq .grid-container .grid-margin-x .cell .fact p {
  padding: 0;
}

.benefits-index .faq .grid-container .grid-margin-x .cell .fact p a {
  line-height: 1.250rem;
  color: #008489;
}

.benefits-index .faq .grid-container .grid-margin-x .cell .last {
  margin: 0px !important;
}

.benefits-index .faq .grid-container .grid-margin-x .cell a.view-faq {
  margin: 48px 0 64px 0;
  display: inline-block;
}

.benefits-index .faq .grid-container .grid-margin-x .cell a.view-faq img {
  margin: -2px 0 0 4px;
}

.benefits-index .faq .grid-container .grid-margin-x .cell .no-pad {
  margin: 0px;
}

.benefits-index .next {
  margin: 0px !important;
  padding: 64px 24px;
  background: transparent;
  border-top: 1px solid #ebebeb;
  border-top: none;
  background-color: #2e2d3f !important;
  background: #EBEBEB;
}

.benefits-index .next .grid-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.benefits-index .next .grid-container .cell {
  border-top: none !important;
  border-bottom: none !important;
  padding: 0 !important;
}

.benefits-index .next h6 {
  text-transform: initial;
  color: #FFA890;
  margin: 0 0 20px 0 !important;
  font-size: 1.188rem !important;
  line-height: 1.688rem !important;
  font-family: 'System-Medium', system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'Segoe UI', Roboto, Arial, sans-serif;
}

.benefits-index .next h4 {
  color: #fff;
  font-size: 1.750rem;
  line-height: 2.000rem;
}

.benefits-index .next a {
  width: 100%;
  position: relative;
  border: transparent;
  color: #008489;
  display: inline-block;
  text-align: left;
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.47059em !important;
  color: #fff;
}

.benefits-index .next a img {
  margin: -2px 0 0 4px;
}

.benefits-index .cta-primary {
  border-top: none !important;
}

.benefits-index .cta-primary a.btn-secondary img {
  margin: -2px 0 0 4px !important;
}

.benefits-index footer {
  border-top: none !important;
}

/* 640px - TERMS */
.terms-container header {
  text-align: center;
  background: #fff !important;
}

.terms-container .hero {
  padding: 64px 0 64px 0 !important;
}

.terms-container .hero h1 {
  max-width: 100% !important;
  font-size: 40px !important;
  line-height: 44px !important;
  letter-spacing: -0.018em !important;
  color: #000;
  max-width: initial;
}

.terms-container .terms-content {
  padding: 0 24px;
  margin: 16px 0 0 0;
}

.terms-container .terms-content .grid-container {
  padding: 0px;
}

.terms-container .terms-content h2, .terms-container .terms-content h3 {
  margin: 0;
}

.terms-container footer {
  background: transparent !important;
  border-top: 1px solid #ddd;
  margin: 24px 0 0 0;
}

/* 640px - PRIVACY */
.privacy-container header {
  background-color: #fff !important;
  text-align: center;
}

.privacy-container .privacy-content {
  padding: 0 24px;
  margin: 16px 0 0 0;
}

.privacy-container .privacy-content .grid-container {
  padding: 0px;
}

.privacy-container footer {
  background: transparent !important;
  border-top: 1px solid #ddd;
  margin: 24px 0 0 0;
}

@media (max-width: 1366px) {
  .blog-post-container .hero .hero-image img {
    max-height: 500px;
    max-width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
  }
}

@media (max-width: 1024px) {
  .navigation-section.visible {
    display: none;
  }
  .blog-post-container main {
    max-width: initial;
    display: block;
  }
  .blog-post-container main aside {
    position: fixed;
    display: block;
    bottom: 0px;
    max-width: initial;
    width: 100%;
    background: #fff;
    padding: 24px;
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -1px 0px 0 rgba(0, 0, 0, 0.08), 0 -1px 2px 0 rgba(0, 0, 0, 0.04);
    z-index: 999999999;
  }
  .blog-post-container main aside .sticky {
    position: sticky;
    top: 24px;
    display: block;
  }
  .blog-post-container main aside .sticky img.side-logo {
    display: none;
  }
  .blog-post-container main aside .sticky a.small-logo-bottom {
    margin: 0 0 16px 0;
    display: block;
  }
  .blog-post-container main aside .sticky a.link-btn {
    margin: 8px 0 0 0;
  }
  .blog-post-container main aside .sticky .av-stack-wrap {
    display: none;
  }
  .blog-post-container main aside .sticky .fluid {
    margin: 0;
  }
  .blog-post-container main aside .sticky .fluid img.remove {
    position: absolute;
    top: 0;
    right: 0px;
    display: block;
    cursor: pointer;
  }
  .blog-post-container main aside .sticky .fluid p {
    font-size: 14px;
    line-height: 20px;
  }
  .blog-post-container main aside .sticky .fluid span.title {
    font-size: 20px;
    font-weight: 600;
    color: #111212;
    line-height: 28px;
    margin: 0px 0 12px 0;
    display: inline-block;
  }
  .blog-post-container main aside .sticky .fluid a {
    float: left;
    margin: 58px 0 0 0;
  }
  section.b-test .grid-container .grid-x .cell .centre h1 {
    font-size: 56px;
    line-height: 56px;
  }
  section.b-test .grid-container .grid-x .cell .centre .sample {
    margin: 12px 0 0 0px;
  }
  .logos span.call {
    padding: 0 24px;
    text-align: center;
    font-weight: 600;
  }
  .logos-special a {
    margin: 0 auto;
  }
  .logos-special-neu a {
    margin: 0 auto;
  }
  .joy-container section.home .grid-container .grid-x .cell .centre {
    padding: 0 !important;
  }
}