:root {
  --white: white;
  --black: black;
  --purple: #7f00ff;
  --blue: #284de0;
  --color: #ccdd52;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: #1a1b1f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  font-weight: 400;
  line-height: 62px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 10px;
}

a {
  color: #1a1b1f;
  text-decoration: underline;
  transition: opacity .2s;
  display: block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  display: block;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figcaption {
  opacity: 1;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.divider {
  height: 1px;
  background-color: #eee;
}

.styleguide-content-wrap {
  text-align: center;
}

.section {
  margin-left: 0;
  margin-right: 0;
}

.section.cc-cta {
  background-color: #f4f4f4;
  padding-left: 80px;
  padding-right: 80px;
}

.section.cc-store-home-wrap {
  height: 70vh;
  background-color: rgba(0, 0, 0, 0);
  margin: 0;
  padding-top: 0;
  font-family: Merriweather, serif;
}

.styleguide-block {
  text-align: left;
  flex-direction: column;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 80px;
  display: block;
}

.container {
  width: 100%;
  max-width: none;
  background-color: rgba(255, 255, 255, 0);
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
}

.paragraph-bigger.cc-bigger-white-light {
  width: 100%;
  opacity: .6;
}

.button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #f57f20;
  border-radius: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: -2px;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button:hover {
  color: #fff;
  background-color: #32343a;
}

.button:active {
  background-color: #43464d;
}

.button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-jumbo-button.cc-jumbo-white {
  color: var(--white);
  text-align: left;
  background-color: #0062ff;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
}

.button.cc-jumbo-button.cc-jumbo-white:hover {
  background-color: #f1f1f1;
}

.button.cc-jumbo-button.cc-jumbo-white:active {
  background-color: #e1e1e1;
}

.button.cc-jumbo-button.cc-jumbo-white._2 {
  color: var(--white);
  background-color: #f57f20;
  margin-top: 0;
  margin-left: 10px;
}

.button.cc-contact-us {
  z-index: 5;
  color: #fff;
  background-color: #284de0;
  position: relative;
}

.button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: rgba(255, 255, 255, .8);
}

.button.cc-white-button:active {
  background-color: rgba(255, 255, 255, .9);
}

.button.digital-journey {
  margin-right: 0;
}

.button.digital-journey2 {
  margin-right: 15px;
}

.label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
}

.label.cc-light {
  opacity: .6;
}

.label.cc-blog-date {
  opacity: .6;
  margin-top: 20px;
}

