@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";

/* src/scss/global.scss */
:root {
  --primary-color: #457b9d;
  --secondary-color: #9cbacc;
  --body-text: 18px;
  --title-text: 48px;
  --subtitle-text: 34px;
  --body-text-m: 16px;
  --title-text-m: 34px;
  font-size: var(--body-text);
  scroll-behavior: smooth;
}
:root {
  --primary-color: #457b9d;
}
body {
  background-color: #f4f4f4;
  background-image: radial-gradient(#cfcfcf 1.2px, #f4f4f4 1.2px);
  background-size: 24px 24px;
  margin: 0;
  font-family: "Poppings", sans-serif;
  overflow-x: clip;
}
header {
  display: none;
  background-color: #fff;
  display:none;
}
header > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100vw - 4rem);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  padding: 0 2rem;
}
header #block-smartbookings-site-branding img {
  height: 80%;
  margin: 5px;
}
.s-status-messages {
  background-color: white;
  padding: 2rem;
  position: absolute;
  left: 5%;
  border-radius: 1rem;
  border: 2px solid #efefef;
  z-index: 20;
}
.s-status-messages .message-container ul {
  padding-left: 14px;
}
body.path-booking header {
  display: none;
}
#block-smartbookings-content :root {
  font-family: "Poppins", sans-serif;
  color: #212121;
  scroll-behavior: smooth;
}
#block-smartbookings-content body {
  background-color: #f4f4f4;
  background-image: radial-gradient(#cfcfcf 1.2px, #f4f4f4 1.2px);
  background-size: 24px 24px;
  margin: 0;
  min-height: 300vh;
  position: relative;
  overflow-x: hidden;
}
#block-smartbookings-content body.open {
  overflow: clip !important;
}
#block-smartbookings-content header {
  height: 80px;
  background-color: white;
  width: 100vw;
  position: fixed;
  top: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#block-smartbookings-content header .logo {
  margin-left: 2rem;
}
#block-smartbookings-content header .logo img {
  height: 55px;
}
#block-smartbookings-content header .s-menu-btn {
  margin: 2rem;
  z-index: 17;
  cursor: pointer;
}
#block-smartbookings-content header .s-menu-btn .stroke-2 {
  d: path("M 21 14.5 L 33 14.5");
  -webkit-transition: 0.2s d ease-in-out;
  transition: 0.2s d ease-in-out;
}
#block-smartbookings-content header .s-menu-btn:hover .stroke-2 {
  d: path("M 8 14.5 L 33 14.5");
  -webkit-transition: 0.2s d ease-in-out;
  transition: 0.2s d ease-in-out;
}
#block-smartbookings-content header .s-menu-btn:hover d {
  stroke: red;
}
#block-smartbookings-content header .s-menu-btn.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#block-smartbookings-content header .s-menu-btn.open .stroke-1,
#block-smartbookings-content header .s-menu-btn.open .stroke-2,
#block-smartbookings-content header .s-menu-btn.open .stroke-3 {
  -webkit-transition: 0.2s stroke ease-in-out;
  transition: 0.2s stroke ease-in-out;
  stroke: white;
}
#block-smartbookings-content .menu-container {
  width: 40vw;
  height: 100vh;
  background-color: #457b9d;
  float: right;
  -webkit-transform: translateX(50vw);
  transform: translateX(50vw);
  -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.4901960784);
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.4901960784);
  -webkit-transition: 0.2s -webkit-transform ease-in-out;
  transition: 0.2s -webkit-transform ease-in-out;
  transition: 0.2s transform ease-in-out;
  transition: 0.2s transform ease-in-out, 0.2s -webkit-transform ease-in-out;
  z-index: 16;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#block-smartbookings-content .menu-container ul {
  margin-top: 160px;
  list-style: none;
}
#block-smartbookings-content .menu-container ul li a {
  color: white;
  font-size: 24px;
  text-decoration: none;
}
#block-smartbookings-content .menu-container .h-btn-orbs {
  background-color: white;
  color: #457b9d;
  margin: 2rem auto;
}
#block-smartbookings-content .menu-container.open {
  -webkit-transform: translateX(0px) !important;
  transform: translateX(0px) !important;
  -webkit-transition: 0.2s -webkit-transform ease-in-out;
  transition: 0.2s -webkit-transform ease-in-out;
  transition: 0.2s transform ease-in-out;
  transition: 0.2s transform ease-in-out, 0.2s -webkit-transform ease-in-out;
}
#block-smartbookings-content .mobile-header.open {
  visibility: visible;
}
#block-smartbookings-content .h-btn-orbs {
  text-decoration: none;
}
#block-smartbookings-content .h-btn-orbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 2rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.625rem;
  font-size: 18px;
  font-weight: bold;
  border: none;
  border-radius: 0.5rem;
  background: #457b9d;
  color: white;
  margin-top: 2rem;
  overflow: hidden;
}
#block-smartbookings-content .h-btn-orbs span {
  z-index: 2;
}
#block-smartbookings-content .h-btn-orbs::before {
  content: " ";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2431372549);
  background-color: rgba(0, 0, 0, 0.2431372549);
  height: 50px;
  width: 50px;
  bottom: -25px;
  left: -25px;
  border-radius: 50%;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
#block-smartbookings-content .h-btn-orbs::after {
  content: " ";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2431372549);
  height: 50px;
  width: 50px;
  top: -25px;
  right: -25px;
  border-radius: 50%;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
#block-smartbookings-content .h-btn-orbs:hover::before {
  height: 200px;
  width: calc(50% + 25px);
  border-radius: 0;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
