.hts-page-header {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 50;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hts-page-header .hts-menu {
  align-self: center;
}

.hts-page-header .hts-top-bar {
  --tw-bg-opacity: 1;
  background-color: rgb(35 59 110 / var(--tw-bg-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hts-page-header .hts-top-bar a {
  display: none;
}

.hts-page-header .hts-page-header-block {
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hts-page-header .hts-page-header-block .hts-logo {
  max-height: 35px;
  max-width: 160px;
}

.hts-page-header:not(.dark-version) .hts-menu {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hts-page-header:not(.dark-version) .hts-menu .hts-nav {
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(13 22 41 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

@media (min-width: 768px) {
  .hts-page-header:not(.dark-version) .hts-menu .hts-nav {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.hts-page-header:not(.dark-version) .hts-menu .hts-nav ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  .hts-page-header:not(.dark-version) .hts-menu .hts-nav ul {
    flex-direction: row;
  }
}

.hts-page-header:not(.dark-version) .hts-menu .hts-nav ul a {
  display: block;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(13 22 41 / var(--tw-text-opacity, 1));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hts-page-header:not(.dark-version) .hts-menu .hts-nav ul a:hover {
  opacity: 0.7;
}

@media (min-width: 768px) {
  .hts-page-header:not(.dark-version) .hts-menu .hts-nav ul a {
    align-content: center;
    align-items: center;
    line-height: 2rem;
  }
}

.hts-page-header:not(.dark-version) .hts-menu .hts-menu-elements {
  top: 96px;
}

.hts-page-header:not(.dark-version) .hts-menu .hts-menu-elements .hts-nav {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hts-page-header:not(.dark-version) .hts-contact-link {
  margin-top: 1.5rem;
  display: inline-flex;
  gap: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(35 59 110 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .hts-page-header:not(.dark-version) .hts-contact-link {
    margin-top: 0px;
    height: 2rem;
    align-content: center;
    align-items: center;
  }
}

.hts-page-header.dark-version {
  background-color: transparent;
}

@media (min-width: 768px) {
  .hts-page-header.dark-version {
    top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.hts-page-header.dark-version::before {
  pointer-events: none;
  position: absolute;
  inset: 0px;
  z-index: -10;
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  --tw-content: '';
  content: var(--tw-content);
}

@media (min-width: 768px) {
  .hts-page-header.dark-version::before {
    top: -2rem;
  }
}

.hts-page-header.dark-version .hts-menu {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hts-page-header.dark-version .hts-menu-elements {
  --tw-bg-opacity: 1;
  background-color: rgb(13 22 41 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .hts-page-header.dark-version .hts-menu-elements {
    background-color: transparent;
  }
}

.hts-page-header.dark-version .hts-menu .hts-nav {
  flex-wrap: wrap;
  --tw-bg-opacity: 1;
  background-color: rgb(13 22 41 / var(--tw-bg-opacity, 1));
  padding: 1rem;
}

@media (min-width: 768px) {
  .hts-page-header.dark-version .hts-menu .hts-nav {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.hts-page-header.dark-version .hts-menu .hts-nav .menu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) {
  .hts-page-header.dark-version .hts-menu .hts-nav .menu {
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 1.5rem;
    background-color: transparent;
  }
}

.hts-page-header.dark-version .hts-menu .hts-nav .menu-item {
  font-weight: 600;
}

.hts-page-header.dark-version .hts-menu .hts-nav .menu-item a {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (min-width: 768px) {
  .hts-page-header.dark-version .hts-menu .hts-nav .menu-item a:hover {
    opacity: 0.7;
  }
}

.hts-page-header.dark-version:has(.hts-menu.opened)::before,
.hts-page-header.dark-version.scrolled::before {
  opacity: 0;
}

.hts-page-header.dark-version:has(.hts-menu.opened) .hts-page-header-block,
.hts-page-header.dark-version.scrolled .hts-page-header-block {
  --tw-bg-opacity: 1;
  background-color: rgb(13 22 41 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hts-page-header.dark-version .hts-top-bar {
  display: none;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.hts-page-header.dark-version .hts-page-header-block {
  margin-left: auto;
  margin-right: auto;
  max-width: 1360px;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

@media (min-width: 768px) {
  .hts-page-header.dark-version .hts-page-header-block {
    border-radius: 9999px;
  }
}

.hts-page-header.dark-version .hts-contact-link {
  margin-top: 1.5rem;
  display: inline-flex;
  max-width: 132px;
  gap: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(13 22 41 / var(--tw-text-opacity, 1));
}

@media (min-width: 768px) {
  .hts-page-header.dark-version .hts-contact-link {
    margin-top: 0px;
    height: 2rem;
    align-content: center;
    align-items: center;
  }
}

body:not(:has(.hts-hero-top)) .hts-page-header::before {
  opacity: 0;
}

body:not(:has(.hts-hero-top)) .hts-page-header .hts-page-header-block {
  --tw-bg-opacity: 1;
  background-color: rgb(13 22 41 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.footer-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  .menu-item a {
    display: flex;
  }
  .menu-item a {
    height: 2rem;
  }
  .menu-item a {
    width: 100%;
  }
  .menu-item a {
    align-items: center;
  }
  .menu-item {
    display: block;
  }
  .menu-item {
    width: 100%;
  }
  .menu-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  @media (min-width: 1024px) {
    .menu-item {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  .menu-item {
    &:first-child {
      margin-top: 0.5rem;
    }
  }
}

.footer-item:first-child {
  margin-top: 1rem;
}

.footer-content.active {
  max-height: 500px;
  opacity: 1;
}

@media (min-width: 1024px) {
  .footer-content {
    max-height: none;
    opacity: 1;
  }
}

.footer-menu-button {
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  transition: all 0.3s ease-in-out;
}

.footer-menu-button .i-heroicons-chevron-down {
  transition: transform 0.3s ease-in-out;
}

.footer-menu-button.active .i-heroicons-chevron-down {
  transform: rotate(180deg);
}

.kripex-product-gallery {
  max-height: 480px;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .kripex-product-gallery {
    max-height: 480px;
  }
}

.single-product .hts-main {
  width: 100% !important;
  overflow-x: visible !important;
  padding: 0px !important;
}

.single-product .hts-hero-top {
  margin-left: 0px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.gallery-product-name {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  .gallery-product-name {
    display: none;
  }
}

.product-details-container {
  position: relative;
  z-index: 20;
  margin-left: auto;
  margin-right: auto;
  margin-top: -100px;
  margin-bottom: 2.5rem;
  max-width: 1360px;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.75rem;
  text-align: center;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 1024px) {
  .product-details-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.5rem;
    display: flex;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-wrap: wrap;
    align-self: flex-start;
    border-radius: 0.75rem;
    --tw-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}

.product-details-container .kripex-product-title {
  margin-top: 0px;
  margin-bottom: 1.5rem;
  font-size: 32px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 42px;
}

@media (min-width: 1024px) {
  .product-details-container .kripex-product-title {
    width: 100%;
  }
}

.product-details-container .kripex-product-price {
  display: none;
}

@media (min-width: 1024px) {
  .product-details-container .product-name-container {
    width: 100%;
  }

  .product-details-container .product-specifications-container {
    width: 50%;
  }
}

.product-details-container .product-details-container-inner {
  width: 100%;
}

@media (min-width: 1024px) {
  .product-details-container .product-details-container-inner {
    display: flex;
    flex-wrap: wrap;
  }
}

.product-details-container .product-booking-container {
  top: 0px;
  right: 0px;
}

@media (min-width: 1024px) {
  .product-details-container .product-booking-container {
    position: sticky;
    order: 2;
    width: 50%;
  }
}

.product-details-container .product-booking-container .wc-product-booking-form {
  margin: 0px;
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .product-details-container .product-booking-container .wc-product-booking-form {
    position: sticky;
    top: 112px;
  }
}

.screen-sizes-section {
  padding: 1rem;
}

.screen-sizes-title {
  margin-top: 0px;
  margin-bottom: 0.5rem;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 24px;
}

.screen-sizes-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 1024px) {
  .screen-sizes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.screen-size-item {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: 8px;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.screen-size-item:hover {
  --tw-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.screen-size-item>.screen-size-image>img:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.screen-size-item.active {
  --tw-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.screen-size-item.active::before {
  --tw-content: '✓';
  content: var(--tw-content);
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 10;
  display: flex;
  height: 24px;
  width: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(35 59 110 / var(--tw-text-opacity, 1));
}

.screen-size-item img {
  height: 100%;
  width: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.screen-size-item .screen-size-details {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  width: 120px;
  border-radius: 8px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(35 59 110 / var(--tw-text-opacity, 1));
}

.flatpickr-wrapper {
  width: 100%;
}

.show-more-fields {
  grid-column: span 2 / span 2 !important;
}

[for="toggle-hidable-fields"] {
  left: 0px !important;
}

.wc-product-booking-form {
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.wc-product-booking-form .booking-title {
  margin-top: 0px;
  margin-bottom: 0.5rem;
}

.wc-product-booking-form .date-selection {
  width: 100%;
  min-width: 100%;
}

.wc-product-booking-form .booking-selection-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.kripex-product-name-gallery {
  font-size: 64px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 64px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.kripex-product-name-gallery-short-description {
  padding-left: 0.25rem;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 48px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.kripex-product-name-gallery-container {
  text-shadow: 1px 1px 2px black;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  width: 100%;
  max-width: 1360px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  font-family: Bourton, sans-serif;
}

@media (min-width: 1024px) {
  .kripex-product-name-gallery-container {
    display: block;
  }
}

@media (min-width: 1280px) {
  .kripex-product-name-gallery-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.kripex-product-name-gallery-container .booking-button {
  margin-top: 1rem;
  margin-left: 6px;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.kripex-specifications-title {
  font-size: 14px;
  font-weight: 600;
}

@media (min-width: 1024px) {
  .kripex-specifications-title {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.kripex-specifications-grid {
  max-height: 0px;
  overflow: hidden;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.kripex-specifications-grid-content {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.kripex-specifications-grid.active {
  max-height: 10000px;
  overflow: visible;
  opacity: 1;
}

.kripex-specifications-grid.active img {
  max-height: 1000px;
  width: 100%;
  border-radius: 0.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.kripex-spec-item {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .kripex-spec-item {
    justify-content: flex-start;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}

.kripex-spec-label {
  font-weight: 600;
}

@media (min-width: 1024px) {
  .kripex-spec-label {
    width: 100%;
    max-width: 240px;
    padding-right: 0.5rem;
    text-align: left;
  }
}

.kripex-spec-label::after {
  --tw-content: ':';
  content: var(--tw-content);
}

.kripex-spec-value {
  font-weight: 300;
}

.product-floating-island {
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  z-index: 50;
  margin-left: auto;
  margin-right: auto;
  height: 64px;
  max-width: 1360px;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(13 22 41 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  --tw-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.booking-title {
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 24px;
}

.booking-description {
  margin-bottom: 1rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 160%;
}

.kripex-spec-description {
  width: 100%;
}

.error-message {
  margin-bottom: 0.5rem;
  border-radius: 0.375rem;
  background-color: rgb(239 68 68 / 0.15);
  padding: 0.5rem;
  text-align: left;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

.error-message.success-message {
  margin-bottom: 0.5rem;
  border-radius: 0.375rem;
  background-color: rgb(34 197 94 / 0.15);
  padding: 0.5rem;
  text-align: left;
  font-size: 14px;
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}

.cmplz-category.cmplz-functional {
  display: none;
}

.flex-container {
  display: flex;
}

.hts-main:has(.hts-hero-top) {
  max-width: 100%;
  overflow-x: hidden;
  padding-top: 0px;
}

.hts-hero-top {
  position: relative !important;
  margin-left: calc((100vw - 100%) / 2 * -1) !important;
  margin-bottom: 2.5rem !important;
  width: 100vw !important;
  max-width: 100vw !important;
  border-radius: 0px !important;
}

.hts-hero-top img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

a.colored {
  --tw-text-opacity: 1 !important;
  color: rgb(35 59 110 / var(--tw-text-opacity, 1)) !important;
}

@media (min-width: 1024px) {
  a.colored {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
  }

  a.colored:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(48 81 150 / var(--tw-text-opacity, 1)) !important;
  }
}

ul.custom-list {
  list-style-type: none;
  padding-left: 1.25rem;
}

ul.custom-list li {
  position: relative;
  margin-bottom: 0.5rem;
  padding-left: 25px;
}

ul.custom-list li::before {
  position: absolute;
  left: 0px;
  top: 8px;
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(35 59 110 / var(--tw-bg-opacity, 1));
  --tw-content: '';
  content: var(--tw-content);
}

.blog-image {
  max-height: 600px;
  overflow: hidden;
}

.blog-title {
  font-size: 64px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 64px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.blog-title-container {
  text-shadow: 1px 1px 2px black;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: auto;
  margin-right: auto;
  display: none;
  width: 100%;
  max-width: 1360px;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: left;
  font-family: Bourton, sans-serif;
}

@media (min-width: 1024px) {
  .blog-title-container {
    display: block;
  }
}

@media (min-width: 1280px) {
  .blog-title-container {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.blog-post {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  max-width: 1360px;
}

.blog-content-header-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 42px;
  --tw-text-opacity: 1;
  color: rgb(13 22 41 / var(--tw-text-opacity, 1));
}

.blog-date {
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(13 22 41 / var(--tw-text-opacity, 1));
}

body .hts-section,
body .hts-posts,
body .hts-no-border {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  max-width: 1360px;
}

.product-widget {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 246 / var(--tw-bg-opacity, 1));
}

@media (min-width: 1024px) {
  .product-widget {
    display: flex;
    gap: 1rem;
  }
}

.product-widget .product-widget-image {
  overflow: hidden;
  border-radius: 0.5rem;
}

@media (min-width: 1024px) {
  .product-widget .product-widget-image {
    width: 50%;
  }
}

.product-widget .product-widget-image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-widget .product-widget-content {
  padding: 1rem;
}

@media (min-width: 1024px) {
  .product-widget .product-widget-content {
    display: flex;
    width: 50%;
    flex-direction: column;
    justify-content: center;
  }
}

.product-widget .product-widget-content .product-widget-title {
  padding-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .product-widget .product-widget-content .product-widget-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.product-widget .product-widget-content .product-widget-description {
  padding-bottom: 1rem;
  font-size: 0.75rem !important;
  line-height: 1rem !important;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  .product-widget .product-widget-content .product-widget-description {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
}

.product-widget .product-widget-content .product-widget-description h1,
.product-widget .product-widget-content .product-widget-description h2,
.product-widget .product-widget-content .product-widget-description h3,
.product-widget .product-widget-content .product-widget-description h4,
.product-widget .product-widget-content .product-widget-description h5,
.product-widget .product-widget-content .product-widget-description h6,
.product-widget .product-widget-content .product-widget-description pre,
.product-widget .product-widget-content .product-widget-description p,
.product-widget .product-widget-content .product-widget-description span,
.product-widget .product-widget-content .product-widget-description div {
  margin: 0px !important;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400 !important;
  --tw-text-opacity: 1;
  color: rgb(13 22 41 / var(--tw-text-opacity, 1));
}

@media (min-width: 1024px) {
  .product-widget .product-widget-content .product-widget-description h1,
.product-widget .product-widget-content .product-widget-description h2,
.product-widget .product-widget-content .product-widget-description h3,
.product-widget .product-widget-content .product-widget-description h4,
.product-widget .product-widget-content .product-widget-description h5,
.product-widget .product-widget-content .product-widget-description h6,
.product-widget .product-widget-content .product-widget-description pre,
.product-widget .product-widget-content .product-widget-description p,
.product-widget .product-widget-content .product-widget-description span,
.product-widget .product-widget-content .product-widget-description div {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
}

.product-widget .product-widget-content .product-widget-add-to-cart a {
  margin: 0px !important;
  display: inline-block;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(13 22 41 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600 !important;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hts-posts .hts-posts-header {
  margin-top: 1.5rem !important;
  margin-bottom: 1rem !important;
}

.hts-posts .hts-posts-header h2 {
  margin: 0px;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(13 22 41 / var(--tw-text-opacity, 1));
}

.hts-posts .hts-posts-header a p {
  display: inline-flex;
  width: 66px;
  align-items: center;
  justify-content: center;
}

/**
 * different styles can be found at https://tailwindcss-forms.vercel.app/
 **/

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="date"],
select,
textarea {
  height: 2.75rem !important;
  width: 100% !important;
  border-radius: 0.5rem !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)) !important;
  padding-right: 0.5rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 0.75rem !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.25rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(6 10 18 / var(--tw-text-opacity, 1)) !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

input[type="text"]:focus-visible,
input[type="text"]:focus-within,
input[type="text"]:focus,
input[type="email"]:focus-visible,
input[type="email"]:focus-within,
input[type="email"]:focus,
input[type="tel"]:focus-visible,
input[type="tel"]:focus-within,
input[type="tel"]:focus,
input[type="number"]:focus-visible,
input[type="number"]:focus-within,
input[type="number"]:focus,
input[type="search"]:focus-visible,
input[type="search"]:focus-within,
input[type="search"]:focus,
input[type="date"]:focus-visible,
input[type="date"]:focus-within,
input[type="date"]:focus,
select:focus-visible,
select:focus-within,
select:focus,
textarea:focus-visible,
textarea:focus-within,
textarea:focus {
  --tw-border-opacity: 1;
  border-color: rgb(160 160 160 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline-width: 0px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="date"]:hover,
select:hover,
textarea:hover {
  --tw-border-opacity: 1;
  border-color: rgb(192 192 192 / var(--tw-border-opacity, 1));
}

textarea {
  height: auto !important;
}

.control,
.input-group {
  position: relative;
}

.field {
  position: relative;
  margin: 0px !important;
}

.field .control {
  position: relative;
}

.field.field-reserved {
  margin-bottom: 1.5rem !important;
}

.field .group.control ~ .field {
  margin-top: 0.5rem !important;
}

.field label {
  pointer-events: none;
  position: absolute;
  top: -10px;
  left: 0.5rem;
  z-index: 10;
  margin-bottom: 0px;
  transform: none;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.field label::after {
  display: none !important;
}

.field input:-moz-placeholder-shown {
  background-color: transparent;
}

.field input:placeholder-shown {
  background-color: transparent;
}

.field input:-moz-placeholder-shown ~ label {
  top: 50%;
  left: 0.5rem;
  z-index: 10;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(6 10 18 / var(--tw-text-opacity, 1));
}

.field input:placeholder-shown ~ label {
  top: 50%;
  left: 0.5rem;
  z-index: 10;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(6 10 18 / var(--tw-text-opacity, 1));
}

.field input:focus-visible ~ label,
.field input:focus-within ~ label,
.field input:focus ~ label {
  position: absolute;
  top: -10px;
  transform: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.field .form-hint-text {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity, 1));
}

input[type="checkbox"],
input[type="radio"] {
  position: absolute;
  left: 0px;
  background-image: none;
  opacity: 0;
}

label:has(.form-checkbox),
label:has(.form-radio),
label:has(input[type="checkbox"]),
label:has(input[type="radio"]) {
  pointer-events: auto;
  position: relative;
  cursor: pointer;
  gap: 1rem;
  padding-left: 2rem;
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(35 59 110 / var(--tw-text-opacity, 1));
}

label:has(.form-checkbox) span,
label:has(.form-radio) span,
label:has(input[type="checkbox"]) span,
label:has(input[type="radio"]) span {
  --tw-text-opacity: 1;
  color: rgb(35 59 110 / var(--tw-text-opacity, 1));
}

label:has(.form-checkbox)::before,
label:has(.form-radio)::before,
label:has(input[type="checkbox"])::before,
label:has(input[type="radio"])::before {
  position: absolute;
  left: 0px;
  top: 50%;
  height: 1rem;
  width: 1rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 2px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity, 1));
  background-color: transparent;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --tw-content: '';
  content: var(--tw-content);
}

label:has(.form-checkbox)::after,
label:has(.form-radio)::after,
label:has(input[type="checkbox"])::after,
label:has(input[type="radio"])::after {
  position: absolute !important;
  left: 0px !important;
  top: 50% !important;
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  text-align: center !important;
  font-size: 12px !important;
  line-height: 1rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  opacity: 0 !important;
  --tw-content: '' !important;
  content: var(--tw-content) !important;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5' /%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
}

label:has(.form-checkbox):hover::before,
label:has(.form-radio):hover::before,
label:has(input[type="checkbox"]):hover::before,
label:has(input[type="radio"]):hover::before {
  --tw-border-opacity: 1;
  border-color: rgb(35 59 110 / var(--tw-border-opacity, 1));
}

label:has(input[type="radio"])::before,
label:has(.form-radio)::before {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

label:has(input[type="radio"])::after,
label:has(.form-radio)::after {
  position: absolute;
  left: 0.125rem;
  top: 50%;
  width: 0.75rem;
  height: 0.75rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(35 59 110 / var(--tw-bg-opacity, 1));
  opacity: 0;
  --tw-content: '';
  content: var(--tw-content);
}

label:has(input[type="checkbox"]:checked)::before {
  --tw-border-opacity: 1;
  border-color: rgb(35 59 110 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(35 59 110 / var(--tw-bg-opacity, 1));
}

label:has(input[type="checkbox"]:checked)::after {
  opacity: 1 !important;
}

label:has(input[type="radio"]:checked)::before {
  --tw-border-opacity: 1;
  border-color: rgb(35 59 110 / var(--tw-border-opacity, 1));
}

label:has(input[type="radio"]:checked)::after {
  opacity: 1;
}

label:has(input[type="checkbox"]:disabled),
label:has(input[type="checkbox"]:checked:disabled),
label:has(input[type="radio"]:disabled),
label:has(input[type="radio"]:checked:disabled),
label:has(input[type="checkbox"][disabled]),
label:has(input[type="checkbox"]:checked[disabled]),
label:has(input[type="radio"][disabled]),
label:has(input[type="radio"]:checked[disabled]) {
  pointer-events: none;
  cursor: not-allowed;
  --tw-text-opacity: 1;
  color: rgb(192 192 192 / var(--tw-text-opacity, 1));
}

label:has(input[type="checkbox"]:disabled) span,
label:has(input[type="checkbox"]:checked:disabled) span,
label:has(input[type="radio"]:disabled) span,
label:has(input[type="radio"]:checked:disabled) span,
label:has(input[type="checkbox"][disabled]) span,
label:has(input[type="checkbox"]:checked[disabled]) span,
label:has(input[type="radio"][disabled]) span,
label:has(input[type="radio"]:checked[disabled]) span {
  --tw-text-opacity: 1;
  color: rgb(192 192 192 / var(--tw-text-opacity, 1));
}

label:has(input[type="checkbox"]:disabled)::before,
label:has(input[type="checkbox"]:checked:disabled)::before,
label:has(input[type="radio"]:disabled)::before,
label:has(input[type="radio"]:checked:disabled)::before,
label:has(input[type="checkbox"][disabled])::before,
label:has(input[type="checkbox"]:checked[disabled])::before,
label:has(input[type="radio"][disabled])::before,
label:has(input[type="radio"]:checked[disabled])::before {
  --tw-border-opacity: 1;
  border-color: rgb(192 192 192 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(192 192 192 / var(--tw-text-opacity, 1));
}

.send-message,
.hts-hero-details .btn.primary,
.booking-button {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
  border-radius: 0.5rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(13 22 41 / var(--tw-bg-opacity, 1)) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  font-size: 15px !important;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.25rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.send-message:hover,
.hts-hero-details .btn.primary:hover,
.booking-button:hover {
  background-color: rgb(13 22 41 / 0.8) !important;
}

.form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  padding: 0px;
}

@media (min-width: 1024px) {
  .form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.form .field {
  grid-column: span 2 / span 2;
  margin-bottom: 0px !important;
  padding: 0px;
}

@media (min-width: 1024px) {
  .form .field {
    grid-column: span 1 / span 1;
  }
}

.form .field.more-info-block {
  grid-column: span 2 / span 2;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

.i-heroicons-bars-4 {
  --tw-plugin-icons-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3.75 5.25h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5'/%3E%3C/svg%3E");
  -webkit-mask: var(--tw-plugin-icons-url) no-repeat;
          mask: var(--tw-plugin-icons-url) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background-color: currentColor;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
}

.i-heroicons-bars-4:hover {
}

.i-heroicons-chevron-down {
  --tw-plugin-icons-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m19.5 8.25l-7.5 7.5l-7.5-7.5'/%3E%3C/svg%3E");
  -webkit-mask: var(--tw-plugin-icons-url) no-repeat;
          mask: var(--tw-plugin-icons-url) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background-color: currentColor;
  width: 1.5em;
  height: 1.5em;
}

.i-heroicons-envelope {
  --tw-plugin-icons-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75'/%3E%3C/svg%3E");
  -webkit-mask: var(--tw-plugin-icons-url) no-repeat;
          mask: var(--tw-plugin-icons-url) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background-color: currentColor;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
}

.i-heroicons-envelope:hover {
}

.i-heroicons-globe-alt {
  --tw-plugin-icons-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5a17.92 17.92 0 0 1-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418'/%3E%3C/svg%3E");
  -webkit-mask: var(--tw-plugin-icons-url) no-repeat;
          mask: var(--tw-plugin-icons-url) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background-color: currentColor;
  width: 1.5em;
  height: 1.5em;
}

.i-heroicons-phone {
  --tw-plugin-icons-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z'/%3E%3C/svg%3E");
  -webkit-mask: var(--tw-plugin-icons-url) no-repeat;
          mask: var(--tw-plugin-icons-url) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background-color: currentColor;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
}

.i-heroicons-phone:hover {
}

.i-heroicons-x-mark {
  --tw-plugin-icons-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E");
  -webkit-mask: var(--tw-plugin-icons-url) no-repeat;
          mask: var(--tw-plugin-icons-url) no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  background-color: currentColor;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
}

.i-heroicons-x-mark:hover {
}

.social-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  filter: brightness(0) invert(1);
}

.social-facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E");
}

.social-twitter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z'/%3E%3C/svg%3E");
}

.social-instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z'/%3E%3C/svg%3E");
}

.social-youtube {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E");
}

.social-tiktok {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12.53.02C13.84 0 15.14.01 16.44 0c.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E");
}

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

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.\!absolute {
  position: absolute !important;
}

.absolute {
  position: absolute;
}

.\!relative {
  position: relative !important;
}

.relative {
  position: relative;
}

.inset-0 {
  inset: 0px;
}

.\!left-0 {
  left: 0px !important;
}

.\!top-1\/2 {
  top: 50% !important;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-4 {
  bottom: 1rem;
}

.left-0 {
  left: 0px;
}

.left-0\.5 {
  left: 0.125rem;
}

.left-1\/2 {
  left: 50%;
}

.left-2 {
  left: 0.5rem;
}

.left-4 {
  left: 1rem;
}

.right-2 {
  right: 0.5rem;
}

.right-4 {
  right: 1rem;
}

.top-0 {
  top: 0px;
}

.top-1\/2 {
  top: 50%;
}

.top-2 {
  top: 0.5rem;
}

.top-\[-10px\] {
  top: -10px;
}

.top-\[8px\] {
  top: 8px;
}

.top-\[96px\] {
  top: 96px;
}

.-z-10 {
  z-index: -10;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-50 {
  z-index: 50;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.\!m-0 {
  margin: 0px !important;
}

.m-0 {
  margin: 0px;
}

.mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.\!mb-0 {
  margin-bottom: 0px !important;
}

.\!ml-\[calc\(\(100vw-100\%\)\/2\*-1\)\] {
  margin-left: calc((100vw - 100%) / 2 * -1) !important;
}

.\!mt-6 {
  margin-top: 1.5rem !important;
}

.-mt-\[100px\] {
  margin-top: -100px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.ml-\[6px\] {
  margin-left: 6px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.\!block {
  display: block !important;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.grid {
  display: grid;
}

.contents {
  display: contents;
}

.\!hidden {
  display: none !important;
}

.hidden {
  display: none;
}

.\!size-4 {
  width: 1rem !important;
  height: 1rem !important;
}

.size-3 {
  width: 0.75rem;
  height: 0.75rem;
}

.\!h-11 {
  height: 2.75rem !important;
}

.h-2 {
  height: 0.5rem;
}

.h-4 {
  height: 1rem;
}

.h-5 {
  height: 1.25rem;
}

.h-6 {
  height: 1.5rem;
}

.h-8 {
  height: 2rem;
}

.h-\[24px\] {
  height: 24px;
}

.h-\[300px\] {
  height: 300px;
}

.h-\[40px\] {
  height: 40px;
}

.h-\[64px\] {
  height: 64px;
}

.h-full {
  height: 100%;
}

.max-h-0 {
  max-height: 0px;
}

.max-h-\[10000px\] {
  max-height: 10000px;
}

.max-h-\[1000px\] {
  max-height: 1000px;
}

.max-h-\[35px\] {
  max-height: 35px;
}

.max-h-\[480px\] {
  max-height: 480px;
}

.max-h-\[600px\] {
  max-height: 600px;
}

.\!w-full {
  width: 100% !important;
}

.\!w-screen {
  width: 100vw !important;
}

.w-2 {
  width: 0.5rem;
}

.w-4 {
  width: 1rem;
}

.w-5 {
  width: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.w-\[120px\] {
  width: 120px;
}

.w-\[24px\] {
  width: 24px;
}

.w-\[66px\] {
  width: 66px;
}

.w-full {
  width: 100%;
}

.\!max-w-\[100vw\] {
  max-width: 100vw !important;
}

.\!max-w-full {
  max-width: 100% !important;
}

.max-w-\[132px\] {
  max-width: 132px;
}

.max-w-\[1360px\] {
  max-width: 1360px;
}

.max-w-\[160px\] {
  max-width: 160px;
}

.max-w-\[320px\] {
  max-width: 320px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-screen-xl {
  max-width: 1280px;
}

.flex-shrink {
  flex-shrink: 1;
}

.\!-translate-y-1\/2 {
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-none {
  transform: none;
}

.cursor-pointer {
  cursor: pointer;
}

.list-none {
  list-style-type: none;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.\!overflow-x-visible {
  overflow-x: visible !important;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.\!rounded-lg {
  border-radius: 0.5rem !important;
}

.\!rounded-none {
  border-radius: 0px !important;
}

.rounded-\[2px\] {
  border-radius: 2px;
}

.rounded-\[8px\] {
  border-radius: 8px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.\!border {
  border-width: 1px !important;
}

.\!border-\[1px\] {
  border-width: 1px !important;
}

.border {
  border-width: 1px;
}

.border-t {
  border-top-width: 1px;
}

.\!border-inputBorder {
  --tw-border-opacity: 1 !important;
  border-color: rgb(224 224 224 / var(--tw-border-opacity, 1)) !important;
}

.border-disabled {
  --tw-border-opacity: 1;
  border-color: rgb(192 192 192 / var(--tw-border-opacity, 1));
}

.border-inputBorder {
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity, 1));
}

.border-white\/20 {
  border-color: rgb(255 255 255 / 0.2);
}

.\!bg-video-blue-dark {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(13 22 41 / var(--tw-bg-opacity, 1)) !important;
}

.bg-\[white\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-green-500\/15 {
  background-color: rgb(34 197 94 / 0.15);
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(35 59 110 / var(--tw-bg-opacity, 1));
}

.bg-red-500\/15 {
  background-color: rgb(239 68 68 / 0.15);
}

.bg-transparent {
  background-color: transparent;
}

.bg-video-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(35 59 110 / var(--tw-bg-opacity, 1));
}

.bg-video-blue-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(13 22 41 / var(--tw-bg-opacity, 1));
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white-fa {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 246 / var(--tw-bg-opacity, 1));
}

.bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}

.bg-contact-us {
  background-image: url('../images/contactUs.jpg');
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-none {
  background-image: none;
}

.from-black\/80 {
  --tw-gradient-from: rgb(0 0 0 / 0.8) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.bg-cover {
  background-size: cover;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 0.75rem;
}

.p-4 {
  padding: 1rem;
}

.\!px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.\!px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.\!py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.\!py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.\!pl-3 {
  padding-left: 0.75rem !important;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-\[25px\] {
  padding-left: 25px;
}

.pt-6 {
  padding-top: 1.5rem;
}

.text-left {
  text-align: left;
}

.\!text-center {
  text-align: center !important;
}

.text-center {
  text-align: center;
}

.font-bourton {
  font-family: Bourton, sans-serif;
}

.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.\!text-\[12px\] {
  font-size: 12px !important;
}

.\!text-\[15px\] {
  font-size: 15px !important;
}

.\!text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-\[11px\] {
  font-size: 11px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[24px\] {
  font-size: 24px;
}

.text-\[32px\] {
  font-size: 32px;
}

.text-\[64px\] {
  font-size: 64px;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.\!font-base {
  font-weight: 400 !important;
}

.\!font-medium {
  font-weight: 500 !important;
}

.\!font-semibold {
  font-weight: 600 !important;
}

.font-base {
  font-weight: 400;
}

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.italic {
  font-style: italic;
}

.\!leading-4 {
  line-height: 1rem !important;
}

.\!leading-5 {
  line-height: 1.25rem !important;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-\[160\%\] {
  line-height: 160%;
}

.leading-\[24px\] {
  line-height: 24px;
}

.leading-\[42px\] {
  line-height: 42px;
}

.leading-\[48px\] {
  line-height: 48px;
}

.leading-\[64px\] {
  line-height: 64px;
}

.\!text-video-blue {
  --tw-text-opacity: 1 !important;
  color: rgb(35 59 110 / var(--tw-text-opacity, 1)) !important;
}

.\!text-video-blue-black {
  --tw-text-opacity: 1 !important;
  color: rgb(6 10 18 / var(--tw-text-opacity, 1)) !important;
}

.\!text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-disabled {
  --tw-text-opacity: 1;
  color: rgb(192 192 192 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}

.text-inputBorderFocus {
  --tw-text-opacity: 1;
  color: rgb(160 160 160 / var(--tw-text-opacity, 1));
}

.text-primary {
  --tw-text-opacity: 1;
  color: rgb(35 59 110 / var(--tw-text-opacity, 1));
}

.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}

.text-video-blue-black {
  --tw-text-opacity: 1;
  color: rgb(6 10 18 / var(--tw-text-opacity, 1));
}

.text-video-blue-dark {
  --tw-text-opacity: 1;
  color: rgb(13 22 41 / var(--tw-text-opacity, 1));
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.\!opacity-0 {
  opacity: 0 !important;
}

.opacity-0 {
  opacity: 0;
}

.opacity-100 {
  opacity: 1;
}

.shadow-custom {
  --tw-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-0 {
  outline-width: 0px;
}

.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.\!transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.\!content-\[\'\'\] {
  --tw-content: '' !important;
  content: var(--tw-content) !important;
}

.content-\[\'\'\] {
  --tw-content: '';
  content: var(--tw-content);
}

.content-\[\'\:\'\] {
  --tw-content: ':';
  content: var(--tw-content);
}

.content-\[\'\2713\'\] {
  --tw-content: '✓';
  content: var(--tw-content);
}

@font-face {
  font-family: Inter;

  font-weight: 400;

  src: url(fonts/Inter-Regular.ttf);
}

@font-face {
  font-family: Bourton;

  font-weight: 500;

  src: url(fonts/Bourton.ttf);
}

@font-face {
  font-family: Inter;

  font-weight: 500;

  src: url(fonts/Inter-Medium.ttf);
}

@font-face {
  font-family: Inter;

  font-weight: 700;

  src: url(fonts/Inter-Bold.ttf);
}

@font-face {
  font-family: Montserrat;

  font-weight: 700;

  src: url(fonts/Montserrat-Bold.ttf);
}

@font-face {
  font-family: SourceSansPro;

  font-weight: 400;

  src: url(fonts/SourceSansPro-Regular.ttf);
}

@font-face {
  font-family: Lobster-Regular;

  font-weight: 400;

  src: url(fonts/Lobster-Regular.ttf);
}

@font-face {
  font-family: Quicksand-Regular;

  font-weight: 400;

  src: url(fonts/Quicksand-Regular.ttf);
}

@font-face {
  font-family: Raleway-Bold;

  font-weight: 700;

  src: url(fonts/Raleway-Bold.ttf);
}

@font-face {
  font-family: PTSans-Regular;

  font-weight: 400;

  src: url(fonts/PTSans-Regular.ttf);
}

@font-face {
  font-family: PlayfairDisplay-Bold;

  font-weight: 700;

  src: url(fonts/PlayfairDisplay-Bold.ttf);
}

@font-face {
  font-family: Lora-Regular;

  font-weight: 400;

  src: url(fonts/Lora-Regular.ttf);
}

@font-face {
  font-family: Oswald-Bold;

  font-weight: 700;

  src: url(fonts/Oswald-Bold.ttf);
}

@font-face {
  font-family: OpenSans-Regular;

  font-weight: 400;

  src: url(fonts/OpenSans-Regular.ttf);
}

@font-face {
  font-family: Roboto;

  font-weight: 100;

  src: url(fonts/Roboto-Thin.ttf);
}

@font-face {
  font-family: Roboto;

  font-weight: 300;

  src: url(fonts/Roboto-Light.ttf);
}

@font-face {
  font-family: Roboto;

  font-weight: 400;

  src: url(fonts/Roboto-Regular.ttf);
}

@font-face {
  font-family: Roboto;

  font-weight: 500;

  src: url(fonts/Roboto-Medium.ttf);
}

@font-face {
  font-family: Roboto;

  font-weight: 700;

  src: url(fonts/Roboto-Bold.ttf);
}

@font-face {
  font-family: Roboto;

  font-weight: 900;

  src: url(fonts/Roboto-Black.ttf);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

body {
  font-family: Roboto, sans-serif !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1, h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
}

h2 {
  margin: 32px 0;
}

h2.hts-title {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}

h3 {
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin: 32px 0;
}

h3.hts-title {
  font-size: 20px;
  margin: 16px 0 12px;
}

h4 {
  font-size: 24px;
}

h4, h5 {
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin: 32px 0;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  margin: 32px 0;
}

h6, p {
  font-style: normal;
}

p {
  color: var(--grey-main);
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}

p.small {
  font-size: 14px;
}

p strong {
  color: var(--main-dark);
  font-weight: 600;
}

.wp-block-cover__inner-container strong {
  color: inherit;
}

.btn {
  cursor: pointer;
  border-radius: 0.375rem;
  border-width: 0px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 160%;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  &:hover {
    opacity: 0.8;
  }
  &.primary {
    --tw-bg-opacity: 1;
    background-color: rgb(48 81 150 / var(--tw-bg-opacity, 1));
  }
  &.primary {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  }
  &.secondary {
    border-width: 1px;
  }
  &.secondary {
    --tw-border-opacity: 1;
    border-color: rgb(13 22 41 / var(--tw-border-opacity, 1));
  }
  &.secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  &.secondary {
    --tw-text-opacity: 1 !important;
    color: rgb(13 22 41 / var(--tw-text-opacity, 1)) !important;
  }
}

a:hover {
  text-decoration: none;
}

.hts-unsplash-data {
  color: var(--grey-main);
  font-size: 10px;
  letter-spacing: .4px;
  z-index: 9999;
}

.hts-unsplash-data a {
  color: #F2F3F6;
}

.hts-form-control {
  display: grid;
  font-size: 2rem;
  font-weight: 700;
  gap: .5em;
  grid-template-columns: 1em auto;
  line-height: 1.1;
}

.hts-form-control input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #F2F3F6;
  border-radius: .15em;
  color: #F2F3F6;
  display: grid;
  font: inherit;
  height: 15px;
  margin: 0;
  padding: 7.5px;
  place-content: center;
  transform: translateY(-.075em);
  width: 15px;
}

.hts-form-control input[type=checkbox]:before {
  box-shadow: inset 1em 1em var(--main-primary);
  clip-path: polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);
  content: "";
  height: .65em;
  transform: scale(0);
  transform-origin: bottom left;
  transition: transform .12s ease-in-out;
  width: .65em;
}

.hts-form-control input[type=checkbox]:checked:before {
  transform: scale(1);
}

.hts-content {
  margin: auto;
  max-width: 1360px;
}

.hts-content pre {
  line-height: 1.2;
}

.hts-content ol,
.hts-content ul {
  margin: 10px 0;
  padding-left: 8px !important;
}

.hts-content blockquote {
  line-height: 1.2;
}

.hts-content .wp-block-image {
  width: 100%;
}

.hts-content .wp-block-file {
  color: var(--grey-main);
  margin: 2rem 0;
}

.hts-content .wp-block-file a {
  font-size: 16px;
}

.hts-menu {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.hts-menu > div {
  cursor: pointer;
}

.hts-menu .close,
.hts-menu .open {
  display: none;
}

@media screen and (max-width:768px) {
  .hts-menu .close,
    .hts-menu .open,
    .hts-menu.closed .open {
    display: block;
  }

  .hts-menu .open,
    .hts-menu.closed .close,
    .hts-menu.closed .hts-menu-elements {
    display: none;
  }

  .hts-menu-elements {
    background: linear-gradient(0deg, rgba(0,0,0,.5), rgba(0,0,0,.5));
    height: 100vh;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 64px;
    width: 100%;
  }

  .hts-menu-elements,
    .hts-nav {
    display: flex;
    flex-direction: column;
  }

  .hts-menu.opened .hts-menu-elements {
    animation: fadeIn .35s;
  }
}

.hts-hero-type-3 .hts-section.hts-hero {
  border-top: none;
  display: block;
  height: auto;
  margin: 88px auto 0;
  max-width: var(--view-width);
  min-width: auto;
  overflow: visible;
}

.hts-hero-type-3 .hts-section.hts-hero h1,
.hts-hero-type-3 .hts-section.hts-hero p {
  color: var(--main-dark);
}

.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content {
  display: flex;
  flex-direction: column-reverse;
  height: auto;
  position: inherit;
}

.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content .hts-hero-image,
.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content .hts-hero-image img {
  display: none;
  width: 100%;
}

.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content .hts-hero-image:after {
  background-image: none;
  height: 0;
  width: 0;
}

.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content .hts-hero-block {
  width: 100%;
}

.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content .hts-hero-block .hts-hero-body {
  position: inherit;
}

.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content .hts-hero-block .hts-hero-details {
  align-items: center;
  padding: 0 0 40px;
  text-align: center;
  width: 100%;
}

.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content .hts-hero-block .hts-hero-details .hts-hero-body-image {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 60px;
  max-height: 500px;
  overflow: hidden;
  width: 100%;
}

.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content .hts-hero-block .hts-hero-details .hts-hero-body-image img {
  min-height: 100%;
  min-width: 100%;
}

.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content .hts-hero-block .hts-hero-details .hts-hero-footer {
  flex-direction: column-reverse;
  margin-top: 20px;
  padding-bottom: 0;
  position: relative;
  text-align: center;
}

.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content .hts-hero-block .hts-hero-details .hts-hero-footer .hts-title {
  color: var(--main-dark);
  display: block;
}

.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content .hts-hero-block .hts-hero-details .hts-hero-footer .hts-social .dark,
.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content .hts-hero-block .hts-hero-details .hts-hero-footer .hts-social .light {
  display: none;
}

.hts-hero-type-3 .hts-section.hts-hero .hts-hero-content .hts-hero-block .hts-hero-details .hts-hero-footer .hts-social .mono {
  display: inline;
}

.hts-hero-type-3 .hts-section.hts-hero .hts-hero-spacer {
  display: none;
}

.hts-hero-type-2 .hts-section{
  border-top:0
}

.hts-hero-type-2 .hts-section.hts-hero{
  border-radius:0;
  display:flex;
  flex-direction:row-reverse;
  margin:0 auto;
  max-width:var(--view-width);
  min-width:unset;
  padding-bottom:0
}

.hts-hero-type-2 .hts-section.hts-hero .hts-hero-image:after{
  background-image:none;
  height:0;
  width:0
}

.hts-hero-type-2 .hts-section.hts-hero h1,.hts-hero-type-2 .hts-section.hts-hero p{
  color:var(--main-dark)
}

.hts-hero-type-2 .hts-section.hts-hero .hts-hero-content{
  display:flex;
  flex-direction:row-reverse;
  padding:0 24px
}

.hts-hero-type-2 .hts-section.hts-hero .hts-hero-body{
  position:relative
}

.hts-hero-type-2 .hts-section.hts-hero .hts-hero-details{
  padding:24px 24px 0 0;
  width:100%
}

.hts-hero-type-2 .hts-section.hts-hero .hts-hero-block,.hts-hero-type-2 .hts-section.hts-hero .hts-hero-image{
  width:50%
}

.hts-hero-type-2 .hts-section.hts-hero .hts-hero-image img{
  width:100%
}

.hts-hero-type-2 .hts-section.hts-hero .hts-hero-footer{
  margin-top:40px;
  position:relative
}

.hts-hero-type-2 .hts-section.hts-hero .hts-hero-footer .hts-social .dark,.hts-hero-type-2 .hts-section.hts-hero .hts-hero-footer .hts-social .light,.hts-hero-type-2 .hts-section.hts-hero .hts-hero-footer .hts-title{
  display:none
}

.hts-hero-type-2 .hts-section.hts-hero .hts-hero-footer .hts-social .mono{
  display:inline
}

@media screen and (max-width:900px){
  .hts-hero-type-2 .hts-section.hts-hero{
    height:auto
  }

  .hts-hero-type-2 .hts-section.hts-hero .hts-hero-content{
    display:flex;
    height:auto;
    margin-bottom:88px;
    padding:0;
    position:relative;
    top:0
  }

  .hts-hero-type-2 .hts-section.hts-hero .hts-hero-block,.hts-hero-type-2 .hts-section.hts-hero .hts-hero-image{
    margin:0 auto;
    width:100%
  }

  .hts-hero-type-2 .hts-section.hts-hero .hts-hero-image img{
    max-height:350px;
    max-width:-moz-max-content;
    max-width:max-content
  }
}

.hts-section.hts-hero{
  border-radius:0.5rem;
  height:480px;
  margin:0 auto;
  max-width:1360px;
  min-width:1360px;
  overflow:hidden;
  position:relative
}

.hts-section.hts-hero .hts-hero-spacer{
  height:480px
}

.hts-section.hts-hero .hts-hero-content{
  height:480px;
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  width:100%
}

@media (max-width:1400px){
  .hts-section.hts-hero{
    margin-left:auto;
    min-width:auto
  }
}

.hts-section.hts-hero .hts-hero-block{
  height:100%;
  margin:0 auto;
  max-width:var(--view-width);
  width:100%
}

.hts-section.hts-hero .hts-hero-image{
  align-items:center;
  display:flex;
  height:100%;
  justify-content:center
}

.hts-section.hts-hero .hts-hero-image:after{
  background-image:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5));
  content:" ";
  display:block;
  height:480px;
  position:absolute;
  top:0;
  width:100%
}

.hts-section.hts-hero .hts-unsplash-data{
  bottom:15px;
  position:absolute;
  right:20px
}

.hts-section.hts-hero .hts-hero-body{
  color:var(--main-light);
  height:100%;
  position:absolute;
  top:0
}

.hts-section.hts-hero .hts-hero-details{
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:center;
  min-width:330px;
  width:65%
}

.hts-section.hts-hero .hts-hero-details *{
  color:var(--main-light)
}

.hts-section.hts-hero .hts-hero-details h1,.hts-section.hts-hero .hts-hero-details p{
  margin-bottom:24px
}

.hts-section.hts-hero .hts-hero-details a{
  text-decoration:none
}

.hts-section.hts-hero .hts-hero-details .hts-hero-body-image{
  display:none
}

.hts-section.hts-hero .hts-hero-footer{
  bottom:0;
  color:var(--main-light);
  display:flex;
  padding-bottom:40px;
  position:absolute;
  text-align:left
}

.hts-section.hts-hero .hts-hero-footer .hts-social .dark,.hts-section.hts-hero .hts-hero-footer .hts-social .mono{
  display:none
}

.hts-section.hts-hero .hts-hero-footer .hts-social .light{
  display:inline
}

.hts-section.hts-hero .hts-hero-footer .hts-social a:hover{
  opacity:.75;
  transition:.3s
}

.hts-section.hts-hero .hts-hero-footer .hts-social img{
  margin-right:4px
}

.hts-section.hts-hero .hts-hero-footer .hts-title{
  color:var(--main-light);
  margin:12px 20px
}

@media screen and (max-width:1400px){
  .hts-section.hts-hero .hts-hero-details{
    padding:24px 24px 40px;
    width:100%
  }

  .hts-section.hts-hero .hts-hero-footer{
    width:100%
  }
}

@media screen and (max-width:768px){
  .hts-section.hts-hero{
    border-radius:0;
    height:480px;
    overflow:hidden;
    position:relative;
    position:inherit
  }

  .hts-section.hts-hero .hts-hero-content{
    top:0
  }

  .hts-section.hts-hero .hts-hero-details{
    padding:0 24px;
    width:100%
  }

  .hts-section.hts-hero .hts-hero-details .hts-hero-footer{
    flex-direction:column
  }

  .hts-section.hts-hero .hts-hero-details .hts-hero-footer .hts-title{
    display:none
  }
}

.search .hts-posts{
  margin-bottom:4rem;
  min-height:60vh
}

.search.search-no-results .hts-posts{
  align-items:center;
  display:flex;
  min-height:60vh
}

.hts-featured-type-3 .hts-posts hr{
  height:0;
  margin-top:0
}

.hts-featured-type-3 .hts-section.hts-featured-post-wrapper{
  background-color:#F2F3F6;
  max-width:none;
  padding:0
}

.hts-featured-type-3 .hts-section.hts-featured-post-wrapper>div{
  margin:0 auto;
  max-width:var(--view-width);
  padding:60px 24px
}

.hts-featured-type-3 .hts-section.hts-featured-post-wrapper .hts-posts-header{
  display:none
}

@media screen and (max-width:700px){
  .hts-featured-type-3 .hts-section.hts-featured-post-wrapper .hts-posts-header{
    display:block;
    margin:0 0 20px
  }
}

.hts-featured-type-3 .hts-featured-post .hts-post{
  display:flex;
  flex-direction:row-reverse
}

.hts-featured-type-3 .hts-featured-post .hts-post>div{
  width:100%
}

@media screen and (max-width:700px){
  .hts-featured-type-3 .hts-featured-post .hts-post{
    flex-direction:column
  }
}

.hts-featured-type-3 .hts-featured-post .hts-post-details{
  height:auto
}

.hts-featured-type-3 .hts-featured-post .hts-post-details .hts-posts-body-header{
  display:block;
  margin-bottom:14px
}

@media screen and (max-width:700px){
  .hts-featured-type-3 .hts-featured-post .hts-post-details .hts-posts-body-header{
    display:none
  }
}

.hts-featured-type-3 .hts-featured-post .hts-post-details>*{
  margin:0 auto;
  padding:0 24px;
  text-align:center
}

@media screen and (max-width:700px){
  .hts-featured-type-3 .hts-featured-post .hts-post-details>*{
    padding:0;
    text-align:left
  }
}

.hts-posts-sharp .hts-featured-post .hts-post{
  background-color:transparent;
  grid-template-columns:auto;
  max-height:none
}

.hts-posts-sharp .hts-featured-post .hts-post .hts-post-details{
  padding-left:0
}

.hts-posts-sharp .hts-featured-post .hts-post img{
  height:540px;
  max-height:540px
}

.hts-featured-post-wrapper .hts-featured-post .hts-posts-body-header{
  display:none
}

.hts-featured-post-wrapper .hts-featured-post .hts-image-wrapper{
  position:relative
}

.hts-featured-post-wrapper .hts-featured-post .hts-image-wrapper .hts-unsplash-data{
  bottom:10px;
  position:absolute;
  right:20px
}

.hts-featured-post .hts-post .hts-post-details{
  padding-left:36px
}

@media screen and (min-width:700px){
  .hts-featured-post .hts-post{
    background-color:#F2F3F6;
    border-radius:0.5rem;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    max-height:400px;
    overflow:hidden
  }

  .hts-featured-post .hts-post img{
    border-radius:0.5rem;
    overflow:hidden;
    width:100%
  }

  .hts-featured-post .hts-post-details{
    align-items:flex-start;
    display:flex;
    flex-direction:column;
    height:100%;
    justify-content:center;
    padding:24px
  }
}

.hts-posts-sharp .hts-post{
  background-color:transparent;
  border-radius:0
}

.hts-posts-sharp .hts-post img{
  border-radius:0
}

.hts-posts-sharp .hts-post .hts-post-details{
  padding:24px 0
}

.hts-post{
  background-color:#F2F3F6;
  border-radius:0.5rem;
  overflow:hidden;
  width:100%
}

.hts-post a.hts-featured-post-link{
  line-height:1
}

.hts-post img{
  border-radius:0.5rem;
  height:320px;
  -o-object-fit:cover;
  object-fit:cover;
  width:100%
}

@media (max-width:768px){
  .hts-post img{
    min-height:auto
  }
}

.hts-post .hts-post-details{
  padding:24px
}

.hts-gallery:not(.single-post) .hts-posts .hts-posts-list{
  -moz-column-count:2;
  column-count:2;
  display:block;
  gap:30px
}

.hts-gallery:not(.single-post) .hts-posts .hts-posts-list .hts-post{
  -moz-column-break-inside:avoid;
  break-inside:avoid;
  cursor:pointer;
  display:block;
  margin:0;
  position:relative
}

.hts-gallery:not(.single-post) .hts-posts .hts-posts-list .hts-post:not(:first-child){
  margin-top:1rem
}

@media (max-width:1024px){
  .hts-gallery:not(.single-post) .hts-posts .hts-posts-list .hts-post:not(:first-child){
    margin-top:2.5vw
  }
}

.hts-gallery:not(.single-post) .hts-posts .hts-posts-list .hts-post img{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  vertical-align:middle;
  width:100%
}

.hts-gallery:not(.single-post) .hts-posts .hts-posts-list .hts-post.hts-large img{
  height:640px
}

@media screen and (max-width:700px){
  .hts-gallery:not(.single-post) .hts-posts .hts-posts-list{
    -moz-column-count:1;
    column-count:1
  }
}

.hts-posts .wrapper{
  position:relative
}

.hts-posts .hts-posts-header{
  display:flex;
  gap:16px;
  justify-content:space-between;
  margin:96px 0 48px
}

.hts-posts .hts-posts-header h2{
  margin-top:4px
}

.hts-posts .hts-posts-header .hts-description{
  margin-top:24px
}

.hts-posts .hts-posts-categories{
  display:flex;
  gap:16px;
  justify-content:space-between;
  margin-bottom:52px
}

.hts-posts .hts-posts-footer{
  display:flex;
  gap:16px;
  justify-content:space-between;
  margin-top:52px
}

.hts-posts .hts-posts-list{
  grid-row-gap:48px;
  grid-column-gap:30px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  grid-template-rows:repeat(auto-fill,auto);
  width:100%
}

.hts-posts .hts-posts-list.hts-related{
  grid-template-columns:1fr 1fr 1fr
}

.hts-posts .hts-posts-list .hts-post .hts-image-wrapper{
  position:relative
}

.hts-posts .hts-posts-list .hts-post .hts-image-wrapper .hts-unsplash-data{
  bottom:10px;
  position:absolute;
  right:20px
}

.hts-posts .hts-posts-action{
  cursor:pointer;
  display:flex;
  gap:8px;
  margin-top:2px
}

.hts-posts .hts-posts-action p{
  font-size:14px;
  font-weight:700
}

.hts-posts .loading-animation{
  align-items:center;
  display:flex;
  justify-content:center;
  left:50%;
  min-height:100px;
  position:absolute;
  top:50%;
  transform:translateX(-50%);
  width:100%
}

.hts-posts .loading-animation .spinner{
  animation:spin 1s linear infinite;
  border:4px solid rgba(0,0,0,.1);
  border-left:4px solid var(--main-dark);
  border-radius:50%;
  height:50px;
  width:50px
}

@media screen and (max-width:768px){
  .hts-posts .hts-posts-list{
    grid-template-columns:1fr
  }
}

@media screen and (max-width:700px){
  .hts-posts .hts-posts-list.hts-related{
    grid-template-columns:1fr
  }
}

.hts-page .hts-404{
  align-items:center;
  display:flex;
  justify-content:center;
  min-height:calc(100vh - 630px);
  text-align:center
}

.hts-page .hts-header{
  display:flex;
  gap:16px;
  justify-content:space-between;
  margin-bottom:48px
}

.hts-page .hts-header .hts-description{
  margin-top:24px
}

.hts-page .hts-details .hts-image-wrapper.hts-bottom{
  display:flex;
  position:relative
}

.hts-page .hts-details .hts-image-wrapper.hts-bottom .hts-unsplash-data{
  bottom:5px;
  position:absolute;
  right:15px
}

.hts-page .hts-details .hts-image-wrapper.hts-hero{
  position:relative
}

.hts-page .hts-details .hts-image-wrapper.hts-hero .hts-unsplash-data{
  bottom:10px;
  position:absolute;
  right:20px
}

.hts-page .hts-details img{
  border-radius:0.5rem;
  max-height:700px;
  -o-object-fit:cover;
  object-fit:cover;
  width:100%
}

.hts-page .hts-details .hts-gallery{
  grid-row-gap:30px;
  grid-column-gap:30px;
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:96px
}

@media screen and (max-width:768px){
  .hts-page .hts-details .hts-gallery{
    grid-row-gap:16px;
    grid-column-gap:16px;
    grid-template-columns:1fr;
    margin-top:40px
  }
}

.hts-blog-type-3 .hts-section.hts-blog-post>.hts-header{
  display:none
}

.hts-blog-type-3 .hts-section.hts-blog-post .hts-content .hts-body img,.hts-blog-type-3 .hts-section.hts-blog-post .hts-content .hts-header>div img{
  border-radius:0
}

.hts-blog-type-2 .hts-section.hts-blog-post>.hts-header{
  max-width:none
}

.hts-blog-type-2 .hts-section.hts-blog-post .hts-content .hts-header{
  grid-column-gap:30px;
  display:grid;
  grid-template-columns:1fr 1fr;
  height:600px;
  margin-top:0;
  padding:96px 0
}

.hts-blog-type-2 .hts-section.hts-blog-post .hts-content .hts-header>div{
  margin:auto 0;
  text-align:left
}

.hts-blog-type-2 .hts-section.hts-blog-post .hts-content .hts-header>div img{
  border-radius:0;
  margin:0
}

.hts-blog-type-2 .hts-section.hts-blog-post .hts-content .hts-body{
  margin-top:96px
}

.hts-blog-type-2 .hts-section.hts-blog-post .hts-content .hts-body img{
  border-radius:0
}

@media screen and (max-width:700px){
  .hts-blog-type-2 .hts-section.hts-blog-post>.hts-header{
    display:none
  }

  .hts-blog-type-2 .hts-section.hts-blog-post .hts-content .hts-header{
    display:block;
    height:auto;
    padding:64px 0 48px
  }

  .hts-blog-type-2 .hts-section.hts-blog-post .hts-content .hts-header>div>img{
    margin-top:30px
  }

  .hts-blog-type-2 .hts-section.hts-blog-post .hts-content .hts-body{
    margin-top:0
  }
}

.hts-section.hts-blog-post{
  padding-bottom:96px
}

.hts-section.hts-blog-post .hts-image-wrapper{
  position:relative
}

.hts-section.hts-blog-post .hts-image-wrapper .hts-unsplash-data{
  bottom:55px;
  position:absolute;
  right:20px
}

.hts-section.hts-blog-post>.hts-header{
  background-color:#F2F3F6;
  border-radius:0.5rem;
  height:600px;
  left:0;
  margin-left:auto;
  margin-right:auto;
  max-width:1360px;
  position:absolute;
  right:0;
  text-align:center;
  top:120px;
  width:100%;
  z-index:-1
}

.hts-section.hts-blog-post .hts-content ol,.hts-section.hts-blog-post .hts-content ul{
  padding-left:20px
}

.hts-section.hts-blog-post .hts-content>.hts-header{
  margin-top:96px;
  text-align:center
}

.hts-section.hts-blog-post .hts-content>.hts-body{
  margin:0 160px
}

.hts-section.hts-blog-post .hts-content h1{
  margin:24px 0
}

.hts-section.hts-blog-post .hts-content img{
  border-radius:0.5rem;
  height:auto;
  margin:46px 0;
  max-height:600px;
  -o-object-fit:cover;
  object-fit:cover;
  width:100%
}

@media screen and (max-width:900px){
  .hts-section.hts-blog-post .hts-content>.hts-body{
    margin:0 48px
  }
}

@media screen and (max-width:700px){
  .hts-section.hts-blog-post{
    padding-bottom:0
  }

  .hts-section.hts-blog-post .hts-content>.hts-body{
    margin:0
  }

  .hts-section.hts-blog-post .hts-content>.hts-body p{
    margin-bottom:16px
  }

  .hts-section.hts-blog-post .hts-content>.hts-header{
    padding:0
  }

  .hts-section.hts-blog-post>.hts-header{
    border-radius:0;
    height:425px
  }
}

.hts-contact-details form,

.hts-newsletter-block form {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.hts-contact-details form .validate-message,
.hts-newsletter-block form .validate-message {
  left: inherit;
  position: fixed;
  bottom: 16px !important;
  top: inherit !important;
  right: 16px !important;
  background: white;
  padding: 16px 24px;
  border-radius: 8px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  z-index: 100;
}

.hts-newsletter-block form input,
.hts-newsletter-block form textarea {
  background-color: #F2F3F6;
  border: 1px solid #F2F3F6;
  border-radius: 8px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 160%;
  margin: 16px 0 24px;
  max-width: 100%;
  min-width: 100%;
  padding: 12px 16px;
}

.hts-contact-details form #contact-email.not-valid,
.hts-contact-details form #hts-newsletter-email.not-valid,
.hts-newsletter-block form #contact-email.not-valid,
.hts-newsletter-block form #hts-newsletter-email.not-valid {
  border: 1px solid var(--red);
}

.hts-contact-details form #contact-email.not-valid:focus,
.hts-contact-details form #hts-newsletter-email.not-valid:focus,
.hts-newsletter-block form #contact-email.not-valid:focus,
.hts-newsletter-block form #hts-newsletter-email.not-valid:focus {
  outline: none;
}

.hts-contact-details form .hts-privacy-agree,
.hts-newsletter-block form .hts-privacy-agree {
  align-items: center;
  display: flex;
}

.hts-contact-details form .hts-privacy-agree input,
.hts-newsletter-block form .hts-privacy-agree input {
  margin: 10px 5px 10px 0;
  min-width: 15px;
}

.hts-contact-details form .hts-privacy-agree span,
.hts-newsletter-block form .hts-privacy-agree span {
  font-weight: 400;
  margin-left: 8px;
}

.hts-contact-details form .hts-privacy-agree span a,
.hts-newsletter-block form .hts-privacy-agree span a {
  font-weight: 600;
}

.hts-contact-details form .validate-message {
  top: 100%;
}

.hts-footer{
  background-color:#F2F3F6;
  width:100%
}

.hts-footer>div{
  margin:0 auto;
  max-width:var(--view-width)
}

.hts-footer .hts-footer-block{
  grid-row-gap:12px;
  grid-column-gap:48px;
  display:grid;
  grid-template-columns:2.5fr 1fr 1fr;
  margin:0 24px;
  padding:96px 0 0
}

.hts-footer .hts-footer-block .hts-logo p{
  margin:16px 0
}

.hts-footer .hts-footer-block .hts-links{
  display:flex;
  flex-direction:column;
  gap:16px
}

.hts-footer .hts-footer-block .hts-links div{
  font-size:16px;
  font-weight:600;
  line-height:160%
}

.hts-footer .hts-footer-block .hts-links p{
  font-weight:700
}

.hts-footer .hts-footer-block-2{
  grid-row-gap:12px;
  display:grid;
  grid-template-columns:1fr 1fr;
  margin:0 24px;
  max-width:var(--view-width);
  padding-bottom:96px
}

.hts-footer .hts-footer-block-2 .hts-copyright{
  padding:16px 0;
  text-align:right
}

@media screen and (max-width:768px){
  .hts-footer .hts-footer-block{
    padding:40px 0
  }

  .hts-footer .hts-footer-block,.hts-footer .hts-footer-block-2{
    gap:40px;
    grid-template-columns:1fr
  }

  .hts-footer .hts-footer-block-2 .hts-copyright{
    padding:0;
    text-align:left
  }
}

.hts-capsules div{
  background:var(--main-dark);
  border-radius:100px;
  color:var(--main-light);
  cursor:pointer;
  display:inline-block;
  font-size:12px;
  font-weight:600;
  list-style:none;
  margin:4px 8px 0 0;
  padding:0 8px;
  text-transform:uppercase
}

.hts-capsules.light div{
  background:var(--main-light);
  border:1px solid #F2F3F6;
  color:var(--main-dark);
  font-size:14px;
  margin:8px 8px 0 0;
  padding:4px 12px
}

.hts-capsules.light div.active,.hts-capsules.light div:hover{
  background:var(--main-dark);
  color:var(--main-light);
  transition:.3s
}

.hts-capsules.light div.active>a,.hts-capsules.light div:hover>a{
  color:var(--main-light)
}

.hts-contact-details{
  grid-column-gap:48px;
  display:grid;
  grid-template-columns:1fr 1fr;
  width:100%
}

.hts-contact-details .hts-info{
  display:flex;
  flex-direction:column;
  gap:32px;
  margin:0 auto
}

.hts-contact-details .hts-info .hts-title{
  font-size:14px;
  font-weight:600;
  line-height:160%;
  margin-bottom:16px
}

.hts-contact-details .hts-info .description{
  display:flex
}

.hts-contact-details .hts-info .description a{
  color:var(--grey-main);
  display:flex;
  font-size:16px;
  font-weight:400;
  line-height:160%
}

.hts-contact-details .hts-info .description a img,.hts-contact-details .hts-info .description>img{
  height:auto;
  margin-right:14px;
  width:auto
}

@media screen and (max-width:768px){
  .hts-contact-details{
    display:flex;
    flex-direction: column;
  }

  .hts-contact-details .hts-info{
    margin-top:24px;
    width:100%
  }
}

.hts-skills .hts-details{
  grid-column-gap:30px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  margin-top:32px;
  width:100%
}

@media screen and (max-width:768px){
  .hts-skills .hts-details{
    grid-row-gap:24px;
    grid-template-columns:1fr
  }
}

.hts-newsletter .wrapper{
  grid-row-gap:32px;
  grid-column-gap:48px;
  display:grid;
  grid-template-columns:1.2fr 1fr;
  margin-bottom:50px;
  width:100%
}

.hts-newsletter .wrapper .hts-newsletter-block{
  display:flex;
  justify-content:flex-end
}

.hts-newsletter .wrapper form{
  max-width:445px
}

@media screen and (max-width:768px){
  .hts-newsletter .wrapper{
    grid-template-columns:1fr
  }

  .hts-newsletter .wrapper .hts-newsletter-block{
    justify-content:start
  }

  .hts-newsletter .wrapper form{
    max-width:auto
  }
}

*,
:after,
:before {
  box-sizing: border-box;
}

* {
  color: inherit;
}

*,
:after,
:before {
  margin: 0;
  padding: 0;
}

.hts-body,
html {
  height: 100%;
}

.hts-body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1d1e20;
  margin: 0 auto;
}

.hts-main {
  margin: 0 auto;
  max-width: 1360px;
  padding: 140px 16px 0;
}

.hts-section,
.hts-wrapper {
  margin: 0 auto;
  max-width: var(--view-width);
}

.hts-section.hts-no-border {
  border-top: 0;
}

hr {
  background-color: #F2F3F6;
  border: none;
  height: 1px;
  margin: 96px 24px;
}

hr.full {
  margin-left: 0;
  margin-right: 0;
}

hr.small {
  margin-bottom: 40px;
}

@media screen and (max-width:1400px) {
  .hts-main {
    padding: 88px 16px 0;
  }

  .hts-footer {
    padding: 0 24px;
  }
}

@media screen and (max-width:768px) {
  .hts-section {
    padding-top: 0;
  }

  hr {
    margin: 64px 0;
  }
}

.hts-main:has(.full-banner) {
  max-width: 100%;
  overflow-x: hidden;
  padding-top: 0px;
}

.full-banner {
  position: relative;
  margin-left: calc((100vw - 100%) / 2 * -1);
  width: 100vw;
}

.vp-portfolio__item-img-wrap {
  border-radius: 8px;
}

.vp-portfolio__item-img {
  border-radius: 8px;
  background-color: rgb(242 243 246 / var(--tw-bg-opacity, 1));
}

article.vp-portfolio__item-wrap {
  background-color: rgb(242 243 246 / var(--tw-bg-opacity, 1));
  border-radius: 8px !important;
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta {
  border-radius: 8px !important;
}

.vp-portfolio__items-style-default figcaption.vp-portfolio__item-caption {
  border-radius: 8px;
}

[data-vp-layout=grid] .vp-portfolio__item-wrap .vp-portfolio__item {
  border-radius: 8px !important;
}

a {
}

.vp-portfolio__items-style-default .vp-portfolio__item-meta-categories .vp-portfolio__item-meta-category a {
  display: none;
}

.vp-portfolio__item-meta-categories {
  display: none !important;
}

.vp-portfolio__item-meta-title {
  padding: 16px 0;
}

.vp-portfolio__item-meta-title a:hover {
  color: black !important;
  opacity: 0.7;
}

.hover\:bg-white\/20:hover {
  background-color: rgb(255 255 255 / 0.2);
}

.hover\:text-\[var\(--footer-link-hover\)\]:hover {
  color: var(--footer-link-hover);
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.hover\:text-white\/80:hover {
  color: rgb(255 255 255 / 0.8);
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:shadow-custom:hover {
  --tw-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 768px) {
  .md\:-top-8 {
    top: -2rem;
  }

  .md\:top-8 {
    top: 2rem;
  }

  .md\:order-1 {
    order: 1;
  }

  .md\:order-2 {
    order: 2;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:h-8 {
    height: 2rem;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:content-center {
    align-content: center;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:bg-transparent {
    background-color: transparent;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:leading-8 {
    line-height: 2rem;
  }

  .md\:hover\:opacity-70:hover {
    opacity: 0.7;
  }
}

@media (min-width: 1024px) {
  .lg\:sticky {
    position: sticky;
  }

  .lg\:top-\[112px\] {
    top: 112px;
  }

  .lg\:order-1 {
    order: 1;
  }

  .lg\:order-2 {
    order: 2;
  }

  .lg\:order-3 {
    order: 3;
  }

  .lg\:col-span-1 {
    grid-column: span 1 / span 1;
  }

  .lg\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:max-h-\[480px\] {
    max-height: 480px;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-\[400px\] {
    width: 400px;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:max-w-\[240px\] {
    max-width: 240px;
  }

  .lg\:max-w-\[var\(--max-width\)\] {
    max-width: var(--max-width);
  }

  .lg\:translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:flex-wrap {
    flex-wrap: wrap;
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:gap-24 {
    gap: 6rem;
  }

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }

  .lg\:self-start {
    align-self: flex-start;
  }

  .lg\:rounded-xl {
    border-radius: 0.75rem;
  }

  .lg\:p-4 {
    padding: 1rem;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:shadow-custom {
    --tw-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    --tw-shadow-colored: 0px 1px 4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

  .lg\:transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

  .lg\:hover\:\!text-video-blue-light:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(48 81 150 / var(--tw-text-opacity, 1)) !important;
  }

  .lg\:hover\:opacity-80:hover {
    opacity: 0.8;
  }
}

@media (min-width: 1280px) {
  .xl\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (prefers-color-scheme: dark) {
  .dark\:bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
  }

  .dark\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  }

  .dark\:hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}

.hover\:\[\&\>\.screen-size-image\>img\]\:scale-105>.screen-size-image>img:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}