.heading-jumbo-tiny {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.rich-text {
  width: 70%;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text p {
  opacity: .6;
  margin-top: 15px;
  margin-bottom: 25px;
}

.rich-text figcaption {
  opacity: .6;
}

.rich-text figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

.paragraph-light {
  width: 75%;
  opacity: .6;
  color: #fff;
  margin-bottom: 0;
}

.heading-jumbo {
  width: 100%;
  text-align: left;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 64px;
  line-height: 80px;
}

.heading-jumbo-small {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

.styleguide-button-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.styleguide-header-wrap {
  height: 460px;
  color: #fff;
  text-align: center;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

.paragraph-small {
  font-size: 14px;
  line-height: 26px;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.menu {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.navigation-wrap {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.navigation {
  color: #0018a0;
  background-color: rgba(0, 0, 0, 0);
  align-items: center;
  padding: 30px 50px;
  font-weight: 700;
  display: flex;
}

.navigation-item {
  opacity: 1;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.navigation-item:hover {
  opacity: .9;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.logo-image {
  color: #fff;
  display: block;
}

.navigation-items {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 70px;
  display: flex;
}

.webflow-link {
  opacity: .5;
  align-items: center;
  text-decoration: none;
  transition: opacity .4s;
  display: flex;
}

.webflow-link:hover {
  opacity: 1;
}

.webflow-link:active {
  opacity: .8;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.cta-text {
  width: 70%;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.cta-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 110px;
  padding-bottom: 120px;
  display: flex;
}

.intro-header {
  height: 620px;
  opacity: .92;
  color: #fff;
  background-color: #f4f4f4;
  background-image: url('../images/Binary-background-header.jpg');
  background-position: 40%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  margin-top: -105px;
  margin-bottom: 100px;
  display: none;
}

.intro-header.cc-subpage {
  height: 480px;
  color: #fff;
  background-color: #000;
  background-image: none;
}

.intro-content {
  width: 70%;
  max-width: 1140px;
  text-align: center;
}

.intro-content.cc-homepage {
  width: auto;
  max-width: none;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 180px auto auto;
  display: flex;
}

.motto-wrap {
  width: 80%;
  text-align: center;
  margin-bottom: 85px;
  margin-left: auto;
  margin-right: auto;
}

.about-story-wrap {
  width: 80%;
  text-align: center;
  margin: 80px auto;
}

.our-services-grid {
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: ". . ."
                       ". . .";
  margin-bottom: 120px;
}

.section-heading-wrap {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 80px;
}

.service-icon {
  margin-bottom: 30px;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.status-message.cc-no-data {
  width: 70%;
  margin: 100px auto;
  display: block;
}

.contact-form-wrap {
  border: 1px solid #eee;
  padding: 45px 50px 50px;
}

.contact-form-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 2.5fr 1fr;
  align-items: start;
  margin-top: 100px;
  margin-bottom: 100px;
}

.details-wrap {
  margin-bottom: 30px;
}

.get-in-touch-form {
  flex-direction: column;
  display: flex;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::-ms-input-placeholder {
  color: rgba(50, 52, 58, .4);
}

.text-field::placeholder {
  color: rgba(50, 52, 58, .4);
}

.text-field.cc-contact-field {
  margin-bottom: 25px;
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.contact-form {
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-form-heading-wrap {
  margin-bottom: 40px;
}

.contact-heading {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 400;
}

.map {
  height: 460px;
  margin-bottom: 100px;
  line-height: 20px;
}

.contact-team-name-wrap {
  margin-bottom: 30px;
}

.our-contacts {
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  text-align: center;
  grid-template: ". . ."
  / 1fr 1fr 1fr;
  margin-bottom: 120px;
}

.contact-team-details-wrap {
  margin-top: 30px;
}

.contact-team-pic {
  height: 150px;
  background-color: #f4f4f4;
  margin-bottom: 30px;
}

.team-pic {
  width: 100%;
  height: 420px;
  background-color: #f4f4f4;
  margin-bottom: 40px;
}

.team-members {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: ". . ."
                       ". . .";
  margin-bottom: 60px;
}

.team-member-title-wrap {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.team-member-name {
  opacity: 1;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.projects-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: "."
                 "."
                 "."
                 / 1fr;
  margin-bottom: 60px;
}

.project-name-wrap {
  width: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.project-name-link {
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  text-decoration: none;
}

.project-name-link:hover {
  opacity: .8;
}

.project-name-link:active {
  opacity: .7;
}

.project-cover-link {
  margin-bottom: 40px;
}

.project-cover-link:hover {
  opacity: .8;
}

.project-cover-link:active {
  opacity: .7;
}

.project-overview-header {
  height: 620px;
  color: #fff;
  background-color: #f4f4f4;
  background-image: url('../images/portfolio-1---wide.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.project-overview-header.cc-project-2-header {
  background-image: url('../images/portfolio-2---wide.svg');
  background-position: 50%;
}

.project-overview-header.cc-project-3-header {
  background-image: url('../images/portfolio-3---wide.svg');
  background-size: cover;
}

.project-details-grid {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 1fr 2fr;
  align-items: start;
  margin-top: 100px;
  margin-bottom: 100px;
}

.project-pics {
  margin-bottom: 120px;
}

.detail-image {
  width: 100%;
  margin-bottom: 30px;
}

.blog-detail-header-wrap {
  width: 70%;
  margin: 60px auto;
}

.detail-header-image {
  width: 100%;
  height: 620px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 60px;
  display: block;
}

.detail-header-image.w--current {
  margin-bottom: 60px;
}

.blog-list-wrap {
  margin-bottom: 100px;
}

.blog-item {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.blog-preview-image {
  width: 100%;
  height: 620px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 45px;
  transition: opacity .6s;
  display: block;
}

.blog-preview-image:hover {
  opacity: .8;
}

.blog-preview-image:active {
  opacity: .7;
}

.blog-summary-wrap {
  width: 70%;
  text-align: left;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.blog-heading-link {
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
  text-decoration: none;
}

.blog-heading-link:hover {
  opacity: .8;
}

.blog-heading-link:active {
  opacity: .7;
}

.contact-email-link {
  opacity: .6;
  margin-bottom: 5px;
}

.contact-email-link:hover {
  opacity: 1;
}

.contact-email-link:active {
  opacity: .8;
}

.protected-form {
  flex-direction: column;
  display: flex;
}

.protected-wrap {
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

._404-wrap {
  width: 100%;
  height: 100%;
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.home-content-wrap {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.home-section-wrap {
  width: 100%;
  margin-bottom: 0;
}

.section-heading {
  height: auto;
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-weight: 400;
}

.section-heading._2 {
  margin-top: 0;
  margin-bottom: 0;
}

.about-grid {
  width: 100%;
  height: auto;
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template: ". ."
  / 3fr 2fr;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
}

.about-grid.cc-about-2 {
  grid-template-columns: 2fr 1fr;
  grid-template-areas: ". .";
}

.intro-text {
  width: auto;
  margin-bottom: 35px;
  margin-left: auto;
  margin-right: auto;
}

.collection-wrap {
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.work-heading {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 400;
}

.blog-heading {
  text-align: center;
  margin-bottom: 60px;
}

.blog-preview-wrap {
  width: 33.33%;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 45px;
}

.collection-list-wrapper {
  margin-bottom: 120px;
}

.business-article-heading {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  text-decoration: none;
}

.business-article-heading:hover {
  opacity: .8;
}

.business-article-heading:active {
  opacity: .7;
}

._w-lightbox-caption {
  background-color: rgba(0, 0, 0, .6);
}

.column {
  padding-left: 0;
}

.columns {
  width: 100%;
}

.background-video {
  height: 100%;
  aspect-ratio: auto;
  object-fit: fill;
  margin-top: 0%;
  padding-top: 0;
  padding-left: 0;
  position: static;
  top: auto;
  bottom: auto;
  overflow: hidden;
}

.div-block {
  height: 300px;
  background-color: #284de0;
  border-radius: 20px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.div-block-2 {
  z-index: auto;
  height: auto;
  float: none;
  clear: none;
  object-fit: fill;
  background-color: #fff;
  margin-top: 0;
  padding-bottom: 75px;
  display: none;
  position: static;
  overflow: visible;
}

.columns-2 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.column-2 {
  height: 300px;
  background-color: #284de0;
  border-radius: 20px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.div-block-3 {
  height: auto;
  text-align: left;
  background-color: #d1deee;
  border-radius: 20px;
}

.text-block {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.section-2 {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 3.8rem;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.section-2.what-we-offer {
  margin-top: 5rem;
}

.heading {
  margin-top: 0;
}

.card-header {
  color: #f57f20;
  text-align: left;
  margin-top: 0;
  padding-top: 0;
  padding-left: 10px;
  font-family: Merriweather, serif;
  font-size: 35px;
}

.paragraph {
  color: #f57f20;
  -webkit-text-stroke-color: #f57f20;
  margin-left: 10px;
  padding-top: 0;
}

.div-block-4 {
  height: 27px;
}

.heading-2 {
  color: var(--white);
  text-align: center;
  margin-top: 22px;
  padding-top: 40px;
}

.columns-3 {
  height: auto;
  margin-bottom: 0;
}

.column-3 {
  clear: none;
  object-fit: fill;
  position: relative;
  overflow: visible;
}

.div-block-5 {
  width: 100%;
  margin-top: 20px;
  margin-left: 15px;
}

.image {
  margin-top: 20px;
}

.not-section {
  height: auto;
  opacity: 1;
  background-image: url('../images/Header.jpg');
  background-position: 50%;
  background-size: 100% 800px;
  margin-top: 0;
}

.heading-3 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-left: 300px;
  margin-right: 300px;
  padding-top: 0;
}

.paragraph-2 {
  color: #fff;
  text-align: center;
  margin-left: 300px;
  margin-right: 300px;
}

.div-block-7 {
  text-align: center;
  margin-left: 300px;
  margin-right: 300px;
}

.section3 {
  background-image: linear-gradient(#ccdd52, #000);
  display: none;
}

.grid {
  grid-row-gap: 48px;
  margin-bottom: 40px;
}

.columns-4 {
  margin-top: 0;
  padding-top: 0;
}

.div-block-8 {
  height: 500px;
  background-image: url('../images/grey-world-map.jpg');
  background-position: 0 0;
  background-size: 100% 500px;
}

.dropdown-toggle, .icon, .text-block-2 {
  background-color: #fff;
}

.body {
  background-color: #000;
}

.section-3 {
  margin-top: 0;
  padding-top: 0;
}

.div-block-9 {
  flex-direction: row;
  align-items: flex-end;
  display: block;
}

.contact-v2 {
  grid-column-gap: 64px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.form-paragraph-2 {
  color: #62636b;
  font-size: 10px;
  font-weight: 300;
}

.form-paragraph-2.hp-form-consent-line {
  color: #fff;
  font-size: 12px;
}

.field-wrapper {
  flex: 1;
  margin-right: 15px;
}

.field-wrapper.last {
  margin-right: 0;
}

.underline {
  text-decoration: underline;
}

.underline.winipeg {
  display: none;
}

.contact-list-item {
  align-items: flex-start;
  display: flex;
}

.button-8 {
  max-width: 60%;
  color: #fff;
  text-align: center;
  background-color: #ed1c24;
  border-style: none;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding: 13px 24px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
}

.button-8:hover {
  box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, .2);
}

.button-8.hp-kit {
  max-width: 40%;
  align-self: center;
}

.button-8.hp-kit.info-kit-button {
  background-color: #7f00ff;
}

.button-8.margin-bottom-1 {
  margin-bottom: 1rem;
}

.button-8.ct {
  background-color: #7f00ff;
  display: inline-block;
}

.button-8.ct.book-a-call {
  background-color: #7f00ff;
}

.button-8.nav-button-v2 {
  min-width: auto;
  color: #fff;
  background-color: #ed1c24;
}

.contact-list-icon {
  width: 20px;
  margin-right: 6px;
}

.contact-list {
  grid-column-gap: 16px;
  grid-row-gap: 12px;
  text-align: left;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: 4px;
  font-size: 13px;
  line-height: 20px;
  display: grid;
}

.contact-v2-card {
  min-height: 480px;
  border-radius: 20px;
  flex-direction: column;
  padding: 20px;
  display: flex;
  box-shadow: 0 15px 40px rgba(0, 0, 0, .11);
}

.row-2 {
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 20px;
  display: flex;
}

.form-field {
  height: 45px;
  background-color: #f5f5f5;
  border: 1px #000;
  border-radius: 5px;
  flex: 1;
  margin-bottom: 0;
  margin-right: 10px;
}

.form-field.last {
  margin-right: 0;
}

.hidden {
  margin-left: 0;
  display: none;
}

.wrapper {
  z-index: 2;
  width: 100%;
  max-width: 1240px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.full-width {
  width: 100%;
}

.text-small {
  font-size: 13px;
  line-height: 1.5em;
}

.text-small.text-grey {
  color: var(--black);
}

.text-small.text-grey.ss {
  margin-bottom: 0;
}

.section-4 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 60px 20px;
  position: relative;
}

.section-4.haze {
  background-color: #f5f5f5;
}

.section-4.haze.contact-page {
  background-color: rgba(0, 0, 0, 0);
}

.footer-phone {
  color: #ed1c24;
}

.hidden-fields {
  display: none;
}

.contact-v2-media {
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
}

.form-block {
  width: auto;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.form {
  flex-direction: column;
  display: flex;
}

.contact-v2-info {
  grid-column-gap: 43px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: .25fr;
  margin-top: 8px;
  padding: 16px 12px;
}

.contact-page-small-links-in-card {
  margin-left: 10px;
}

.white-text {
  color: #fff;
}

.white-text.footer-enrollment.contact-page {
  color: #ed1c24;
}

.form-label {
  color: #fff;
  text-align: left;
  font-size: 14px;
}

.html-embed-5 {
  width: 100%;
}

.engage-links {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.link-block {
  color: #fff;
  background-color: #7f00ff;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 6px;
  align-items: center;
  margin-bottom: 10px;
  margin-right: 10px;
  padding: 7px 12px;
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
  transition-property: none;
  display: flex;
}

.link-block:hover {
  background-color: #7f00ff;
  border-color: rgba(0, 0, 0, 0);
}

.engage-heading {
  margin-bottom: 24px;
}

.engage-heading.blog {
  color: #fff;
}

.engage-image {
  width: 36%;
  object-fit: cover;
}

.engage-content {
  min-height: 360px;
  color: #fff;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 72px;
  display: flex;
  position: relative;
}

.engage-icon {
  width: 64px;
  height: 64px;
  background-color: #ed1c24;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 50%;
  margin-top: 56px;
  margin-left: -32px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.engage-icon.blog-post {
  background-image: url('../images/like-white.svg');
}

.engage-link-icon {
  width: 20px;
  margin-right: 10px;
}

.engage-card {
  background-color: #7f00ff;
  border-radius: 24px;
  display: flex;
  overflow: hidden;
}

.section-5 {
  margin-bottom: 75px;
  margin-left: 182px;
  margin-right: 182px;
}

.text-block-3 {
  color: #fff;
  padding-bottom: 15px;
}

.text-block-3._3 {
  color: #000;
}

.link-5 {
  color: #fff;
  border: 0 #000;
  padding-bottom: 15px;
  display: block;
}

.image-8 {
  width: 100%;
  max-width: none;
  padding-left: 10px;
}

.heading-49 {
  color: #f99b21;
  margin-top: 28px;
  font-family: Montserrat, sans-serif;
}

.div-block-72 {
  padding-left: 0;
  display: flex;
}

.heading-51 {
  color: #f99b21;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
}

.paragraph-49 {
  color: #009494;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
}

.text-field-8 {
  color: #000;
  -webkit-text-stroke-color: #000;
  margin-bottom: 0;
  line-height: 20px;
}

.heading-52, .heading-50 {
  color: #f99b21;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
}

.div-block-73 {
  width: 300px;
  margin-left: -30px;
}

.div-block-15 {
  width: 100%;
  color: #000;
  background-color: #000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.footer-section {
  width: 200px;
  margin-left: 30px;
}

.footer-section._2 {
  width: auto;
  margin-top: -16px;
  margin-left: 64px;
  margin-right: 50px;
}

.submit-button-4 {
  background-color: #009494;
  margin-left: 30px;
  margin-right: 20px;
  padding-left: 20px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  line-height: 10px;
}

.link-4 {
  color: #fff;
  padding-bottom: 15px;
  display: block;
}

.footer-address-columns {
  width: 100%;
}

.address-column-1 {
  padding-left: 0;
  padding-right: 5px;
}

.footer-heading-2 {
  color: var(--purple);
  margin-bottom: 20px;
}

.footer-v1-3 {
  border-top: 5px solid var(--purple);
  color: #fff;
  background-color: #000731;
  padding-top: 30px;
  padding-bottom: 0;
}

.footer-bottom-left {
  flex-flow: column wrap;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.address-column-2 {
  padding-left: 10px;
  padding-right: 0;
}

.footer-bbot {
  width: 100%;
  color: rgba(255, 255, 255, .5);
  border-top: 1px solid rgba(255, 255, 255, .16);
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  padding-top: 25px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.desktop-only {
  display: block;
}

.social-link-small-3 {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 6px;
  transition: background-color .4s;
  display: flex;
}

.social-link-small-3:hover {
  background-color: #ccdd52;
}

.wrapper-4 {
  z-index: 2;
  width: 100%;
  max-width: 1240px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  overflow: hidden;
}

.social-icons-small {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-44 {
  font-size: 16px;
  line-height: 28px;
}

.text-block-44:hover {
  color: #fff;
}

.footer-v1-grid-2 {
  grid-column-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.5fr 1.5fr;
  justify-content: stretch;
  align-items: stretch;
  justify-items: stretch;
}

.footer-v1-block {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-top {
  width: 100%;
  color: rgba(255, 255, 255, .5);
  border-top: 1px rgba(255, 255, 255, .16);
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 24px;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.footer-contact-icon {
  height: 16px;
  margin-top: 3px;
  margin-right: 8px;
}

.footer-contact-icon.invert {
  filter: invert();
}

.footer-link-2 {
  opacity: 1;
  color: #fff;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 400;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.footer-link-2:hover {
  opacity: 1;
  pointer-events: auto;
  color: #fff;
  text-decoration: underline;
}

.mobile-only {
  display: none;
}

.social-icon-small {
  width: 25px;
}

.social-icon-small.tiktok {
  width: 23px;
}

.social-icon-small.tiktok.edit-icon-large-tiktok {
  width: 25px;
}

.social-icon-small.edit-icon-large {
  width: 27.5px;
}

.footer-link-box {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-link-phn {
  color: #fff;
}

.white-text-4 {
  color: #fff;
  padding-left: 0;
  font-size: 14px;
}

.white-text-4.underline {
  border-bottom: 1px solid #fff;
  padding-bottom: 1rem;
  padding-left: .4rem;
  padding-right: .4rem;
  text-decoration: none;
}

.footer-contact-3 {
  color: #fff;
  align-items: flex-start;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}

.footer-contact-3:hover {
  color: #fff;
}

.footer-contact-3.winpeg {
  display: none;
}

._9rem {
  font-size: 9rem;
  line-height: 9.5rem;
}

._9rem.white.bold.scroll {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.faq-bit-8 {
  width: 30%;
  position: absolute;
  top: 42%;
  right: 2%;
  transform: rotate(90deg);
}

.faq-bit-2 {
  width: 18%;
  position: absolute;
  top: 32%;
  left: 30%;
}

.faq-bit-6 {
  width: 30%;
  position: absolute;
  top: 7%;
  right: 10%;
}

.faq-border {
  width: 400px;
  border-top: 3px solid #fff;
}

._1-5rem {
  padding-bottom: 10px;
  font-size: 1.5rem;
  line-height: 1.8rem;
}

._1-5rem.uppercase {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.faq-bit-5 {
  width: 30%;
  position: absolute;
  top: 95%;
  left: 0%;
}

.bit-track-inner {
  width: 22vw;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  position: absolute;
  top: 8%;
  bottom: 0%;
}

.bit-track-inner.left {
  left: -22vw;
}

.bit-track-inner.right {
  right: -22vw;
}

.faq-bit-1 {
  width: 30%;
  position: absolute;
  top: 5%;
  left: 1%;
}

.faq-bit-11 {
  width: 18%;
  position: absolute;
  top: 92%;
  right: 70%;
  transform: rotate(270deg);
}

.margin-0 {
  margin: 0;
}

.faq-bit-9 {
  width: 16%;
  position: absolute;
  top: 55%;
  right: 50%;
}

.bg-lightcyan {
  background-color: #d3eaeb;
}

.bg-lightcyan.padding10.z-index-1.overflow-hidden {
  background-color: #f5f5f5;
  margin-bottom: 0;
  padding-bottom: 75px;
}

.faq-single {
  width: 100%;
  height: 100%;
  background-color: #120522;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  display: flex;
}

.faq-content {
  width: 400px;
  min-height: 50px;
  color: #fff;
  padding: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: none;
}

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

.faq-bit-10 {
  width: 20%;
  position: absolute;
  top: 85%;
  right: 10%;
}

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

.faq-bit-3 {
  width: 25%;
  position: absolute;
  top: 53%;
  left: 10%;
}

.faq-bit-7 {
  width: 22%;
  position: absolute;
  top: 30%;
  right: 50%;
}

.flex {
  width: 100%;
  min-height: 50px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.flex.vertical {
  min-width: 20px;
  flex-direction: column;
  flex: 1;
  align-items: center;
}

.faq-title {
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.faq-bit-4 {
  width: 16%;
  position: absolute;
  top: 75%;
  left: 50%;
}

.link-6 {
  color: #151515;
  text-align: left;
  align-items: center;
  margin-top: -8px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: box-shadow .2s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 -2px #e3e3e3;
}

.link-6:hover {
  box-shadow: inset 0 -2px #ed1c24;
}

.icon-box-2 {
  width: 60px;
  height: 60px;
  background-color: #62636b;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.icon-box-2.color-1 {
  background-color: #000;
}

.icon-box-2.color-2 {
  background-color: var(--purple);
}

.icon-box-2.color-3 {
  background-color: var(--black);
}

.icon-box-2.color-4 {
  background-color: #20b49b;
}

.icon-2 {
  width: auto;
  height: auto;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature-cards-4 {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.link-underline {
  z-index: 1;
  width: 50%;
  height: 2px;
  background-color: #ed1c24;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.intro {
  z-index: 1;
  max-width: 570px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.intro.margin-bottom {
  margin-bottom: 20px;
}

.feature-card {
  z-index: 1;
  text-align: center;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  flex: 270px;
  align-items: center;
  padding: 20px 20px 32px;
  display: flex;
  position: relative;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
}

.feature-card.small {
  background-color: #f5f5f5;
  padding: 32px;
}

.link-arrow {
  width: 20px;
  height: 20px;
  background-image: url('../images/right.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: -1px;
  margin-left: 3px;
  margin-right: -3px;
  font-size: 16px;
}

.paragraph-37 {
  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.heading-37 {
  color: #0062ff;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.paragraph-38 {
  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
}

.paragraph-41 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

.div-block-50 {
  text-align: center;
  margin-top: -50px;
  padding: 0 20%;
}

.heading-34 {
  color: #000;
  text-align: left;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 10vh;
  font-weight: 600;
}

.paragraph-39 {
  color: #000;
  margin-top: 0;
  padding-top: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

.columns-10 {
  margin-top: 0;
  margin-bottom: -46px;
  padding-top: 105px;
  padding-bottom: 140px;
}

.div-block-41 {
  background-color: #fff;
  margin-bottom: 0;
  padding-bottom: 32px;
}

.heading-39 {
  color: #000;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 10vh;
  font-weight: 600;
}

.paragraph-40 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
}

.div-block-49 {
  background-color: #7f00ff;
  margin-top: 0;
  margin-left: 25%;
  margin-right: 10%;
}

.image-22 {
  max-width: none;
  min-width: 50%;
  text-align: center;
  margin-top: -55px;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 20px;
  display: inline-block;
  position: static;
}

.flex-2 {
  max-width: 100%;
  grid-column-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
  display: flex;
}

.flex-2.center {
  width: 100%;
  justify-content: center;
}

.flex-2.center.edit-hidden-and-spacing {
  display: none;
}

.flex-2.vertical {
  grid-row-gap: .5rem;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
}

.flex-2.vertical.centered {
  align-items: center;
}

.icon-list-icon {
  width: 120px;
  position: relative;
}

.wrapper-5 {
  z-index: 2;
  width: 100%;
  max-width: 1240px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  overflow: hidden;
}

.wrapper-5.horizontal {
  flex-direction: row;
  margin-top: 61px;
  display: flex;
}

.wrapper-5.nav-bar-wrapper {
  height: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

._23px {
  font-size: 23px;
}

.divider-3 {
  width: 88px;
  height: 4px;
  background-color: #ed1c24;
  border-radius: 1.5px;
  margin-top: 6px;
  margin-bottom: 16px;
}

.divider-3.animated.margin-bottom-2.edit-bottom-margin {
  background-color: #7f00ff;
}

.h2-v1 {
  margin-bottom: 16px;
  font-size: 3.2rem;
  line-height: 1.2;
}

.flex-3 {
  max-width: 100%;
  grid-column-gap: 5px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.flex-3.vertical {
  flex-direction: column;
  flex: 1;
}

.flex-3.vertical.grow {
  grid-row-gap: 2rem;
  justify-content: flex-start;
}

.flex-4 {
  max-width: 100%;
  grid-column-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.flex-4.vertical {
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
}

._18px {
  color: #fff;
  margin-left: -100px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
}

.testimonials-v3-nav {
  height: 28px;
  font-size: 6px;
  line-height: 16px;
  bottom: -36px;
}

.icon-box {
  width: 60px;
  height: 60px;
  background-color: #62636b;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.icon-box.color-1 {
  background-color: var(--purple);
}

.review-v3-author {
  width: 230px;
  max-width: 100%;
  border-top: 1px solid #ed1c24;
  flex-direction: column;
  align-items: center;
  margin-bottom: -8px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.icon-3 {
  width: auto;
  height: auto;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonials-v3-button {
  width: 52px;
  height: 52px;
  opacity: 0;
  color: #ed1c24;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 14px;
  font-size: 20px;
  transition: all .2s;
  display: flex;
  left: -28px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.testimonials-v3-button:hover {
  box-shadow: none;
  color: #fff;
  background-color: #ed1c24;
  transform: scale(1.1);
}

.testimonials-v3-button.right {
  left: auto;
  right: -28px;
}

.review-v3-name {
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.testimonials-v3 {
  z-index: 1;
  height: auto;
  max-width: 670px;
  color: #151515;
  background-color: #fff;
  border-radius: 20px;
  margin: 40px auto;
  padding: 40px 60px;
  box-shadow: 0 12px 32px -10px rgba(0, 0, 0, .16);
}

.review-v3 {
  min-height: 250px;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-logo-wrap {
  flex: none;
}

.nav-link-5 {
  cursor: default;
}

.nav-menu-2 {
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
}

.nav-link {
  color: #0062ff;
  -webkit-text-stroke-color: #0018a0;
  cursor: auto;
  flex: 0 auto;
  margin-bottom: 40px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 40px 0 20px;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: inline-block;
}

.nav-link:hover {
  color: #fff;
  box-shadow: inset 0 -5px #8dcac7;
}

.nav-link.w--current {
  color: #0062ff;
}

.nav-link.w--current:hover {
  box-shadow: inset 0 -5px #8dcac7;
}

.nav-inner {
  width: 80vw;
  border-bottom: 1px rgba(255, 255, 255, .1);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.html-embed-4 {
  display: inline-block;
}

.page-heading {
  margin-bottom: 20px;
}

.wrapper-6 {
  z-index: 2;
  width: 100%;
  max-width: 1240px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 135px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.divider-4 {
  width: 88px;
  height: 2px;
  background-color: #ed1c24;
  border-radius: 1.5px;
  margin-top: 6px;
  margin-bottom: 16px;
}

.page-intro-left {
  max-width: 570px;
  text-align: left;
  flex-direction: column;
  margin-top: -16px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.section-8 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 60px 20px;
  position: relative;
}

.section-8.top-image-section {
  min-height: 450px;
  color: #fff;
  background-color: #000;
  margin-top: 0;
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
}

.moving-bg {
  z-index: 0;
  width: 104%;
  height: 104%;
  max-width: none;
  object-fit: cover;
  display: block;
  position: absolute;
  top: -2%;
  bottom: -2%;
  left: -2%;
  right: -2%;
}

.moving-bg.page-header-image {
  opacity: .98;
  object-position: 50% 0%;
}

.intro-left-2 {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radio-button-wrapper {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.radio-button {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 10px;
}

.international-students {
  font-size: 19px;
  display: none;
}

.big-paragraph-2 {
  color: #333;
  margin-bottom: 30px;
  font-size: 18px;
}

.big-paragraph-2.max-400 {
  max-width: 500px;
  color: #333;
}

.media-decoration-3 {
  z-index: 0;
  width: 90%;
  height: 90%;
  background-color: #f5f5f5;
  border-radius: 40px;
  position: absolute;
  top: -32px;
  bottom: auto;
  left: auto;
  right: -32px;
}

.h2-v1-2 {
  margin-bottom: 16px;
  font-size: 3.2rem;
  line-height: 1.2;
}

.h2-v1-2.padding-bottom-3 {
  color: #fff;
  padding-bottom: 3rem;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.h2-v1-2.edit-hidden-dektop {
  display: none;
}

.link-7 {
  text-decoration: underline;
}

.info-kit-side {
  flex: 0 auto;
  display: block;
}

.media-rounded {
  z-index: 2;
  width: 100%;
  height: 100%;
  max-height: 600px;
  object-fit: cover;
  border-radius: 24px;
  display: block;
  position: relative;
}

.flex-5 {
  max-width: 100%;
  grid-column-gap: 5px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.flex-5.column-gap-5 {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  align-items: flex-start;
}

.radio-group {
  flex-direction: column;
  margin-bottom: 20px;
  display: flex;
}

.hp-radio-label-4 {
  color: #666;
  flex: 1;
  font-size: 14px;
  font-weight: 700;
}

.media-container-4 {
  z-index: 1;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.media-container-4.wide {
  max-width: 400px;
  flex: 1;
}

.wrapper-medium {
  z-index: 2;
  width: 100%;
  max-width: 1450px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.section-9 {
  padding-top: 75px;
}

.link-white {
  color: #fff;
  text-decoration: underline;
}

.link-white:hover {
  text-decoration: underline;
}

.link-white.edit-no-underline {
  text-decoration: none;
}

.programs-category {
  margin-bottom: .5rem;
}

.centered {
  color: #fff;
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.category-heading {
  color: #fff;
  margin-top: -26px;
  margin-bottom: 0%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 30px;
  display: inline-block;
}

.white-text-3 {
  color: #fff;
  padding-left: 0;
  font-size: 14px;
}

.category-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.spacer {
  color: #ed1c24;
  font-size: 1.5rem;
  line-height: 1.3em;
}

.category-content {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(70, 191, 184, 0), rgba(114, 112, 168, .7) 22%, #8150a5 50%, #fff);
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
  display: flex;
  position: absolute;
  bottom: -65%;
}

.wrapper-medium-2 {
  z-index: 2;
  width: 100%;
  max-width: 1450px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.course-categories {
  width: 60%;
  border-radius: 25px;
  margin-bottom: 30px;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.flex-100 {
  width: 100%;
  max-width: 100%;
  grid-column-gap: 2rem;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 3rem;
  display: flex;
}

.homepage-courses {
  margin-top: 6px;
}

.heading-53 {
  color: #fff;
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
}

.div-block-75 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  padding-left: 20rem;
  padding-right: 20rem;
  display: flex;
}

.paragraph-50 {
  color: #fff;
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
}

.section-10 {
  padding-bottom: 50px;
}

.div-block-76 {
  flex-direction: row;
  margin-left: 0;
  padding-left: 75px;
  display: flex;
}

.image-23 {
  max-width: 600px;
  margin-top: -4%;
  margin-left: 1%;
}

.brand-2 {
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.brand-2.w--current {
  padding-bottom: 0;
}

.logo-2 {
  width: 100%;
  max-width: 200px;
  padding-bottom: 10px;
}

.icon-8 {
  z-index: 2;
  margin-right: 5px;
  transform: rotate(-90deg);
}

.prognav-cms-item-2 {
  color: #151515;
  background-color: #fff;
  padding: 5px 20px;
}

.dropdown-list-7 {
  left: 100%;
}

.dropdown-list-7.w--open {
  background-color: #fff;
  top: 0;
  left: 100%;
}

.dropdown-main-nav.programs1 {
  display: none;
}

.dropdown-main-nav.programs2 {
  display: block;
}

.dropdown-main-nav.programs3 {
  display: none;
}

.subscribe-input-2 {
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  flex: 1;
  margin-bottom: 0;
  padding: 12px 16px;
  font-size: 17px;
}

.subscribe-input-2:hover, .subscribe-input-2:focus {
  border-color: #ed1c24;
}

.subscribe-input-2::-ms-input-placeholder {
  color: #999;
}

.subscribe-input-2::placeholder {
  color: #999;
}

.icon-9 {
  margin-right: 8px;
}

.dropdown-list-5 {
  overflow: auto;
}

.dropdown-list-5.programs-big-menu.w--open {
  height: auto;
  max-height: 80vh;
  overflow: visible;
}

.brand-3 {
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.brand-3.w--current {
  padding-bottom: 0;
}

.search-mobile {
  z-index: 100;
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.tooltip {
  width: 17ch;
  max-width: 200px;
  opacity: 0;
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  padding: 10px;
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .34);
}

.navigation-3 {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.dropdown-toggle-2 {
  z-index: 5;
  padding: 0;
  display: block;
}

.dropdown-toggle-2.w--open:hover {
  background-color: #e3e3e3;
}

.icon-10 {
  margin-right: 8px;
}

.big-form-icon {
  height: 24px;
  flex: none;
  margin-left: 16px;
}

.dropdown-item {
  opacity: 1;
  color: #333;
  white-space: nowrap;
  background-color: #fff;
  border: 1px #000;
  border-bottom-color: #e3e3e3;
  padding: 2px 20px;
  font-size: 15px;
  display: block;
  position: relative;
}

.dropdown-item:hover {
  background-color: #e3e3e3;
}

.dropdown-item:focus, .dropdown-item.w--current {
  color: #ed1c24;
}

.dropdown-item-2 {
  width: 100%;
  opacity: 1;
  color: #333;
  white-space: nowrap;
  background-color: #fff;
  border: 1px #000;
  border-bottom-color: #e3e3e3;
  padding: 2px 30px 2px 20px;
  font-size: 15px;
  display: block;
  position: relative;
}

.dropdown-item-2:hover {
  background-color: #e3e3e3;
  background-image: none;
}

.dropdown-item-2:focus, .dropdown-item-2.w--current {
  color: #ed1c24;
}

.dropdown-item-2.academic-conduct, .dropdown-item-2.sexual-harassment, .dropdown-item-2.tuition-policy {
  display: none;
}

.link-block-5 {
  margin-right: 5px;
  position: relative;
}

.link-block-5.normal-cursor {
  cursor: default;
}

.search-mobile-form-2 {
  z-index: 3;
  width: 470px;
  height: 60px;
  max-width: 94vw;
  background-color: #fff;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 208px;
  padding: 6px;
  transition: box-shadow .4s;
  display: flex;
  position: relative;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, .3);
}

.search-mobile-form-2:hover {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, .5);
}

.dropdown-open-2 {
  padding: 28px 28px 28px 14px;
  transition: background-color .4s;
}

.dropdown-open-2:active {
  background-color: #f5f5f5;
}

.dropdown-open-2.w--open {
  max-height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  overflow: auto;
}

.navigationheadings-2 {
  padding-left: 10px;
  display: block;
}

.navigationheadings-2:hover {
  color: #151515;
}

.nav-link-2 {
  color: #151515;
  text-transform: none;
  border-radius: 7px;
  padding: 30px 14px;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  transition: background-color .4s;
}

.nav-link-2.w--current {
  color: #151515;
  font-weight: 700;
}

.nav-link-2.hide-mobile {
  color: #fff;
  font-size: 15px;
}

.collection-list-wrapper-2 {
  position: relative;
}

.dropdown-item-3 {
  opacity: 1;
  color: #333;
  white-space: nowrap;
  background-color: #fff;
  border: 1px #000;
  border-bottom-color: #e3e3e3;
  padding: 2px 30px 2px 20px;
  font-size: 15px;
  display: block;
  position: relative;
}

.dropdown-item-3:hover {
  background-color: #e3e3e3;
}

.dropdown-item-3:focus, .dropdown-item-3.w--current {
  color: #ed1c24;
}

.nav-right {
  z-index: 1;
  grid-column-gap: 8px;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.popup-bg-overlay {
  z-index: 1;
  background-color: rgba(0, 0, 0, .78);
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.link-3 {
  color: #fff;
}

.collection-list-3 {
  position: relative;
}

.nav-icon {
  max-height: 28px;
  max-width: 28px;
}

.nav-icon.phone {
  max-height: 24px;
  max-width: 24px;
  color: #fff;
}

.text-block-6 {
  font-weight: 700;
}

.big-form-button-2 {
  height: 100%;
  background-color: #ed1c24;
  border-radius: 6px;
  flex: none;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  transition: width .4s;
}

.dropdown-4 {
  background-color: #fff;
  display: block;
}

.modal-close-button-3 {
  z-index: 3;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, .3);
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
  margin-top: 24px;
  margin-right: 24px;
  transition: transform .4s, border-color .4s, background-color .4s;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.modal-close-button-3:hover {
  background-color: #452c48;
  transform: scale(1.1);
}

.div-block-77 {
  height: 100vh;
  transform-style: preserve-3d;
  background-image: url('../images/Black-And-Gold-Wallpaper-Iphone-Wide-Wallpaper.jpg');
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  margin-top: -150px;
  margin-left: 0;
  padding-top: 200px;
  padding-bottom: 200px;
  padding-left: 0;
  display: flex;
  overflow: visible;
  transform: translate3d(0, 0, 1px);
}

.column-24 {
  background-color: #000;
}

.column-25 {
  height: 500px;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, #000, #004d51);
}

.image-24 {
  padding-left: 25px;
}

.image-25 {
  margin-left: 0;
}

.div-block-78 {
  width: 100%;
  background-color: rgba(0, 6, 20, 0);
}

.div-block-79 {
  flex-direction: column;
  display: flex;
}

.heading-54 {
  color: #fff;
}

.built-for-webflow-text {
  color: #ffe9be;
  text-align: left;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 700;
}

.built-for-webflow-text.text-center {
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
}

.webflow-logo-embed {
  width: 64px;
  color: #fff;
  margin-left: 4px;
  line-height: .7;
  display: block;
}

.wireframe-image {
  width: 200px;
  filter: brightness(200%);
  position: absolute;
  top: 13%;
  left: 28%;
  transform: rotate(6deg);
}

.hover-text-block {
  height: auto;
  background-color: #363636;
  border: 1px solid #2b2b2b;
  border-radius: 5px;
  margin-top: 8px;
  margin-bottom: 10px;
  margin-left: 0;
  padding: 4px;
  position: relative;
}

.custom-att-label, .custom-att-code {
  color: rgba(233, 237, 237, .75);
  letter-spacing: .2px;
  font-size: 12px;
}

.globe-image {
  width: 630px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 14%;
}

.latlon-field {
  height: 30px;
  background-color: #363636;
  border: 1px solid #2b2b2b;
  border-radius: 5px;
  margin-top: 1px;
  margin-bottom: 10px;
  margin-left: 0;
  padding: 4px;
  position: relative;
}

.pin-center {
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, .74);
  background-image: linear-gradient(45deg, #fd7b9e, #fee7be);
  border: 0 solid #fff;
  border-radius: 20px;
  flex: none;
}

.home-hero-tooltip-description {
  color: #492cb2;
  letter-spacing: 0;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  position: relative;
}

.home-hero-tooltip-wrapper {
  width: 220px;
  height: auto;
  background-color: #fff;
  border-radius: 4px;
  padding: 20px;
  position: absolute;
  top: 56%;
  left: 40%;
}

.arrow {
  width: auto;
  transform-style: preserve-3d;
  position: absolute;
  top: 63%;
  bottom: auto;
  left: 27%;
  right: auto;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.arrow.position-2 {
  top: 20%;
  left: 20%;
}

.text-span {
  text-shadow: 1px 1px 1px rgba(46, 34, 131, .3);
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(45deg, rgba(254, 231, 190, .31), #fd7a9e);
  border-radius: 0;
  padding: 4px 20px 6px;
  line-height: 1;
  display: inline-block;
}

.hero-globe-container {
  width: 960px;
  height: 680px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: visible;
}

.section-home-header {
  height: auto;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: none;
  position: relative;
  overflow: hidden;
}

.circle-graphic-1 {
  width: 750px;
  height: 750px;
  opacity: .31;
  background-color: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 3000px;
  margin-top: -65px;
  margin-left: 136px;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.home-hero-tooltip-arrow {
  width: 20px;
  height: 20px;
  background-color: #fff;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 3%;
  right: auto;
  transform: translate(15px, -4px)rotate(45deg);
}

.page-padding {
  z-index: auto;
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}

.collection-fields-graphic-wrapper {
  width: 256px;
  height: auto;
  background-color: #525252;
  border: 1px solid #1f1f1f;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-top: 2px;
  padding: 0;
  position: absolute;
  top: 230px;
  bottom: 10%;
  left: 9%;
  right: auto;
  box-shadow: -4px 4px 5px rgba(0, 0, 0, .15);
}

.heading1 {
  color: #fff;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}

.image-asset-block {
  height: 120px;
  background-color: #363636;
  border: 1px solid #2b2b2b;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  padding: 4px;
  position: relative;
}

.pin-headshot {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  padding: 0;
  display: none;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.assets-details-graphic-wrapper {
  width: 256px;
  height: 220px;
  border: 1px solid #1f1f1f;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-top: 0;
  padding: 0;
  position: absolute;
  top: 6%;
  bottom: auto;
  left: 0%;
  right: auto;
  box-shadow: -4px 4px 5px rgba(0, 0, 0, .15);
}

.globe-pin-hero {
  width: 60px;
  height: 60px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #febab0;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.globe-pin-hero.position-3 {
  display: flex;
  top: 5%;
  left: 56%;
}

.globe-pin-hero.position-2 {
  display: flex;
  top: 43%;
  left: 40%;
}

.globe-pin-hero.position-1 {
  display: flex;
  top: 5%;
  left: 42%;
}

.globe-pin-hero.position-4 {
  display: flex;
  top: 36%;
  left: 75%;
}

.image-4 {
  width: 100%;
  height: 100%;
  opacity: .9;
  object-fit: cover;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 4px;
}

.made-with-webflow-wrapper {
  text-align: right;
  text-transform: uppercase;
  justify-content: flex-start;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 16px;
  display: flex;
}

.tooltip-title-example-01 {
  color: #3d28d6;
  letter-spacing: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  position: relative;
}

.h1-spam-xlarge {
  margin-bottom: 0;
  font-size: 120px;
  font-weight: 800;
  line-height: .7;
  display: block;
}

.custom-att-title {
  color: #fff;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding-left: 0;
  font-size: 13px;
  font-weight: 400;
}

.custom-att-wrapper {
  background-color: #525252;
  padding: 12px 20px 10px 12px;
}

.custom-att-wrapper._2 {
  height: 177px;
  background-color: #404040;
}

.container-2 {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.custom-att-top {
  background-color: #2b2b2b;
  border-top-right-radius: 6px;
  padding: 10px;
}

.custom-att-top._2 {
  background-color: #404040;
  border-bottom: 1px solid rgba(0, 0, 0, .16);
}

.image-26 {
  width: 100%;
  height: 100%;
  opacity: .9;
  object-fit: cover;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 4px;
}

.div-block-80 {
  background-image: linear-gradient(to right, var(--blue), #000);
}

.hero-card-frame {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.track {
  z-index: 2;
}

.div-block-81 {
  width: 100%;
  max-width: 66.5%;
  text-align: center;
  border-top: 15px solid #05006c;
  border-left: 15px solid #05006c;
  border-right: 15px solid #05006c;
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.icon-btn {
  color: #fff;
  background-color: #7f00ff;
  border-radius: 8px;
  justify-content: center;
  align-items: stretch;
  padding: 15px 50px 14px;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.icon-btn:hover {
  background-color: #034492;
}

.button-arrow {
  width: 20px;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.page-subtitle {
  color: rgba(255, 255, 255, .6);
  margin-bottom: 50px;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.2;
}

.home-hero-text-wrapper {
  max-width: 720px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.container-3 {
  width: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}

.embed {
  display: inline-block;
  position: relative;
}

.image-27 {
  position: relative;
}

.hero-card-mask {
  z-index: 2;
  position: relative;
}

.trigger-text {
  color: #aab0bb;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 300;
}

.track-wrapper {
  margin-top: 80px;
}

.div-block-82 {
  width: 100%;
  text-align: center;
  margin-bottom: 35px;
}

.hero-card-wrapper {
  z-index: 1;
}

.h-after {
  color: #c4c4c4;
  font-size: 55px;
  font-weight: 300;
  line-height: 1.1;
}

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

.h1 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 1.1;
}

.home-hero-section {
  min-height: 70vh;
  flex-direction: column;
  padding-top: 63px;
  display: flex;
}

.section-11 {
  background-color: #000731;
}

.navbar-container {
  width: 100%;
  height: 100%;
  max-width: 1100px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-menu {
  align-items: center;
  display: flex;
}

.navbar-link {
  color: #fff;
  border-bottom: 1px rgba(0, 0, 0, 0);
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  font-weight: 500;
  text-decoration: none;
}

.navbar-link:hover {
  opacity: 1;
  color: var(--purple);
  border-bottom-style: none;
  border-bottom-color: #000;
}

.navbar-link.w--current {
  color: #fff;
}

.navbar-link.w--current:hover {
  color: var(--purple);
}

.button-9 {
  height: 50px;
  color: #fff;
  background-color: #7f00ff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 10px 20px -3px rgba(29, 1, 80, .1);
}

.button-9:hover {
  box-shadow: none;
  color: #120522;
  background-color: #fff;
}

.button-9.nav {
  height: auto;
  color: #fff;
  margin-left: 30px;
  padding: 9px 17px;
  font-size: 14px;
  display: none;
}

.button-9.outline {
  color: var(--purple);
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #7f00ff;
  padding-left: 25px;
  padding-right: 25px;
}

.button-9.outline:hover {
  color: #fff;
  border-color: #fff;
}

.logo-code {
  color: #fff;
}

.navbar_logo-link {
  max-height: none;
  max-width: 170px;
  padding-top: 5px;
  padding-left: 0;
}

.hamburger {
  padding: 0;
  display: none;
}

.paragraph-51 {
  opacity: .9;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.7;
}

.box_bgblur {
  max-width: 800px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  text-align: center;
  background-color: rgba(0, 0, 0, .25);
  border: 1px solid #312638;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 70px 50px;
  display: flex;
}

.spacer-15 {
  width: 100%;
  height: 15px;
}

._2-button-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.h1-2 {
  color: #fff;
  font-size: 60px;
  font-weight: 400;
  line-height: 1.3;
}

.section_faded-large {
  width: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 60%, #120522), linear-gradient(#120522, rgba(0, 0, 0, 0) 40%), url('../images/Typing.png');
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, cover;
  background-attachment: scroll, scroll, fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 5%;
  display: flex;
}

.section_faded-large.hidden {
  display: none;
}

.subheader {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.subheader.text-brand {
  color: var(--purple);
  color: var(--purple);
  font-size: 23px;
  font-weight: 600;
}

.wrap_content-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-4 {
  width: 100%;
  max-width: 1100px;
}

.spacer-10 {
  width: 100%;
  height: 10px;
}

.spacer-30 {
  width: 100%;
  height: 30px;
}

.body-2 {
  background-color: #000731;
}

.heading-55 {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
}

.checkbox-label {
  color: #fff;
}

.checkbox-label-2, .checkbox-label-3 {
  color: var(--white);
}

.checkbox-label-4 {
  color: #fff;
}

.bold-text {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.section-12.lottie {
  width: 100%;
  min-height: 300vh;
  justify-content: center;
  align-items: center;
  margin-top: -20rem;
  display: none;
  position: relative;
}

.lottie-container {
  width: 100%;
  height: 100vh;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.fantomui-img-inner {
  border-radius: 1.4rem;
}

.lottie-gradient-bg {
  z-index: 0;
  width: 100%;
  height: 100vw;
  max-width: none;
  opacity: 0;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fantomui-img {
  z-index: 2;
  background-image: radial-gradient(circle at 0 0, #ff28c3, #31b5ff);
  border-radius: 1.5rem;
  padding: 2px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 24px -8px rgba(0, 0, 0, .25), 0 24px 40px -16px rgba(0, 0, 0, .25), 0 60px 80px -40px rgba(0, 0, 0, .6);
}

.fantomui-img._04 {
  background-image: repeating-linear-gradient(to right, #7f00ff, #000731);
  padding: 5px 10px 15px;
  bottom: 5rem;
  right: 0%;
}

.fantomui-img._01 {
  text-align: center;
  background-image: linear-gradient(to right, #7f00ff, #000731);
  border: 2px solid #7f00ff;
  flex-direction: column;
  align-items: center;
  margin-top: -132px;
  margin-left: 0;
  padding: 5px 10px 15px;
  display: flex;
  position: relative;
  top: 20%;
  left: 0%;
  overflow: hidden;
}

.fantomui-img._01._02 {
  align-items: center;
  margin-top: 79px;
  padding-top: 5px;
  padding-bottom: 15px;
}

.fantomui-img._01.heading {
  box-shadow: none;
  background-image: none;
  border-style: none;
  border-radius: 0;
  margin-top: -514px;
  margin-left: 246px;
  display: none;
}

.fantomui-img._02 {
  position: relative;
  top: 4rem;
  right: 2rem;
}

.fantomui-img._03 {
  background-image: repeating-linear-gradient(to right, #7f00ff, #000731);
  margin-right: 0;
  padding: 5px 10px 15px;
  position: relative;
  bottom: 8rem;
  left: 2rem;
}

.fantom-lottie {
  z-index: 5;
  width: 100%;
  max-width: 80rem;
  margin-top: -88px;
  padding-top: 0;
  position: relative;
}

.fantomui-img-wrapper {
  width: 100%;
  height: 100vh;
  max-width: 70rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.fantomui-img-wrapper._01 {
  text-align: center;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -5px;
  display: none;
}

.fantomui-img-wrapper._03 {
  justify-content: flex-start;
  align-items: flex-end;
  margin-right: 151px;
  display: none;
}

.fantomui-img-wrapper._04 {
  justify-content: flex-end;
  align-items: flex-end;
  margin-left: 124px;
  display: none;
}

.fantomui-img-wrapper._02 {
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: -72px;
  margin-left: 60px;
  display: none;
}

.heading-56 {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 50px;
  font-weight: 700;
}

.paragraph-52 {
  color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.heading-57 {
  color: #fff;
  text-align: center;
  margin-top: 230px;
  padding-top: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 50px;
  font-weight: 700;
  display: none;
}

.div-block-83 {
  min-width: 1000px;
  margin-top: 181px;
  margin-left: 0;
}

.flex-vertical {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.faq-question {
  width: 100%;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.faq-question:hover {
  color: #9842ee;
}

.grid_2-4 {
  min-height: 150px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: start;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
}

.grid_2-4.vertical-mobile {
  grid-template-rows: auto auto auto;
}

.faq-answer {
  width: 100%;
  text-align: left;
  border-bottom: 1px #cfcfcf;
  overflow: hidden;
}

.minus {
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: 20px;
  position: absolute;
}

.faq_icon-wrap {
  width: 15px;
  height: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.faq-item {
  width: 100%;
  max-width: none;
  background-color: #120522;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.faq-wrap {
  width: 100%;
  max-width: 800px;
  border: 1px solid #312638;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
  box-shadow: 0 10px 30px -10px rgba(29, 1, 80, .1);
}

.container-5 {
  width: 100%;
  max-width: 1100px;
}

.plus {
  width: 3px;
  height: 100%;
  background-color: #fff;
  border-radius: 20px;
  position: absolute;
}

.h2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 400;
  line-height: 1.3;
}

.faq-p {
  color: #fff;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.spacer-50 {
  width: 100%;
  height: 50px;
}

.drop-shadow {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  background-image: radial-gradient(circle, rgba(0, 0, 0, .68), rgba(255, 255, 255, 0) 35%);
  position: absolute;
  transform: translate3d(0, 0, -100px);
}

.pmpadding {
  height: 100%;
  padding: 10px;
}

.zine-credits {
  width: 50%;
  margin: 75px auto 40px;
}

.right-image-contain {
  height: 100%;
  max-height: 100%;
  object-fit: contain;
  position: relative;
}

.pmheader {
  text-align: center;
  margin-top: 25px;
}

.pm-h3 {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 21px;
}

.book-flipper {
  z-index: 2;
  width: 50%;
  height: 100%;
  perspective: 5000px;
  transform-style: preserve-3d;
  position: relative;
  transform: translate(100%)rotateX(0)rotateY(1deg)rotateZ(0);
}

.footer {
  text-transform: uppercase;
  margin-bottom: 25px;
  font-weight: 400;
  line-height: 18px;
}

.product-description {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}

.pm-text {
  color: #fff;
  font-size: 18px;
  transform: rotate(6deg)translate(33px);
}

.open-notice {
  position: absolute;
  top: 5%;
  left: 400px;
}

.pm-center {
  width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.pmbutton {
  color: #f2edde;
  text-align: center;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 11px;
  font-size: 16px;
  box-shadow: 7px 7px 14px rgba(0, 0, 0, .3);
}

.pmbutton:hover {
  color: #000;
  background-color: #f2edde;
  text-decoration: none;
}

.note-footer {
  text-align: center;
  padding-bottom: 50px;
}

.logo {
  width: 35%;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}

.description {
  color: rgba(0, 0, 0, .75);
}

.right-side-front {
  width: 65%;
  height: 100%;
  cursor: e-resize;
  background-color: #000;
  background-image: url('../images/Book-cover.jpeg');
  background-position: 0 0;
  background-size: auto;
  border-left: 25px solid #000;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-items: stretch;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.pm-body {
  color: #000;
  background-image: linear-gradient(rgba(242, 237, 222, .5), rgba(242, 237, 222, .5));
}

.image-overlay {
  width: 100%;
  opacity: .75;
  background-image: url('../images/paper-3.png');
  background-size: 150px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  box-shadow: 14px 14px 10px rgba(0, 0, 0, .01);
}

.image-overlay.left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .05), rgba(255, 255, 255, 0) 12%), url('../images/paper-3.png');
  background-position: 0 0, 0 0;
  background-size: auto, 150px;
  display: block;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.left-side-contain {
  height: 100%;
  max-height: 100%;
  object-fit: contain;
  position: relative;
}

.spine {
  width: 100%;
  height: 100%;
  transform-origin: 0%;
  transform-style: preserve-3d;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: translate3d(0, 0, 1px);
}

.spine._2 {
  z-index: 49;
  margin-left: 0;
  transform: none;
}

.spine.cover {
  z-index: 50;
  margin-left: 0;
  transform: none;
}

.spine._10 {
  z-index: 41;
  transform: none;
}

.spine._3 {
  z-index: 48;
  transform: none;
}

.spine._8 {
  z-index: 43;
  transform: none;
}

.spine._16 {
  z-index: 35;
  transform: none;
}

.spine._20 {
  z-index: 31;
  transform-style: preserve-3d;
  transform: translate3d(0, 0, -20px);
}

.spine._17 {
  z-index: 34;
  transform: none;
}

.spine._11 {
  z-index: 40;
  transform: none;
}

.spine._9 {
  z-index: 42;
  transform: none;
}

.spine._13 {
  z-index: 38;
  transform: none;
}

.spine._15 {
  z-index: 36;
  transform: none;
}

.spine._4 {
  z-index: 47;
  transform: none;
}

.spine._19 {
  z-index: 32;
  transform: none;
}

.spine._14 {
  z-index: 37;
  transform: none;
}

.spine._7 {
  z-index: 44;
  transform: none;
}

.spine._6 {
  z-index: 45;
  transform: none;
}

.spine._18 {
  z-index: 33;
  transform: none;
}

.spine._12 {
  z-index: 39;
  transform: none;
}

.spine._5 {
  z-index: 46;
  transform: none;
}

.gif-arrow {
  width: 75px;
  height: 75px;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}

.left-side-back {
  width: 65%;
  height: 100%;
  background-image: linear-gradient(to right, black, #2d2d2d 50%, var(--black));
  cursor: w-resize;
  transform-style: preserve-3d;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  transform: translate3d(0, 0, -1px)rotateX(0)rotateY(-180deg)rotateZ(0);
}

.document-view {
  height: 650px;
  text-align: center;
  margin-bottom: 271px;
  padding: 20px 25px;
  position: relative;
}

.html-embed-6 {
  height: 100%;
  display: none;
}

.body-3, .body-4 {
  background-color: #000731;
}

.heading-58, .bold-text-2, .bold-text-3, .bold-text-4 {
  color: #fff;
}

.heading-59 {
  color: var(--white);
  margin-top: 0;
  margin-right: 10px;
  padding-left: 10px;
  font-size: 32px;
}

.feature-block {
  z-index: 2;
  width: 100%;
  background-image: radial-gradient(circle at 0 0, #ff28c3, #31b5ff);
  border-radius: 1rem;
  padding: 2px;
  overflow: hidden;
}

.features-grid {
  width: 100%;
  max-width: 56rem;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.feature-block-inner-half {
  width: 100%;
  max-width: 60%;
}

.text-subtitle {
  font-size: 2rem;
}

.feature-block-inner {
  width: 100%;
  min-height: 26.25rem;
  background-color: #000;
  border-radius: .9rem;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.5rem;
  display: flex;
  position: relative;
}

.feature-block-inner._03 {
  background-image: linear-gradient(to right, var(--purple), #000);
  justify-content: flex-end;
}

.feature-block-inner._02, .feature-block-inner._01 {
  background-image: linear-gradient(to right, var(--purple), #000);
}

.page-padding-2 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.features-headline-wrapper {
  max-width: 36rem;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.container-6 {
  z-index: 2;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.grid_2-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.section-13 {
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 100px 5%;
  display: flex;
}

.section-13.second-color {
  background-color: rgba(49, 38, 56, 0);
}

.h4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
}

.grid_2-1 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  align-items: center;
}

.grid_2-1.gap-75 {
  grid-column-gap: 75px;
  grid-row-gap: 75px;
  grid-template-columns: .6fr 1fr;
}

.spacer-20 {
  width: 100%;
  height: 20px;
  min-height: 20px;
}

.card-small {
  background-color: var(--purple);
  border: 1px solid #312638;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 20px 30px -15px rgba(29, 1, 80, .1);
}

.heading-60, .paragraph-53 {
  color: #fff;
}

.heading-61 {
  color: var(--white);
}

.paragraph-54 {
  color: #fff;
}

.heading-62 {
  color: var(--white);
}

.paragraph-55 {
  color: #fff;
}

.heading-63 {
  color: var(--white);
}

.button-10 {
  height: 50px;
  background-color: var(--purple);
  color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  box-shadow: 0 10px 20px -3px rgba(29, 1, 80, .1);
}

.button-10:hover {
  box-shadow: none;
  color: #120522;
  background-color: #fff;
}

.cta-image {
  width: 100%;
  border: 1px #312638;
  border-radius: 10px;
  box-shadow: 21px 21px 30px -10px rgba(29, 1, 80, .1);
}

.section-14 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.body-5 {
  background-color: #000731;
}

.text-block-45, .text-block-46 {
  color: #fff;
}

.line-vertical {
  z-index: 0;
  width: .5rem;
  height: 100%;
  background-color: #1f2421;
  border-radius: 1rem;
  position: absolute;
}

.xomai-large {
  color: var(--purple);
  font-size: 9rem;
  font-weight: 400;
  line-height: 5rem;
}

.process-container {
  min-height: 30vh;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.process-line-container {
  width: 100%;
  height: 105%;
  max-width: 1200px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  top: -2.5rem;
}

.process-wrapper {
  width: 100%;
  max-width: 1300px;
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template: "Step-1 Line-1 ."
                 ". Line-2 Step-2"
                 "Step-3 Line-3 ."
                 ". Line-4 Step-4"
                 "Step-5 Line-5 ."
                 / 1.25fr .25fr 1.25fr;
  grid-auto-columns: 1fr;
  margin-top: 5rem;
  display: grid;
}

.section-15 {
  width: 100%;
  min-height: 5rem;
  color: #fff;
  flex-direction: column;
  align-items: center;
  margin-top: 87px;
  padding: 0 2rem 15rem;
  font-size: 1rem;
  display: flex;
}

.process-circle {
  z-index: 10;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--purple);
  border: .4rem solid #fff;
  border-radius: 505rem;
  position: -webkit-sticky;
  position: sticky;
  top: 25vh;
  box-shadow: 0 0 10px rgba(153, 153, 153, .25);
}

.container-7 {
  width: 100%;
  max-width: 1200px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.container-7.align-left {
  color: var(--white);
  text-align: left;
  align-items: flex-start;
}

.heading-64, .heading-65 {
  color: #fff;
}

.div-block-84 {
  width: 100%;
}

.image-overlay-2 {
  width: 100%;
  opacity: .75;
  background-image: url('../images/paper-3.png');
  background-position: 0 0;
  background-size: 150px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  box-shadow: 14px 14px 10px rgba(0, 0, 0, .01);
}

.html-embed-8 {
  display: none;
}

@media screen and (min-width: 1280px) {
  .section.cc-store-home-wrap {
    height: auto;
  }

  .heading-jumbo {
    display: none;
  }

  .navigation {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }

  .intro-content.cc-homepage {
    width: auto;
    max-width: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0%;
    display: flex;
  }

  .background-video {
    margin-top: 0%;
  }

  .section-2 {
    margin-bottom: 5rem;
  }

  .underline {
    font-size: 15px;
    line-height: 24px;
    display: block;
  }

  .underline.winipeg {
    display: none;
  }

  .button-8.ct {
    background-color: #0062ff;
  }

  .wrapper.ss-top {
    max-width: 1450px;
  }

  .section-4.haze.contact-page {
    margin-bottom: 148px;
  }

  .section-5 {
    margin-left: 10rem;
    margin-right: 10rem;
    padding-left: 0;
  }

  .footer-heading-2 {
    color: #0062ff;
  }

  .address-column-2 {
    display: block;
  }

  .desktop-only {
    line-height: 15px;
  }

  .text-block-44 {
    font-size: 16px;
    line-height: 28px;
  }

  .footer-v1-grid-2 {
    grid-template-columns: 1fr 1fr 1.2fr;
  }

  .footer-contact-3.winpeg {
    display: none;
  }

  .bg-lightcyan.padding10.z-index-1.overflow-hidden {
    margin-bottom: 0;
    padding-bottom: 100px;
  }

  .faq-content, .faq-content.left {
    display: none;
  }

  .feature-cards-4 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    margin-right: 0;
    padding-right: 0;
  }

  .feature-card.small {
    margin-right: 0;
  }

  .list-item {
    display: block;
  }

  .paragraph-37 {
    color: #fff;
  }

  .heading-37 {
    color: #0062ff;
    -webkit-text-stroke-color: #ccdd52;
  }

  .paragraph-38 {
    color: var(--white);
  }

  .heading-34 {
    color: #000;
  }

  .paragraph-39 {
    color: #000;
    padding-top: 0;
  }

  .columns-10 {
    background-image: none;
  }

  .div-block-41 {
    background-color: #fff;
    background-image: none;
  }

  .heading-39 {
    color: #000;
    font-size: 10vh;
  }

  .div-block-49 {
    background-color: #0062ff;
  }

  .section-6 {
    background-color: #f5f5f5;
  }

  .wrapper-5.horizontal {
    max-width: 1450px;
    display: flex;
  }

  .divider-3.animated.margin-bottom-2.edit-bottom-margin {
    background-color: #ccdd52;
  }

  .h2-v1 {
    text-align: center;
    flex-direction: row;
    display: block;
  }

  .flex-3.vertical.grow {
    display: none;
  }

  .section-7 {
    margin-bottom: 85px;
  }

  .nav-link-5 {
    color: #000;
  }

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

  .nav-link {
    color: #000;
    -webkit-text-stroke-color: #000;
  }

  .nav-inner {
    justify-content: flex-end;
  }

  .section-8.top-image-section {
    margin-top: -285px;
  }

  .category-content, .category-content.technology, .category-content.business {
    background-image: linear-gradient(rgba(70, 191, 184, 0), rgba(114, 112, 168, .7) 17%, #8150a5 50%);
  }

  .column-23 {
    padding-left: 0;
  }

  .columns-11 {
    display: none;
  }

  .image-23 {
    max-width: 390px;
    margin-top: 1%;
    margin-left: 3%;
  }
}

@media screen and (min-width: 1440px) {
  .button-8.ct {
    background-color: #7f00ff;
  }

  .footer-heading-2 {
    color: var(--purple);
  }

  ._18px {
    font-size: 20px;
  }

  .media-container-4 {
    justify-content: center;
    align-items: center;
  }

  .div-block-76 {
    margin-top: 15px;
  }

  .image-23 {
    max-width: 412px;
    margin-top: 17px;
    margin-left: 55px;
  }

  .lottie-container {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .fantom-lottie {
    margin-top: 0;
  }

  .book-flipper {
    margin-left: 35px;
  }

  .right-side-front, .left-side-back {
    width: 50%;
  }
}

@media screen and (min-width: 1920px) {
  .paragraph-bigger.cc-bigger-white-light {
    display: none;
  }

  .button.cc-jumbo-button.cc-jumbo-white {
    text-align: left;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .intro-content.cc-homepage {
    margin-top: 0;
  }

  .section-2 {
    margin-top: 25rem;
  }

  .section-2.what-we-offer {
    margin-top: 5rem;
  }

  .button-8.hp-kit.info-kit-button, .button-8.ct {
    background-color: #7f00ff;
  }

  .text-small.text-grey, .text-small.text-grey.ss {
    color: #000;
  }

  .link-block, .engage-card {
    background-color: var(--purple);
  }

  .footer-heading-2 {
    color: var(--purple);
    -webkit-text-stroke-color: #9502b2;
  }

  .heading-37 {
    color: #00a6ff;
    -webkit-text-stroke-color: #00a6ff;
  }

  .div-block-49 {
    background-color: #00a6ff;
  }

  .divider-3.animated.margin-bottom-2.edit-bottom-margin {
    background-color: var(--purple);
  }

  .nav-link-5 {
    color: #000c94;
  }

  .nav-link {
    color: #00a6ff;
    font-weight: 700;
  }

  .nav-link.w--current {
    color: #00a6ff;
  }

  .section-8.top-image-section {
    min-height: 600px;
    margin-top: -217px;
  }

  .category-heading {
    font-weight: 600;
  }

  .category-image {
    height: 100%;
  }

  .spacer {
    color: #ed1c24;
  }

  .category-content {
    background-image: linear-gradient(rgba(70, 191, 184, 0), rgba(114, 112, 168, .7) 17%, #8150a5 50%);
  }

  .wrapper-medium-2 {
    max-width: 1450px;
  }

  .div-block-75 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 30rem;
    padding-right: 30rem;
  }

  .image-23 {
    max-width: none;
    margin-top: 6%;
    margin-left: 1%;
  }

  .button-9.nav {
    display: none;
  }

  .fantomui-img._04 {
    border: 2px solid #7f00ff;
    padding-left: 10px;
    padding-right: 10px;
  }

  .fantomui-img._03 {
    border: 2px solid #7f00ff;
    padding: 5px 10px 15px;
  }

  .heading-57 {
    margin-top: 0;
  }

  .div-block-83 {
    margin-top: 116px;
    margin-left: 0;
  }

  .book-flipper {
    width: 50%;
    margin-left: 100px;
  }

  .right-side-front, .left-side-back {
    width: 40%;
  }
}

@media screen and (max-width: 991px) {
  .section.cc-cta {
    padding-left: 0;
    padding-right: 0;
  }

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

  .button {
    justify-content: center;
  }

  .button.cc-contact-us {
    display: none;
  }

  .heading-jumbo {
    font-size: 56px;
    line-height: 70px;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .menu {
    margin-left: 30px;
    position: static;
  }

  .navigation-wrap {
    background-color: rgba(255, 255, 255, 0);
  }

  .navigation {
    padding: 25px 30px;
  }

  .navigation-item {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .navigation-items {
    background-color: #fff;
  }

  .cta-text {
    width: auto;
  }

  .cta-wrap {
    width: auto;
    padding: 80px 50px 90px;
  }

  .our-services-grid {
    width: 80%;
    text-align: center;
    grid-template: ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
  }

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

  .contact-form-grid {
    width: 80%;
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .get-in-touch-form {
    text-align: left;
  }

  .our-contacts {
    width: 80%;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .team-members {
    grid-template: ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .team-member-title-wrap {
    margin-bottom: 30px;
  }

  .project-details-grid {
    width: 80%;
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-detail-header-wrap {
    width: 70%;
  }

  .detail-header-image {
    height: 460px;
  }

  .blog-item {
    width: 80%;
  }

  .blog-preview-image {
    height: 460px;
  }

  .blog-summary-wrap {
    width: 100%;
  }

  .about-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .about-grid.cc-about-2 {
    grid-template-columns: 1fr;
    grid-template-areas: "."
                         ".";
  }

  .intro-text {
    width: auto;
  }

  .collection-wrap {
    flex-flow: column;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .blog-preview-wrap {
    width: 80%;
    text-align: center;
    padding-right: 15px;
  }

  .contact-v2 {
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .button-8.margin-bottom-1 {
    margin-bottom: 1.5rem;
  }

  .wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-4 {
    padding: 80px 20px;
  }

  .contact-v2-media {
    height: 54vw;
    flex: 0 auto;
  }

  .contact-v2-info {
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 16px;
    padding-right: 16px;
  }

  .engage-heading {
    font-size: 23px;
    line-height: 28px;
  }

  .engage-content {
    min-height: 0;
    padding: 48px 48px 108px;
  }

  .engage-icon {
    width: 56px;
    height: 56px;
    margin-top: 32px;
  }

  .engage-card {
    border-radius: 20px;
  }

  .image-8 {
    width: 120%;
  }

  .div-block-72 {
    flex-direction: column;
    align-items: center;
  }

  .div-block-73 {
    margin-right: 0;
  }

  .footer-section {
    margin-left: 0;
  }

  .submit-button-4 {
    width: 50%;
    margin-top: 10px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-heading-2 {
    margin-bottom: 12px;
  }

  .footer-v1-3 {
    padding-top: 0;
  }

  .address-column-2 {
    display: none;
  }

  .footer-bbot {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .desktop-only {
    display: none;
  }

  .wrapper-4 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-v1-grid-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer-top {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .mobile-only {
    display: block;
  }

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

  .flex.vertical {
    flex-direction: column;
    align-items: center;
  }

  .link-6 {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px;
  }

  .icon-box-2 {
    width: 56px;
    height: 56px;
  }

  .feature-cards-4 {
    grid-template-columns: 1fr 1fr;
  }

  .intro.margin-bottom {
    margin-bottom: 64px;
  }

  .feature-card {
    border-radius: 16px;
    padding: 16px 16px 28px;
  }

  .heading-34 {
    font-size: 8vh;
  }

  .div-block-41 {
    margin-right: 0;
    padding-right: 0;
  }

  .heading-39 {
    margin-top: 0;
    font-size: 8vh;
  }

  .div-block-49 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-block-74 {
    margin-right: 15%;
  }

  .flex-2 {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .wrapper-5 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .wrapper-5.nav-bar-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .flex-3 {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .flex-3.vertical.grow {
    grid-row-gap: 2rem;
    flex: 0 auto;
  }

  .flex-4 {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .icon-box {
    width: 56px;
    height: 56px;
  }

  .testimonials-v3 {
    max-width: 50%;
    padding: 32px 48px;
  }

  .nav-menu-2 {
    min-width: 240px;
    background-color: #000;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button-2.w--open {
    background-color: #000;
  }

  .nav-link {
    padding-top: 20px;
  }

  .nav-link:hover {
    box-shadow: none;
  }

  .brand {
    padding-left: 18px;
  }

  .nav-inner {
    width: 100vw;
  }

  .menu-icon-2 {
    color: #fff;
    font-size: 40px;
  }

  .wrapper-6 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .divider-4.page-intro-divider {
    margin-bottom: 8px;
  }

  .section-8 {
    padding: 80px 20px;
  }

  .section-8.top-image-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .intro-left-2 {
    z-index: 2;
    text-align: center;
    align-items: center;
    position: relative;
  }

  .media-decoration-3 {
    border-radius: 32px;
    top: -24px;
    right: -24px;
  }

  .h2-v1-2.edit-hidden-dektop {
    color: #fff;
    display: block;
  }

  .info-kit-side {
    display: none;
  }

  .media-rounded {
    border-radius: 20px;
  }

  .flex-5 {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .flex-5.column-gap-5 {
    flex-direction: column;
  }

  .hp-radio-label-4 {
    text-align: left;
  }

  .media-container-4.wide {
    display: none;
  }

  .wrapper-medium, .wrapper-medium-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .course-categories {
    width: 70%;
    height: 200px;
    margin-bottom: 62px;
  }

  .flex-100 {
    flex-flow: wrap;
    justify-content: space-around;
    align-items: stretch;
  }

  .div-block-75 {
    padding-left: 0;
    padding-right: 0;
  }

  .brand-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .logo-2 {
    height: 24px;
  }

  .dropdown-list-7.w--open {
    position: relative;
    left: 0%;
  }

  .brand-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .navigation-3 {
    justify-content: flex-end;
    padding-left: 0;
    padding-right: 0;
  }

  .search-mobile-form-2 {
    margin-top: 136px;
  }

  .nav-link-2 {
    background-color: #fff;
    border-radius: 0;
    margin-bottom: -1px;
    padding: 16px 24px;
  }

  .nav-link-2:hover {
    background-color: #fff;
  }

  .nav-link-2.w--current {
    color: #452c48;
  }

  .nav-icon {
    max-width: 24px;
  }

  .modal-close-button-3 {
    margin-top: 12px;
    margin-right: 12px;
  }

  .webflow-logo-embed {
    display: block;
  }

  .hero-globe-container {
    margin-left: -86px;
    transform: scale(.7);
  }

  .made-with-webflow-wrapper {
    z-index: 10;
    position: relative;
  }

  .div-block-81 {
    max-width: 90%;
  }

  .page-subtitle {
    font-size: 20px;
    line-height: 1.3;
  }

  .container-3 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .embed {
    margin-bottom: 24px;
  }

  .h-after {
    font-size: 48px;
  }

  .h1 {
    margin-bottom: 0;
    font-size: 48px;
  }

  .home-hero-section {
    min-height: 80vh;
  }

  .navbar-container {
    justify-content: space-between;
    align-items: center;
  }

  .navbar-menu {
    z-index: 40;
    -webkit-text-fill-color: inherit;
    background-color: #120522;
    background-clip: border-box;
    border-bottom: 1px #000;
    flex-direction: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0%;
    display: flex;
    overflow: auto;
  }

  .navbar-link {
    width: auto;
    white-space: nowrap;
    padding: 20px;
    font-size: 14px;
  }

  .hamburger_line-wrap {
    width: 48px;
    height: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .hamburger_line-bottom {
    width: 24px;
    height: 2px;
    background-color: #9842ee;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger_line-middle-in {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger_line-top {
    width: 24px;
    height: 2px;
    background-color: #9842ee;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hamburger {
    border: 1px solid var(--white);
  }

  .hamburger.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .hamburger_line-middle {
    width: 24px;
    height: 2px;
    background-color: #9842ee;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .fantomui-img._04 {
    margin-bottom: -30px;
    margin-left: 0;
    margin-right: 58px;
  }

  .fantomui-img._01 {
    margin-top: -111px;
  }

  .fantomui-img._01._02 {
    margin-top: 81px;
  }

  .fantomui-img._01.heading {
    margin-top: -576px;
    margin-left: 125px;
  }

  .fantomui-img._03 {
    margin-bottom: -31px;
    margin-left: 44px;
  }

  .fantom-lottie {
    max-width: 35rem;
    margin-top: -146px;
  }

  .fantomui-img-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .heading-56 {
    text-align: center;
    font-size: 30px;
  }

  .heading-56.our-process {
    font-size: 40px;
  }

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

  .right-image-contain {
    -webkit-text-fill-color: inherit;
    background-clip: content-box;
  }

  .book-flipper {
    width: 60%;
    height: 80%;
  }

  .open-notice {
    margin-left: -63px;
  }

  .pm-center {
    width: 100%;
  }

  .heading-59 {
    margin-top: -30px;
  }

  .feature-block-inner-half {
    max-width: 50%;
  }

  .text-subtitle {
    font-size: 1.5rem;
  }

  .grid_2-1 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .section {
    margin-left: 15px;
    margin-right: 15px;
  }

  .section.cc-cta {
    padding: 15px;
  }

  .section.cc-home-wrap, .section.cc-store-home-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  .container {
    text-align: center;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .rich-text {
    width: 90%;
    max-width: 470px;
    text-align: left;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .logo-link {
    padding-left: 0;
  }

  .navigation {
    padding: 20px 30px;
  }

  .cta-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .intro-content {
    width: 80%;
  }

  .our-services-grid {
    grid-row-gap: 60px;
    grid-template: "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   / 1fr;
  }

  .status-message.cc-no-data {
    width: 80%;
    max-width: 470px;
  }

  .contact-form-wrap {
    padding: 30px;
  }

  .text-field.cc-contact-field, .text-field.cc-textarea {
    text-align: left;
  }

  .team-pic {
    height: 300px;
    margin-bottom: 30px;
  }

  .team-member-name {
    font-size: 16px;
    line-height: 28px;
  }

  .project-name-wrap {
    margin-bottom: 30px;
  }

  .project-name-link {
    font-size: 16px;
    line-height: 28px;
  }

  .detail-image {
    margin-bottom: 15px;
  }

  .blog-detail-header-wrap {
    width: 90%;
    max-width: 470px;
    text-align: left;
  }

  .blog-item {
    width: 90%;
    max-width: 470px;
  }

  .blog-summary-wrap {
    text-align: center;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .field-wrapper {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .field-wrapper.last {
    margin-bottom: 10px;
  }

  .row-2, .row-2.becomes-column {
    flex-direction: column;
    margin-bottom: 0;
  }

  .form-field {
    width: 100%;
  }

  .section-4 {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .contact-v2-info {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .engage-links {
    flex-direction: row;
    justify-content: center;
  }

  .engage-image {
    display: none;
  }

  .engage-content {
    text-align: center;
    align-items: center;
    padding-bottom: 104px;
    padding-left: 0;
    padding-right: 0;
  }

  .engage-icon {
    margin-top: -28px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .engage-card {
    border-radius: 16px;
    padding-left: 8%;
    padding-right: 8%;
    display: block;
    overflow: visible;
  }

  .div-block-15 {
    align-self: auto;
    padding-left: 25%;
    padding-right: 25%;
  }

  .footer-v1-3 {
    padding-top: 12px;
  }

  .footer-bottom-left {
    width: 100%;
    text-align: center;
    flex: 0 auto;
    justify-content: center;
    margin-bottom: 12px;
  }

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

  .footer-v1-grid-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-bottom: 40px;
  }

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

  .footer-link-2 {
    font-size: 13px;
    line-height: 20px;
  }

  .mobile-only {
    margin-bottom: 20px;
  }

  ._9rem {
    font-size: 7rem;
    line-height: 7.5rem;
  }

  .faq-content {
    width: 100%;
    max-width: 400px;
  }

  .flex {
    flex-direction: column;
  }

  .flex.vertical {
    width: 100%;
  }

  .flex.vertical.center {
    overflow: hidden;
  }

  .icon-box-2 {
    width: 52px;
    height: 52px;
  }

  .icon-2 {
    width: 20px;
  }

  .intro.margin-bottom {
    margin-bottom: 48px;
  }

  .feature-card {
    padding: 20px 20px 32px;
  }

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

  .flex-2.center.edit-hidden-and-spacing {
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .flex-2.center.hidden-mobile {
    display: none;
  }

  .flex-2.vertical.centered.edit-bottom-margin {
    margin-bottom: 0;
  }

  .wrapper-5.horizontal {
    flex-direction: column;
    margin-bottom: 64px;
  }

  .divider-3.animated.margin-bottom-2.edit-bottom-margin {
    margin-bottom: 1rem;
  }

  .h2-v1 {
    font-size: 2.4rem;
  }

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

  .flex-3.vertical {
    grid-row-gap: 2rem;
  }

  .flex-4 {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .flex-4.vertical {
    align-items: center;
  }

  ._18px {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .testimonials-v3-nav {
    bottom: -32px;
  }

  .icon-box {
    width: 52px;
    height: 52px;
  }

  .icon-3 {
    width: 20px;
  }

  .testimonials-v3-button {
    width: 48px;
    height: 48px;
    padding: 10px;
    left: -24px;
  }

  .testimonials-v3-button.right {
    right: -24px;
  }

  .testimonials-v3 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .menu-icon-2 {
    font-size: 30px;
  }

  .section-8, .section-8.top-image-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .h2-v1-2 {
    font-size: 2.4rem;
  }

  .media-rounded {
    border-radius: 16px;
  }

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

  .spacer.edit-rotation {
    transform: rotate(90deg);
  }

  .course-categories {
    width: 65%;
  }

  .flex-100 {
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .div-block-75 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-76 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }

  .navigation-3 {
    padding-right: 15px;
  }

  .search-mobile-form-2 {
    margin-top: 104px;
  }

  .nav-link-2 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .modal-close-button-3 {
    width: 36px;
    height: 36px;
  }

  .wireframe-image {
    top: 3%;
    left: 23%;
  }

  .hover-text-block {
    margin-left: 0;
  }

  .globe-image {
    width: 540px;
    margin-left: auto;
    margin-right: auto;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .latlon-field {
    margin-left: 0;
  }

  .home-hero-tooltip-wrapper {
    top: 54%;
    left: 296px;
  }

  .arrow {
    top: 70%;
    left: 17%;
  }

  .hero-globe-container {
    width: 540px;
    margin-left: auto;
    display: flex;
    transform: scale(.9);
  }

  .circle-graphic-1 {
    width: 580px;
    height: 580px;
    margin-top: 0;
    margin-left: 0;
    top: -3%;
    left: -3%;
  }

  .page-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .collection-fields-graphic-wrapper {
    margin-top: 0;
    top: 140px;
    left: 7%;
    transform: scale(.8);
  }

  .heading1 {
    font-size: 28px;
  }

  .image-asset-block {
    margin-left: 0;
  }

  .assets-details-graphic-wrapper {
    margin-top: 0;
    top: 4%;
    left: -4%;
    transform: scale(.8);
  }

  .globe-pin-hero.position-3 {
    top: 15%;
    left: 73%;
  }

  .globe-pin-hero.position-2 {
    top: 40%;
    left: 54%;
  }

  .globe-pin-hero.position-1 {
    left: 57%;
  }

  .h1-spam-xlarge {
    font-size: 90px;
  }

  .icon-btn {
    padding: 12px 30px;
    font-size: 14px;
  }

  .page-subtitle {
    margin-bottom: 30px;
    font-size: 17px;
    line-height: 22px;
  }

  .embed {
    margin-bottom: 12px;
  }

  .track-wrapper {
    margin-top: 60px;
  }

  .h-after {
    font-size: 32px;
  }

  .h1 {
    font-size: 32px;
    line-height: 1.4;
  }

  .home-hero-section {
    padding-top: 120px;
  }

  .navbar-menu {
    padding: 1rem 5% 2rem;
  }

  .navbar-link {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .button-9.nav {
    margin-left: 0;
  }

  .hamburger_line-bottom, .hamburger_line-top, .hamburger_line-middle {
    background-color: #9842ee;
  }

  .section-12.lottie {
    padding-bottom: 0;
  }

  .lottie-container {
    overflow: hidden;
  }

  .fantomui-img-inner {
    border-radius: .9rem;
  }

  .lottie-gradient-bg {
    width: 150vw;
    height: 150vw;
  }

  .fantomui-img {
    width: 100%;
    max-width: 12rem;
    border-radius: 1rem;
  }

  .fantomui-img._04 {
    margin-bottom: 10px;
  }

  .fantomui-img._01 {
    margin-top: -16px;
    margin-left: 13px;
  }

  .fantomui-img._01._02 {
    margin-top: 180px;
    padding-top: 0;
  }

  .fantomui-img._01.heading {
    margin-top: -632px;
    margin-left: 16px;
  }

  .fantomui-img._03 {
    margin-bottom: 3px;
  }

  .fantom-lottie {
    max-width: 20rem;
    margin-top: -105px;
  }

  .heading-56 {
    font-size: 20px;
    line-height: 40px;
  }

  .grid_2-4 {
    min-height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .zine-credits {
    width: 75%;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .book-flipper {
    width: 75%;
    margin-left: -55px;
  }

  .pm-text {
    font-size: 14px;
    line-height: 16px;
    transform: rotate(6deg)translate(19px);
  }

  .open-notice {
    margin-left: 13%;
    left: 176px;
  }

  .logo {
    width: 50%;
  }

  .right-side-front {
    width: 50%;
    padding-left: 2px;
  }

  .image-overlay {
    background-size: 50px;
    box-shadow: 7px 7px 10px rgba(0, 0, 0, .01);
  }

  .gif-arrow {
    width: 50px;
    height: 50px;
  }

  .left-side-back {
    width: 50%;
    padding-right: 2px;
  }

  .document-view {
    height: 300px;
  }

  .heading-59 {
    display: none;
  }

  .features-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .feature-block-inner-half {
    max-width: 100%;
  }

  .text-subtitle {
    font-size: 1.125rem;
  }

  .feature-block-inner._03 {
    min-height: 35rem;
    background-image: url('../images/features-bg-03-mobile_1features-bg-03-mobile.webp');
    justify-content: flex-start;
  }

  .feature-block-inner._02, .feature-block-inner._01 {
    background-size: cover;
  }

  .page-padding-2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .features-headline-wrapper {
    max-width: 21rem;
    margin-bottom: 2rem;
  }

  .image-28 {
    margin-top: 27px;
  }

  .columns-12, .column-26 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .xomai-large {
    font-size: 6rem;
  }

  .process-container {
    min-height: auto;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 3rem;
  }

  .process-line-container {
    align-items: flex-start;
  }

  .process-wrapper {
    grid-column-gap: 0px;
    grid-template-columns: .25fr 1.25fr;
    grid-template-areas: "Line-1 Step-1"
                         "Line-2 Step-2"
                         "Line-3 Step-3"
                         "Line-4 Step-4"
                         "Line-5 Step-5";
  }

  .section-15 {
    padding-top: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .process-circle {
    width: 2rem;
    height: 2rem;
    border-width: .3rem;
    margin-left: -.8rem;
  }

  .image-overlay-2 {
    background-size: 50px;
    box-shadow: 7px 7px 10px rgba(0, 0, 0, .01);
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 36px;
    line-height: 52px;
  }

  .rich-text {
    width: 100%;
    max-width: none;
  }

  .heading-jumbo {
    font-size: 36px;
    line-height: 48px;
  }

  .menu {
    margin-left: 15px;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .cta-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .status-message.cc-no-data, .contact-form-grid {
    width: 100%;
  }

  .our-contacts {
    width: 90%;
  }

  .team-members {
    grid-template: "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   / 1fr;
  }

  .project-details-grid {
    width: 100%;
  }

  .blog-detail-header-wrap, .blog-item {
    width: 100%;
    max-width: none;
  }

  .contact-v2 {
    justify-items: center;
    display: block;
  }

  .form-paragraph-2.hp-form-consent-line {
    margin-top: 10px;
  }

  .button-8.hp-kit {
    max-width: 100%;
    align-self: center;
  }

  .button-8.nav-button-v2 {
    max-height: 50px;
  }

  .contact-list.top-margin {
    margin-top: 12px;
  }

  .contact-v2-card {
    margin-bottom: 20px;
  }

  .row-2 {
    margin-bottom: 0;
    display: block;
  }

  .form-field {
    margin-bottom: 10px;
  }

  .wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .section-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-v2-media {
    height: 80vw;
  }

  .form-block {
    max-width: 80vw;
  }

  .contact-v2-info {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    display: block;
  }

  .white-text.footer-enrollment {
    display: none;
  }

  .html-embed-5 {
    max-width: 100%;
  }

  .engage-content {
    padding-top: 40px;
  }

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

  .div-block-15 {
    width: auto;
    flex-direction: column;
    justify-content: center;
    padding-left: 0%;
    padding-right: 0%;
  }

  .footer-section {
    width: auto;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .footer-section._2 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .address-column-2 {
    display: block;
  }

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

  .wrapper-4 {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-v1-grid-2 {
    grid-template-rows: auto auto auto;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  ._9rem {
    font-size: 4.5rem;
    line-height: 5rem;
  }

  .faq-border {
    width: 100%;
  }

  .flex.vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .flex.vertical.center.max750 {
    text-align: center;
    align-items: center;
  }

  .column-22 {
    margin-top: 50px;
  }

  .columns-10 {
    padding-top: 50px;
  }

  .wrapper-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .divider-3.animated.margin-bottom-2.edit-bottom-margin {
    margin-bottom: 0;
  }

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

  .testimonials-v3-nav {
    display: block;
  }

  .testimonials-v3-button {
    display: none;
  }

  .testimonials-v3 {
    width: 90%;
    max-width: none;
    border-radius: 12px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav-menu-2 {
    min-width: 0;
  }

  .nav-inner {
    width: 100vw;
  }

  .page-heading {
    margin-bottom: 10px;
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .wrapper-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .section-8 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-8.top-image-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .radio-button {
    margin-right: 8px;
  }

  .media-decoration-3 {
    border-radius: 28px;
    top: -16px;
    right: -16px;
  }

  .hp-radio-label-4 {
    text-align: left;
  }

  .media-container-4 {
    display: block;
  }

  .wrapper-medium, .wrapper-medium-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .course-categories {
    width: 100%;
  }

  .flex-100 {
    grid-row-gap: 2rem;
  }

  .div-block-75 {
    padding-left: 0;
    padding-right: 0;
  }

  .logo-2 {
    height: 30px;
  }

  .big-form-icon, .dropdown-open-2 {
    display: none;
  }

  .nav-link-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .nav-link-2.hide-mobile {
    display: none;
  }

  .nav-right {
    padding-right: 16px;
  }

  .nav-icon {
    max-width: 20px;
  }

  .wireframe-image {
    width: 110px;
    top: 10%;
    left: 10%;
  }

  .hover-text-block {
    margin-left: 0;
  }

  .custom-att-label, .custom-att-code {
    font-size: 10px;
    line-height: 16px;
  }

  .globe-image {
    width: 100%;
  }

  .latlon-field {
    margin-left: 0;
  }

  .home-hero-tooltip-description {
    font-size: 10px;
    line-height: 16px;
  }

  .home-hero-tooltip-wrapper {
    top: 30%;
    left: 111px;
  }

  .arrow {
    display: none;
  }

  .hero-globe-container {
    width: 100%;
    top: 64px;
    left: auto;
    transform: scale(1);
  }

  .circle-graphic-1 {
    display: none;
  }

  .collection-fields-graphic-wrapper {
    width: 260px;
    height: 361px;
    margin-top: 40px;
    margin-left: -100px;
    top: 280px;
    left: 60%;
    transform: scale(.7);
  }

  .heading1 {
    font-size: 30px;
    line-height: 1.1;
  }

  .image-asset-block {
    margin-left: 0;
  }

  .assets-details-graphic-wrapper {
    width: 280px;
    margin-top: -8px;
    margin-left: 12px;
    top: 40%;
    left: -8%;
    transform: scale(.8);
  }

  .globe-pin-hero.position-3 {
    top: -1%;
  }

  .globe-pin-hero.position-2 {
    top: 16%;
    left: 114px;
  }

  .globe-pin-hero.position-1 {
    left: 10%;
  }

  .globe-pin-hero.position-4 {
    display: none;
  }

  .made-with-webflow-wrapper {
    width: 100%;
    text-align: center;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    margin-top: -32px;
    margin-left: auto;
    margin-right: auto;
  }

  .tooltip-title-example-01 {
    font-size: 10px;
    line-height: 16px;
  }

  .h1-spam-xlarge {
    font-size: 56px;
  }

  .icon-btn {
    padding-top: 12px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .page-subtitle {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .container-3 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .embed {
    line-height: 1;
  }

  .track-wrapper {
    margin-top: 40px;
  }

  .h-after {
    font-size: 30px;
  }

  .h1 {
    font-size: 26px;
  }

  .home-hero-section {
    min-height: 50vh;
  }

  .button-9.nav {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }

  ._2-button-wrap {
    flex-direction: column;
  }

  .h1-2 {
    font-size: 38px;
  }

  .section-12.lottie {
    display: none;
  }

  .fantomui-img-inner {
    border-radius: 5vw;
  }

  .fantomui-img {
    max-width: 40vw;
    border-radius: 5vw;
  }

  .fantomui-img._04 {
    margin-bottom: -156px;
    bottom: 1rem;
  }

  .fantomui-img._01 {
    margin-top: -187px;
  }

  .fantomui-img._01._02 {
    margin-top: -87px;
  }

  .fantomui-img._01.heading {
    margin-top: -559px;
  }

  .fantomui-img._02 {
    top: 2.6rem;
    right: -1.1rem;
  }

  .fantomui-img._03 {
    margin-bottom: -112px;
    margin-left: 73px;
    bottom: 0;
    left: -.7rem;
  }

  .fantom-lottie {
    margin-top: -140px;
  }

  .fantomui-img-wrapper {
    height: 100vw;
  }

  .grid_2-4 {
    text-align: left;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid_2-4.vertical-mobile {
    grid-auto-flow: row;
  }

  .faq-answer {
    object-fit: fill;
  }

  .h2 {
    font-size: 30px;
  }

  .drop-shadow {
    display: none;
  }

  .zine-credits {
    width: 100%;
  }

  .book-flipper {
    width: 100%;
    height: 100%;
    margin-left: -256px;
    padding-left: 0;
    display: none;
  }

  .open-notice {
    margin-left: 5%;
    left: 177px;
  }

  .right-side-front {
    width: 80%;
  }

  .image-overlay {
    width: 99%;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .01);
  }

  .document-view {
    margin-bottom: 313px;
  }

  .html-embed-6 {
    width: 80%;
  }

  .feature-block-inner {
    padding: 1.5rem;
  }

  .grid_2-2 {
    flex-direction: column;
    display: flex;
  }

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

  .grid_2-1.gap-75 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .xomai-large {
    font-size: 4rem;
  }

  .section-15 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-overlay-2 {
    width: 99%;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .01);
  }

  .html-embed-7 {
    width: 80%;
    display: none;
  }

  .html-embed-8 {
    margin-top: 26px;
    display: block;
  }
}

#w-node-_62ca308b-f722-888c-d263-26bc90a59c21-f8ecdf04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ecbe3a3-3fd2-da17-4f33-177a127e98ef-f8ecdf04 {
  grid-area: Step-1;
}

#w-node-_2ecbe3a3-3fd2-da17-4f33-177a127e98f7-f8ecdf04 {
  grid-area: Step-2;
}

#w-node-_2ecbe3a3-3fd2-da17-4f33-177a127e9902-f8ecdf04 {
  grid-area: Step-3;
}

#w-node-_2ecbe3a3-3fd2-da17-4f33-177a127e990d-f8ecdf04 {
  grid-area: Step-4;
}

#w-node-_2ecbe3a3-3fd2-da17-4f33-177a127e9915-f8ecdf04 {
  grid-area: Step-5;
}

#w-node-_2ecbe3a3-3fd2-da17-4f33-177a127e9920-f8ecdf04 {
  grid-area: Line-1;
}

#w-node-_2ecbe3a3-3fd2-da17-4f33-177a127e9923-f8ecdf04 {
  grid-area: Line-2;
}

#w-node-_2ecbe3a3-3fd2-da17-4f33-177a127e9926-f8ecdf04 {
  grid-area: Line-3;
}

#w-node-_2ecbe3a3-3fd2-da17-4f33-177a127e9929-f8ecdf04 {
  grid-area: Line-4;
}

#w-node-_2ecbe3a3-3fd2-da17-4f33-177a127e992c-f8ecdf04 {
  grid-area: Line-5;
}

#w-node-b97411b7-9d73-b7f9-3aee-9dee0e6414fc-f8ecdf04 {
  grid-area: span 1 / span 5 / span 1 / span 5;
  align-self: start;
}

#w-node-_664a3931-32d7-d5b4-e6e7-b78d3e128c7a-f8ecdf04, #w-node-_664a3931-32d7-d5b4-e6e7-b78d3e128cb6-f8ecdf04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed76f768-c850-24d6-2bfe-17279de94595-9de94580 {
  grid-area: 1 / 1 / 2 / 3;
}

#w-node-_89e69cee-a8cb-bc05-a808-c45951c2eda6-f8ecdf07, #w-node-_3be04d0f-1749-b6e3-b60f-8b494286b617-f8ecdf07, #w-node-_3be04d0f-1749-b6e3-b60f-8b494286b623-f8ecdf07, #w-node-d16f18ff-18be-e8e0-1758-47985887e07b-f8ecdf07, #w-node-_820f16f2-bcd2-91aa-935f-9b06f2ee36b2-f8ecdf07, #w-node-_820f16f2-bcd2-91aa-935f-9b06f2ee36b8-f8ecdf07 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_820f16f2-bcd2-91aa-935f-9b06f2ee36be-f8ecdf07 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_523ae47b-4a9f-c883-b384-2d4f8b1b24be-f8ecdf09 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_40a176ad-2d00-c591-d3c0-95190b3de2fe-f8ecdf09 {
  align-self: stretch;
}

#w-node-_40a176ad-2d00-c591-d3c0-95190b3de301-f8ecdf09 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_40a176ad-2d00-c591-d3c0-95190b3de30b-f8ecdf09 {
  align-self: start;
}

#w-node-_40a176ad-2d00-c591-d3c0-95190b3de34b-f8ecdf09 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387918-f8ecdf0b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387928-f8ecdf0b {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387918-f8ecdf0c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387928-f8ecdf0c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387918-f8ecdf0d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387928-f8ecdf0d {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce9803c-f8ecdf10 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce98043-f8ecdf10 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce9804a-f8ecdf10 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce98051-f8ecdf10 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce98058-f8ecdf10 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce9805f-f8ecdf10 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-b05aaf78-5512-33fd-2836-c768552ec2e6-4d566287, #w-node-_89e69cee-a8cb-bc05-a808-c45951c2eda6-f50a1317, #w-node-_3be04d0f-1749-b6e3-b60f-8b494286b617-f50a1317, #w-node-_3be04d0f-1749-b6e3-b60f-8b494286b623-f50a1317, #w-node-d16f18ff-18be-e8e0-1758-47985887e07b-f50a1317, #w-node-_820f16f2-bcd2-91aa-935f-9b06f2ee36b2-f50a1317, #w-node-_820f16f2-bcd2-91aa-935f-9b06f2ee36b8-f50a1317 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_820f16f2-bcd2-91aa-935f-9b06f2ee36be-f50a1317 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-b97411b7-9d73-b7f9-3aee-9dee0e6414fc-f8ecdf04 {
    grid-area: 1 / 2 / 2 / 8;
    align-self: start;
  }

  #w-node-acbdb898-ebe1-df56-aa0e-a374449aefb6-449aef94 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_40a176ad-2d00-c591-d3c0-95190b3de301-f8ecdf09 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_421df62a-c217-12af-eee8-27f88a387928-f8ecdf0b, #w-node-_421df62a-c217-12af-eee8-27f88a387928-f8ecdf0c, #w-node-_421df62a-c217-12af-eee8-27f88a387928-f8ecdf0d, #w-node-c28cc763-f708-1e61-f196-6bd9fce9804a-f8ecdf10 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98051-f8ecdf10 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98058-f8ecdf10 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce9805f-f8ecdf10 {
    grid-area: 3 / 2 / 4 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8c5fbc97-0396-7c1c-a33c-3dff25b8bb7e-f8ecdf04, #w-node-_8c5fbc97-0396-7c1c-a33c-3dff25b8bb92-f8ecdf04, #w-node-_8c5fbc97-0396-7c1c-a33c-3dff25b8bba0-f8ecdf04 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_820f16f2-bcd2-91aa-935f-9b06f2ee36be-f8ecdf07 {
    grid-column: span 1 / span 1;
  }

  #w-node-_40a176ad-2d00-c591-d3c0-95190b3de301-f8ecdf09 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_820f16f2-bcd2-91aa-935f-9b06f2ee36be-f50a1317 {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b97411b7-9d73-b7f9-3aee-9dee0e6414fc-f8ecdf04 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-acbdb898-ebe1-df56-aa0e-a374449aefb6-449aef94 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98043-f8ecdf10 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce9804a-f8ecdf10 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98051-f8ecdf10 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98058-f8ecdf10 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce9805f-f8ecdf10 {
    grid-area: 6 / 1 / 7 / 2;
  }
}