#block-smartbookings-content .h-btn-orbs:hover::after {
  height: 200px;
  width: calc(50% + 25px);
  border-radius: 0;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
}
#block-smartbookings-content main .hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url(/themes/custom/smartbookings/dist/img/hero-bg.svg);
  width: 100%;
  height: 100vh;
  background-size: 162%;
  background-position: center;
  background-repeat: no-repeat;
}
#block-smartbookings-content main .hero .hero-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10rem auto;
  width: 100vw;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#block-smartbookings-content main .hero .left {
  width: 40%;
  margin-left: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#block-smartbookings-content main .hero .left .info {
  margin: auto;
  max-width: 500px;
}
#block-smartbookings-content main .hero .left .info h1 {
  color: #457b9d;
}
#block-smartbookings-content main .hero .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  width: 45%;
  border-radius: 1rem 0 0 1rem;
  overflow: hidden;
}
#block-smartbookings-content main .hero .right img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#block-smartbookings-content main .features {
  scroll-margin-top: 10rem;
  width: 100%;
  text-align: center;
  margin-top: 10rem;
  margin-bottom: 20rem;
  position: relative;
}
#block-smartbookings-content main .features h2 {
  font-size: 32px;
}
#block-smartbookings-content main .features p {
  max-width: 80vw;
  width: 800px;
  margin: 1rem auto;
}
#block-smartbookings-content main .features ul {
  list-style: none;
  max-width: 700px;
  width: 90vw;
  margin: 0 auto;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  margin-top: 4rem;
}
#block-smartbookings-content main .features ul li {
  text-align: left;
  margin-left: 8rem !important;
}
#block-smartbookings-content main .features ul .feature.in-view {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 8rem !important;
}
#block-smartbookings-content main .features ul .feature.in-view li {
  text-align: left;
}
#block-smartbookings-content main .features ul .feature.in-view::after {
  content: url(../img/check-green.svg);
  position: absolute;
  top: 15px;
  left: -50px;
}
#block-smartbookings-content main .features .icon {
  opacity: 0;
}
#block-smartbookings-content main .features .icon.in-view {
  opacity: 1;
  -webkit-transition: 1s opacity ease-in-out;
  transition: 1s opacity ease-in-out;
}
#block-smartbookings-content main .features .icon-1 {
  position: absolute;
  top: 60px;
  left: 10%;
}
#block-smartbookings-content main .features .icon-2 {
  position: absolute;
  top: 50%;
  left: 12%;
}
#block-smartbookings-content main .features .icon-3 {
  position: absolute;
  top: 80px;
  right: 5%;
}
#block-smartbookings-content main .features .icon-4 {
  position: absolute;
  top: 50%;
  right: 20%;
}
#block-smartbookings-content main .features .icon-5 {
  position: absolute;
  top: 80%;
  left: 10%;
}
#block-smartbookings-content main .features .icon-6 {
  position: absolute;
  top: 80%;
  right: 15%;
}
#block-smartbookings-content main .features .icon-7 {
  position: absolute;
  top: 110%;
  left: 30%;
}
#block-smartbookings-content main .howitworks {
  scroll-margin-top: 10rem;
  width: 90vw;
  background-color: white;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 auto;
  padding: 10rem 0;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15rem;
  border-radius: 1rem;
  margin-bottom: 20rem;
  overflow: hidden;
}
#block-smartbookings-content main .howitworks #pay,
#block-smartbookings-content main .howitworks #date-time,
#block-smartbookings-content main .howitworks #basic-info {
  scroll-margin-top: 10rem;
}
#block-smartbookings-content main .howitworks .h-text-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  width: 80%;
  max-width: 1280px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transform: translateX(-50vw);
  transform: translateX(-50vw);
  opacity: 0;
}
#block-smartbookings-content main .howitworks .h-text-img:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-transform: translateX(50vw);
  transform: translateX(50vw);
}
#block-smartbookings-content main .howitworks .h-text-img:nth-child(even) .image {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
#block-smartbookings-content main .howitworks .h-text-img .text {
  width: 40%;
}
#block-smartbookings-content main .howitworks .h-text-img .text h3 {
  font-size: 24px;
  font-weight: bold;
}
#block-smartbookings-content main .howitworks .h-text-img .image {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 300px;
  -webkit-transition: 0.5s height ease-in-out;
  transition: 0.5s height ease-in-out;
}
#block-smartbookings-content main .howitworks .h-text-img .image img {
  width: 100%;
}
#block-smartbookings-content main .howitworks .h-text-img.in-view {
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  opacity: 1;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}
#block-smartbookings-content main .howitworks .how-it-works-header {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#block-smartbookings-content main .howitworks .how-it-works-header h2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#block-smartbookings-content main .howitworks .how-it-works-header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  list-style: none;
  padding-left: 0;
  max-width: 80vw;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: center;
  align-self: center;
}
#block-smartbookings-content main .howitworks .how-it-works-header ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
#block-smartbookings-content main .howitworks .how-it-works-header ul li span {
  font-size: 48px;
  opacity: 0.3;
  font-weight: bold;
}
#block-smartbookings-content main .howitworks .how-it-works-header ul li {
  padding: 1rem 2rem;
  background-color: rgba(69, 123, 157, 0.1529411765);
  border-radius: 1rem;
}
#block-smartbookings-content main .howitworks .how-it-works-header ul li a {
  text-decoration: none;
  color: black;
  font-weight: normal;
}
#block-smartbookings-content main .pricing-plans {
  scroll-margin-top: 10rem;
  z-index: 2;
}
#block-smartbookings-content main .pricing-plans .pricing-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 30rem;
  margin: auto;
  border-radius: 1rem;
  overflow: hidden;
  max-width: 90%;
  width: 500px;
}
#block-smartbookings-content main .pricing-plans .pricing-plan .top {
  background-color: #457b9d;
  color: white;
  padding: 2rem;
}
#block-smartbookings-content main .pricing-plans .pricing-plan .top h3 {
  color: #fff;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#block-smartbookings-content main .pricing-plans .pricing-plan .top .number {
  font-size: 2.5rem;
}
#block-smartbookings-content main .pricing-plans .pricing-plan .bottom {
  background-color: white;
  padding: 2rem;
}
#block-smartbookings-content main .pricing-plans .pricing-plan .bottom ul {
  padding-left: 20px;
  list-style-image: url(../img/check.svg);
}
#block-smartbookings-content main .pricing-plans .pricing-plan .bottom ul li {
  margin: 0.5rem 0;
}
#block-smartbookings-content main .pricing-plans .pricing-plan .bottom ul {
  margin-bottom: 1rem;
}
#block-smartbookings-content main .pricing-plans .pricing-plan .bottom button {
  background-color: #457b9d;
  border: none;
  border-radius: 0.5rem;
  padding: 1rem 2rem;
  width: 100%;
  color: white;
  font-weight: bold;
  font-size: 16px;
  margin-top: 2rem;
  cursor: pointer;
}
#block-smartbookings-content main .pricing-plans .pricing-plan .bottom button:hover {
  background-color: #2f5973;
}
#block-smartbookings-content main .socialproof {
  max-width: 80vw;
  width: 1000px;
  margin: 20rem auto;
}
#block-smartbookings-content main .socialproof h3 {
  text-align: center;
  font-size: 32px;
}
#block-smartbookings-content main .socialproof p {
  text-align: center;
}
#block-smartbookings-content main .socialproof .quote-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5rem;
}
#block-smartbookings-content main .socialproof .quote-container .quote {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2rem;
  text-align: center;
  width: 45%;
  background-color: white;
  border-radius: 1rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#block-smartbookings-content main .socialproof .quote-container .quote img {
  margin: 2rem 0;
}
#block-smartbookings-content main .socialproof .quote-container .quote p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  padding: 1rem;
}
#block-smartbookings-content main .mar-form .mauticform_wrapper {
  padding: 2rem;
  background-color: #ffffff;
  border-radius: 1rem;
}
#block-smartbookings-content main .mar-form h3 {
  margin-top: 10rem;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  font-family: "Poppins";
}
#block-smartbookings-content main .mar-form .mauticform-label {
  font-family: "Poppins";
}
#block-smartbookings-content main .mar-form input,
#block-smartbookings-content main .mar-form textarea,
#block-smartbookings-content main .mar-form button {
  border-radius: 4px !important;
  border: 1px solid rgb(194, 194, 194);
}
#block-smartbookings-content main .mar-form button:hover {
  color: #000;
}
#block-smartbookings-content footer {
  background-color: white;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0 auto;
  margin-top: 0px;
  width: 90vw;
  padding-top: 4rem;
  margin-top: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 16px 16px 0 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#block-smartbookings-content footer .footer-branding {
  width: 70%;
  padding: 0 4rem;
}
#block-smartbookings-content footer .footer-branding .branding-img {
  height: 200px;
  max-width: calc(90vw - 4rem);
  padding: 2rem;
}
#block-smartbookings-content footer a {
  color: #212121;
}
#block-smartbookings-content footer .footer-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#block-smartbookings-content footer .footer-info ul {
  font-weight: 200;
  list-style: none;
  text-align: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  padding-left: 0;
}
#block-smartbookings-content footer .agreements {
  width: 100%;
  border-top: 1px solid #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2rem;
  margin: 5rem 2rem 0;
}
#block-smartbookings-content .element-1 {
  position: absolute;
  top: 100vh;
  left: -25px;
}
#block-smartbookings-content .element-2 {
  position: absolute;
  top: 400vh;
  right: 0px;
  z-index: -1;
}
#block-smartbookings-content .element-3-cogg {
  position: absolute;
  top: 220vh;
  right: 25px;
  z-index: -1;
}
@media (min-width: 1350px) {
  #block-smartbookings-content .h-text-img .image {
    height: 400px !important;
    -webkit-transition: 0.5s height ease-in-out;
    transition: 0.5s height ease-in-out;
  }
}
@media (max-width: 800px) {
  #block-smartbookings-content footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #block-smartbookings-content footer .footer-branding {
    width: 100%;
    padding: 0;
  }
  #block-smartbookings-content footer .agreements {
    font-size: 0.8rem;
  }
  #block-smartbookings-content footer .footer-info ul {
    width: 80%;
  }
  #block-smartbookings-content footer .footer-info ul li {
    text-align: center;
    font-weight: 200;
  }
  #block-smartbookings-content .quote-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #block-smartbookings-content .quote-container .quote {
    width: 80% !important;
  }
  #block-smartbookings-content .how-it-works-header li {
    width: 100% !important;
  }
  #block-smartbookings-content .menu-container {
    width: 100vw;
    height: 100vh;
    background-color: #457b9d;
    float: right;
    -webkit-transform: translateX(110vw);
    transform: translateX(110vw);
  }
  #block-smartbookings-content header .logo img {
    height: 40px;
  }
  #block-smartbookings-content .h-text-img {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  #block-smartbookings-content .h-text-img .text {
    width: 100% !important;
  }
  #block-smartbookings-content .h-text-img .image {
    width: 100% !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
  #block-smartbookings-content .hero {
    height: 90vh !important;
    text-align: center;
  }
  #block-smartbookings-content main .features ul .feature.in-view {
    margin-left: 4rem !important;
  }
  #block-smartbookings-content main .features ul .feature {
    margin-left: 4rem !important;
  }
  #block-smartbookings-content .features h2 {
    width: 80%;
    margin: 0 auto;
  }
  #block-smartbookings-content .hero-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: 0 auto !important;
    margin-top: 80px !important;
  }
  #block-smartbookings-content .hero-container .left {
    width: 90% !important;
    margin: 0 auto !important;
  }
  #block-smartbookings-content .hero-container .left .h-btn-orbs {
    margin: 0 auto;
  }
  #block-smartbookings-content .hero-container .right {
    border-radius: 0 !important;
    width: 100% !important;
  }
  #block-smartbookings-content .features .icon-1,
  #block-smartbookings-content .features .icon-2,
  #block-smartbookings-content .features .icon-3,
  #block-smartbookings-content .features .icon-4,
  #block-smartbookings-content .features .icon-5,
  #block-smartbookings-content .features .icon-6,
  #block-smartbookings-content .features .icon-7 {
    display: none;
    visibility: hidden;
  }
}
.smartbooking-form {
  background-color: #ffffff;
  border-radius: 1rem;
  max-width: 1000px;
  width: 90vw;
  margin: 5rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  border: 2px solid #efefef;
  position: relative;
}
.smartbooking-form #bookingPricing {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  text-align: right;
  background-color: rgb(255, 255, 255);
  border-radius: 1rem;
  width: 24%;
  z-index: 200;
}
.smartbooking-form #bookingPricing .pricing {
  display: none;
}
.smartbooking-form #bookingPricing .pricing .dots {
  border-bottom: 1px dotted rgb(215, 215, 215);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 16px;
  margin-bottom: 4px;
}
.smartbooking-form #bookingPricing .pricing:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.smartbooking-form #bookingPricing .pricing:last-child .prices {
  width: 100%;
}
.smartbooking-form #bookingPricing .pricing:last-child h3 {
  display: none;
}
.smartbooking-form #bookingPricing .pricing:last-child .price.main {
  font-weight: 600;
  font-size: 1.2rem;
  height: 100px;
  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;
}
.smartbooking-form #bookingPricing:hover {
  -webkit-box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.04), 0 3px 6px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.04), 0 3px 6px 0 rgba(0, 0, 0, 0.05);
  background-color: rgb(255, 255, 255);
  border-radius: 1rem;
  width: 50%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 200;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2rem;
  border: 2px solid #efefef;
}
.smartbooking-form #bookingPricing:hover .pricing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}
.smartbooking-form #bookingPricing:hover .pricing h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}
.smartbooking-form #bookingPricing:hover .pricing:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 2rem;
}
.smartbooking-form #bookingPricing:hover .pricing:last-child .prices {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.smartbooking-form #bookingPricing:hover .pricing:last-child h3 {
  display: unset;
}
.smartbooking-form #bookingPricing:hover .pricing:last-child .price.main {
  font-weight: 600;
  font-size: 18px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  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;
}
.smartbooking-form #bookingPricing:hover .pricing:first-child {
  margin-top: 0;
}
.smartbooking-form .usps {
  display: none;
}
.smartbooking-form > small {
  display: none;
}
.smartbooking-form form {
  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-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.smartbooking-form form #bookingMain {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 4rem);
}
.smartbooking-form form #bookingMain h3 {
  margin-bottom: 0;
}
.smartbooking-form form #bookingMain #edit-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
}
.smartbooking-form form #bookingMain #edit-main .intro {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.smartbooking-form form #bookingMain #edit-main > fieldset,
.smartbooking-form form #bookingMain #edit-main > div {
  width: 100%;
  margin: 0;
  margin-bottom: 1rem;
}
.smartbooking-form form #bookingMain #edit-main .next,
.smartbooking-form form #bookingMain #edit-main .prev {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-item-align: end;
  align-self: end;
}
.smartbooking-form form #bookingMain #edit-main .upsells {
  width: 100%;
  -ms-flex-item-align: start;
  align-self: start;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 2rem 0;
}
.smartbooking-form form #bookingMain #edit-main .upsells .upsell {
  width: 250px;
}
.smartbooking-form form #bookingMain #edit-main .s-submit {
  -ms-flex-item-align: end;
  align-self: end;
}
.smartbooking-form form #bookingMain #edit-main textarea {
  padding-top: 0.8rem;
}
.smartbooking-form form {
  border-top: 2px solid #efefef;
}
.steps {
  position: relative;
  width: 65%;
  padding: 0 5%;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 2px solid #efefef;
}
.steps::before {
  content: " ";
  width: 80%;
  height: 10px;
  border-radius: 3px;
  background-color: #d8d8d8;
  position: absolute;
}
.steps .step {
  z-index: 2;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #d8d8d8;
  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;
}
.steps .step::before {
  content: "";
  width: 0px;
  height: 0cm;
  border-radius: 22px;
  background-color: var(--primary-color);
}
.steps .step.active a {
  width: 34px;
  height: 34px;
  background-color: var(--primary-color);
  border-radius: 40px;
}
.steps .step-line {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 5;
  height: 4px;
}
.steps .step-line.active {
  background-color: var(--primary-color);
}
.steps .step-line.active::before {
  content: "";
  width: 10px;
  height: 4px;
  background-color: var(--primary-color);
  position: absolute;
  left: -10px;
}
.steps .step-line.active::after {
  content: "";
  width: 10px;
  height: 4px;
  background-color: var(--primary-color);
  position: absolute;
  right: -10px;
}
.steps .step-line:last-child {
  display: none;
}
.s-booking-booking-form-v2 #bookingMain {
  width: 70%;
  padding: 2rem;
  font-family: "Open Sans", sans-serif;
  font-size: var(--body-text-m);
}
.s-booking-booking-form-v2 #bookingMain h3 {
  font-size: 24px;
  font-weight: 300;
  padding: 1rem 0;
  margin-top: 0;
}
.s-booking-booking-form-v2 #bookingMain #edit-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100% - 4rem);
}
.s-booking-booking-form-v2 #bookingMain .description {
  color: #b3b3b3;
}
.s-booking-booking-form-v2 #bookingMain #edit-building {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 2rem;
}
.s-booking-booking-form-v2 #bookingMain #edit-customertype--wrapper {
  margin: 0;
}
.s-booking-booking-form-v2 #bookingMain #edit-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 2rem;
}
.s-booking-booking-form-v2 #bookingMain .fieldgroup {
  border: none;
  margin: 1rem 0;
  padding-left: 0;
}
.s-booking-booking-form-v2 #bookingMain .js-form-type-select {
  margin: 1rem 0;
}
.s-booking-booking-form-v2 #bookingMain .js-form-type-select select {
  background-color: white;
  border: 1px solid #e9e9e9;
  padding: 0.5rem;
  border-radius: 0.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.s-booking-booking-form-v2 #bookingMain #edit-customertype {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 4rem;
}
.s-booking-booking-form-v2 #bookingMain legend {
  color: #000;
  font-family: "Poppins";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
}
.s-booking-booking-form-v2 #bookingMain #edit-main:has(.next) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.s-booking-booking-form-v2 #bookingMain #edit-main:has(.next) #planning {
  width: 100%;
}
.s-booking-booking-form-v2 #bookingMain .next,
.s-booking-booking-form-v2 #bookingMain .prev {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: clip;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 1rem;
}
.s-booking-booking-form-v2 #bookingMain .next a,
.s-booking-booking-form-v2 #bookingMain .prev a {
  background-color: var(--primary-color);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: none;
  text-decoration: none;
  cursor: pointer;
}
.s-booking-booking-form-v2 #bookingMain .next::before,
.s-booking-booking-form-v2 #bookingMain .prev::before {
  content: " ";
  height: 100%;
  width: 40px;
  left: -20px;
  top: 0;
  border-radius: 50%;
  position: absolute;
  background: rgba(255, 255, 255, 0.24);
  -webkit-transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
  pointer-events: none;
  cursor: pointer;
}
.s-booking-booking-form-v2 #bookingMain .next:hover::before,
.s-booking-booking-form-v2 #bookingMain .prev:hover::before {
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  border-radius: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.24);
  -webkit-transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
  pointer-events: none;
  cursor: pointer;
}
.s-booking-booking-form-v2 #bookingMain .s-submit {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: clip;
  cursor: pointer;
}
.s-booking-booking-form-v2 #bookingMain .s-submit input {
  background-color: var(--primary-color);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
}
.s-booking-booking-form-v2 #bookingMain .s-submit::before {
  content: " ";
  height: 100%;
  width: 40px;
  left: -20px;
  border-radius: 50%;
  position: absolute;
  background: rgba(255, 255, 255, 0.24);
  -webkit-transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
  pointer-events: none;
  cursor: pointer;
}
.s-booking-booking-form-v2 #bookingMain .s-submit:hover::before {
  content: " ";
  height: 100%;
  width: 100%;
  left: 0;
  border-radius: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.24);
  -webkit-transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
  pointer-events: none;
  cursor: pointer;
}
.s-booking-booking-form-v2 #bookingMain #planning .dayrow .js-form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.s-booking-booking-form-v2 #bookingMain #planning .dayrow .js-form-wrapper .item {
  padding: 1.25rem 2rem;
}
.s-booking-booking-form-v2 #bookingMain #planning .dayrow .js-form-wrapper .item small {
  margin-right: 0.2rem;
}
.s-booking-booking-form-v2 #bookingMain #planning .dayrow .js-form-wrapper .item:first-child {
  width: 100px;
}
.s-booking-booking-form-v2 #bookingMain #planning .dayrow .js-form-wrapper .slot {
  padding: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.s-booking-booking-form-v2 #bookingMain #planning .dayrow .js-form-wrapper .slot a {
  background-color: #f9f9f9;
  text-align: center;
  height: 100%;
  width: 100%;
  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;
  color: #000;
  text-decoration: none;
}
.s-booking-booking-form-v2 #bookingMain #planning .dayrow .js-form-wrapper .slot a:hover {
  background-color: #e4e4e4;
  color: #000;
  text-decoration: none;
}
.s-booking-booking-form-v2 #bookingMain #planning .dayrow .js-form-wrapper .slot.unavailable a {
  background-color: rgb(167, 167, 167);
  text-decoration: line-through;
  pointer-events: none;
  cursor: none;
  opacity: 0.3;
}
.s-booking-booking-form-v2 #bookingMain .step-4 {
  display: none;
}
.s-booking-booking-form-v2 #bookingMain .upsells {
  margin-top: 2rem;
}
.s-booking-booking-form-v2 #bookingMain .upsells #edit-upsells {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1rem;
}
.s-booking-booking-form-v2 #bookingMain .upsells .upsell {
  width: 240px;
  height: 180px;
  border: 1px solid #efefef;
  border-radius: 8px;
  padding: 1rem;
  background-color: #f9f9f9;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.s-booking-booking-form-v2 #bookingMain .upsells .upsell .title {
  margin-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: 600;
}
.s-booking-booking-form-v2 #bookingMain .upsells .upsell .description {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-height: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.s-booking-booking-form-v2 #bookingMain .upsells .upsell .quantity {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  width: calc(100% - 2rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.s-booking-booking-form-v2 #bookingMain .upsells .upsell .upsell-btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.2rem;
}
.s-booking-booking-form-v2 #bookingMain .upsells .upsell .upsell-btn-container .stepDown-btn,
.s-booking-booking-form-v2 #bookingMain .upsells .upsell .upsell-btn-container .stepUp-btn {
  padding: 5px 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.s-booking-booking-form-v2 #bookingMain .upsells .upsell .upsell-btn-container input {
  width: 30px;
  text-align: center;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
