/* Variables
-------------------------*/
/* Colors */
/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Hubot+Sans:wdth,wght@75,700&family=Inter:opsz,wght@14..32,100..900&display=swap");
/* CSS Properties */
h1, h2, h3, h4, h5, p, ul li, ol li, span, a {
  color: #FFFFFF;
  font-family: "Hubot Sans", sans-serif;
  font-weight: 400;
  hyphens: manual;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  font-family: "Hubot Sans", sans-serif;
  text-transform: uppercase;
  line-height: 1;
}

p, ul li, ol li, span, a {
  color: #FFFFFF;
  font-family: "Inter", sans-serif;
  font-weight: 300;
}

/* Elements
-------------------------*/
.wysiwyg {
  width: 100%;
}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5 {
  color: #00D8FF;
  font-family: "Hubot Sans", sans-serif;
  font-weight: 550;
  letter-spacing: 0.025em;
}
.wysiwyg p, .wysiwyg a, .wysiwyg ul li, .wysiwyg ol li, .wysiwyg span {
  color: #1E1E1E;
}
.wysiwyg p a, .wysiwyg a a, .wysiwyg ul li a, .wysiwyg ol li a, .wysiwyg span a {
  transition: 0.15s ease all;
  color: #00D8FF;
  font-weight: 600;
  font-size: inherit;
}
.wysiwyg p a:hover, .wysiwyg a a:hover, .wysiwyg ul li a:hover, .wysiwyg ol li a:hover, .wysiwyg span a:hover {
  color: #1E1E1E;
}
.wysiwyg.dark h1, .wysiwyg.dark h2, .wysiwyg.dark h3, .wysiwyg.dark h4, .wysiwyg.dark h5 {
  color: #FFFFFF;
}
.wysiwyg.dark p, .wysiwyg.dark a, .wysiwyg.dark ul li, .wysiwyg.dark ol li, .wysiwyg.dark span {
  color: #FFFFFF;
}
.wysiwyg.dark p a, .wysiwyg.dark a a, .wysiwyg.dark ul li a, .wysiwyg.dark ol li a, .wysiwyg.dark span a {
  color: #FFFFFF;
}
.wysiwyg.dark p a:hover, .wysiwyg.dark a a:hover, .wysiwyg.dark ul li a:hover, .wysiwyg.dark ol li a:hover, .wysiwyg.dark span a:hover {
  color: #FFFFFF;
}
.wysiwyg .h0 {
  font-size: calc(clamp(28px, 4.5vw, 72px) * 1.5);
}
.wysiwyg .h0.bigger {
  font-size: calc(clamp(28px, 4.5vw, 72px) * 2.5);
}
.wysiwyg h1, .wysiwyg .h1 {
  font-size: clamp(28px, 4.5vw, 72px);
  line-height: 0.9;
}
.wysiwyg h2, .wysiwyg .h2 {
  font-size: clamp(24px, 3.5vw, 60px);
  margin: calc(clamp(15px, 4vw, 50px) * 0.5) 0;
}
.wysiwyg h3, .wysiwyg .h3 {
  font-size: clamp(22px, 4vw, 40px);
}
.wysiwyg h4, .wysiwyg .h4 {
  font-size: clamp(18px, 2.4vw, 24px);
}
.wysiwyg h5, .wysiwyg .h5 {
  font-size: clamp(14px, 2vw, 20px);
}
.wysiwyg p, .wysiwyg ul li, .wysiwyg ol li, .wysiwyg span, .wysiwyg a {
  font-size: clamp(14px, 1.5vw, 18px);
}

.cta-button {
  border: 2px solid #1E1E1E;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  transition: 0.15s ease all;
  color: #1E1E1E;
  font-family: "Inter", sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  padding: 12px 25px;
  text-align: center;
  justify-self: flex-start;
  min-width: 150px;
}
.cta-button:hover {
  background-color: #1E1E1E;
  color: #FFFFFF;
}
body {
  background-color: #E0DCCC;
  overscroll-behavior: contain;
}
body::-webkit-scrollbar {
  width: 10px;
}
body::-webkit-scrollbar-track {
  background: #d3cdb6;
}
body::-webkit-scrollbar-thumb {
  background: #00badb;
}
body::-webkit-scrollbar-thumb:hover {
  background: #0097b3;
}

/* Header
-----------------*/
header {
  position: relative;
  z-index: 10;
  padding: clamp(15px, 4vw, 50px) 0;
}
header .logo a img {
  width: clamp(150px, 30vw, 250px);
}

