@font-face {
  font-family: "Fa Regular 400";
  src: url('../fonts/fa-regular-400.woff2') format("woff2"), url('../fonts/fa-regular-400.woff') format("woff"), url('../fonts/fa-regular-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --charcoal: #272638;
  --spindle: #eaf5ff;
  --ocean-green: #4fbb76;
  --white: white;
  --ocean-green-hover: #3b8c58;
  --light-grey: #e9f0f1;
  --error-red: #e72f3c;
  --steel-blue: #5b8bc8;
  --turquoise: #82e5ce;
}

.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-form-formrecaptcha {
  margin-bottom: 8px;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  background-color: var(--charcoal);
  color: var(--spindle);
  letter-spacing: -.3px;
  font-family: Rubik, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.25;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.35;
}

h3 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.5;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.5;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: none;
  transition: color .25s;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  padding-left: 2.5rem;
}

li {
  margin-bottom: .25rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .5rem;
  font-weight: 600;
  display: block;
}

blockquote {
  border-left: .125rem solid var(--charcoal);
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.7;
}

figure {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

figcaption {
  text-align: center;
  margin-top: .5rem;
  font-size: .875rem;
  font-weight: 500;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.button {
  background-color: var(--ocean-green);
  color: var(--white);
  border-radius: 8px;
  flex: none;
  padding: .75rem 2rem;
  font-weight: 500;
  transition: background-color .25s;
  cursor: pointer;
}

.button:hover {
  background-color: var(--ocean-green-hover);
  color: var(--white);
}

.button.button-fullwidth {
  width: 100%;
}

.background-color-black {
  background-color: var(--charcoal);
}

.button-white {
  background-color: var(--white);
  color: var(--charcoal);
  border-radius: 8px;
  padding: .75rem 2rem;
  font-weight: 500;
  transition: color .25s, background-color .25s;
}

.button-white:hover {
  background-color: var(--ocean-green);
  color: #fff;
}

.text-size-medium {
  font-size: 1.25rem;
}

.max-width-small {
  flex: none;
  max-width: 40rem;
}

.max-width-medium {
  max-width: 48rem;
}

.max-width-large {
  max-width: 80rem;
}

.max-width-xsmall {
  max-width: 32rem;
}

.max-width-xxsmall {
  max-width: 24rem;
}

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

.nav_menu-icon {
  line-height: 1;
}

.line_divider {
  background-color: var(--light-grey);
  width: 100%;
  height: 1px;
}

.footer1_column {
  flex-direction: column;
  align-items: flex-start;
  font-weight: 600;
  display: flex;
}

.footer1_grid {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content auto auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.footer1_left {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 22.5rem;
  margin-right: 2.5rem;
  display: grid;
}

.form_input {
  border: 1px solid var(--spindle);
  color: var(--spindle);
  background-color: #eaf5ff1a;
  border-radius: 8px;
  height: 3.25rem;
  margin-bottom: 0;
  padding: .5rem 1.5rem;
  transition: background-color .25s, border-color .25s;
}

.form_input:focus {
  border-color: var(--light-grey);
  box-shadow: 0 6px 20px #4fbb764d;
}

.form_input::placeholder {
  color: var(--spindle);
}

.form_input.is-message {
  height: 7.5rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.form_input.is-message.support {
  height: 13rem;
}

.form_input.is-white {
  border-color: var(--white);
}

.form_input.is-white:focus {
  background-color: #f3f7f8;
  border-color: #f3f7f8;
}

.form_input.on-light {
  color: var(--charcoal);
  background-color: #ffffffb3;
  border-color: #b0bec5;
}

.form_input.on-light::placeholder {
  color: #9e9e9e;
}

.fs-styleguide_divider {
  color: #fff;
  letter-spacing: .2rem;
  background-color: #000;
  justify-content: center;
  align-items: center;
  height: 2rem;
  font-size: .6875rem;
  font-weight: 700;
  display: flex;
}

.button-outline {
  border: .125rem solid var(--ocean-green);
  color: var(--ocean-green);
  background-color: #fff0;
  border-radius: 8px;
  padding: .625rem 1.875rem;
  font-weight: 600;
  transition: color .25s, background-color .25s;
}

.button-outline:hover {
  background-color: var(--ocean-green);
  color: #fff;
}

.button-outline.show-tablet {
  display: none;
}

.layout16_component {
  grid-column-gap: 3.5rem;
  grid-row-gap: 2.5rem;
  background-color: var(--charcoal);
  color: var(--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 4rem;
  display: grid;
}

.cms1_list {
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cms1_image-wrapper {
  width: 100%;
  margin-bottom: 1.5rem;
  position: relative;
}

.read-more_icon {
  width: 1rem;
  margin-left: .5rem;
  line-height: 0;
}

.read-more_wrapper {
  align-items: center;
  display: flex;
}

.read-more_link-wrapper {
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-weight: 600;
  display: inline-block;
}

.layout22_item {
  background-color: #fff;
  padding: 2.5rem;
}

.text-size-small {
  flex: none;
  font-size: .875rem;
}

.hero-content {
  max-width: 37.5rem;
}

.faq_question {
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.faq_answer {
  overflow: hidden;
}

.faq_answer p {
  margin-bottom: 1rem;
}

.faq_answer a {
  color: var(--ocean-green);
  text-decoration: underline;
}

.layout18_lightbox {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.layout19_lightbox {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.form_error-message {
  border-left: .125rem solid var(--error-red);
  color: var(--error-red);
  background-color: #e72f3c1a;
  margin-top: 2rem;
  padding: .5rem 1.5rem;
  font-weight: 400;
}

.form_success-message {
  border: 1px solid var(--ocean-green);
  color: var(--ocean-green);
  text-align: left;
  background-color: #4fbb761f;
  border-radius: 8px;
  margin-top: 2rem;
  padding: 2rem 2.1rem;
  font-weight: 600;
}

.protected_wrap {
  background-color: var(--light-grey);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.protected_content {
  text-align: center;
  flex-direction: column;
  width: 22.5rem;
  margin-bottom: 0;
}

.protected_form {
  flex-direction: column;
  align-items: stretch;
}

.password_grid {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-columns: 1fr;
  justify-items: stretch;
  margin-top: 1.5rem;
}

.not-found_content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 24rem;
  margin-bottom: 0;
  display: flex;
}

.not-found_wrap {
  background-color: var(--charcoal);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 60vh;
  max-height: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.fs-styleguide_header {
  background-color: var(--charcoal);
  color: var(--white);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 6rem 2.5rem;
  display: flex;
}

.fs-styleguide_nav {
  z-index: 99999999;
}

.nav1_component {
  background-color: var(--white);
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.fs-styleguide_nav-fixed {
  z-index: 1001;
  position: fixed;
  inset: 0% 0% auto;
}

.nav1_menu {
  align-content: space-between;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.nav1_link {
  padding: .5rem 1rem;
  transition: color .25s;
}

.nav1_link:hover {
  color: var(--ocean-green);
}

.nav1_link.w--current {
  color: var(--charcoal);
}

.nav1_link.w--current:hover {
  color: var(--ocean-green);
}

.nav1_dropdown-list {
  background-color: var(--light-grey);
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.nav1_dropdown-toggle {
  padding: .5rem 2.25rem .5rem 1rem;
}

.nav1_icon {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 1rem;
}

.footer1_link {
  padding-top: .5rem;
  padding-bottom: .5rem;
  transition: color .25s;
}

.footer1_link:hover {
  color: var(--ocean-green);
}

.footer1_logo {
  max-height: 1.5rem;
}

.footer1_bottom-text-link {
  transition: color .25s;
}

.footer1_bottom-text-link:hover {
  color: var(--ocean-green);
}

.cms1_image {
  object-fit: cover;
  width: 100%;
  height: 16rem;
}

.cms3_link {
  color: var(--charcoal);
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
}

.cms3_link:hover {
  color: var(--charcoal);
}

.nav1_logo-link {
  line-height: 0;
}

.nav1_logo {
  height: 100%;
  max-height: 1.5rem;
}

.cms1_title-link, .cms1_title-link:hover {
  color: var(--charcoal);
}

.pricing4_help-circle {
  background-color: var(--light-grey);
  color: #0b0b1f54;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.text-rich-text h2 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text h4, .text-rich-text h3, .text-rich-text h6, .text-rich-text h5 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text a {
  color: var(--ocean-green);
  font-weight: 600;
}

.text-rich-text a:hover {
  color: var(--ocean-green-hover);
}

.layout32_close {
  margin-right: -1rem;
  padding: 1rem;
}

.cms1_empty-state {
  background-color: var(--white);
  height: 0;
  padding: 0;
}

.heading_style-h1 {
  font-size: 4rem;
  line-height: 1.25;
}

.blog-title_category-link {
  background-color: var(--charcoal);
  color: var(--white);
  border-radius: 4rem;
  margin-bottom: 1.5rem;
  padding: .25rem 1rem;
  font-size: .875rem;
  font-weight: 600;
}

.blog-title_category-link:hover {
  color: var(--white);
}

.blog-header_image {
  width: 100%;
}

.pricing1_checkmark {
  color: var(--ocean-green);
  width: 1rem;
  margin-right: .5rem;
  font-size: 0;
  line-height: 0;
  display: inline-block;
}

.pricing1_feature {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.footer1_form {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.form_password-text {
  margin-top: .75rem;
  font-size: .875rem;
  font-weight: 600;
}

.lightbox_play {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.heading_style-h3 {
  font-size: 2.25rem;
  line-height: 1.25;
}

.heading_style-h4 {
  font-size: 1.75rem;
  line-height: 1.5;
}

.form_success-text {
  color: var(--ocean-green);
  font-weight: 400;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.footer1_form-wrapper {
  margin-bottom: 0;
}

.nav1_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon_1x1-medium {
  width: 2rem;
  height: 2rem;
}

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

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

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

.text-size-large {
  font-size: 1.5rem;
}

.text-size-large.text-weight-bold.text-color-charcoal {
  color: var(--charcoal);
}

.fs-styleguide_nav-background {
  height: 4.75rem;
}

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

.heading_style-h2 {
  font-size: 2.85rem;
  line-height: 1.25;
}

.text-style-muted {
  opacity: .4;
}

.text-color-primary {
  color: var(--ocean-green);
}

.text-color-grey {
  color: #0b0b1fa8;
}

.icon_1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.padding-large {
  padding: 3rem;
}

.padding-small {
  padding: 1rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-xxsmall {
  padding: .25rem;
}

.padding-xlarge {
  padding: 4rem;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

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

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.pricing1_value-item {
  margin-top: -36px;
}

.text-size-regular {
  font-size: 1.1rem;
}

.heading_style-h5 {
  font-size: 1.25rem;
  line-height: 1.5;
}

.nav1_button-wrapper {
  margin-left: 1rem;
}

.button-text {
  color: var(--ocean-green);
  background-color: #fff0;
  padding: .75rem 2rem;
  font-weight: 500;
  transition: color .25s;
}

.button-text:hover {
  color: var(--ocean-green-hover);
}

.padding-section-large {
  padding: 3rem 0;
}

.padding-section-huge {
  padding: 6rem 0;
}

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

.navbar-logo-link {
  width: 220px;
  height: 3.2rem;
  line-height: 0;
}

.navbar-logo {
  width: 220px;
  height: 100%;
}

.button-spindle {
  background-color: var(--spindle);
  color: var(--charcoal);
  border-radius: 8px;
  padding: .75rem 2rem;
  font-weight: 600;
  transition: color .25s, background-color .25s;
}

.button-spindle:hover {
  background-color: var(--steel-blue);
  color: #fff;
}

.button-spindle.text-align-center:hover {
  background-color: var(--ocean-green);
}

.button-spindle.in-form {
  text-align: center;
}

.button-spindle.in-form:hover {
  background-color: var(--ocean-green);
}

.section.home-hero {
  position: relative;
}

.section.page-title-overlay {
  position: relative;
  overflow: hidden;
}

.section.timeline {
  z-index: -3;
  position: relative;
}

.hero-component {
  grid-column-gap: 6rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  max-width: 96rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.padding-section-xhuge {
  padding: 8rem 0;
}

.padding-section-xhuge.padding-top {
  box-sizing: border-box;
  object-fit: cover;
  overflow: visible;
}

.hero-title {
  color: var(--spindle);
  text-shadow: 0 3px 20px #27263833;
  margin-bottom: 1rem;
  font-size: 3.9rem;
  line-height: 1.1;
}

.text-color-spindle {
  color: var(--spindle);
}

.services-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.glass-card {
  border: 1px solid #dfe9f312;
  border-radius: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 6px 20px #0000001a, inset 0 1px 1px #fff3;
}

.glass-card:hover {
  border-color: #4fbb764d;
  box-shadow: 0 6px 20px #3b8c594d, inset 0 1px 1px #fff3;
}

.glass-card.on-light {
  color: var(--charcoal);
  background-color: #ffffffb3;
  border-color: #e9f0f1;
  flex: none;
  width: 300px;
  height: auto;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 6px 20px #5b8bc81a, inset 0 1px 1px #fff3;
}

.glass-card.on-light.best-value {
  background-color: var(--white);
  background-image: linear-gradient(#4fbb762e, #4fbb762e);
  border-color: #3b8c590f;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.glass-card.on-light.best-value:hover {
  box-shadow: 0 6px 20px #4fbb7624, inset 0 1px 1px #fff3;
}

.glass-card.on-light.single-width {
  max-width: 26rem;
}

.glass-card.on-light.single-width:hover {
  box-shadow: 0 6px 20px #2726381f, inset 0 1px 1px #e9f0f133;
}

.glass-card.on-light {
  color: #272638;
  background-color: #ffffffb3;
  border-color: #e9f0f1;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 6px 20px #5b8bc81a, inset 0 1px 1px #fff3;
}

.glass-card.on-light:hover {
  box-shadow: 0 6px 20px #2726381a, inset 0 1px 1px #e9f0f133;
}

.services-title {
  margin-bottom: .4rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.services-paragraph {
  margin-bottom: 2rem;
}

.text-link-wrapper {
  grid-column-gap: .5rem;
  color: var(--ocean-green);
  white-space: nowrap;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.text-link-wrapper:hover {
  color: var(--ocean-green-hover);
}

.text-link-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.logos-grid-componenet {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.logo-grid {
  grid-column-gap: 3.6em;
  grid-row-gap: 2.6em;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  display: flex;
}

.logo-grid-item-wrapper {
  opacity: .8;
  max-width: 120px;
  max-height: 80px;
  transition: opacity .2s;
}

.logo-grid-item-wrapper:hover {
  opacity: 1;
}

.logo-grid-item-wrapper.large {
  max-width: 160px;
}

.logo-grid-item-wrapper.small {
  max-width: 90px;
}

.logo-grid-item-wrapper.medium {
  max-width: 110px;
}

.logo-grid-item {
  width: 100%;
  height: 100%;
}

.features-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  display: grid;
}

.features-component._3-column {
  grid-template-columns: 1fr 1fr 1fr;
}

.features-title {
  margin-bottom: .2rem;
  font-size: 1.4rem;
  font-weight: 700;
}

.cta-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-image: linear-gradient(#dfe9f30d, #dfe9f305);
  border: 1px solid #dfe9f312;
  border-radius: 2rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2.6rem 3.6rem;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 6px 20px #0000001a, inset 0 1px 1px #fff3;
}

.button-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  display: flex;
}

.social-link-icon {
  color: var(--spindle);
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1.2rem;
  transition: color .2s;
}

.social-link-icon:hover {
  color: var(--ocean-green);
}

.social-link-icon.youtube {
  margin-top: 3px;
}

.footer-left {
  flex-direction: column;
  align-items: flex-start;
  max-width: 25rem;
  display: flex;
}

.social-link {
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.footer-menu-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.footer-menu-wrapper._2-column {
  grid-template-columns: 1fr .5fr;
}

.footer-link {
  grid-column-gap: .5rem;
  color: var(--spindle);
  flex-wrap: nowrap;
  align-items: center;
  padding-top: .3rem;
  padding-bottom: .3rem;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.footer-link:hover {
  color: var(--ocean-green-hover);
}

.footer-link.w--current {
  opacity: .5;
}

.footer-list-title {
  color: #dfe9f399;
  letter-spacing: normal;
  margin-bottom: 1rem;
  font-size: .875rem;
  font-weight: 600;
}

.footer-grid {
  grid-column-gap: 8vw;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr auto;
  align-items: start;
}

.footer-link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.footer-logo-link {
  margin-bottom: 2rem;
}

.footer-logo-wrapper {
  flex-wrap: nowrap;
  width: auto;
  height: 5rem;
  display: flex;
}

.cta-content {
  max-width: 35.4rem;
}

.cta-content.with-logomark {
  max-width: 22rem;
  margin-left: 13.7rem;
}

.hero-image-wrapper {
  max-width: 37.5rem;
  padding-right: 2.5rem;
  position: relative;
}

.hero-image {
  border-radius: 30px;
  height: 36rem;
  overflow: hidden;
}

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

.image-cover.local-1 {
  object-position: 78% 50%;
}

.image-cover.phone-1 {
  object-fit: contain;
  object-position: 71% 50%;
  height: auto;
}

.image-cover.home-2 {
  object-position: 45% 50%;
}

.image-cover.about-1 {
  object-position: 37% 50%;
}

.image-cover.phone-2 {
  object-position: 14% 50%;
}

.image-cover.nbn-2 {
  object-position: 53% 50%;
}

.image-cover.live-1 {
  object-position: 72% 50%;
}

.image-cover.ipad-1 {
  object-fit: contain;
  object-position: 39% 50%;
  border-radius: 30px;
  width: 90%;
  height: auto;
  box-shadow: 0 6px 20px #2726381a;
}

.image-cover.ipad-2 {
  object-fit: contain;
  object-position: 39% 50%;
  object-fit: contain;
  object-position: 39% 50%;
  inset: auto 0% 0% auto;
  border-radius: 30px;
  width: 90%;
  height: auto;
  position: static;
  inset: auto 0% -77% -8%;
  box-shadow: 0 6px 20px #2726381a;
}

.image-cover.sip {
  mix-blend-mode: normal;
  object-fit: contain;
  height: auto;
}

.image-cover.nbn-1 {
  object-fit: contain;
  height: auto;
}

.copyright {
  color: #dfe9f399;
  letter-spacing: 0;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.footer-text-wrapper {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-direction: column;
  display: flex;
}

.footer-text-small {
  font-size: .8rem;
}

.tcn-linkback-wrapper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.copyright-text {
  font-size: .8rem;
}

.tcn-linkback-logo {
  margin-left: 3px;
  padding-bottom: 2px;
}

.social-link-list {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: flex-start start;
  display: flex;
}

.footer-menu {
  font-weight: 600;
}

.copyright-link {
  color: #dfe9f3;
  margin-right: 1.5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  transition: color .25s;
  display: inline-block;
}

.copyright-link:hover {
  color: #1cb78d;
}

.hero-background-wrapper {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.bg-element {
  width: 43rem;
  position: absolute;
  inset: auto 0% -4% auto;
}

.bg-element._03 {
  opacity: .8;
  width: 38rem;
  bottom: 20%;
  right: -2%;
}

.bg-element._02 {
  opacity: .5;
  width: 20rem;
  inset: 6% auto auto -8%;
  transform: rotate(45deg);
}

.bg-element._04 {
  opacity: .8;
  width: 20rem;
  bottom: 25%;
  right: -2%;
}

.bg-element._05 {
  opacity: .5;
  width: 20rem;
  inset: 13% auto auto -8%;
  transform: rotate(45deg);
}

.bg-element._06 {
  width: 18rem;
  bottom: 30%;
}

.icon-blur {
  filter: blur(110px);
  color: var(--ocean-green);
}

.icon-blur._50 {
  filter: blur(50px);
}

.navbar-button-wrapper {
  border-left: 1px solid #dfe9f31f;
  margin-left: 1rem;
  display: flex;
}

.page-title {
  font-size: 3rem;
  line-height: 1.25;
}

.page-title-content {
  max-width: 62rem;
}

.page-title-content.medium {
  max-width: 56rem;
}

.page-title-component {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.background-color-spindle {
  background-color: var(--spindle);
}

.page-title-marker {
  color: var(--ocean-green);
  letter-spacing: normal;
  margin-bottom: .5rem;
  font-size: 1.6rem;
  font-weight: 600;
}

.text-color-charcoal {
  color: var(--charcoal);
}

.space-xsmall {
  width: 100%;
  min-height: .5rem;
}

.split-content-component {
  grid-column-gap: 6rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.split-content-component.align-top {
  align-items: start;
}

.values-item-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-background {
  color: var(--ocean-green);
  background-color: #ffffff29;
  border: .5rem solid #4fbb7633;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.feature-list-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.small-logo-wrapper {
  grid-column-gap: 1.6rem;
  grid-row-gap: 1.6rem;
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: .4rem;
  margin-bottom: 1rem;
  padding-right: .4rem;
  display: flex;
}

.small-logo {
  object-fit: contain;
  max-width: 90px;
}

.small-logo.wide {
  max-width: 120px;
}

.icon-component {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.faq-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.icon-wrapper {
  z-index: 1;
  margin-right: 1rem;
  position: relative;
}

.icon-feature-item {
  grid-column-gap: 2.5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
}

.signup-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-image: linear-gradient(#dfe9f30d, #dfe9f305);
  border: 1px solid #dfe9f312;
  border-radius: 2rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  margin-top: 5rem;
  padding: 2.6rem 3.6rem;
  display: flex;
  position: relative;
  box-shadow: 0 6px 20px #0000001a, inset 0 1px 1px #fff3;
}

.pricing-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  aspect-ratio: auto;
  object-fit: fill;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: start;
  margin-bottom: 4rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1.5rem;
  display: grid;
  overflow: visible;
}

.pricing-cost {
  color: var(--ocean-green);
  margin-top: .6rem;
  margin-bottom: .4rem;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.25;
}

.pricing-value-tag {
  background-color: var(--ocean-green);
  color: var(--white);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  justify-content: center;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  font-weight: 600;
  display: flex;
}

.pricing-divider-line {
  background-color: #2726380f;
  width: 30%;
  height: 1px;
}

.pricing-divider-line.full {
  width: 100%;
}

.pricing-divider {
  grid-column-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-logomark {
  z-index: 1;
  width: 24rem;
  position: absolute;
  inset: auto .7rem -6.3rem auto;
}

.footer-contact-wrapper {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-direction: column;
  margin-top: .8rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  display: flex;
}

.footer-inline-link {
  transition: color .2s;
}

.footer-inline-link:hover {
  color: var(--ocean-green);
}

.contact-tag {
  color: var(--ocean-green);
  margin-right: 4px;
  font-weight: 700;
}

.navbar-topper {
  z-index: 1002;
  justify-content: flex-end;
  padding-top: .6rem;
  padding-bottom: .2rem;
  display: block;
  position: relative;
}

.navbar-topper-content {
  width: 100%;
}

.navbar-topper-contact {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  letter-spacing: -.1px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  font-size: .9rem;
  font-weight: 500;
  display: flex;
}

.input__field-wrapper {
  color: #ffffff80;
  height: 56px;
  display: flex;
  position: relative;
}

.input__reset {
  display: none;
  position: fixed;
  inset: 0%;
}

.input__icon {
  width: 22px;
  height: 22px;
  margin-bottom: -24px;
  transform: translate(0, -50%);
}

.navbar-promo-card-component {
  z-index: 1;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: block;
  position: relative;
}

.navbar-mega-menu-dropdown {
  position: static;
}

.navbar-mega-menu-content {
  width: 100%;
  display: flex;
}

.navbar-promo-card-wrapper {
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  height: 100%;
}

.navbar-dropdown-subtitle {
  color: #272638a3;
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  line-height: 1.35;
}

.navbar-promo-card-content {
  z-index: 1;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  justify-content: space-between;
  max-width: 80%;
  height: 100%;
  font-weight: 400;
  display: flex;
  position: relative;
}

.navbar-mega-menu-content-right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: max-content auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 22rem;
  padding: 1.25rem 1.25rem 2.2rem;
  position: relative;
}

.navbar-promo-title {
  color: var(--white);
  margin-bottom: .25rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
}

.navbar-dropdown-toggle {
  align-items: center;
  padding: 1.75rem 2.5rem 1.75rem 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
  position: relative;
}

.navbar-mega-menu-item {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-weight: 400;
  display: flex;
}

.navbar-mega-menu-dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

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

.navbar-mega-menu-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.navbar-mega-menu-list.w--open {
  background-color: var(--spindle);
  width: 100vw;
  min-width: 100vw;
  max-width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  position: absolute;
  inset: 8.3625rem auto auto 0%;
  overflow: hidden;
}

/* Invisible bridge between navbar trigger and mega menu dropdown */
.navbar-mega-menu-list.w--open::before {
  content: "";
  position: absolute;
  top: -3rem;
  left: 0;
  width: 100%;
  height: 3rem;
}

/* Expand dropdown toggle hover zone downward to bridge gap */
.navbar-mega-menu-dropdown .navbar-dropdown-toggle::after {
  content: "";
  position: absolute;
  bottom: -2rem;
  left: 0;
  width: 100%;
  height: 2rem;
}

.navbar-mega-menu-right-background {
  background-color: #eaf5ff75;
  min-width: 100vw;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.navbar-menu-mobile-right {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.navbar-section {
  z-index: 999;
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  min-height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: sticky;
  top: 0;
}

.navbar-mega-menu-link-list {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar-menu-mobile {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.navbar-mega-menu-heading {
  color: #272638a3;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: .25rem;
  font-size: .875rem;
  font-weight: 600;
}

.navbar-mega-menu-content-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1.2rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 2rem 2rem 2rem 0;
  display: grid;
}

.navbar-mobile-menu-button {
  padding: 0;
}

.navbar-link {
  color: var(--spindle);
  align-items: center;
  padding: 1.75rem 1rem;
  font-size: 1.1rem;
  font-weight: 500;
  transition: color .3s;
}

.navbar-link:hover {
  color: var(--ocean-green);
}

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

.navbar-topper-container {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.dropdown-text {
  color: var(--spindle);
  align-items: center;
  font-size: 1.1rem;
  font-weight: 500;
  transition: color .3s;
}

.dropdown-text:hover {
  color: var(--ocean-green);
}

.dropdown-text.w--current {
  color: #000;
}

.navbar-dropdown-link {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: .75rem;
  text-decoration: none;
  transition: all .3s;
  display: block;
}

.navbar-dropdown-link:hover {
  background-color: #3b8c5912;
}

.navbar-promo-card {
  background-color: var(--charcoal);
  border-radius: .5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  height: 100%;
  padding: 1.15rem 1.25rem;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navbar-promo-card:hover {
  background-image: linear-gradient(#4fbb7621, #4fbb7621);
}

.navbar-dropdown-link-title {
  color: #101828;
  font-weight: 600;
}

.navbar-promo-card-background {
  position: absolute;
  inset: 0%;
}

.navbar-promo-logomark {
  z-index: 10;
  width: 18rem;
  position: absolute;
  inset: auto -39% -24% auto;
}

.navbar-promo-card-bg-element {
  opacity: .7;
  width: 43rem;
  position: absolute;
  inset: auto auto 0% 0%;
}

.image-wrapper-medium {
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 37rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navbar-logo-trigger {
  height: 0;
}

.navbar-background-wrapper {
  z-index: -1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #272638e6;
  position: absolute;
  inset: 0%;
}

.hero-service-wrapper {
  z-index: 1;
  background-color: var(--spindle);
  border-radius: 16px;
  justify-content: space-between;
  padding-right: .6rem;
  display: flex;
  position: absolute;
}

.hero-service-intro {
  grid-column-gap: 1rem;
  color: var(--charcoal);
  border-right: 1px solid #2726384d;
  flex: none;
  align-items: center;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  display: flex;
}

.hero-service-dropdown-wrapper {
  color: #272638b3;
  flex: none;
  margin-right: 1rem;
}

.hero-service-button {
  flex: none;
  align-items: center;
  display: flex;
}

.hero-service-dropdown-toggle {
  padding-left: 1.6rem;
  padding-right: 56px;
}

.hero-service-dropdown-list {
  background-color: var(--spindle);
  border-top: 1px solid #2726384d;
}

.hero-service-dropdown-list.w--open {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  padding: .6rem;
}

.hero-service-dropdown-link {
  border-radius: .5rem;
  padding: .75rem 1.6rem;
}

.hero-service-dropdown-link:hover {
  background-color: #3b8c5812;
}

.values-list {
  grid-column-gap: 2rem;
  grid-row-gap: 1.4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: .5rem;
  display: grid;
}

.values-item {
  display: flex;
}

.values-item-icon-wrapper {
  align-self: flex-start;
  margin-top: .25rem;
  margin-right: 1rem;
}

.page-title-icon {
  width: 6rem;
  height: 6rem;
}

.image-wrapper-tall {
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 48rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq-question-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.faq-answer-wrapper {
  padding-left: 2rem;
  padding-right: 2rem;
  overflow: hidden;
}

.accordion-icon_component-3 {
  border: 2px solid var(--ocean-green);
  color: #98a2b3;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}

.faq-list-gid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: start stretch;
  display: grid;
}

.accordion-icon_vertical-line-3 {
  background-color: var(--ocean-green);
  border-radius: 1px;
  width: 2px;
  height: .75rem;
  position: absolute;
}

.faq-icon-wrapper {
  color: #98a2b3;
}

.faq-question {
  color: var(--charcoal);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.accordion-icon_horizontal-line-3 {
  background-color: var(--ocean-green);
  border-radius: 1px;
  width: .75rem;
  height: 2px;
  position: absolute;
}

.faq-accordion {
  background-color: #ffffffb3;
  border: 1px solid #e9f0f1cc;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  transition: box-shadow .2s;
}

.faq-accordion:hover {
  box-shadow: inset 0 1px 1px #e9f0f133, 0 6px 20px #2726381a;
}

.faq-answer {
  color: #272638cc;
}

.faq-answer p {
  margin-bottom: 1rem;
}

._3-column-content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

._3-column-header {
  text-align: center;
}

.top-icon-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.progress-step-component {
  grid-column-gap: 1rem;
  grid-row-gap: 16px;
  color: var(--charcoal);
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-top: 3rem;
  display: flex;
}

.progress-step-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.progress-steps {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.plan-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  display: grid;
}

.plan-component-footer {
  margin-top: 1.2rem;
  padding-top: 5px;
  padding-bottom: 5px;
}

.plan-component-footer._1-column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.feature-link {
  color: var(--ocean-green);
  text-decoration: underline;
}

.modem-componenet {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  display: grid;
}

.modem-image-wrapper {
  mix-blend-mode: multiply;
  width: 170px;
  min-height: 141px;
  margin-bottom: 2rem;
}

.modem-image-wrapper.icon {
  width: 94px;
  margin-bottom: 2.6rem;
}

.progress-step-intro {
  width: 58.4rem;
}

.phone-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  display: grid;
}

.inline-link {
  color: var(--ocean-green);
  text-decoration: underline;
}

.pricing-per {
  margin-left: .2rem;
  font-size: 1.2rem;
  font-weight: 400;
}

.phone-componenet-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  display: grid;
}

.anchor-point {
  height: 0;
  margin-top: -124px;
  padding-top: 124px;
}

.tools-componenet {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  color: var(--charcoal);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bullet-list {
  grid-column-gap: 2rem;
  grid-row-gap: 1.4rem;
  color: var(--charcoal);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  max-width: 80%;
  margin-top: .5rem;
  display: grid;
}

.form_success-message-2 {
  text-align: left;
  background-color: #0000;
  padding: .5rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
}

.form_success-message-2.large {
  text-align: center;
  background-color: #0000;
  font-size: .9rem;
}

.form-input-label {
  font-size: 1rem;
  font-weight: 500;
}

.form-input-label.on-light {
  color: var(--charcoal);
}

.contact-form-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-field-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}

.icon-wrapper-2 {
  margin-bottom: 1.5rem;
}

.form_error-message-2 {
  color: #d52027;
  background-color: #e72f3c1a;
  border-left: .125rem solid #d52027;
  margin-top: .5rem;
  padding: .5rem 1.5rem;
  font-size: .875rem;
  font-weight: 600;
}

.content-split {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  align-items: center;
}

.content-split.contact {
  grid-template-columns: .75fr 1fr;
  align-items: start;
}

.contact-form-wrapper {
  margin-bottom: 0;
}

.form-field-columns-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-footer {
  justify-content: space-between;
  display: flex;
}

.contact-form-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  text-align: left;
  background-image: linear-gradient(#dfe9f30d, #dfe9f305);
  border: 1px solid #dfe9f312;
  border-radius: 2rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 1.2rem .4rem;
  box-shadow: 0 6px 20px #0000001a, inset 0 1px 1px #fff3;
}

.timeline_circle {
  background-color: var(--ocean-green);
  box-shadow: 0 0 0 8px var(--charcoal);
  border-radius: 100%;
  width: 15px;
  min-width: 15px;
  max-width: 15px;
  height: 15px;
  min-height: 15px;
  max-height: 15px;
  position: sticky;
  top: 50vh;
}

.timeline_progress-bar {
  z-index: -2;
  background-color: #fff;
  background-image: linear-gradient(to top, var(--ocean-green), var(--ocean-green-hover));
  border-radius: 1.5px;
  width: 3px;
  height: 50vh;
  position: fixed;
  inset: 0 auto 50vh;
}

.timeline_centre {
  justify-content: center;
  display: flex;
}

.timeline_progress {
  z-index: -2;
  background-color: #eaf5ff1a;
  width: 3px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 268px;
}

.timeline_item {
  z-index: 2;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 180px 180px 1fr;
  grid-auto-columns: 1fr;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.overlay-fade-top {
  background-image: linear-gradient(to bottom, var(--charcoal), #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: 0% 0% auto;
}

.timeline_wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.timeline_left {
  text-align: right;
  justify-content: flex-end;
  align-items: stretch;
}

.overlay-fade-bottom {
  background-image: linear-gradient(to top, var(--charcoal), #0a0a0a00);
  height: 80px;
  position: absolute;
  inset: auto 0% 0%;
}

.timeline_date-text {
  color: #fff;
  letter-spacing: -.03em;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2;
  position: sticky;
  top: 50vh;
}

.commitment-component {
  grid-column-gap: 6rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.anthony-signature {
  max-width: 6rem;
}

.single-pricing-component {
  grid-column-gap: 6rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.vision-component {
  grid-column-gap: 6rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.about-component {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.nav-functions {
  align-items: center;
  display: flex;
}

.modal-search-form {
  background-color: #ffffffe6;
  border: 1px solid #ecebea;
  border-radius: 16px;
  width: 100vw;
  max-width: 600px;
  margin-bottom: 0;
  padding: 1.4rem 1.4rem 1.4rem 1rem;
  display: flex;
  position: relative;
}

.modal {
  z-index: 1001;
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: fixed;
  top: 10vh;
  left: 50%;
  transform: translate(-50%);
}

.text-input-field {
  background-color: #ffffff80;
  border: 1px solid #ecebea;
  border-radius: 5px;
  height: 60px;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 16px;
  transition: border-color .2s;
}

.text-input-field:focus {
  background-color: #ffffffb3;
  border-color: #717d7d80;
}

.text-input-field::placeholder {
  color: #22252599;
}

.text-input-field.search {
  color: var(--charcoal);
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  font-size: 1.1rem;
  font-weight: 400;
}

.text-input-field.search::placeholder {
  color: #272638cc;
}

.search-button-bg {
  background-color: #717d7d33;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  transition: background-color .2s;
  position: absolute;
  inset: 0%;
}

.search-button-bg:hover {
  background-color: #717d7d73;
}

.row {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.search-icon {
  max-width: 20px;
  margin-left: .5px;
}

.form-input-icon {
  flex: none;
  margin-left: 12px;
}

.modal-screen {
  z-index: 1000;
  background-color: #000000bf;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.modal-button-wrapper {
  cursor: pointer;
}

.search-button {
  padding: 12px;
  position: relative;
}

.search-results-component {
  max-width: 48rem;
}

.search-header {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  margin-bottom: 3rem;
  display: flex;
}

.search-result-link {
  color: var(--ocean-green);
  font-weight: 600;
}

.search-results-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.support-component {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.support-contact-wrapper {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: row;
  justify-content: center;
  margin-top: .8rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  display: flex;
}

.support-form-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  text-align: left;
  background-image: linear-gradient(#dfe9f30d, #dfe9f305);
  border: 1px solid #dfe9f312;
  border-radius: 2rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: .4rem;
  padding-right: .4rem;
  box-shadow: 0 6px 20px #0000001a, inset 0 1px 1px #fff3;
}

.support-form-header {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.legal-component {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.phone-image-wrapper {
  mix-blend-mode: multiply;
  width: 130px;
  min-height: 95px;
  margin-bottom: 2rem;
}

.phone-image-wrapper.icon {
  width: 95px;
}

.phone-dash-componenet {
  grid-column-gap: 2.75rem;
  grid-row-gap: 2.75rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.local-header {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.local-icon-wrapper {
  width: 12rem;
}

.pricing-feature-detail {
  color: var(--ocean-green);
  flex: none;
  font-size: .875rem;
  font-weight: 500;
}

.pricing-feature-text {
  line-height: 1.3;
}

.progress-button-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 2rem;
  display: flex;
}

.radio-button-field {
  z-index: 10;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.radio-button {
  cursor: pointer;
  background-color: #0000;
  border: 2px solid #fcfcfc;
  border-radius: 31px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.radio-button:hover {
  border-color: var(--ocean-green);
  background-color: #4fbb761f;
}

.radio-button.w--redirected-checked {
  border: 2px solid var(--ocean-green);
  background-color: #4fbb761f;
  background-image: url('../images/checkmark-icon.svg');
  background-position: 90% 10%;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  transition: border-color .3s, background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.radio-button-label {
  display: none;
}

.bullet-list-component {
  grid-column-gap: 3rem;
  grid-row-gap: 1rem;
  color: var(--charcoal);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
}

.phone-plan-componenet {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  display: grid;
}

.plan-group-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 2.4rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  padding: 1rem;
  display: grid;
}

.plan-group-header {
  text-align: center;
  padding-top: .4rem;
}

.cta-logomark {
  width: 13rem;
  height: 13rem;
  position: absolute;
  left: 1.7rem;
}

.legal-header {
  text-align: center;
  flex: none;
  max-width: 37rem;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
}

.legal-list {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: .5rem;
  display: grid;
  position: relative;
}

.legal-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.legal-title {
  font-weight: 500;
}

.legal-item {
  align-items: center;
  display: flex;
}

.legal-item:hover {
  color: var(--ocean-green);
}

.legal-item-icon {
  color: var(--ocean-green);
  width: 1.1rem;
  height: 1.5rem;
}

.legal-item-icon-wrapper {
  align-self: flex-start;
  margin-top: .25rem;
  margin-right: 1rem;
}

.legal-external-link {
  position: absolute;
  inset: 0%;
}

.form-modal-screen {
  z-index: 1000;
  background-color: #000000bf;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
}

.form-modal {
  z-index: 1001;
  background-color: var(--spindle);
  border-radius: 30px;
  justify-content: center;
  align-items: flex-start;
  padding: 2rem;
  display: none;
  position: fixed;
  top: 10vh;
  left: 50%;
  transform: translate(-50%);
}

.form-modal-contents {
  grid-column-gap: 1rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ivr-header {
  grid-column-gap: 7.5rem;
  grid-row-gap: 7.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ivr-image-wrapper {
  border-radius: 30px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 20rem;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.legal-content {
  max-width: 690px;
  margin-left: auto;
  margin-right: auto;
}

.nbn-address-search {
  flex-direction: column;
  display: flex;
}

.hero-sub-title {
  font-size: 1.5rem;
}

.progress-step-marker-wrapper {
  align-items: center;
  display: flex;
}

.about-hero-image {
  border-radius: 30px;
  min-width: 26rem;
  height: 36rem;
  overflow: hidden;
}

.legal-list-title {
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.navbar-promo-card-wrapper-mobile {
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  height: 100%;
  display: none;
}

.footer-logo {
  height: 100%;
}

.padding-section-hero {
  padding: 8rem 0;
}

.value-item-top-padding {
  padding: 0 0 3rem;
}

.thank-you-component {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 6rem;
  display: flex;
}

.thank-you-content {
  flex-direction: column;
  align-items: center;
  max-width: 48rem;
  display: flex;
}

.about-image-wrapper {
  max-width: 37.5rem;
  position: relative;
}

.about-title {
  font-size: 4rem;
  line-height: 1.25;
}

.thank-you-icon {
  width: 3rem;
  height: 3rem;
}

.checkbox-field {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.checkbox {
  border-style: none;
  border-radius: 31px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
}

.checkbox:hover {
  border: 2px solid var(--ocean-green);
  background-color: #4fbb761f;
}

.checkbox.w--redirected-checked {
  border: 2px solid var(--ocean-green);
  background-color: #4fbb761f;
  background-image: none;
}

.checkbox-label {
  display: none;
}

.modem-title-wrapper {
  min-height: 60px;
}

.commitment-caption-wrapper {
  color: var(--spindle);
  padding-top: 1rem;
}

.pricing-cost-2 {
  color: #4fbb76;
  margin-top: .6rem;
  margin-bottom: .4rem;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.25;
}

.radio-button-2 {
  cursor: pointer;
  background-color: #0000;
  border: 2px solid #fcfcfc;
  border-radius: 31px;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.radio-button-2:hover {
  background-color: #4fbb761f;
  border-color: #4fbb76;
}

.radio-button-2.w--redirected-checked {
  background-color: #4fbb761f;
  background-image: url('../images/checkmark-icon.svg');
  background-position: 90% 10%;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  border: 2px solid #4fbb76;
  transition: border-color .3s, background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.notification-content {
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 960px;
  display: flex;
}

.notification-text-wrapper {
  grid-row-gap: .125rem;
  text-align: center;
  flex-wrap: wrap;
  display: flex;
}

.uui-banner10_supporting-text {
  color: #f4ebff;
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.notification-close-button {
  color: #fff;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: .75rem .75rem auto auto;
}

.notification-close-button:hover {
  background-color: #fff3;
}

.uui-text-style-link-3 {
  color: #475467;
  text-decoration: underline;
  transition: color .3s;
}

.uui-text-style-link-3:hover {
  color: #344054;
}

.uui-text-style-link-3.uui-text-color-primary100 {
  color: #f4ebff;
}

.notification-wrapper {
  background-image: linear-gradient(45deg, var(--ocean-green-hover), #4fbb76);
  justify-content: center;
  align-items: center;
  padding: 1.25rem 1rem;
  display: flex;
  position: relative;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.notification-wrapper.hide-all {
  display: none;
}

.notification-text {
  color: #fff;
  margin-right: .375rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.icon-1x1-xxsmall {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.notification-empty {
  display: none;
}

.recaptcha {
  outline-offset: 0px;
  mix-blend-mode: normal;
  outline: 3px #eaf5ff;
}

.div-block {
  border-radius: 24px;
}

.div-block-2 {
  aspect-ratio: auto;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  object-position: 50% 50%;
  background-image: url('../images/sim-mobile-1.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  border-radius: 30px;
  width: auto;
  height: auto;
  min-height: 500px;
}

@media screen and (min-width: 1280px) {
  .bg-element._02, .bg-element._05 {
    left: -5%;
  }

  .pricing-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: grid;
  }

  .about-component {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    grid-template-columns: 1fr 1fr;
  }

  .support-form-component {
    max-width: 70rem;
  }
}

@media screen and (min-width: 1440px) {
  .hero-title {
    font-size: 4rem;
  }

  .glass-card.on-light {
    flex-flow: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .pricing-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    aspect-ratio: auto;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row dense;
    align-items: start;
    max-width: 80%;
    display: grid;
    overflow: visible;
  }

  .ivr-image-wrapper {
    max-width: 23rem;
  }
}

@media screen and (min-width: 1920px) {
  .bg-element {
    width: 46rem;
    right: 5%;
  }

  .bg-element._02, .bg-element._05 {
    left: 11%;
  }

  .pricing-component {
    align-items: start;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.625rem;
  }

  .nav_menu-button {
    margin-right: -.75rem;
    padding: .75rem;
  }

  .nav_menu-button.w--open {
    color: var(--charcoal);
    background-color: #c8c8c800;
  }

  .footer1_grid {
    grid-template-columns: auto auto auto;
  }

  .footer1_left {
    margin-right: 0;
  }

  .button-outline.show-tablet {
    display: block;
  }

  .layout16_component {
    padding: 3rem;
  }

  .hero-content {
    max-width: none;
  }

  .nav1_menu {
    background-color: var(--light-grey);
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .nav1_link {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    display: block;
  }

  .nav1_dropdown-list {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav1_dropdown-toggle {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .nav1_icon {
    margin-right: 2.5rem;
  }

  .footer1_text {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .heading_style-h1 {
    font-size: 2.5rem;
  }

  .pricing1_feature {
    display: flex;
  }

  .heading_style-h3 {
    font-size: 1.625rem;
  }

  .heading_style-h2 {
    font-size: 2rem;
  }

  .hide-tablet {
    display: none;
  }

  .show-tablet {
    display: block;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing1_value-item {
    margin-top: 0;
  }

  .nav1_button-wrapper {
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 2.5rem;
  }

  .hero-component {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
    align-items: center;
    display: flex;
  }

  .padding-section-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .hero-title {
    font-size: 3.2rem;
  }

  .services-grid {
    grid-template-columns: 1fr 1fr;
  }

  .logos-grid-componenet {
    max-width: 80%;
  }

  .features-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .cta-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-grid {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .hero-image-wrapper {
    z-index: 0;
    max-width: 100%;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .hero-image {
    width: 24rem;
    height: 24rem;
  }

  .navbar-button-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 0;
  }

  .page-title {
    font-size: 1.625rem;
  }

  .page-title-component {
    align-items: center;
  }

  .split-content-component {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .small-logo-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 0;
  }

  .faq-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .icon-feature-item {
    grid-column-gap: 24px;
  }

  .signup-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .pricing-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    max-width: 70%;
    display: grid;
  }

  .hero-logomark {
    display: none;
    bottom: -4rem;
  }

  .navbar-mega-menu-dropdown {
    width: 100%;
    position: relative;
  }

  .navbar-mega-menu-content {
    flex-direction: column;
  }

  .navbar-promo-card-content {
    max-width: none;
  }

  .navbar-mega-menu-content-right {
    max-width: 50rem;
    margin-bottom: 1rem;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .navbar-promo-title {
    text-align: left;
  }

  .navbar-dropdown-toggle {
    color: #101828;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .navbar-dropdown-toggle:hover {
    color: #101828;
  }

  /* Disable hover bridge pseudo-elements on tablet/mobile */
  .navbar-mega-menu-dropdown .navbar-dropdown-toggle::after,
  .navbar-mega-menu-list.w--open::before {
    display: none;
  }

  .navbar-mega-menu-dropdown-icon {
    color: #667085;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .navbar-mega-menu-list {
    box-shadow: none;
    background-color: #0000;
    margin-top: .4rem;
    margin-bottom: .4rem;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .navbar-mega-menu-list.w--open {
    box-shadow: none;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    margin-bottom: 1.5rem;
    padding: 0 0 0;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .navbar-mega-menu-right-background {
    border-radius: .5rem;
    min-width: 100%;
  }

  .navbar-menu-mobile-right {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    padding-bottom: 20rem;
  }

  .menu-icon_line-middle {
    background-color: var(--spindle);
    border-radius: 1rem;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar-section {
    padding-bottom: 24px;
  }

  .navbar-menu-mobile {
    background-color: var(--spindle);
    height: 120vh;
    margin-left: 0;
    padding: 1.5rem 2rem 5rem;
    position: absolute;
    overflow: auto;
  }

  .menu-icon_line-top {
    background-color: var(--spindle);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-mega-menu-content-left {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .navbar-mobile-menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon_component {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon_line-bottom {
    background-color: var(--spindle);
    border-radius: 1rem;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar-link {
    color: var(--charcoal);
    width: 100%;
    padding: .75rem 0;
    font-size: 1.1rem;
  }

  .navbar-link:hover {
    color: #101828;
  }

  .navbar-menu-mobile-left {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color: var(--charcoal);
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .dropdown-text {
    color: #101828;
    width: 100%;
    padding: .75rem 0;
    font-size: 1.1rem;
  }

  .dropdown-text:hover {
    color: var(--charcoal);
  }

  .navbar-dropdown-link-title {
    font-weight: 500;
  }

  .hero-service-wrapper {
    padding-right: 7.7rem;
    font-size: 1.03rem;
  }

  .hero-content-wrapper {
    z-index: 1;
    max-width: 60%;
    padding-top: 18.2rem;
    position: relative;
  }

  .page-title-icon-wrapper {
    flex: none;
  }

  ._3-column-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  ._3-column-header {
    text-align: left;
  }

  .plan-component, .modem-componenet {
    grid-template-columns: 1fr 1fr;
  }

  .modem-image-wrapper.icon {
    min-height: 95px;
  }

  .progress-step-intro {
    width: auto;
  }

  .phone-componenet-2 {
    grid-template-columns: 1fr 1fr;
  }

  .tools-componenet {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .content-split.contact {
    grid-template-columns: 1fr;
  }

  .contact-form-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .commitment-component, .single-pricing-component {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .vision-component {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .about-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
    align-items: center;
  }

  .text-input-field {
    box-shadow: 1px 1px 3px #0000;
  }

  .search-button {
    margin-left: 0;
  }

  .support-component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .support-form-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .legal-component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    max-width: 100%;
  }

  .phone-dash-componenet {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .radio-button:hover {
    background-color: #0000;
    border-color: #fcfcfc;
  }

  .radio-button.w--redirected-checked {
    border: 2px solid var(--ocean-green);
    background-color: #4fbb761f;
  }

  .bullet-list-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .bullet-list-component._2 {
    grid-template-columns: 1fr 1fr;
  }

  .phone-plan-componenet {
    flex-direction: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .form-modal {
    width: 70%;
  }

  .ivr-header {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-direction: column-reverse;
    align-items: center;
  }

  .ivr-image-wrapper {
    max-width: 26rem;
  }

  .navbar-promo-card-wrapper-mobile {
    margin-top: 1rem;
    display: block;
  }

  .padding-section-hero {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }

  .value-item-top-padding {
    padding: 0;
  }

  .thank-you-component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .about-image-wrapper {
    z-index: 0;
  }

  .about-title {
    font-size: 2.5rem;
  }

  .modem-title-wrapper {
    min-height: 0;
  }

  .radio-button-2:hover {
    background-color: #0000;
    border-color: #fcfcfc;
  }

  .radio-button-2.w--redirected-checked {
    background-color: #4fbb761f;
    border: 2px solid #4fbb76;
  }
}

@media screen and (max-width: 767px) {
  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .button, .button-white {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .button-outline {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .layout16_component {
    grid-template-columns: 1fr;
    justify-items: start;
    padding: 2.5rem;
  }

  .cms1_list {
    grid-template-columns: 1fr;
  }

  .layout22_item {
    padding: 2rem;
  }

  .protected_wrap, .not-found_wrap {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .fs-styleguide_header {
    padding: 4rem 1.25rem;
  }

  .nav1_link, .nav1_dropdown-toggle {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .nav1_icon {
    margin-right: 1.25rem;
  }

  .nav1_logo-link {
    padding-left: 0;
  }

  .text-size-large {
    font-size: 1rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .padding-large {
    padding: 2rem;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .nav1_button-wrapper {
    margin-left: 1.25rem;
  }

  .button-text {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .padding-section-huge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .navbar-logo-link {
    padding-left: 0;
  }

  .button-spindle {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .hero-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .padding-section-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .hero-title {
    margin-bottom: 0;
    font-size: 2.8rem;
  }

  .text-link-wrapper {
    font-size: 1rem;
  }

  .text-link-wrapper:hover {
    color: #6941c6;
  }

  .features-component {
    grid-column-gap: 2.4rem;
    grid-row-gap: 2.4rem;
  }

  .features-component._3-column {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .cta-component {
    padding: 1.8rem;
  }

  .social-link:hover {
    color: #667085;
  }

  .footer-menu-wrapper {
    grid-column-gap: 1.5rem;
  }

  .footer-link:hover {
    color: #667085;
  }

  .footer-grid {
    grid-row-gap: 3rem;
  }

  .footer-logo-link {
    margin-bottom: 1.5rem;
    padding-left: 0;
  }

  .hero-image-wrapper {
    max-width: none;
  }

  .hero-image {
    width: 19rem;
    height: 19rem;
  }

  .copyright {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-text-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .tcn-linkback-wrapper {
    justify-content: flex-start;
  }

  .copyright-link {
    margin-left: 0;
    margin-right: 1.5rem;
  }

  .page-title-content {
    max-width: none;
  }

  .page-title-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .split-content-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .split-content-component.align-top {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .faq-component {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .signup-component {
    margin-top: 3rem;
    padding: 1.8rem;
  }

  .pricing-component {
    grid-template-columns: 1fr;
    max-width: 70%;
  }

  .footer-contact-wrapper, .navbar-topper-contact {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .input__icon, .navbar-dropdown-subtitle.hide-mobile-landscape {
    display: none;
  }

  .navbar-mega-menu-content-right {
    padding: 2rem 1rem;
  }

  .navbar-dropdown-toggle {
    font-size: 1rem;
  }

  .navbar-section {
    min-height: 4.5rem;
    padding-top: 24px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar-mega-menu-link-list {
    grid-row-gap: .5rem;
    max-width: none;
  }

  .navbar-menu-mobile {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .navbar-mega-menu-content-left {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .navbar-link {
    font-size: 1rem;
  }

  .navbar-topper-container {
    display: none;
  }

  .dropdown-text, .navbar-dropdown-link {
    font-size: 1rem;
  }

  .navbar-promo-card:hover {
    background-color: #0000;
  }

  .hero-service-wrapper {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    background-color: #0000;
    flex-direction: column;
    padding-right: 0;
    position: static;
  }

  .hero-service-intro {
    color: var(--light-grey);
    border-right-style: none;
    padding-left: 0;
  }

  .hero-service-dropdown-toggle {
    background-color: var(--spindle);
    border-radius: 8px;
  }

  .hero-content-wrapper {
    max-width: 70%;
    padding-top: 9.5rem;
  }

  .values-list {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }

  .faq-question-wrapper {
    padding: 1rem 1.25rem;
  }

  .faq-answer-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .phone-componenet-2 {
    grid-template-columns: 1fr;
  }

  .tools-componenet {
    grid-column-gap: 1.8rem;
    grid-row-gap: 1.8rem;
    grid-template-columns: 1fr 1fr;
  }

  .bullet-list {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .content-split {
    grid-template-columns: 1fr;
  }

  .contact-form-component {
    padding-top: 0;
    padding-bottom: 0;
  }

  .timeline_centre {
    justify-content: flex-start;
  }

  .timeline_progress {
    left: 6px;
  }

  .timeline_item {
    grid-template-columns: 64px 1fr;
    width: 100%;
  }

  .timeline_left {
    text-align: left;
  }

  .timeline_date-text {
    margin-bottom: 24px;
    font-size: 36px;
  }

  .commitment-component, .single-pricing-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .vision-component {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .about-component {
    grid-template-columns: 1fr;
  }

  .nav-functions {
    display: none;
  }

  .modal-search-form {
    padding: 12px;
  }

  .support-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .support-contact-wrapper {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
    flex-direction: column-reverse;
    align-items: center;
  }

  .support-form-component {
    padding-top: 0;
    padding-bottom: 0;
  }

  .phone-dash-componenet {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .local-header {
    grid-template-columns: 1fr;
  }

  .local-icon-wrapper {
    width: 6rem;
    display: none;
  }

  .bullet-list-component {
    grid-column-gap: 1.8rem;
    grid-row-gap: 1.8rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .phone-plan-componenet {
    margin-left: 0;
    margin-right: 0;
  }

  .plan-group-grid {
    grid-template-columns: 1fr;
  }

  .legal-list {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }

  .legal-grid {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .ivr-header {
    grid-template-columns: .75fr;
  }

  .ivr-image-wrapper {
    min-height: auto;
    padding: 1.5rem 1rem;
  }

  .hero-sub-title {
    font-size: 1rem;
    display: none;
  }

  .about-hero-image {
    height: 24rem;
  }

  .padding-section-hero {
    padding-bottom: 4rem;
  }

  .value-item-top-padding {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .thank-you-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .about-image-wrapper {
    max-width: none;
  }

  .notification-content {
    justify-content: flex-start;
  }

  .notification-text-wrapper {
    text-align: left;
    flex-direction: column;
  }

  .notification-close-button {
    position: absolute;
    inset: .5rem .5rem auto auto;
  }

  .notification-close-button:hover {
    background-color: #0000;
  }

  .notification-wrapper {
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 3rem;
  }
}

@media screen and (max-width: 479px) {
  .footer1_grid {
    grid-template-columns: auto;
  }

  .layout16_component {
    padding: 2rem 2rem 2.5rem;
  }

  .fs-styleguide_header {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading_style-h1 {
    font-size: 2.2rem;
  }

  .footer1_form {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

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

  .hero-title {
    font-size: 2.2rem;
  }

  .services-grid {
    grid-template-columns: 1fr;
  }

  .logos-grid-componenet {
    max-width: 100%;
  }

  .logo-grid {
    grid-column-gap: 2em;
  }

  .logo-grid-item-wrapper {
    max-width: 80px;
    max-height: 60px;
  }

  .features-component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .features-component._3-column {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .cta-component {
    align-items: stretch;
  }

  .button-row {
    text-align: center;
    flex-flow: column wrap;
  }

  .footer-left {
    align-items: flex-start;
  }

  .footer-menu-wrapper {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-row-gap: 48px;
  }

  .footer-logo-link {
    position: static;
  }

  .hero-image-wrapper {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: static;
    inset: 0% auto auto 0%;
  }

  .hero-image {
    width: 19rem;
    height: 19rem;
  }

  .tcn-linkback-wrapper {
    justify-content: flex-start;
  }

  .copyright-text {
    margin-bottom: 4px;
  }

  .tcn-linkback-logo {
    padding-bottom: 6px;
  }

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

  .bg-element {
    width: 15rem;
    inset: auto auto 0% 2%;
  }

  .page-title-content.medium {
    max-width: none;
  }

  .page-title-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .split-content-component.align-top {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .feature-list-grid {
    grid-template-columns: 1fr;
  }

  .small-logo-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .small-logo {
    max-width: 70px;
  }

  .signup-component {
    align-items: stretch;
  }

  .pricing-component {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    align-items: start;
    max-width: none;
    display: grid;
    overflow: visible;
  }

  .navbar-promo-card-component {
    width: 100%;
  }

  .navbar-promo-card-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .navbar-promo-card-content {
    margin-top: .5rem;
  }

  .navbar-mega-menu-content-right {
    max-width: none;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .navbar-mega-menu-content-left {
    grid-template-columns: 1fr;
  }

  .navbar-promo-card {
    flex-direction: column;
    display: flex;
  }

  .hero-content-wrapper {
    max-width: 90%;
    padding-top: 0;
  }

  .values-list {
    grid-template-columns: 1fr;
  }

  .values-item {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
    flex-direction: row;
  }

  .page-title-icon {
    width: 4rem;
    height: 4rem;
  }

  .faq-question-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .plan-component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
  }

  .modem-componenet, .phone-component {
    grid-template-columns: 1fr;
  }

  .tools-componenet {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .contact-form-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .form-field-columns-2 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .timeline_item {
    grid-template-columns: 48px 1fr;
  }

  .modal-search-form {
    flex-direction: column;
    margin-left: 12px;
    margin-right: 12px;
  }

  .text-input-field {
    padding-left: 16px;
    padding-right: 16px;
  }

  .progress-button-row {
    flex-wrap: wrap;
  }

  .bullet-list-component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .bullet-list-component._2 {
    grid-template-columns: 1fr;
  }

  .form-modal {
    width: 90%;
  }

  .about-hero-image {
    min-width: 17rem;
    height: auto;
  }

  .navbar-promo-card-wrapper-mobile {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .padding-section-hero {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  .value-item-top-padding {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .about-title {
    font-size: 2rem;
  }

  .notification-wrapper {
    padding-left: 1rem;
  }
}

#w-node-c4b484f2-033c-fc8b-b4e7-ab49810fb503-a4e3f317 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  justify-self: start;
}

#w-node-ad5bf8ff-66c2-99c4-ca25-cddc6a43e871-a4e3f317, #w-node-_40e4dfe7-b141-e1e6-a5a0-703755043a63-a4e3f317, #w-node-f279a190-7292-e22e-0de8-aef0cfd3c39a-a4e3f317, #w-node-_63dd7f1f-d2ce-86c6-4ef3-149af03a3bd8-a4e3f317, #w-node-_78efdb54-117f-ad4c-157f-ecad16127abe-a4e3f317, #w-node-_1781de52-cb20-13ea-250c-8d1dc13072df-a4e3f317, #w-node-_0b939575-2379-df46-d8a6-d82714cf2ac8-a4e3f317, #w-node-d61a964a-e035-92eb-1137-8770d732c87c-a4e3f317 {
  align-self: start;
}

#w-node-_9763d8c4-072b-b2a7-cca9-bcfe5e493771-5e49375d, #w-node-_9763d8c4-072b-b2a7-cca9-bcfe5e493789-5e49375d {
  justify-self: end;
}

#w-node-_9763d8c4-072b-b2a7-cca9-bcfe5e493798-5e49375d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9763d8c4-072b-b2a7-cca9-bcfe5e4937a6-5e49375d {
  align-self: end;
}

#w-node-de54b4f1-7563-5ae7-9cb4-551f943f8e5b-a4e3f332, #w-node-_4a5f4580-3194-de8f-880e-dd7d0124c7eb-a4e3f332, #w-node-_5a3687af-8d24-60ca-9506-503b57a4b650-a4e3f332, #w-node-_6ae31e9c-dc80-6950-d70f-9868c7d2e5aa-a4e3f332, #w-node-_21900c8a-fd47-c10f-a74f-2aa60225cb8e-a4e3f332, #w-node-_88a92528-4d54-4904-1c89-8ec07fa275ab-a4e3f332, #w-node-_1eb5703f-b3e1-4590-0195-d9b1288221cb-a4e3f332 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fd18155e-352a-0c30-d1c1-7bee9cd827b0-a4e3f332 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_29fc53c0-faf2-c853-cbaa-e405818d2b0c-a4e3f332, #w-node-de54b4f1-7563-5ae7-9cb4-551f943f8e5b-a4e3f333, #w-node-_4a5f4580-3194-de8f-880e-dd7d0124c7eb-a4e3f333, #w-node-_5a3687af-8d24-60ca-9506-503b57a4b650-a4e3f333, #w-node-_6ae31e9c-dc80-6950-d70f-9868c7d2e5aa-a4e3f333, #w-node-_21900c8a-fd47-c10f-a74f-2aa60225cb8e-a4e3f333, #w-node-_88a92528-4d54-4904-1c89-8ec07fa275ab-a4e3f333, #w-node-_1eb5703f-b3e1-4590-0195-d9b1288221cb-a4e3f333 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fd18155e-352a-0c30-d1c1-7bee9cd827b0-a4e3f333 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d5b4e33c-d677-b37f-a412-37ffe863ff3d-a4e3f333, #w-node-d5b4e33c-d677-b37f-a412-37ffe863ff43-a4e3f333, #w-node-d5b4e33c-d677-b37f-a412-37ffe863ff49-a4e3f333 {
  align-self: start;
}

#w-node-_29fc53c0-faf2-c853-cbaa-e405818d2b0c-a4e3f333, #w-node-de54b4f1-7563-5ae7-9cb4-551f943f8e5b-a4e3f36f, #w-node-_4a5f4580-3194-de8f-880e-dd7d0124c7eb-a4e3f36f, #w-node-_5a3687af-8d24-60ca-9506-503b57a4b650-a4e3f36f, #w-node-_6ae31e9c-dc80-6950-d70f-9868c7d2e5aa-a4e3f36f, #w-node-_21900c8a-fd47-c10f-a74f-2aa60225cb8e-a4e3f36f, #w-node-_88a92528-4d54-4904-1c89-8ec07fa275ab-a4e3f36f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_853eb262-e83b-0d87-61dd-d29b18c665d4-a4e3f36f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-f2b3bc1b-1f35-b005-1014-a3c341125e74-a4e3f36f {
  align-self: start;
}

#w-node-_29fc53c0-faf2-c853-cbaa-e405818d2b0c-a4e3f36f, #w-node-de54b4f1-7563-5ae7-9cb4-551f943f8e5b-a4e3f37b, #w-node-_4a5f4580-3194-de8f-880e-dd7d0124c7eb-a4e3f37b, #w-node-_5a3687af-8d24-60ca-9506-503b57a4b650-a4e3f37b, #w-node-_6ae31e9c-dc80-6950-d70f-9868c7d2e5aa-a4e3f37b, #w-node-_21900c8a-fd47-c10f-a74f-2aa60225cb8e-a4e3f37b, #w-node-_88a92528-4d54-4904-1c89-8ec07fa275ab-a4e3f37b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a1a8d962-5bc2-7716-e5fb-990a81a0e16a-a4e3f37b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-bd8692e1-7487-7c2f-e445-7fcafea67457-a4e3f37b, #w-node-_29fc53c0-faf2-c853-cbaa-e405818d2b0c-a4e3f37b, #w-node-f062854a-25e3-68a8-234e-f4d6afd4ce0e-a4e3f38e, #w-node-f062854a-25e3-68a8-234e-f4d6afd4ce1b-a4e3f38e, #w-node-f062854a-25e3-68a8-234e-f4d6afd4ce28-a4e3f38e, #w-node-be71cedd-d90e-78dd-ac25-ec7de1c62324-a4e3f390, #w-node-be71cedd-d90e-78dd-ac25-ec7de1c6232c-a4e3f390, #w-node-be71cedd-d90e-78dd-ac25-ec7de1c62334-a4e3f390, #w-node-_0d332011-0fac-31e1-095c-2d4a38c1c9c3-a4e3f390 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f2b3bc1b-1f35-b005-1014-a3c341125e74-a4e3f390 {
  align-self: start;
}

#w-node-c2b97007-a262-d7a0-528a-5cb8675fdd0d-a4e3f390 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-fcdae728-47e6-46b6-aa19-b57b915665f8-a4e3f390, #w-node-_526df679-f587-6978-95a5-f1f6576a7e46-a4e3f390, #w-node-_87f1a14f-c157-e5ca-1b72-ae9b9ff29a83-a4e3f390, #w-node-_5032c595-0f8b-bcae-8c0a-fd347a1e7beb-a4e3f390, #w-node-_9493867f-013f-6dee-d49c-869c9cbefe3e-a4e3f390, #w-node-cfe55f1f-c2b2-7390-8a9d-487a8504c995-a4e3f390, #w-node-_7029e6ec-52ae-a8d3-1712-62647ba1c253-a4e3f390 {
  align-self: start;
}

#w-node-_130060e1-89dd-ba37-2293-1da01b56b887-a4e3f390 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_130060e1-89dd-ba37-2293-1da01b56b8d6-a4e3f390, #w-node-_130060e1-89dd-ba37-2293-1da01b56b8dc-a4e3f390, #w-node-_130060e1-89dd-ba37-2293-1da01b56b8e2-a4e3f390, #w-node-_130060e1-89dd-ba37-2293-1da01b56b8e8-a4e3f390, #w-node-_130060e1-89dd-ba37-2293-1da01b56b8ee-a4e3f390, #w-node-_130060e1-89dd-ba37-2293-1da01b56b8f4-a4e3f390, #w-node-_130060e1-89dd-ba37-2293-1da01b56b8fa-a4e3f390, #w-node-_19a0263e-b3aa-946b-68ed-9922a2d9da2c-a4e3f390 {
  align-self: start;
}

#w-node-_9089a0c8-b10a-66ee-9906-b1a924419460-a4e3f390, #w-node-de54b4f1-7563-5ae7-9cb4-551f943f8e5b-a4e3f391, #w-node-_4a5f4580-3194-de8f-880e-dd7d0124c7eb-a4e3f391, #w-node-_5a3687af-8d24-60ca-9506-503b57a4b650-a4e3f391, #w-node-_6ae31e9c-dc80-6950-d70f-9868c7d2e5aa-a4e3f391 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d8b345e5-4c26-7199-b15a-0f71d3444b20-a4e3f391 {
  align-self: start;
}

#w-node-fb75c80e-2f7b-8ac8-cef1-87b52e730246-a4e3f391 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_03284f23-3db1-14f3-d543-3f57c522a83e-a4e3f391, #w-node-_03284f23-3db1-14f3-d543-3f57c522a849-a4e3f391, #w-node-_03284f23-3db1-14f3-d543-3f57c522a8ad-a4e3f391, #w-node-_03284f23-3db1-14f3-d543-3f57c522a8e4-a4e3f391 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9089a0c8-b10a-66ee-9906-b1a924419460-a4e3f391, #w-node-de54b4f1-7563-5ae7-9cb4-551f943f8e5b-a4e3f395, #w-node-_4a5f4580-3194-de8f-880e-dd7d0124c7eb-a4e3f395, #w-node-_5a3687af-8d24-60ca-9506-503b57a4b650-a4e3f395, #w-node-_6ae31e9c-dc80-6950-d70f-9868c7d2e5aa-a4e3f395 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f4959b1c-13d9-ac34-facc-a43bb51f0938-a4e3f395, #w-node-f4959b1c-13d9-ac34-facc-a43bb51f0940-a4e3f395, #w-node-f4959b1c-13d9-ac34-facc-a43bb51f0948-a4e3f395, #w-node-eea07d50-137c-5804-5f57-9846facb3d0a-a4e3f395, #w-node-eea07d50-137c-5804-5f57-9846facb3d10-a4e3f395, #w-node-d8b345e5-4c26-7199-b15a-0f71d3444b20-a4e3f395, #w-node-_52c9fbc5-ada0-6419-82fe-984d91b74455-a4e3f395, #w-node-_7d37ea33-a1cc-2f0b-1b1f-54fdb93c2b8b-a4e3f395, #w-node-cf959a74-1300-69f1-bb01-9c53d4c407a4-a4e3f395, #w-node-_7b5334f2-e573-386d-a62a-037dc8dfd7bd-a4e3f395, #w-node-bcced57c-3135-7bf0-bbbf-be477e3e4938-a4e3f395, #w-node-a44625c5-7bb1-393f-2587-dd1b29dd8a9c-a4e3f395, #w-node-_30f1dec5-bbed-4d0d-d999-e9a5ec070f9f-a4e3f395, #w-node-_113f8d15-24e3-a3d5-3af7-ba53b5cae3f9-a4e3f395, #w-node-e4496741-5b51-45ed-1f47-19da2f6034c8-a4e3f395, #w-node-_29f02ce0-8e96-5059-2390-8d125e84de71-a4e3f395, #w-node-_0aa9cda0-cf5a-85de-4a80-0dae8d2ce5de-a4e3f395, #w-node-_7c3de835-f6b9-19fb-b913-8644f948b6aa-a4e3f395, #w-node-_7c3de835-f6b9-19fb-b913-8644f948b6b2-a4e3f395, #w-node-_7c3de835-f6b9-19fb-b913-8644f948b6ba-a4e3f395, #w-node-_853cbdb2-3426-ff4a-c905-a3de3bec370d-a4e3f395, #w-node-_853cbdb2-3426-ff4a-c905-a3de3bec3713-a4e3f395, #w-node-_853cbdb2-3426-ff4a-c905-a3de3bec3719-a4e3f395 {
  align-self: start;
}

#w-node-_59e9b5ea-a064-1950-31d1-47b3f9f0cf00-a4e3f395, #w-node-_59e9b5ea-a064-1950-31d1-47b3f9f0cf03-a4e3f395, #w-node-_59e9b5ea-a064-1950-31d1-47b3f9f0cf8a-a4e3f395 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9089a0c8-b10a-66ee-9906-b1a924419460-a4e3f395, #w-node-_706dc952-38b1-f701-c78b-5cee636efcb1-a4e3f3a1, #w-node-_706dc952-38b1-f701-c78b-5cee636efcb7-a4e3f3a1, #w-node-_706dc952-38b1-f701-c78b-5cee636efcbd-a4e3f3a1, #w-node-_706dc952-38b1-f701-c78b-5cee636efcc3-a4e3f3a1, #w-node-_30391c69-6826-bfa6-e057-ab7ffbcfa94f-a4e3f3a1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8977f2a0-c7c8-56ec-0569-2f4859f9976e-a4e3f3a1 {
  align-self: start;
}

#w-node-de54b4f1-7563-5ae7-9cb4-551f943f8e5b-a4e3f3a3, #w-node-_4a5f4580-3194-de8f-880e-dd7d0124c7eb-a4e3f3a3, #w-node-_5a3687af-8d24-60ca-9506-503b57a4b650-a4e3f3a3, #w-node-_6ae31e9c-dc80-6950-d70f-9868c7d2e5aa-a4e3f3a3, #w-node-_21900c8a-fd47-c10f-a74f-2aa60225cb8e-a4e3f3a3, #w-node-_88a92528-4d54-4904-1c89-8ec07fa275ab-a4e3f3a3, #w-node-_29fc53c0-faf2-c853-cbaa-e405818d2b0c-a4e3f3a3, #w-node-de54b4f1-7563-5ae7-9cb4-551f943f8e5b-a4e3f3ad, #w-node-_4a5f4580-3194-de8f-880e-dd7d0124c7eb-a4e3f3ad, #w-node-_5a3687af-8d24-60ca-9506-503b57a4b650-a4e3f3ad, #w-node-_6ae31e9c-dc80-6950-d70f-9868c7d2e5aa-a4e3f3ad, #w-node-_21900c8a-fd47-c10f-a74f-2aa60225cb8e-a4e3f3ad, #w-node-_1d5b0d13-0cac-9375-b667-e5f8282701b0-a4e3f3ad {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d5b0d13-0cac-9375-b667-e5f8282701b1-a4e3f3ad {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_29fc53c0-faf2-c853-cbaa-e405818d2b0c-a4e3f3ad, #w-node-de54b4f1-7563-5ae7-9cb4-551f943f8e5b-23ce9295, #w-node-_4a5f4580-3194-de8f-880e-dd7d0124c7eb-23ce9295, #w-node-_5a3687af-8d24-60ca-9506-503b57a4b650-23ce9295, #w-node-_6ae31e9c-dc80-6950-d70f-9868c7d2e5aa-23ce9295, #w-node-_21900c8a-fd47-c10f-a74f-2aa60225cb8e-23ce9295, #w-node-_88a92528-4d54-4904-1c89-8ec07fa275ab-23ce9295 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_853eb262-e83b-0d87-61dd-d29b18c665d4-23ce9295 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-f2b3bc1b-1f35-b005-1014-a3c341125e74-23ce9295 {
  align-self: start;
}

#w-node-_29fc53c0-faf2-c853-cbaa-e405818d2b0c-23ce9295, #w-node-de54b4f1-7563-5ae7-9cb4-551f943f8e5b-3cb47150, #w-node-_4a5f4580-3194-de8f-880e-dd7d0124c7eb-3cb47150, #w-node-_5a3687af-8d24-60ca-9506-503b57a4b650-3cb47150, #w-node-_6ae31e9c-dc80-6950-d70f-9868c7d2e5aa-3cb47150, #w-node-_21900c8a-fd47-c10f-a74f-2aa60225cb8e-3cb47150, #w-node-_88a92528-4d54-4904-1c89-8ec07fa275ab-3cb47150, #w-node-_29fc53c0-faf2-c853-cbaa-e405818d2b0c-3cb47150 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-a1a8d962-5bc2-7716-e5fb-990a81a0e16a-a4e3f37b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-c4b484f2-033c-fc8b-b4e7-ab49810fb503-a4e3f317 {
    grid-column: span 2 / span 2;
  }

  #w-node-fb75c80e-2f7b-8ac8-cef1-87b52e730246-a4e3f391 {
    grid-column: span 1 / span 1;
  }

  #w-node-_03284f23-3db1-14f3-d543-3f57c522a8b2-a4e3f391 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d8b345e5-4c26-7199-b15a-0f71d3444b20-a4e3f395 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_9763d8c4-072b-b2a7-cca9-bcfe5e493762-5e49375d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_9763d8c4-072b-b2a7-cca9-bcfe5e493770-5e49375d {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-_9763d8c4-072b-b2a7-cca9-bcfe5e493771-5e49375d, #w-node-_9763d8c4-072b-b2a7-cca9-bcfe5e493789-5e49375d {
    justify-self: start;
  }

  #w-node-_9763d8c4-072b-b2a7-cca9-bcfe5e4937a0-5e49375d {
    order: 9999;
  }

  #w-node-_18ea843c-0147-8eab-c041-f1c68fcbf16a-a4e3f336 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_18ea843c-0147-8eab-c041-f1c68fcbf16d-a4e3f336 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_345ef71c-f44c-9d78-9062-e1b6ee45bf0b-a4e3f336 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-acbdfc46-8b67-2597-7f8f-b589da0ff1ee-a4e3f336 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-acbdfc46-8b67-2597-7f8f-b589da0ff1f1-a4e3f336 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-b27f89ce-0622-3c30-488f-72a247dc7152-a4e3f336 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ff0ec783-ae2f-e391-0920-b75a4c97de9e-a4e3f336 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ff0ec783-ae2f-e391-0920-b75a4c97dea1-a4e3f336 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_0e77d45c-5b4e-bd87-a8f0-98480426fba5-a4e3f336 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e9fbabc7-38b9-42e0-78fd-d7c13b3e0991-a4e3f336 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-e9fbabc7-38b9-42e0-78fd-d7c13b3e0994-a4e3f336 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_9a2a7479-4225-c737-5c1f-c7d6100e0e9b-a4e3f336 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1f2329a6-7e4e-b60a-ca8e-f82691abd877-a4e3f336 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_1f2329a6-7e4e-b60a-ca8e-f82691abd87a-a4e3f336 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-e7588dab-b2c5-aa7d-8b64-cdffd40d65e8-a4e3f336 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6cbea6de-2270-6585-6a9a-2331d97f0a8c-a4e3f336 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_6cbea6de-2270-6585-6a9a-2331d97f0a8f-a4e3f336 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_10769be9-f729-17d5-2887-11c99b096177-a4e3f336 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5292c474-d4de-a57b-acc6-b322bda86c03-a4e3f336 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_5292c474-d4de-a57b-acc6-b322bda86c06-a4e3f336 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-f908fd93-095c-81cd-4862-8f2ae96f0cc7-a4e3f336 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_853eb262-e83b-0d87-61dd-d29b18c665d4-a4e3f36f {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }

  #w-node-_59e9b5ea-a064-1950-31d1-47b3f9f0cf03-a4e3f395, #w-node-_59e9b5ea-a064-1950-31d1-47b3f9f0cf8a-a4e3f395 {
    grid-column: span 1 / span 1;
  }

  #w-node-_853eb262-e83b-0d87-61dd-d29b18c665d4-23ce9295 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c4b484f2-033c-fc8b-b4e7-ab49810fb503-a4e3f317 {
    grid-column: span 1 / span 1;
  }

  #w-node-d8b345e5-4c26-7199-b15a-0f71d3444b20-a4e3f391 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_03284f23-3db1-14f3-d543-3f57c522a8b2-a4e3f391 {
    grid-column: span 1 / span 1;
  }
}


/* ===== Blog ===== */

.blog-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2.5rem;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.blog-card {
  background-color: #ffffff0d;
  border-radius: 12px;
  border-top: 3px solid var(--ocean-green);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.25s, box-shadow 0.25s;
  text-decoration: none;
  color: inherit;
}

.blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px #3b8c594d, inset 0 1px 1px #fff3;
  color: inherit;
}

.blog-card-content {
  padding: 1.75rem 1.5rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.blog-card-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.blog-card-category {
  background-color: var(--ocean-green);
  color: var(--white);
  border-radius: 4rem;
  padding: 0.15rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.blog-card-date {
  font-size: 0.8rem;
  color: #eaf5ff99;
}

.blog-card-reading-time {
  font-size: 0.75rem;
  color: #eaf5ff80;
  font-style: italic;
}

.blog-post-reading-time {
  font-size: 0.9rem;
  color: #eaf5ff99;
  font-style: italic;
}

.blog-card-title {
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 0.75rem;
  color: var(--white);
}

.blog-card-description {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #eaf5ffcc;
  margin-bottom: 1rem;
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-card .text-link-wrapper {
  margin-top: auto;
  padding-top: 0.5rem;
  color: var(--ocean-green);
}

.blog-card:hover .text-link-wrapper {
  color: var(--ocean-green);
}

.blog-card .text-link-icon {
  transition: transform 0.3s ease;
}

.blog-card:hover .text-link-icon {
  transform: rotate(45deg);
}

.blog-empty-state {
  grid-column: 1 / -1;
  text-align: center;
  padding: 4rem 0;
}

.blog-breadcrumb {
  color: var(--ocean-green);
  font-weight: 500;
  font-size: 0.95rem;
  transition: color 0.25s;
}

.blog-breadcrumb:hover {
  color: var(--ocean-green-hover);
}

.blog-post-meta-header {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.blog-post-date {
  font-size: 0.9rem;
  color: #eaf5ff99;
}

.blog-article h2 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  font-size: 2rem;
}

.blog-article h3 {
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
}

.blog-article h4 {
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
}

.blog-article p {
  margin-bottom: 1.25rem;
  line-height: 1.7;
}

.blog-article ul,
.blog-article ol {
  margin-bottom: 1.25rem;
  padding-left: 1.5rem;
}

.blog-article li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
}

.blog-article a {
  color: var(--ocean-green);
  font-weight: 500;
  text-decoration: underline;
}

.blog-article a:hover {
  color: var(--ocean-green-hover);
}

.blog-article blockquote {
  border-left: 3px solid var(--ocean-green);
  background-color: #ffffff08;
  padding: 1.25rem 1.5rem;
  margin: 1.5rem 0;
  border-radius: 0 8px 8px 0;
}

.blog-article strong {
  font-weight: 600;
}

.blog-article img {
  border-radius: 8px;
  margin: 1.5rem 0;
}

.blog-article table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  border-radius: 8px;
  overflow: hidden;
  font-size: 0.95rem;
}

.blog-article thead th {
  background-color: #4FBB76;
  color: #fff;
  font-weight: 600;
  text-align: left;
  padding: 0.875rem 1rem;
  white-space: nowrap;
}

.blog-article tbody td {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #eaf5ff1a;
  line-height: 1.5;
  vertical-align: top;
}

.blog-article tbody tr:nth-child(even) {
  background-color: #ffffff08;
}

.blog-article tbody tr:last-child td {
  border-bottom: none;
}

.blog-article tbody td:first-child {
  font-weight: 500;
  color: #eaf5ff;
}

@media screen and (max-width: 767px) {
  .blog-article table {
    font-size: 0.85rem;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .blog-article thead th,
  .blog-article tbody td {
    padding: 0.625rem 0.75rem;
    min-width: 120px;
  }
}

.blog-post-footer {
  border-top: 1px solid #eaf5ff1a;
  padding-top: 2rem;
}

.blog-post-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.blog-tag {
  background-color: #eaf5ff14;
  color: #eaf5ffcc;
  border-radius: 4rem;
  padding: 0.25rem 0.875rem;
  font-size: 0.8rem;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .blog-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .blog-grid {
    grid-template-columns: 1fr;
    grid-row-gap: 2rem;
  }

  .blog-article h2 {
    font-size: 1.6rem;
  }

  .blog-article h3 {
    font-size: 1.3rem;
  }
}

/* ===== End Blog ===== */

@font-face {
  font-family: 'Fa Regular 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2'), url('../fonts/fa-regular-400.woff') format('woff'), url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ===== Pricing Carousel ===== */
.pricing-carousel-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.pricing-carousel {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  padding: 1rem 0 1.5rem;
  scrollbar-width: none;
  flex: 1;
  min-width: 0;
}

.pricing-carousel::-webkit-scrollbar {
  display: none;
}

.pricing-carousel > .glass-card.pricing-card {
  flex: 0 0 calc((100% - 3rem) / 3);
  width: calc((100% - 3rem) / 3);
  scroll-snap-align: start;
  scroll-snap-stop: always;
  min-width: 0;
  box-sizing: border-box;
}

.pricing-carousel-arrow {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: transparent;
  color: var(--ocean-green, #2d9d78);
  border: 2px solid var(--ocean-green, #2d9d78);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.pricing-carousel-arrow:hover {
  background: var(--ocean-green, #2d9d78);
  color: white;
}

@media (max-width: 991px) {
  .pricing-carousel > .glass-card.pricing-card {
    flex: 0 0 calc((100% - 1.5rem) / 2);
    width: calc((100% - 1.5rem) / 2);
  }
}

@media (max-width: 767px) {
  .pricing-carousel {
    gap: 0;
  }
  .pricing-carousel > .glass-card.pricing-card {
    flex: 0 0 100%;
    width: 100%;
    scroll-snap-align: center;
    scroll-snap-stop: always;
  }
  .pricing-carousel-arrow {
    width: 36px;
    height: 36px;
    font-size: 1rem;
  }
  .pricing-carousel-wrapper {
    gap: 0.75rem;
  }
}