.s-booking-booking-form-v2 #bookingMain .upsells .upsell .upsell-btn-container input::-webkit-outer-spin-button,
.s-booking-booking-form-v2 #bookingMain .upsells .upsell .upsell-btn-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.s-booking-booking-form-v2 #bookingMain .upsells .upsell .upsell-btn-container input[type=number] {
  -moz-appearance: textfield;
}
.s-booking-booking-form-v2 #bookingSummary {
  width: 30%;
  padding: 2rem;
  background-color: #f9f9f9;
  border-radius: 0 1rem 1rem 0;
  font-family: "Open Sans", sans-serif;
}
.s-booking-booking-form-v2 #bookingSummary #edit-summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100% - 4rem);
}
.s-booking-booking-form-v2 #bookingSummary h2 {
  font-size: 24px;
  font-weight: 300;
  padding: 1rem 0;
  margin-top: 0;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, rgb(171, 171, 171)), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image:
    linear-gradient(
      to right,
      rgb(171, 171, 171) 33%,
      rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 20px 1px;
  background-repeat: repeat-x;
}
.s-booking-booking-form-v2 #bookingSummary #edit-pricing,
.s-booking-booking-form-v2 #bookingSummary #edit-pricing--2 {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(33%, rgb(171, 171, 171)), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image:
    linear-gradient(
      to right,
      rgb(171, 171, 171) 33%,
      rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 20px 1px;
  background-repeat: repeat-x;
  padding-bottom: 1rem;
}
.s-booking-booking-form-v2 #bookingSummary .pricing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}
.s-booking-booking-form-v2 #bookingSummary .pricing h3 {
  margin: 0;
  font-weight: 300;
  font-size: 1rem;
}
.s-booking-booking-form-v2 #bookingSummary .pricing h3 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  color: #000;
}
.s-booking-booking-form-v2 #bookingSummary .pricing h3 a::after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23000000" viewBox="0 0 256 256"><path d="M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM92.69,208H48V163.31l88-88L180.69,120ZM192,108.68,147.31,64l24-24L216,84.68Z"></path></svg>');
}
.s-booking-booking-form-v2 #bookingSummary .pricing .prices {
  font-weight: 300;
}
.s-booking-booking-form-v2 #bookingSummary .pricing .prices s {
  display: none;
}
.s-booking-booking-form-v2 #bookingSummary .pricing .prices .price.main {
  font-size: 1rem;
}
.s-booking-booking-form-v2 #bookingSummary .pricing .prices .price.main.total {
  font-weight: 800;
}
.s-booking-booking-form-v2 #bookingSummary .pricing .prices .price.main.total small {
  text-align: center;
}
.s-booking-booking-form-v2 #bookingSummary .pricing .prices .price.main.total small s {
  width: 100%;
}
.s-booking-booking-form-v2 #bookingSummary .selections {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.s-booking-booking-form-v2 #bookingSummary .selections .form-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.s-booking-booking-form-v2 #bookingSummary .selections .form-wrapper > span {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.s-booking-booking-form-v2 #bookingSummary .selections .form-wrapper > span::before {
  content: " ";
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: rgb(0, 0, 0);
  margin-top: -3px;
}
.s-booking-booking-form-v2 #bookingSummary .usps {
  list-style: none;
  padding-left: 0;
}
.s-booking-booking-form-v2 #bookingSummary .usps li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 8px;
  opacity: 0.5;
}
.s-booking-booking-form-v2 #bookingSummary .usps li:first-child::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23000000" viewBox="0 0 256 256"><path d="M239.18,97.26A16.38,16.38,0,0,0,224.92,86l-59-4.76L143.14,26.15a16.36,16.36,0,0,0-30.27,0L90.11,81.23,31.08,86a16.46,16.46,0,0,0-9.37,28.86l45,38.83L53,211.75a16.38,16.38,0,0,0,24.5,17.82L128,198.49l50.53,31.08A16.4,16.4,0,0,0,203,211.75l-13.76-58.07,45-38.83A16.43,16.43,0,0,0,239.18,97.26Zm-15.34,5.47-48.7,42a8,8,0,0,0-2.56,7.91l14.88,62.8a.37.37,0,0,1-.17.48c-.18.14-.23.11-.38,0l-54.72-33.65a8,8,0,0,0-8.38,0L69.09,215.94c-.15.09-.19.12-.38,0a.37.37,0,0,1-.17-.48l14.88-62.8a8,8,0,0,0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16A8,8,0,0,0,103,91.86l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153,91.86a8,8,0,0,0,6.75,4.92l63.92,5.16c.15,0,.24,0,.33.29S224,102.63,223.84,102.73Z"></path></svg>');
}
.s-booking-booking-form-v2 #bookingSummary .usps li:nth-child(2):before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23000000" viewBox="0 0 256 256"><path d="M208,32H184V24a8,8,0,0,0-16,0v8H88V24a8,8,0,0,0-16,0v8H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM72,48v8a8,8,0,0,0,16,0V48h80v8a8,8,0,0,0,16,0V48h24V80H48V48ZM208,208H48V96H208V208Zm-68-76a12,12,0,1,1-12-12A12,12,0,0,1,140,132Zm44,0a12,12,0,1,1-12-12A12,12,0,0,1,184,132ZM96,172a12,12,0,1,1-12-12A12,12,0,0,1,96,172Zm44,0a12,12,0,1,1-12-12A12,12,0,0,1,140,172Zm44,0a12,12,0,1,1-12-12A12,12,0,0,1,184,172Z"></path></svg>');
}
.s-booking-booking-form-v2 #bookingSummary .usps li:nth-child(3):before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23000000" viewBox="0 0 256 256"><path d="M228.25,63.07l-4.66-2.69a23.6,23.6,0,0,0,0-8.76l4.66-2.69a8,8,0,0,0-8-13.86l-4.67,2.7A23.92,23.92,0,0,0,208,33.38V28a8,8,0,0,0-16,0v5.38a23.92,23.92,0,0,0-7.58,4.39l-4.67-2.7a8,8,0,1,0-8,13.86l4.66,2.69a23.6,23.6,0,0,0,0,8.76l-4.66,2.69a8,8,0,0,0,4,14.93,7.92,7.92,0,0,0,4-1.07l4.67-2.7A23.92,23.92,0,0,0,192,78.62V84a8,8,0,0,0,16,0V78.62a23.92,23.92,0,0,0,7.58-4.39l4.67,2.7a7.92,7.92,0,0,0,4,1.07,8,8,0,0,0,4-14.93ZM192,56a8,8,0,1,1,8,8A8,8,0,0,1,192,56Zm29.35,48.11a8,8,0,0,0-6.57,9.21A88.85,88.85,0,0,1,216,128a87.62,87.62,0,0,1-22.24,58.41,79.66,79.66,0,0,0-36.06-28.75,48,48,0,1,0-59.4,0,79.66,79.66,0,0,0-36.06,28.75A88,88,0,0,1,128,40a88.76,88.76,0,0,1,14.68,1.22,8,8,0,0,0,2.64-15.78,103.92,103.92,0,1,0,85.24,85.24A8,8,0,0,0,221.35,104.11ZM96,120a32,32,0,1,1,32,32A32,32,0,0,1,96,120ZM74.08,197.5a64,64,0,0,1,107.84,0,87.83,87.83,0,0,1-107.84,0Z"></path></svg>');
}
.s-booking-booking-form-v2 #bookingSummary .usps li:last-child:before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%23000000" viewBox="0 0 256 256"><path d="M72,104a8,8,0,0,1,8-8h96a8,8,0,0,1,0,16H80A8,8,0,0,1,72,104Zm8,40h96a8,8,0,0,0,0-16H80a8,8,0,0,0,0,16ZM232,56V208a8,8,0,0,1-11.58,7.15L192,200.94l-28.42,14.21a8,8,0,0,1-7.16,0L128,200.94,99.58,215.15a8,8,0,0,1-7.16,0L64,200.94,35.58,215.15A8,8,0,0,1,24,208V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56Zm-16,0H40V195.06l20.42-10.22a8,8,0,0,1,7.16,0L96,199.06l28.42-14.22a8,8,0,0,1,7.16,0L160,199.06l28.42-14.22a8,8,0,0,1,7.16,0L216,195.06Z"></path></svg>');
}
.icon-oil {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}
.icon-oil::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M174,47.75a254.19,254.19,0,0,0-41.45-38.3,8,8,0,0,0-9.18,0A254.19,254.19,0,0,0,82,47.75C54.51,79.32,40,112.6,40,144a88,88,0,0,0,176,0C216,112.6,201.49,79.32,174,47.75ZM187.83,184H68.17a72,72,0,0,1-8-16H195.87A72,72,0,0,1,187.83,184ZM200,144a70.57,70.57,0,0,1-.46,8H56.46a70.57,70.57,0,0,1-.46-8q0-4,.36-8H199.64Q200,140,200,144ZM128,26c14.16,11.1,56.86,47.74,68.84,94H59.16C71.14,73.76,113.84,37.12,128,26ZM82.81,200h90.38a71.82,71.82,0,0,1-90.38,0Z'%3E%3C/path%3E%3C/svg%3E");
}
.icon-gas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
.icon-gas::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M173.79,51.48a221.25,221.25,0,0,0-41.67-34.34,8,8,0,0,0-8.24,0A221.25,221.25,0,0,0,82.21,51.48C54.59,80.48,40,112.47,40,144a88,88,0,0,0,176,0C216,112.47,201.41,80.48,173.79,51.48ZM96,184c0-27.67,22.53-47.28,32-54.3,9.48,7,32,26.63,32,54.3a32,32,0,0,1-64,0Zm77.27,15.93A47.8,47.8,0,0,0,176,184c0-44-42.09-69.79-43.88-70.86a8,8,0,0,0-8.24,0C122.09,114.21,80,140,80,184a47.8,47.8,0,0,0,2.73,15.93A71.88,71.88,0,0,1,56,144c0-34.41,20.4-63.15,37.52-81.19A216.21,216.21,0,0,1,128,33.54a215.77,215.77,0,0,1,34.48,29.27C193.49,95.5,200,125,200,144A71.88,71.88,0,0,1,173.27,199.93Z'%3E%3C/path%3E%3C/svg%3E");
}
.dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  margin: 0.5rem 0;
}
.dot::before {
  content: "\e3a6";
  font-family: "Material icons";
  padding-left: 6px;
  padding-right: 6px;
}
.booking-thankyou {
  margin: 5rem auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2rem;
  background-color: #fff;
  border: 2px solid #efefef;
  border-radius: 1rem;
}
.booking-thankyou h2 {
  color: var(--primary-color);
}
.booking-thankyou .icon {
  display: none;
}
@media (max-width: 1000px) {
  .s-booking-booking-form-v2 {
    font-size: 0.8rem;
  }
}
@media (max-width: 900px) {
  .steps {
    width: 90%;
  }
  .smartbooking-form #bookingPricing {
    position: absolute;
    top: 98px;
    border-radius: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    text-align: right;
    background-color: rgb(255, 255, 255);
    width: 100%;
    z-index: 200;
    border-top: 2px solid #efefef;
    pointer-events: none;
  }
  .smartbooking-form #bookingPricing .pricing {
    display: none;
  }
  .smartbooking-form #bookingPricing .pricing .dots {
    border-bottom: 1px dotted rgb(215, 215, 215);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 16px;
    margin-bottom: 4px;
  }
  .smartbooking-form #bookingPricing .pricing:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .smartbooking-form #bookingPricing .pricing:last-child .prices {
    width: 100%;
  }
  .smartbooking-form #bookingPricing .pricing:last-child h3 {
    display: none;
  }
  .smartbooking-form #bookingPricing .pricing:last-child .price.main {
    font-weight: 600;
    font-size: 1.2rem;
    height: 100px;
    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;
  }
  .smartbooking-form form {
    margin-top: 100px;
  }
  .smartbooking-form #bookingMain #edit-main #planning .dayrow {
    margin-bottom: 2rem;
  }
  .smartbooking-form #bookingMain #edit-main #planning .dayrow > div {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .smartbooking-form #bookingMain #edit-main #planning .dayrow > div .item:first-child {
    width: 100%;
    padding: 0;
    text-align: center;
    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;
    font-size: 1.2rem;
  }
  .smartbooking-form #bookingMain #edit-main #planning .dayrow > div .item {
    height: 80px;
    width: 100%;
  }
  .booking-price .booking-price-summary {
    width: 100% !important;
  }
  .booking-price .booking-price-summary li {
    width: 100%;
  }
  .booking-checkout .action-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .personal-data-item {
    overflow: hidden;
  }
}
@media (max-width: 800px) {
  .s-booking-booking-form-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .s-booking-booking-form-v2 #bookingMain {
    width: calc(100% - 4rem);
  }
  .s-booking-booking-form-v2 #bookingMain .js-form-type-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .s-booking-booking-form-v2 #bookingSummary {
    width: calc(100% - 4rem);
    border-radius: 0 0 1rem 1rem;
  }
}
@media (max-width: 740px) {
  .smartbooking-form .upsells > div {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .s-booking-booking-form-v2 #bookingMain #edit-building,
  .s-booking-booking-form-v2 #bookingMain #edit-type,
  .s-booking-booking-form-v2 #bookingMain #edit-customertype {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}
.js-form-type-textfield,
.js-form-type-email,
.js-form-type-textarea {
  position: relative;
  margin: 1.2rem 0;
}
.js-form-type-textfield label,
.js-form-type-email label,
.js-form-type-textarea label {
  color: #828282;
  font-family: "Poppins";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.0195rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1rem;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  padding: 0 5px;
}
.js-form-type-textfield input,
.js-form-type-textfield textarea,
.js-form-type-email input,
.js-form-type-email textarea,
.js-form-type-textarea input,
.js-form-type-textarea textarea {
  height: 2.1875rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc(100% - 2rem);
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border-radius: 0.5rem;
  border: 1px solid #dbdbdb;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px 0 rgba(148, 148, 148, 0.1);
  box-shadow: 0 1px 1px 0 rgba(148, 148, 148, 0.1);
  padding-left: 1rem;
}
.js-form-type-textfield input::-webkit-input-placeholder,
.js-form-type-textfield textarea::-webkit-input-placeholder,
.js-form-type-email input::-webkit-input-placeholder,
.js-form-type-email textarea::-webkit-input-placeholder,
.js-form-type-textarea input::-webkit-input-placeholder,
.js-form-type-textarea textarea::-webkit-input-placeholder {
  visibility: hidden;
  display: none;
  color: rgba(255, 255, 255, 0);
}
.js-form-type-textfield input::-moz-placeholder,
.js-form-type-textfield textarea::-moz-placeholder,
.js-form-type-email input::-moz-placeholder,
.js-form-type-email textarea::-moz-placeholder,
.js-form-type-textarea input::-moz-placeholder,
.js-form-type-textarea textarea::-moz-placeholder {
  visibility: hidden;
  display: none;
  color: rgba(255, 255, 255, 0);
}
.js-form-type-textfield input:-ms-input-placeholder,
.js-form-type-textfield textarea:-ms-input-placeholder,
.js-form-type-email input:-ms-input-placeholder,
.js-form-type-email textarea:-ms-input-placeholder,
.js-form-type-textarea input:-ms-input-placeholder,
.js-form-type-textarea textarea:-ms-input-placeholder {
  visibility: hidden;
  display: none;
  color: rgba(255, 255, 255, 0);
}
.js-form-type-textfield input::-ms-input-placeholder,
.js-form-type-textfield textarea::-ms-input-placeholder,
.js-form-type-email input::-ms-input-placeholder,
.js-form-type-email textarea::-ms-input-placeholder,
.js-form-type-textarea input::-ms-input-placeholder,
.js-form-type-textarea textarea::-ms-input-placeholder {
  visibility: hidden;
  display: none;
  color: rgba(255, 255, 255, 0);
}
.js-form-type-textfield input::placeholder,
.js-form-type-textfield textarea::placeholder,
.js-form-type-email input::placeholder,
.js-form-type-email textarea::placeholder,
.js-form-type-textarea input::placeholder,
.js-form-type-textarea textarea::placeholder {
  visibility: hidden;
  display: none;
  color: rgba(255, 255, 255, 0);
}
.js-form-type-textfield input:focus,
.js-form-type-textfield textarea:focus,
.js-form-type-email input:focus,
.js-form-type-email textarea:focus,
.js-form-type-textarea input:focus,
.js-form-type-textarea textarea:focus {
  outline: none;
}
.js-form-type-textfield textarea,
.js-form-type-email textarea,
.js-form-type-textarea textarea {
  min-height: 150px;
}
.js-form-type-textarea label {
  top: 20px;
}
.not_empty label {
  top: -2px;
  -webkit-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  background-color: #fff;
}
.js-form-type-checkbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  gap: 1rem;
  margin: 1rem 0;
}
.js-form-type-checkbox label {
  margin-top: 5px;
}
.js-form-type-checkbox input {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 25px;
  min-width: 25px;
  border-radius: 8px;
  border: 1px solid #dbdbdb;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px 0 rgba(148, 148, 148, 0.1);
  box-shadow: 0 1px 1px 0 rgba(148, 148, 148, 0.1);
}
.js-form-type-checkbox input:checked {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 25px;
  min-width: 25px;
  border-radius: 8px;
  border: 1px solid #dbdbdb;
  background: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0 1px 1px 0 rgba(148, 148, 148, 0.1);
  box-shadow: 0 1px 1px 0 rgba(148, 148, 148, 0.1);
}
.js-form-type-checkbox .form-checkbox ~ label::before {
  content: " ";
  height: 0px;
  left: 12px;
  top: 12px;
  width: 0px;
  border-radius: 6px;
  background-color: black;
  position: absolute;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
}
.js-form-type-checkbox .form-checkbox:checked ~ label::before {
  content: " ";
  height: 19px;
  left: 3px;
  top: 3px;
  width: 19px;
  border-radius: 6px;
  background-color: black;
  position: absolute;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
}
.booking-checkout {
  background-color: #fff;
  border-radius: 1rem;
  max-width: 1280px;
  width: 90vw;
  margin: 5rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 900px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.booking-checkout .checkout {
  border-top: 2px solid #efefef;
  padding: 2rem;
}
.booking-checkout h4 {
  font-size: 24px;
  font-weight: 300;
  padding: 1rem 0;
  margin-top: 0;
}
.booking-checkout .booking-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding: 2rem 0;
  margin: 2rem 0;
  border-top: 2px solid #efefef;
  border-bottom: 2px solid #efefef;
}
.booking-checkout .booking-price .booking-price-summary {
  list-style: none;
  padding-left: 0;
  width: 50%;
}
.booking-checkout .booking-price .booking-price-summary li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0.5rem 0;
}
.booking-checkout .booking-price .booking-price-summary li .devider {
  border-bottom: 1px dotted black;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 14px;
  opacity: 0.1;
}
.booking-checkout .total-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.booking-checkout .total-price .btw-tag {
  font-size: 0.75rem;
}
.booking-checkout .usp-list {
  padding: 0;
  padding-top: 1rem;
  list-style: none;
  color: #919191;
  border-top: 1px #e9e9e9 dashed;
}
.booking-checkout .usp-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  margin: 0.5rem 0;
}
.booking-checkout .usp-list .usp-1::before {
  content: "\e838";
  font-family: "material icons";
  font-size: 30px;
}
.booking-checkout .usp-list .usp-2::before {
  content: "\e614";
  font-family: "material icons";
  font-size: 30px;
}
.booking-checkout .usp-list .usp-3::before {
  content: "\f650";
  font-family: "material icons";
  font-size: 30px;
}
.booking-checkout .icon-calender,
.booking-checkout .icon-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  margin: 0;
  font-size: 20px;
}
.booking-checkout .icon-calender::before {
  content: "\ebcc";
  font-family: "material icons";
  font-size: 30px;
}
.booking-checkout .icon-time::before {
  content: "\e855";
  font-family: "material icons";
  font-size: 30px;
}
.booking-checkout .booking-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}
.booking-checkout .booking-data-container {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-bottom: 2rem;
}
.booking-checkout .booking-info {
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.booking-checkout .booking-info h4 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}
.booking-checkout .booking-info strong {
  font-size: 24px;
  font-weight: 300;
  border-bottom: 1px #e9e9e9 dashed;
  padding: 1rem 0;
  margin-top: 0;
}
.booking-checkout .booking-info div {
  margin: 0.5rem 0;
}
.booking-checkout .personal-data {
  font-family: "Poppins";
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.booking-checkout .personal-data strong {
  font-size: 20px;
  font-weight: 400;
}
.booking-checkout .personal-data .personal-data-item {
  margin: 0.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.booking-checkout .personal-data .personal-data-item div {
  margin-right: 8px;
  font-weight: 500;
}
.booking-checkout .action-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.booking-checkout .action-buttons .pay-now {
  padding: 1rem 2rem;
  background-color: black;
  color: white;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
}
.booking-checkout .action-buttons .pay-now a {
  color: rgb(0, 0, 0);
  text-decoration: none;
  padding: 1rem 1.2rem;
  background-color: #e9e9e9;
  border-radius: 0.5rem;
  text-align: center;
}
.booking-checkout .action-buttons .pay-now a:hover {
  background-color: #b3b3b3;
}
.booking-checkout .action-buttons .pay-now .logos-pay-methods img {
  height: 45px;
  width: 45px;
}
.booking-checkout .action-buttons .pay-later {
  padding: 1rem 2rem;
  background-color: black;
  color: white;
  border-radius: 1rem;
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.booking-checkout .action-buttons .pay-later a {
  color: rgb(0, 0, 0);
  text-decoration: none;
  padding: 1rem 1.2rem;
  background-color: #e9e9e9;
  border-radius: 0.5rem;
  text-align: center;
}
.booking-checkout .action-buttons .pay-later a:hover {
  background-color: #b3b3b3;
}
.paragraph--type--booking-options {
  background-color: #ffffff;
  border-radius: 1rem;
  max-width: 1280px;
  width: 90vw;
  margin: 5rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  border: 2px solid #efefef;
}
.paragraph--type--booking-options .paragraph--type--service-option {
  border: 2px solid #efefef;
  border-radius: 1rem;
  max-width: 400px;
  overflow: clip;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
.paragraph--type--booking-options .paragraph--type--service-option img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.paragraph--type--booking-options .paragraph--type--service-option .title {
  padding: 0 1rem;
}
.paragraph--type--booking-options .paragraph--type--service-option .desc {
  padding: 0 1rem;
  font-size: 14px;
}
.paragraph--type--booking-options .paragraph--type--service-option .link {
  margin: 0 1rem;
  margin-bottom: 1rem;
}
.paragraph--type--booking-options .paragraph--type--service-option .link a {
  padding: 0.5rem 1.5rem;
  background-color: black;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.5rem;
  color: #FFF;
  text-decoration: none;
}
.paragraph--type--booking-options .service-options > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem;
  gap: 2rem;
  width: calc(100% - 4rem);
  overflow: scroll;
}
.paragraph--type--booking-options > .title {
  width: calc(100% - 4rem);
  border-bottom: 2px solid rgb(235, 235, 235);
  padding: 2rem;
  font-size: 1.5rem;
  font-family: "Poppins";
  font-weight: 200;
}
.paragraph--type--booking-options .usps {
  width: calc(100% - 2rem);
  border-top: 2px solid rgb(235, 235, 235);
  padding: 1rem;
}
.paragraph--type--booking-options .usps ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.paragraph--type--booking-options .usps ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #c1c1c1;
  gap: 8px;
}
.paragraph--type--booking-options .usps ul li:first-child::before {
  content: "\e838";
  font-family: "material icons";
  font-size: 30px;
  padding-bottom: 8px;
}
.paragraph--type--booking-options .usps ul li:nth-child(2)::before {
  content: "\ebcc";
  font-family: "material icons";
  font-size: 30px;
  padding-bottom: 8px;
}
.paragraph--type--booking-options .usps ul li:last-child::before {
  content: "\e174";
  font-family: "material icons";
  font-size: 30px;
  padding-bottom: 8px;
}
/*# sourceMappingURL=global.css.map */