/* Content
-----------------*/
section {
  position: relative;
}

section.home.intro {
  padding-top: clamp(30px, 8vw, 100px);
  margin-bottom: clamp(30px, 8vw, 100px);
}
section.home.intro hr {
  max-width: 100%;
  border: 1px solid #00D8FF;
  margin-bottom: clamp(15px, 4vw, 50px);
}
section.home.intro .image-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
section.home.images .images-container {
  display: flex;
}
section.home.images .images-container .image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  transition: 0.5s ease all;
}
section.home.images .images-container .image-container img {
  transition: 0.5s ease all;
  width: 90%;
}
section.home.images .images-container .image-container:hover {
  flex: 1.2;
}
section.home.images .images-container .image-container:hover img {
  transform: scale(1.05);
}
section.home.form {
  margin: clamp(30px, 8vw, 100px) 0 clamp(15px, 4vw, 50px);
}
section.home.form .gform_validation_errors {
  background-color: #00D8FF;
  outline: none;
  border: none;
}
section.home.form .gform_validation_errors h2 {
  color: #1E1E1E;
}
section.home.form .gform_validation_errors h2 span.gform-icon {
  color: #1E1E1E;
  border: 2px solid #1E1E1E;
}
section.home.form .gform_validation_errors ol li {
  color: #1E1E1E;
}
section.home.form .gform_validation_errors ol li a {
  color: #1E1E1E;
}
section.home.form .gform_heading {
  display: none;
}
section.home.form .gfield_validation_message {
  color: #5c5538;
}
section.home.form .gfield_error input {
  border: 1px solid #1E1E1E;
}
section.home.form label {
  font-family: "Inter", sans-serif;
}
section.home.form .gfield_required span {
  color: #00D8FF;
}
section.home.form p {
  color: #1E1E1E;
}
section.home.form input, section.home.form textarea {
  outline: none;
  background-color: #eae7dc;
  border: 1px solid #1E1E1E;
  border-radius: 0px;
  box-shadow: none;
}
section.home.form button {
  border-radius: 0px !important;
  background-color: #00D8FF !important;
  width: 100% !important;
  outline: none !important;
}
section.home.form button:hover {
  background-color: #1E1E1E !important;
}
section.home.form .gform_footer {
  display: none;
}
section.home.marquee {
  overflow: hidden;
}
@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes marquee2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}
section.home.marquee .marquee-container {
  display: flex;
  white-space: nowrap;
  width: 100%;
  margin: clamp(30px, 8vw, 100px) 0;
}
section.home.marquee .marquee-container h2 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  white-space: nowrap;
  will-change: transform;
}
section.home.marquee .marquee-container h2:nth-child(1) {
  animation: marquee 80s linear infinite;
  animation-delay: -40s;
}
section.home.marquee .marquee-container h2:nth-child(2) {
  animation: marquee2 80s linear infinite;
}
section.home.pre-footer img {
  width: 100%;
  height: auto;
}

/* Footer
-----------------*/
footer {
  padding: 2rem 0;
  background-color: #00D8FF;
}
footer .logo-container {
  display: flex;
  align-items: center;
}
footer .logo-container img {
  width: 100%;
  height: auto;
}
footer .text-button-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
}
footer .text-button-container p a {
  color: #1E1E1E;
  font-weight: 400;
}
footer .text-button-container p a:hover {
  color: #FFFFFF;
}

/* Media Queries
-------------------------*/
@media screen and (min-width: 1026px) {
  .phablet {
    display: none !important;
  }
}
@media screen and (min-width: 642px) {
  .mobile-only {
    display: none !important;
  }
}
@media screen and (max-width: 1025px) {
  .desktop-only {
    display: none !important;
  }
  footer .text-button-container {
    margin-top: 50px;
    justify-content: center;
  }
  footer .text-button-container .text-button {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
  }
}
@media screen and (max-width: 641px) {
  .tablet-up {
    display: none !important;
  }
  section.home.intro .image-container {
    justify-content: flex-start;
    max-width: 200px;
  }
  section.home.images {
    margin-bottom: 50px;
  }
  section.home.images .images-container {
    flex-direction: column;
  }
  section.home.images .images-container .image-container {
    margin-top: 50px;
  }
  section.home.form {
    margin-top: 100px;
  }
  section.home.marquee {
    margin: 75px 0;
  }
}