:root {
  --untitled-ui-gray600: #475467;
  --relume-library-lite-rl-white: white;
  --light-blue: #00d4ff;
  --combine-library-grey-800: #1f2c3d;
  --combine-library-white: white;
  --combine-library-grey-400: #8c94a5;
  --combine-library-grey-100: #d9dce2;
  --new-outline: #f9fafb14;
  --new-black: #0e141b;
  --relume-library-lite-rl-black: black;
  --border-grey: #33333380;
  --untitled-ui-gray50-501: #f9fafb;
  --mid-grey: #c4c4c4;
  --untitled-ui-gray100: #f2f4f7;
  --untitled-ui-gray700: #344054;
  --untitled-ui-primary50: #f9f5ff;
  --untitled-ui-primary700: #6941c6;
  --darkorange: var(--dark-orange);
  --untitled-ui-primary600: #7f56d9;
  --untitled-ui-gray900: #101828;
  --new-dark-blue: #051d31;
  --combine-library-grey-600: #5f6570;
  --dark-orange: #ff8c00;
  --new-blue: #1c3d5a;
  --new-black-90: #0e141be6;
  --black-overlay: #0e141be6;
  --spark-library--foreground-secondary: #000000c2;
  --spark-library--black: black;
  --spark-library--background--interactive: #f0ecfd;
  --spark-library--foreground-interactive: #5532fa;
  --untitled-ui-white: white;
  --untitled-ui-primary100: #f4ebff;
  --untitled-ui-primary800: #53389e;
  --combine-library-grey-050: #f2f3f7;
  --combine-library-success-800: #6d9400;
  --combine-library-warning-400: #f8b34b;
  --combine-library-primary-600: #6157f8;
  --combine-library-secondary-600: #00a1c1;
  --conversion-flow-library-medium-purple: #b16cea;
  --conversion-flow-library-sandy-brown: #ffa84b;
  --combine-library-grey-200: #bfc4ce;
  --untitled-ui-gray200: #eaecf0;
  --untitled-ui-gray500: #667085;
  --untitled-ui-gray300: #d0d5dd;
  --untitled-ui-gray800: #1d2939;
  --untitled-ui--primary500: #9e77ed;
  --untitled-ui--gray400: #98a2b3;
  --spark-library--foreground-tertiary: #0000008f;
  --spark-library--white: white;
  --spark-library--foreground-interactive-hover: #1e116e;
  --spark-library--border-default: #00000029;
}

.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-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

.perth-it-care-body {
  color: #333;
  background-color: #ffffffe6;
  font-family: Exo, sans-serif;
  font-size: 1.1rem;
  line-height: 1.35;
  overflow: visible;
}

.h1-full-stop {
  color: #ff8c00;
  font-size: 80px;
  line-height: 0;
}

.text-under-h1-div {
  z-index: auto;
  width: auto;
  min-width: 720px;
  max-width: none;
  font-size: 20px;
  position: relative;
}

.navbar-section {
  display: block;
}

.cf-pricing-plan-pointer-text-18px {
  color: #000c;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
}

.cf-pricing-plan-check-icon {
  filter: hue-rotate(180deg) saturate(180%);
  width: 28px;
  height: 28px;
  margin-right: 16px;
}

.cf-pricing-plan-pointers {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.cf-pricing-plan-pointers.no-margin {
  margin-bottom: 0;
}

.cf-pricing-plan-pointer-container {
  margin-top: 40px;
}

.cf-body---18px {
  color: #000c;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
}

.cf-h3-heading-40px {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
}

.cf-h3-heading-40px.margin-bottom-32px {
  margin-bottom: 32px;
}

.cf-different-tabs-content {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
}

.cf-different-tab-image {
  filter: hue-rotate(180deg) saturate(180%);
  width: 32px;
  height: auto;
  margin-right: 16px;
}

.cf-different-tab-link {
  opacity: .3;
  letter-spacing: -.01em;
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
  display: flex;
}

.cf-different-tab-link.w--current {
  opacity: 1;
  background-color: #0000;
}

.cf-different-menu {
  flex-direction: column;
  width: 85%;
  max-width: 540px;
  margin-right: 1%;
  display: flex;
}

.cf-different-tabs {
  width: 100%;
  height: 100%;
  display: flex;
}

.cf-different-bottom-container {
  width: 100%;
}

.cf-different-upper-container {
  width: 100%;
  margin-bottom: 64px;
}

.cf-wrapper-1160 {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.cf-wrapper-1160.different-flex {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 106px;
  padding-bottom: 60px;
}

.cf-different-section {
  padding-bottom: 87px;
}

.combine-text-size-regular {
  opacity: .9;
  color: var(--relume-library-lite-rl-white);
  text-align: center;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.combine-text-size-regular.white {
  opacity: .9;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.combine-text-size-regular.centred {
  color: #333;
  text-align: center;
}

.combine-text-size-regular.centred.white {
  color: var(--relume-library-lite-rl-white);
}

.combine-pricing5_tooltip {
  background-color: var(--combine-library-grey-800);
  width: 12rem;
  color: var(--combine-library-white);
  border-radius: .5rem;
  padding: .5rem .75rem;
  font-size: .75rem;
}

.combine-pricing5_tooltip-triangle {
  width: 1rem;
  height: 1rem;
  color: var(--combine-library-grey-800);
  margin-left: .5rem;
}

.combine-pricing5_tooltip-wrapper {
  z-index: 3;
  display: none;
  position: absolute;
  left: 0;
}

.combine-pricing5_help {
  color: var(--combine-library-grey-400);
  padding: .25rem;
  position: relative;
}

.combine-pricing5_table-item {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  width: 100%;
  color: var(--combine-library-grey-800);
  align-items: center;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.combine-pricing5_table-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding: .75rem;
  text-decoration: none;
  display: grid;
  position: relative;
}

.combine-pricing5_table-content:hover {
  color: #fff;
  background-color: #0000;
}

.combine-pricing5_table-content.dark {
  background-color: #92929217;
}

.combine-pricing5_table-content.dark.backup {
  background-color: #ffffff0d;
  border: 2px solid #33333340;
  border-radius: 2rem;
}

.combine-pricing5_table-content.web-hosting {
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
}

.combine-pricing5_table-content.web-hosting.bigger.more-padding {
  padding-top: .85rem;
  padding-bottom: .85rem;
}

.combine-background-color-grey {
  border: 2px solid var(--new-outline);
  background-color: #ffffff0d;
  border-radius: 1.87rem;
}

.combine-background-color-grey.no-colour {
  box-shadow: none;
  background-color: #fff0;
  border-style: none;
  padding-bottom: 2px;
}

.combine-text-weight-semibold {
  color: var(--combine-library-grey-800);
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}

.combine-text-weight-semibold.white {
  opacity: 100;
}

.combine-pricing5_table-title {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  width: 100%;
  display: flex;
}

.combine-pricing5_table-feature {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: .75rem;
  padding: .75rem;
  display: flex;
}

.combine-pricing5_table-feature.dark {
  background-color: #ffffff0d;
  border: 2px solid #33333340;
  border-radius: 2rem;
}

.combine-button-small {
  color: var(--combine-library-white);
  text-align: center;
  text-transform: uppercase;
  background-color: #151515;
  border-radius: 2rem;
  margin-top: 0;
  margin-left: 0;
  padding: .75rem 1.5rem;
  font-family: Exo, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
  transition: all .4s cubic-bezier(.77, 0, .175, 1);
  overflow: hidden;
  box-shadow: 0 2px 20px #0091ff99;
}

.combine-button-small:hover {
  background-color: #151515;
  background-image: linear-gradient(#15151580, #15151580), url('../images/logo-tight_1logo tight_00000.webp');
  background-position: 0 0, 0 0;
  background-size: auto, 25px;
  font-family: Exo, sans-serif;
  font-weight: 600;
  box-shadow: 0 2px 40px #0091ff;
}

.combine-pricing5_span {
  opacity: 1;
  color: var(--relume-library-lite-rl-white);
  font-size: 1.25rem;
}

.combine-pricing5_cost-tertiary {
  color: var(--relume-library-lite-rl-white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.combine-pricing5_details {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  flex-direction: column;
  padding: .75rem;
  display: flex;
}

.combine-pricing5_cost-primary, .pricing-amount {
  color: var(--relume-library-lite-rl-white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.combine-hide-mobile-landscape {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.combine-pricing5_table-header {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.combine-pricing5_table-header.web-hosting {
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
}

.combine-pricing5_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: start;
}

.combine-container-large {
  z-index: 1;
  width: 100%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.combine-space-large {
  height: 4rem;
}

.combine-text-align-center {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.combine-padding-section-medium {
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: block;
}

.combine-padding-section-medium.no-margin {
  border-top: 1px #ff8c00;
  padding-top: 0;
  padding-bottom: 0;
}

.combine-padding-section-medium.border-top {
  border-style: solid none none;
  border-width: 2px;
  border-color: var(--new-outline);
}

.combine-padding-section-medium.border-top.no-margin-top {
  padding-top: 0;
}

.combine-padding-global {
  z-index: 1;
  padding-bottom: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  position: relative;
}

.combine-padding-global.padding-bottom {
  padding-bottom: 3.5rem;
}

.pricing-section {
  background-color: var(--new-black);
  width: 100%;
}

.pricing-section.webh {
  z-index: 5;
  background-color: var(--new-black);
  opacity: 1;
  padding-bottom: 0;
  position: relative;
}

.content-container {
  z-index: 99999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 1360px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.content-container.margin-top {
  padding-top: 12rem;
}

.content-container.margin-top.thankyou-page {
  display: flex;
}

.content-container.below {
  position: static;
}

.content-container.centred {
  display: flex;
}

.h2-heading-centred {
  z-index: 9;
  text-align: center;
  max-width: 48rem;
  margin-bottom: 15px;
  font-family: Exo, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  position: relative;
}

.h2-heading-centred.extra-margin {
  margin-bottom: 55px;
}

.h2-heading-centred.left {
  text-align: left;
  width: 800px;
}

.full-stop-h2 {
  color: #ff8c00;
  font-size: 50px;
  line-height: 0;
}

.h2-orange-text-span {
  color: #fff;
  background-color: #ff8c00;
  background-image: linear-gradient(#ff8c00 50%, #0000 50%);
  border-radius: 10px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
  display: inline-block;
  overflow: visible;
  box-shadow: -1px 0 6px #424242b3;
}

.h3-heading-left-black {
  z-index: 1;
  color: #333;
  text-align: left;
  background-color: #0000;
  padding-left: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 33px;
  text-decoration: none;
  position: relative;
}

.h3-heading-left-black.blog-hover:hover {
  color: #0091ff;
}

.h3-heading-left-black.no-margin {
  color: #0e141b;
  margin-top: 0;
  font-size: 1.4rem;
}

.h3-heading-left-black.bigger {
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
}

.full-stop-pricing {
  color: #ff8c00;
  font-size: 35px;
  line-height: 0;
}

.pricing-text {
  opacity: 1;
  color: var(--relume-library-lite-rl-white);
  text-transform: none;
  font-family: Poppins, sans-serif;
}

.pricing-text.white {
  opacity: 100;
}

.orange-tick {
  width: 35px;
}

.orange-tick.white, .orange-tick.gradient-blue {
  filter: none;
}

.cf-navigation-1-link {
  color: #fff;
  text-transform: capitalize;
  border-bottom: 1px solid #0000;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 12px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  text-decoration: none;
  transition: border-color .2s;
  display: block;
}

.cf-navigation-1-link:hover {
  border-bottom: 2px solid #ff8c00;
  text-decoration: none;
}

.cf-navigation-1-arrow-image {
  filter: saturate(200%);
  width: 25px;
  margin-left: 10px;
}

.cf-navigation-1-line {
  background-color: #0d0e10;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.cf-navigation-1-link-heading {
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
}

.cf-navigation-1-number-subtext {
  color: #0d0e1066;
  margin-top: 7px;
  margin-right: 28px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
}

.cf-navigation-headings-contain {
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.cf-dropdown-links {
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 31%;
  padding: 40px 20px;
  text-decoration: none;
  display: flex;
}

.cf-navigation-1-dropdown-container {
  grid-column-gap: 30px;
  background-color: #fff;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 97%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cf-dropdown-list-full-wrapper {
  background-color: #fff;
  border-radius: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  box-shadow: 0 180px 100px #40454f1a;
}

.cf-dropdown-lists {
  background-color: #0000;
  border-radius: 0;
  top: 72px;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 50px 50px #00000014;
}

.cf-dropdown-lists.w--open {
  width: 100%;
  box-shadow: none;
  padding-top: 8px;
  inset: 72px 0% auto;
  overflow: visible;
}

.cf-dropdown-arrow {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0;
  position: static;
}

.cf-navigation-1-dropdown {
  grid-column-gap: 5px;
  color: #fff;
  border-bottom: 1px solid #0000;
  align-items: center;
  margin-right: 0;
  padding: 20px 0 12px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 130%;
  display: flex;
  position: static;
}

.cf-navigation-1-dropdown.w--open {
  border-bottom: 1px solid #000;
}

.cf-navigation-1-dropdown-wrapper {
  padding-bottom: 8px;
  position: static;
}

.cf-navigation-1-links-contain {
  grid-column-gap: 30px;
  align-items: flex-start;
  display: flex;
}

.cf-navigation-1-links-wrapper {
  position: static;
}

.cf-navigation-logo {
  filter: saturate(200%) saturate(200%);
  object-fit: contain;
  width: 185px;
}

.cf-navigation-1-logo {
  color: #000;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.cf-navigation-1-wrapper {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 95%;
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.cf-navigation-1-bar {
  z-index: 555;
  background-color: #0000;
  position: absolute;
  inset: 0% 0% auto;
}

.h2-headings-left-black {
  text-align: left;
  width: 800px;
  max-width: 48rem;
  padding-left: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 39px;
}

.h2-headings-left-black.margin-top {
  color: #333;
  margin-top: 50px;
}

.h2-headings-left-black.margin-top._100-width {
  color: var(--relume-library-lite-rl-black);
}

.subheading {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  overflow: visible;
}

.subheading.sub-headings-centred {
  text-align: center;
}

.text-block-38 {
  cursor: cell;
}

.h3-headings-centred-black {
  color: var(--relume-library-lite-rl-black);
  text-align: center;
  padding-right: 0;
  font-family: Exo, sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 33px;
}

.h3-headings-centred-black.hosting-plan {
  color: var(--relume-library-lite-rl-white);
}

.cf-cf-links {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
}

.cf-cf-links:hover {
  color: #ff8c00;
}

.cf-copyright-text-3 {
  color: #fff;
  text-shadow: 0 0 3px #000;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.cf-footer-banner {
  color: #12172280;
  background-color: #f2f4f7;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 145%;
  display: flex;
}

.cf-footer-banner.black-banner-version {
  z-index: 500;
  background-color: #0000;
  position: relative;
}

.cf-footer-text-link-16px {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 150%;
  text-decoration: none;
}

.cf-footer-text-link-16px:hover {
  color: #0009;
}

.cf-footer-text-link-16px.white-text-footer-link {
  color: #fff;
  text-transform: capitalize;
  border-bottom: 2px solid #0000;
  font-family: Exo, sans-serif;
  transition: color .4s, border .4s;
}

.cf-footer-text-link-16px.white-text-footer-link:hover {
  color: #ff8c00;
  letter-spacing: 0;
  border-bottom: 2px solid #0091ff;
  font-weight: 400;
}

.cf-footer-text-link-16px.white-text-footer-link.margin-top {
  margin-top: 25px;
}

.cf-footer-text-link-16px.white-text-footer-link.extra-margin-top {
  margin-top: 20px;
  font-size: 17px;
}

.cf-footer-sub-grid {
  z-index: 9999;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
  place-items: stretch start;
  width: 100%;
  margin-top: 0;
  position: relative;
}

.cf-footer-bold-text-14px {
  color: #fff;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none;
}

.cf-footer-bold-text-14px.margin-top {
  padding-top: 20px;
}

.cf-footer-bold-text-14px.extra-margin {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 17px;
}

.cf-footer-center-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
  margin-bottom: 80px;
}

.cf-footer-center-wrapper {
  width: 90%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}

.cf-social-media-icon {
  filter: invert();
  width: 20px;
  height: 20px;
}

.cf-social-media-wrapper {
  background-color: #f4f4f4;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  transition: all .2s;
  display: flex;
}

.cf-social-media-wrapper:hover {
  background-color: #caef45b3;
  transform: translate(0, -5px);
}

.cf-social-media-wrapper.social-media-wrapper-black {
  background-color: #fff;
}

.cf-social-media-wrapper.social-media-wrapper-black:hover {
  background-color: #0091ff;
  background-image: radial-gradient(circle at 100% 0, #ff8c00, gold);
}

.cf-social-media-container {
  z-index: 99999;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
  display: flex;
  position: relative;
}

.cf-social-media-bottom-container {
  margin-top: 32px;
}

.cf-footer-right-wrapper {
  width: 35%;
  max-width: 376px;
}

.cf-body---18px-2 {
  color: #000c;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 160%;
}

.cf-body---18px-2.white {
  color: #fff;
  text-align: center;
  font-family: Exo, sans-serif;
  font-size: 16px;
}

.cf-brand-logo {
  filter: saturate(200%);
}

.cf-brand-link-block {
  margin-bottom: 20px;
}

.cf-footer-left-wrapper {
  width: 35%;
  max-width: 300px;
}

.cf-wrapper-1161 {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.cf-wrapper-1161.footer-black-flex {
  align-items: flex-start;
  padding-top: 60px;
}

.footer.black-version {
  z-index: 1;
  color: #fff;
  background-color: #333;
  background-image: radial-gradient(circle at 0 0, #333333f2 11%, #838383f2), url('../images/logo-tight_1logo tight_00000.webp');
  background-position: 0 0, 50% 3%;
  background-size: auto, 2500px;
  border-top: 2px solid #ff8c00;
  border-left: 2px solid #ff8c00;
  border-right: 10px #fff;
  border-top-left-radius: 50px;
  border-top-right-radius: 0;
  width: 100%;
  min-height: 1600px;
  margin-left: 1%;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.reviews {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: static;
  overflow: hidden;
}

.html-embed {
  z-index: 3;
  justify-content: center;
  align-items: center;
  margin-top: 3.5rem;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.faq-web-design {
  font-family: Poppins, sans-serif;
  font-size: 17px;
  line-height: 25px;
}

.faq-image_hover {
  display: none;
}

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

.margin-bottom.margin-small {
  z-index: 2;
  position: relative;
}

.margin-bottom.margin-small.absolute {
  z-index: 1;
  position: absolute;
  inset: 0% 0% auto;
  transform: translate(0, -20px);
}

.margin-bottom.margin-small {
  margin: 0 0 1rem;
}

.faq_answer-wrap {
  padding-right: 3rem;
  overflow: hidden;
}

.faq_heading-wrap {
  font-size: 1.25rem;
  font-weight: 500;
  display: flex;
}

.faq_aswer-wrap_spacer {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.faq_trigger {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2rem;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.faq-image_tap {
  filter: invert();
  color: #333;
}

.faq_content-wrap {
  background-color: #0e141b00;
}

.faq_wrap-grid {
  grid-column-gap: 6rem;
  grid-row-gap: 4.5rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  max-width: 1260px;
}

.faq_element {
  border-bottom: .125rem solid var(--relume-library-lite-rl-black);
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}

.faq_element.white-border {
  border: 1px solid var(--new-outline);
  background-color: #0e141b;
  border-radius: 1.87rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.h2-left-bigger-black {
  font-size: 50px;
  font-weight: 600;
  line-height: 60px;
}

.text-span-119 {
  font-size: 20px;
}

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

.text-span-143 {
  color: #333;
  font-weight: 400;
  text-decoration: underline;
}

.column-2 {
  padding-top: 10px;
  padding-right: 40px;
}

.text-span-144 {
  color: #333;
  font-style: normal;
  font-weight: 400;
  text-decoration: underline;
}

.html-embed-2 {
  padding-left: 40px;
  display: block;
}

.text-span-145 {
  color: #333;
  font-weight: 400;
}

.contact-form-wh {
  background-color: #fff;
  max-width: 1260px;
}

.contact-form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 58px;
  padding-bottom: 100px;
  display: flex;
}

.contact-form.wbcf2 {
  background-color: #fff;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 7rem;
  overflow: hidden;
}

.text-block-5 {
  color: #333;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.div-block-86 {
  justify-content: center;
  align-items: center;
  max-width: 350px;
  margin-bottom: 55px;
  font-style: normal;
  display: flex;
}

.link-61 {
  color: #343434;
}

.rl_team8_spacing-block-3 {
  width: 100%;
  padding-bottom: 5rem;
}

.rl_team8_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl_team8_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl_team8_heading-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.rl_team8_component {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.rl-container-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.rl-padding-global {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.5rem 5% 0;
  display: flex;
}

.team-section {
  background-color: #0000;
  width: 100%;
  margin-bottom: 3.5rem;
  position: relative;
  overflow: hidden;
}

.team-section.less-margin-bottom {
  margin-bottom: 0;
}

.image-48 {
  z-index: 9;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: 200px;
  max-width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.image-48.pops {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2rem;
}

.div-block-218 {
  z-index: 500;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.column-25 {
  justify-content: center;
  align-items: center;
  padding-right: 20px;
  display: flex;
}

.column-26 {
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  display: flex;
}

.div-block-219 {
  color: #333;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.div-block-220 {
  align-items: center;
  display: flex;
  overflow: hidden;
}

.h4-team-headings {
  font-weight: 400;
}

.h4-team-headings.white {
  color: #fff;
  font-size: 1.2rem;
}

.web-rescue-hero {
  border-bottom-left-radius: 0;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: relative;
  overflow: hidden;
}

.title-box-left {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 90%;
  min-height: 0;
  margin-left: 10%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.title-box-left.above-hero {
  z-index: 3;
  height: 90%;
  min-height: 0%;
  display: flex;
}

.title-box-left.above-hero.not-hidden, .title-box-left.above-hero.web-m {
  display: flex;
}

.title-box-left.above-hero.web-m.av {
  margin-top: 50px;
}

.title-box-left.above-hero.web-m._365 {
  margin-top: 80px;
}

.title-box-left.above-hero.op {
  z-index: -1;
  opacity: 0;
  display: flex;
  position: static;
}

.title-box-left.above-hero.web-h {
  margin-top: 80px;
  display: flex;
}

.title-box-left.above-hero.web-h.trans {
  display: none;
}

.title-box-left.above-hero.hp {
  order: 0;
  display: flex;
  position: static;
  transform: translate(0, -7.5%);
}

.title-box-left.above-hero.hp.home {
  transform: translate(0, -7%);
}

.title-box-left.hidden.web-m.av {
  margin-top: 50px;
}

.title-box-left.hidden.web-m._365, .title-box-left.web-h {
  margin-top: 80px;
}

.title-box-left.web-h.trans {
  opacity: 0;
}

.title-box-left.hp.home {
  margin-top: 2%;
}

.web-recovery-and-repair-services {
  background-color: var(--untitled-ui-gray50-501);
  border-right: 5px solid #0091ff;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 12rem;
  padding-bottom: 7rem;
  display: block;
  position: relative;
  overflow: visible;
}

.faq-web-rescue {
  width: 100%;
  padding-top: 130px;
  padding-bottom: 150px;
  overflow: hidden;
}

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

.page-padding {
  z-index: 1;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: static;
}

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

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

.faq_wrap-grid-2 {
  z-index: 5;
  grid-column-gap: 6rem;
  grid-row-gap: 4.5rem;
  grid-template-rows: auto;
  grid-template-columns: 20rem 1fr;
  position: static;
}

.faq_title-wrap-2 {
  padding-left: 10px;
  position: static;
  overflow: visible;
}

.web-management-perth-faq {
  padding-top: 20px;
  padding-bottom: 20px;
}

.dream-big-box {
  z-index: 1;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#ffffff08, #0000);
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: none;
  position: absolute;
  inset: 25% 0% 0%;
  overflow: visible;
}

.text-block-43 {
  font-size: 9rem;
}

.rl-padding-section-large-6 {
  padding-top: 0;
  padding-bottom: 0;
}

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

.rl-padding-global-7 {
  padding-left: 5%;
  padding-right: 5%;
}

.h3-full-stop {
  color: #ff8c00;
  font-size: 40px;
  line-height: 0;
}

.faq-web-design-perth {
  z-index: 1;
  background-color: var(--new-black);
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  display: flex;
  position: static;
}

.rl_blog33_spacing-block-8 {
  width: 100%;
  padding-bottom: 4rem;
}

.rl-text-style-small {
  color: var(--relume-library-lite-rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl_blog33_date-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.rl_blog33_author-text {
  color: var(--relume-library-lite-rl-black);
  font-family: Poppins, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
}

.rl_blog33_author-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
}

.rl_blog33_author-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.rl_blog33_spacing-block-7 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl_blog33_spacing-block-6 {
  width: 100%;
  padding-bottom: .5rem;
}

.rl_blog3_title-link {
  text-decoration: none;
  display: block;
}

.rl_blog3_title-link:hover {
  color: #0091ff;
}

.rl_blog33_spacing-block-5 {
  width: 100%;
  padding-bottom: .5rem;
}

.rl_blog33_category-text {
  font-family: Poppins, sans-serif;
}

.rl_blog33_category-link {
  color: var(--relume-library-lite-rl-black);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
}

.rl_blog33_category-link.w--current {
  border-bottom: 2px solid #000;
}

.rl_blog33_spacing-block-4 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl_blog33_image {
  object-fit: cover;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.rl_blog33_image-wrapper {
  width: 100%;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
}

.rl_blog33_image-link {
  width: 100%;
  display: block;
}

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

.rl_blog33_spacing-block-3 {
  width: 100%;
  padding-bottom: 5rem;
}

.rl_blog33_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl_blog33_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl_blog33_heading-wrapper {
  text-align: center;
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

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

.rl_section_blog33 {
  background-color: var(--relume-library-lite-rl-white);
}

.link-86 {
  color: #ff8c00;
  text-decoration: underline;
}

.link-86:hover {
  color: #0091ff;
}

.t-c-heading-h2 {
  color: #333;
  margin-bottom: 31px;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 45px;
  text-decoration: none;
}

.link-91 {
  color: #ff8c00;
  text-decoration: underline;
}

.link-91:hover {
  color: #0091ff;
}

.link-81 {
  color: #ff8c00;
  text-decoration: underline;
}

.link-81:hover {
  color: #0091ff;
}

.link-87 {
  color: #ff8c00;
  text-decoration: underline;
}

.link-87:hover {
  color: #0091ff;
}

.link-85 {
  color: #ff8c00;
  text-decoration: underline;
}

.link-85:hover {
  color: #0091ff;
}

.link-90 {
  color: #ff8c00;
  text-decoration: underline;
}

.link-90:hover {
  color: #0091ff;
}

.link-84 {
  color: #ff8c00;
  text-decoration: underline;
}

.link-84:hover {
  color: #0091ff;
}

.link-75 {
  color: #ff8c00;
  text-decoration: underline;
}

.link-75:hover {
  color: #0091ff;
}

.link-78 {
  color: #ff8c00;
  font-weight: 600;
}

.link-78:hover {
  color: #0091ff;
}

.link-83 {
  color: #ff8c00;
  text-decoration: underline;
}

.link-83:hover {
  color: #0091ff;
}

.link-79 {
  color: #ff8c00;
  text-decoration: underline;
}

.link-79:hover {
  color: #0091ff;
}

.link-74 {
  color: #ff8c00;
  text-decoration: underline;
}

.link-74:hover {
  color: #0091ff;
}

.link-111 {
  color: #ff8c00;
}

.link-111:hover {
  color: #0091ff;
}

.link-89 {
  color: #ff8c00;
  text-decoration: underline;
}

.link-89:hover {
  color: #0091ff;
}

.link-72 {
  color: #ff8c00;
  text-decoration: underline;
}

.link-72:hover {
  color: #0091ff;
}

.tandcheading {
  font-family: Poppins, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.tandcparagraph {
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  text-decoration: none;
}

.button-23 {
  color: #302f2f;
  background-color: #0000;
  margin-bottom: 22px;
  font-size: 18px;
}

.general, .maintenancechanges {
  padding-bottom: 0;
}

.t-s-c-s-menu {
  width: 100%;
  margin-top: 7.5rem;
  overflow: hidden;
}

.rl-padding-section-large-8 {
  padding-top: 0;
  padding-bottom: 0;
}

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

.rl-padding-global-9 {
  padding-left: 5%;
  padding-right: 5%;
}

.web-design {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3rem;
  display: flex;
}

.rl_section_pricing18-2 {
  background-color: var(--relume-library-lite-rl-white);
}

.our-local-services {
  padding-top: 3.5rem;
  padding-bottom: 40rem;
  display: block;
  position: relative;
  overflow: hidden;
}

.our-local-services.hp {
  padding-bottom: 0;
  overflow: visible;
}

.featured-blogs {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  margin-bottom: 0;
  padding-top: 3.5rem;
  position: relative;
  overflow: visible;
}

.remote-session {
  width: 100%;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  position: relative;
  overflow: hidden;
}

.managed-it-support {
  width: 100%;
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
  position: relative;
  overflow: visible;
}

.contact-us {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 3.5rem;
  padding-bottom: 8rem;
  display: flex;
  overflow: hidden;
}

.image-hero {
  z-index: 0;
  background-image: linear-gradient(168deg, #0003, #0000 33%), radial-gradient(circle at 100% 90%, #ffffffab 35%, #0000 54%), url('../images/home-hero-using-2_1home hero using 2.webp');
  background-position: 0 0, 0 0, 30%;
  background-size: auto, auto, cover;
  position: absolute;
  inset: 0%;
}

.image-hero.web-hosting-hero {
  z-index: auto;
  filter: saturate(80%);
  width: 100%;
  height: 95%;
  transform-style: preserve-3d;
  background-image: url('../images/web-hosting-headache.avif');
  background-position: 0%;
  background-size: contain;
  display: block;
  inset: 0% 0% 0% auto;
  transform: translate(25%);
}

.image-hero.web-hosting-hero._365 {
  background-image: url('../images/ChatGPT-Image-Aug-21-2025-03_19_51-PM_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  height: 80%;
  transform: translate(25%, 7%);
}

.image-hero.web-rescue-hero {
  z-index: 3;
  background-image: url('../images/new-hoodie_1new hoodie_00000.webp');
  background-position: 50%;
  background-size: cover;
  border: 1px #0091ff;
  border-right: 10px #fff;
  border-bottom-right-radius: 0;
  height: 99%;
  display: none;
  inset: auto 0% 1% auto;
}

.image-hero.web-rescue-hero.antivirus {
  z-index: auto;
  filter: saturate(53%);
  background-image: url('../images/ChatGPT-Image-Aug-29-2025-01_35_39-PM_1.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  inset: auto 0% 0% auto;
}

.image-hero.web-rescue-hero.keeper {
  filter: brightness(107%) grayscale();
  background-image: url('../images/safe-4823208_1921safe-4823208_1920.webp');
  background-position: 25%;
  display: none;
  transform: translate(5%);
}

.image-hero.web-rescue-hero.dvm {
  filter: brightness(105%);
  background-image: url('../images/hammer-and-egg_1hammer and egg_00000.webp');
  background-position: 50% 100%;
  background-size: cover;
  display: block;
}

.image-hero.web-rescue-hero.pen-test {
  background-image: url('../images/key-and-hand_1key and hand_00000.webp');
  display: block;
}

.image-hero.home-page-hero {
  z-index: 2;
  filter: grayscale();
  background-image: url('../images/support-hands-new_1support hands new_00000.webp');
  background-position: 50%;
  background-size: cover;
  width: 60%;
  height: 99%;
  display: block;
  inset: 0% 0% 0% auto;
  transform: translate(18%);
}

.image-hero.web-design {
  z-index: 1;
  filter: brightness();
  width: 100%;
  height: 90vh;
  transform-style: preserve-3d;
  background-image: url('../images/79d8f18b-2322-4df0-ac14-79b663b68e4e_1.avif');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  display: block;
  inset: auto 0% 0% auto;
  transform: translate(20%);
}

.image-hero.maintenance-hero {
  z-index: 2;
  filter: saturate(85%);
  background-image: url('../images/website_babysitting_fullscreen_1920x1080_1.avif');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 80%;
  height: 100vh;
  inset: 0% 0% 0% auto;
  transform: translate(10%);
}

.image-hero._365-hero {
  background-image: none;
  inset: 0% 0% 0% auto;
}

.subheading-container {
  overflow: hidden;
}

.h2-container {
  padding-left: 0;
  overflow: visible;
}

.p-container {
  width: 90%;
  overflow: hidden;
}

.team-image-container {
  background-color: #3330;
  background-image: none;
  border-left: 1px #000;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  position: relative;
  overflow: hidden;
}

.team-image-container.adrian-image {
  background-image: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  position: relative;
  overflow: visible;
}

.team-image-container.pops-image {
  overflow: visible;
}

.image-3 {
  margin-left: 15px;
  margin-right: 15px;
  display: block;
}

._150-image {
  background-image: url('../images/will-turner-yS4VEyOgMEw-unsplash_1will-turner-yS4VEyOgMEw-unsplash.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1;
  margin-left: 10px;
  margin-right: 10px;
}

._150-image._27 {
  background-image: url('../images/hourly-backups-hero_1hourly backups hero.webp');
}

._150-image._20 {
  background-image: url('../images/support-hero_1support hero.webp');
}

._150-image._3 {
  background-image: url('../images/hourly-backups-hero_1hourly backups hero.webp');
}

._150-image._30 {
  background-image: url('../images/pars-sahin-puEX_dvFWhc-unsplash_1pars-sahin-puEX_dvFWhc-unsplash.webp');
}

._150-image._26 {
  background-image: url('../images/about-us-hero_1about us hero.webp');
}

._150-image._17 {
  background-image: url('../images/invest-hero_1invest hero.webp');
}

._150-image._21 {
  background-image: url('../images/website-maintenance-hero_1website maintenance hero.webp');
}

._150-image._12 {
  background-image: url('../images/andre-iv-RM73MZdIioQ-unsplash_1andre-iv-RM73MZdIioQ-unsplash.webp');
}

._150-image._5 {
  background-image: url('../images/web-repair-hero-horizontal_1web repair hero horizontal.webp');
}

._150-image._4 {
  background-color: #0091ff;
  background-image: none;
}

._150-image._7 {
  background-image: url('../images/proactive-support_1proactive support.webp');
}

._150-image._18 {
  background-image: url('../images/b2b-support_1b2b support.webp');
  background-position: 0%;
}

._150-image._22 {
  background-image: url('../images/web-rescue_1web rescue.webp');
  background-position: 80%;
}

._150-image._24 {
  background-color: #0091ff;
  background-image: none;
}

._150-image._15 {
  background-image: url('../images/web-hosting_1web hosting.webp');
  background-position: 50%;
}

._150-image._13 {
  background-image: url('../images/not-a-big-agency-hero_1not a big agency hero.webp');
}

._150-image._16 {
  background-image: url('../images/proactive-support_1proactive support.webp');
  background-position: 50%;
}

._150-image._25 {
  background-image: url('../images/touann-gatouillat-vergos-Izjg-QZRPgI-unsplash_1touann-gatouillat-vergos-Izjg-QZRPgI-unsplash.webp');
}

._150-image._29 {
  background-image: url('../images/ulysse-pointcheval-rTFcoptOQ4U-unsplash_1ulysse-pointcheval-rTFcoptOQ4U-unsplash.webp');
}

._150-image._9 {
  background-image: url('../images/homepage-hero_1homepage hero.webp');
  background-position: 10%;
}

._150-image._28 {
  background-image: url('../images/danil-shostak-wVso9-blKFw-unsplash_1danil-shostak-wVso9-blKFw-unsplash.webp');
}

._150-image._2 {
  background-image: url('../images/erik-mclean-jcsxshwzvk0-unsplash_1erik-mclean-jcsxshwzvk0-unsplash.webp');
}

._150-image._19 {
  background-image: url('../images/seo-hero_1seo hero.webp');
}

._150-image._10 {
  background-image: url('../images/b2b-hero_1b2b hero.webp');
}

._150-image._6 {
  background-image: url('../images/home-hero-2_2home hero 2.webp');
}

._150-image._23 {
  background-image: url('../images/wordpress-mini-web-rescue-size_1wordpress mini web rescue size.webp');
  background-position: 40%;
}

._150-image._14 {
  background-image: url('../images/web-security-hero.aep_1web security hero.aep.webp');
  background-position: 100%;
}

._150-image._11 {
  background-image: url('../images/well-designed-website-hero_1well designed website hero.webp');
}

._150-image._8 {
  background-image: url('../images/web-recovery-hero_1web recovery hero.webp');
}

.demo-wrapper {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

._150-image-row-wrapper {
  flex: 1;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
}

.demo-arrow-text {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  line-height: 12px;
}

.demo-bottom-buttons {
  z-index: 6;
  justify-content: space-between;
  align-items: center;
  display: block;
  position: fixed;
  inset: auto auto 20px 35px;
}

.browser-dot {
  background-color: #fc615d;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-left: 3px;
  margin-right: 3px;
}

.browser-dot.yellow {
  background-color: #fdbc40;
}

.browser-dot.green {
  background-color: #35cc4b;
}

.moving-section {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-bottom: 7.5rem;
  display: flex;
  overflow: hidden;
}

._150-image-wrapper-outer {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.browser-demo {
  z-index: auto;
  background-color: #1a1a1a;
  background-image: none;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  flex-wrap: nowrap;
  place-content: flex-end center;
  align-items: center;
  width: 800px;
  height: 400px;
  display: none;
  position: relative;
  overflow: hidden;
}

.demo-container {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.resize-text {
  display: none;
}

.demo-arrow-wrapper {
  cursor: pointer;
  background-color: #4d16dd;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.demo-arrow-wrapper.next {
  justify-content: flex-end;
  margin-left: 0;
  margin-right: 10px;
}

.browser-top {
  z-index: 1;
  background-color: #e2e2e2;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  align-items: center;
  height: 30px;
  padding-left: 15px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.demo-right-arrow-wrapper {
  z-index: 5;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100px;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

._150-image-wrapper-inner {
  flex-direction: column;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 150vw;
  height: 200vh;
  display: flex;
  position: absolute;
  transform: rotate(20deg);
}

.list-item-arrow {
  width: 18px;
  min-width: 18px;
}

.mega-category-list {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-left: 33px;
  padding-right: 33px;
  display: grid;
}

.mega-category-list.middle {
  grid-row-gap: 18px;
  border-left: 1px solid #e2e7f1;
  border-right: 1px solid #e2e7f1;
}

.navigation-cover {
  background-color: #f1f1f1;
  flex: 1;
  justify-content: space-between;
  height: 100%;
  margin-left: -1px;
  margin-right: -5px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.tablet-mobile-menu {
  display: none;
}

.nav-img-overlay {
  background-color: #0000008c;
  position: absolute;
  inset: 0%;
}

.navigation-links {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.full-menu-button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 80px;
  margin-right: -.5px;
  padding: 26px;
  display: flex;
}

.nav-item-img {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-content: center;
  height: 100%;
  padding: 30px 18px 30px 24px;
  font-size: .9rem;
  text-decoration: none;
  transition: box-shadow .4s cubic-bezier(.25, .46, .45, .94);
  display: grid;
  position: relative;
  overflow: hidden;
}

.nav-item-img:hover {
  box-shadow: 0 12px 36px -8px #3540751a;
}

.projects-search-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  height: 75px;
  display: grid;
}

.nav-menu-item-img {
  opacity: 0;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.nav-menu-item-img.link-bg-4 {
  transform-style: preserve-3d;
  background-image: url('../images/bird-and-flower_1bird and flower_00000.webp');
  background-position: 100% 15%;
  background-size: cover;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.nav-menu-item-img.link-bg-4:hover {
  background-image: url('../images/bird-and-flower_1bird and flower_00000.webp');
  background-position: 100% 15%;
  background-size: cover;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.nav-menu-item-img.link-bg-4.alt-link-4 {
  background-image: url('../images/motobike_1motobike_00000.webp');
  background-position: 78% 100%;
  background-size: contain;
}

.nav-menu-item-img.link-bg-4.alt-link-4.alt-it-support {
  background-image: url('../images/fed-up-guy_1fed up guy_00000.webp');
  background-position: 90% 100%;
}

.nav-menu-item-img.link-bg-4.original-bg-4-link.alt-pm {
  filter: brightness(130%) brightness(200%) grayscale();
  background-image: url('../images/safe-4823208_1921safe-4823208_1920.webp');
  background-size: contain;
  transform: none;
}

.nav-menu-item-img.link-bg-4.original-bg-4-link.alt-vm {
  background-image: url('../images/hammer-and-egg_1hammer and egg_00000.webp');
  background-position: 90% 15%;
  background-size: contain;
  transform: none;
}

.nav-menu-item-img.link-bg-4.original-bg-4-link.alt-pen-t {
  background-image: url('../images/key-and-hand_1key and hand_00000.webp');
  background-position: 90% 15%;
  background-size: contain;
  transform: none;
}

.nav-menu-item-img.link-bg-3 {
  background-image: url('../images/guardian-angel_1guardian angel_00000.webp');
  background-position: 100% 0;
}

.nav-menu-item-img.link-bg-5 {
  background-image: url('../images/web-managment_1web managment.webp');
  background-position: 100%;
}

.nav-menu-item-img.link-bg-5.alt-5 {
  background-image: url('../images/tools_2tools_00000.webp');
  background-position: 100% 40%;
  background-size: contain;
}

.nav-menu-item-img.link-bg-5.alt-5:hover {
  background-position: 100% 40%;
}

.nav-menu-item-img.link-bg-5.alt-5.alt-legal {
  filter: grayscale();
  background-image: url('../images/isolated-2532037_1921isolated-2532037_1920.webp');
  background-position: 90% 40%;
}

.nav-menu-item-img.link-bg-5.alt-5.alt-finance {
  background-image: url('../images/growth_1growth_00000.webp');
  background-position: 90% 40%;
}

.nav-menu-item-img.link-bg-8 {
  background-image: url('../images/phone-systems_1phone systems.webp');
  background-position: 0%;
}

.nav-menu-item-img.link-bg-8.alt-8 {
  background-image: url('../images/phones-hero_1phones hero_00000.webp');
  background-position: 90% 60%;
  background-size: contain;
}

.nav-menu-item-img.link-bg-2, .nav-menu-item-img.link-bg-2:hover {
  background-image: url('../images/hosting-girl-new-with-feather_1hosting girl new with feather_00000.webp');
  background-position: 65%;
  background-size: contain;
}

.nav-menu-item-img.link-bg-1, .nav-menu-item-img.link-bg-1:hover {
  background-image: url('../images/new-hoodie_1new hoodie_00000.webp');
  background-position: 100% 0;
  background-size: contain;
}

.nav-list-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #090b19;
  grid-template-rows: auto;
  grid-template-columns: 1fr 36px;
  grid-auto-columns: 1fr;
  align-items: center;
  height: 100%;
  padding: 30px 18px 30px 24px;
  font-size: .9rem;
  line-height: 1;
  text-decoration: none;
  display: block;
}

.nav-list-item.nav-layout {
  text-transform: uppercase;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  padding-left: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25em;
  display: block;
}

.nav-list-item.frosty {
  background-color: #ffffff42;
}

.menu-collection-list-item {
  border-bottom: 1px solid #e2e7f1;
}

.nav-menu-title-wrap {
  z-index: 10;
  letter-spacing: 3px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.mega-menu-list-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.dropdown-title {
  color: #6e7488;
  font-size: 16px;
  line-height: 1.6em;
}

.nav-item-text {
  color: #f1f1f1;
  letter-spacing: 2px;
  text-transform: capitalize;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3rem;
  text-decoration: none;
}

.nav-item-text.smaller {
  padding-bottom: 2px;
  line-height: 1.2;
}

.nav-item-text.smaller.no-caps {
  text-transform: lowercase;
  overflow-wrap: normal;
}

.menu-lottie {
  filter: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tablet-mobile-nav-links {
  display: none;
}

.left-navbar {
  z-index: 30;
  letter-spacing: -.03em;
  background-color: #ffffff4d;
  justify-content: space-between;
  width: auto;
  min-width: 300px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.left-navbar.frost {
  min-width: 200px;
}

.menu-wrapper {
  flex: 1;
  justify-content: flex-end;
  align-items: stretch;
  width: 33.33%;
  display: none;
  position: relative;
  overflow: hidden;
}

.nav-menu {
  z-index: 10;
  border: 1px #f3f6fc00;
  justify-content: flex-end;
  width: 50%;
  display: flex;
}

.mega-menu {
  z-index: 25;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: -1px;
  margin-right: -1px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.mega-menu.frost {
  display: block;
}

.mega-social-wrapper {
  justify-content: flex-end;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.nav-item-text-wrap {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 9px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
  position: relative;
  overflow: visible;
}

.large-menu-wrapper {
  z-index: 20;
  grid-column-gap: 0px;
  grid-row-gap: 36px;
  flex-direction: column;
  grid-template-rows: 75px auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 25px;
  display: grid;
  position: relative;
}

.nav-btn-text {
  z-index: 10;
  position: relative;
}

.primary-btn {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #eee;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: #fff0;
  border: 1px solid #eff3f6;
  border-radius: 100px;
  grid-template-rows: auto;
  grid-template-columns: 24px 1fr 24px;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding: 0;
  font-size: 10px;
  line-height: 1.3em;
  text-decoration: none;
  display: grid;
  position: relative;
}

.card-arrow-icon {
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.mega-menu-overlay {
  z-index: 20;
  background-color: #090b1980;
  display: block;
  position: fixed;
  inset: 0%;
}

.wrapper {
  z-index: 10;
  width: 100%;
  max-width: 1400px;
  position: relative;
}

.wrapper.navbar-wrapper {
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.nav-social-icon {
  background-color: #fff;
  background-image: none;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 10px;
  display: flex;
}

.nav-link {
  color: #090b19;
  letter-spacing: 3px;
  text-transform: uppercase;
  white-space: nowrap;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: .7rem;
  font-weight: 900;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav-link.w--current {
  color: #090b19;
}

.nav-link-hover-button {
  border: 1px solid #ffffff1f;
  border-radius: 100px;
  width: 100%;
  height: 46px;
  position: absolute;
}

.mega-navbar {
  z-index: 999999999;
  background-color: #ddd0;
  justify-content: center;
  height: 75px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-link-icon {
  width: 18px;
  min-width: 18px;
}

.text-block-78, .text-block-79 {
  color: #fff;
  font-size: 1.2rem;
}

.image-71 {
  filter: brightness(115%) saturate(200%);
  width: 12rem;
}

.no-overflow-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
  overflow: visible;
}

.no-overflow {
  padding-left: 0;
  overflow: visible;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.link-123 {
  display: none;
}

.nav-section {
  z-index: 999999;
  width: 100%;
  display: none;
  position: absolute;
  overflow: visible;
}

.link-block-24 {
  text-decoration: none;
}

.section-2 {
  height: auto;
}

.list-item-3 {
  margin-bottom: 20px;
}

.mini-h1 {
  color: #333;
  margin-top: 30px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}

.mini-h1.white {
  color: #fff;
  text-transform: capitalize;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2rem;
}

.mini-h1.white.not-white-on-desktop {
  color: #333;
  font-size: 1rem;
  line-height: 2rem;
}

.thankyou {
  height: auto;
  padding-top: 4rem;
  padding-bottom: 20rem;
}

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

.contact {
  background-color: #333;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 13.1rem;
  display: flex;
  position: relative;
}

.contact.less-top-padding {
  background-color: #fff;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
  padding-top: 0;
  padding-bottom: 10rem;
}

.contact.less-top-padding.contact-form {
  padding-bottom: 15rem;
}

.div-block-228 {
  border: 3px solid var(--new-black);
  background-color: var(--untitled-ui-gray50-501);
  border-radius: 1.87rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  margin-bottom: 55px;
  padding-top: 5px;
  padding-left: 20px;
  font-style: normal;
  display: flex;
  box-shadow: 0 2px 20px 4px #0003;
}

.div-block-229 {
  width: 100%;
  height: 4rem;
}

.link-139 {
  color: #333;
  font-style: normal;
}

.link-139:hover {
  color: #ff8c00;
}

.link-139.contact-links {
  color: #333;
  font-size: 1.2rem;
  text-decoration: none;
  transition: color .25s;
}

.link-139.contact-links:hover {
  color: #ff8c00;
}

.link-140 {
  color: #333;
  font-style: normal;
}

.link-140:hover {
  color: #ff8c00;
}

.link-140.contact-links {
  color: #333;
  font-size: 1.2rem;
  text-decoration: none;
  transition: color .25s;
}

.link-140.contact-links:hover {
  color: #ff8c00;
}

.link-141 {
  color: #333;
  font-style: normal;
}

.link-141:hover {
  color: #ff8c00;
}

.link-141.contact-links {
  color: #333;
  font-size: 1.2rem;
  text-decoration: none;
}

.link-141.contact-links:hover {
  color: #ff8c00;
}

.text-block-95 {
  color: var(--new-black);
  margin-top: 10px;
  transition: color .25s;
}

._3-rem-padding {
  height: 3rem;
}

._3-rem-padding._10-rem {
  height: auto;
  margin-top: -35rem;
  overflow: hidden;
}

._3-rem-padding._10-rem.hidden {
  margin-top: -15rem;
  padding-top: 0;
}

._3-rem-padding._10-rem.hidden.web-r-bottom {
  margin-top: 0;
}

.testimonials {
  z-index: -2;
  background-color: #44404000;
  background-image: linear-gradient(#f9fafb 17%, #ff8c00 17%, #fff 90%);
  border-right: 10px #0000000d;
  border-top-right-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 3rem;
  padding-bottom: 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.message-before-contact-form {
  z-index: 999;
  background-color: #fff;
  border-right: 10px #0091ff;
  padding-top: 0;
  padding-bottom: 7rem;
  position: relative;
  overflow: visible;
}

.message-before-contact-form.message-before-it {
  background-color: #fff0;
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.message-before-contact-form.web-h-contact {
  background-color: #fff0;
}

.uui-testimonial05_content {
  z-index: 99;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 64rem;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.question-mark-orange {
  color: #0091ff;
  font-weight: 600;
}

.rl_testimonial15_logo {
  border-radius: 50%;
  width: 55px;
  height: 55px;
  position: relative;
}

.rl_testimonial15_logo.not-round {
  border-radius: 0%;
}

.rl_testimonial15_logo.longer {
  width: 65px;
}

.rl_testimonial15_logo.longer.simara {
  width: 60px;
}

.rl_testimonial15_divider {
  background-color: #0091ff;
  align-self: stretch;
  width: 1px;
}

.rl_testimonial15_divider.blue-1-5px-wide {
  background-color: #0091ff00;
  background-image: radial-gradient(circle at 0 0, #ff8c00, gold);
  width: 1px;
}

.rl_testimonial15_divider.blue-2px-wide {
  background-color: #0091ff00;
  background-image: radial-gradient(circle at 100% 0, #ff8c00, gold);
  width: 1px;
}

.rl_testimonial15_divider.white-1-px {
  color: #0e141b;
  background-color: #0e141b;
  background-image: none;
  width: 2px;
}

.rl_testimonial15_divider.white-1-px.black {
  background-color: #0e141b;
  background-image: none;
}

.rl-text-style-regular {
  color: var(--relume-library-lite-rl-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl-text-style-regular.white {
  color: #0e141b;
  font-family: Exo, sans-serif;
  font-size: .9rem;
}

.rl-text-style-regular.white.actually-white {
  color: #fff;
}

.rl_testimonial15_client-name-text {
  color: var(--relume-library-lite-rl-black);
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.rl_testimonial15_client-name-text.white {
  color: #0e141b;
  font-family: Exo, sans-serif;
  font-size: .9rem;
}

.rl_testimonial15_client-name-text.white.actually-white {
  color: #fff;
}

.rl_testimonial15_client-info {
  color: #333;
  width: 25%;
  line-height: 1.5rem;
}

.rl_testimonial15_client-info.smaller-review.for-mini-review {
  text-align: center;
  width: 95%;
  margin-top: 20px;
}

.rl_testimonial15_client-info._20 {
  width: 20%;
}

.rl_testimonial15_client {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  text-align: left;
  justify-content: center;
  align-items: center;
  display: flex;
}

.rl_testimonial15_client.margin-top {
  text-decoration: none;
}

.rl-container-large-10 {
  z-index: 999;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.rl-padding-global-11 {
  padding-left: 0%;
  padding-right: 0%;
}

.rl_layout1_image {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.rl_layout1_image.not-round-bottom-right-corner {
  border-bottom-right-radius: 0;
  display: none;
}

.rl_layout1_spacing-block-3-9 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl_layout1_spacing-block-2-9 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl_layout1_content-9.general-web-repair {
  opacity: 1;
  background-image: none;
  border: 3px #ff8c00;
  border-top-left-radius: 50px;
  padding: 0;
  position: static;
}

.rl_layout1_content-9.lost-and-broken {
  padding: 0;
}

.rl_layout1_content-9.wordpress-web-repair {
  margin-top: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 20px;
}

.rl_layout1_content-9.website-reformatting {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.rl_layout1_component-9 {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  position: static;
}

.rl_layout1_component-9.wordpress-repair {
  grid-column-gap: .75rem;
  grid-row-gap: 3.75rem;
  grid-template-rows: auto auto;
}

.rl_section_layout1-9 {
  background-color: #fff0;
}

.lost-and-broken-website-recovery {
  margin-top: 5rem;
  padding-top: 3.5rem;
  padding-bottom: 2rem;
  position: relative;
}

.lost-and-broken-website-recovery.anti {
  display: none;
}

.general-web-repair {
  z-index: auto;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  position: relative;
}

.general-web-repair.anti {
  display: none;
}

.wordpress-web-repair {
  margin-top: 3.5rem;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}

.wordpress-web-repair.anti {
  display: none;
}

.website-reformatting {
  margin-top: 5.5rem;
  margin-bottom: 5.5rem;
  padding-top: 2rem;
  padding-bottom: 6rem;
  position: relative;
}

.website-reformatting.defectswarranties {
  display: none;
}

.faq-original {
  z-index: 1;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  position: relative;
  overflow: visible;
}

.faq-original.dark-blue {
  background-color: var(--new-black);
}

.team-section-original {
  z-index: 1;
  background-color: #3330;
  background-image: none;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  overflow: visible;
}

.team-section-original.wbhteam {
  z-index: 1;
}

.text-span-354 {
  color: #fff;
}

.contact-form-embed {
  padding-bottom: 3.5rem;
}

.privacy-policy {
  padding-bottom: 5rem;
}

.div-block-249 {
  width: 90%;
  padding-top: 7rem;
}

.case-study {
  background-color: #fff0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.slow-websites {
  margin-bottom: 5rem;
  padding-top: 3.5rem;
  padding-bottom: 24.1rem;
  display: block;
  position: relative;
}

.slow-websites.trans {
  margin-bottom: 0;
  padding-bottom: 0;
}

.link-142 {
  color: #ff8c00;
}

.link-142:hover {
  color: #0091ff;
}

.link-143 {
  color: #ff8c00;
}

.link-143:hover {
  color: #0091ff;
}

.paragraph-9 {
  opacity: .3;
  color: #000;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #fff), url('../images/logo_1logo.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.5rem;
  line-height: 1.8rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.rl-button-link-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.rl-button-link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px none var(--relume-library-lite-rl-black);
  color: var(--relume-library-lite-rl-black);
  text-align: center;
  background-color: #0000;
  padding: .25rem 0;
  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;
  text-decoration: none;
  display: flex;
}

.rl-button-secondary {
  border: 1px solid var(--relume-library-lite-rl-black);
  background-color: var(--relume-library-lite-rl-white);
  color: var(--relume-library-lite-rl-black);
  text-align: center;
  padding: .75rem 1.5rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
}

.rl-button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.rl_layout192_spacing-block-3-5 {
  width: 100%;
  padding-bottom: 2rem;
}

.rl_layout192_spacing-block-2-5 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl_layout192_spacing-block-1 {
  width: 100%;
  padding-bottom: 1rem;
}

.rl-text-style-subheading {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

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

.rl-padding-section-large-9 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

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

.rl-padding-global-12 {
  padding-left: 5%;
  padding-right: 5%;
}

.rl_section_layout192 {
  background-color: var(--relume-library-lite-rl-white);
}

.hacking-video {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  display: none;
}

.html-embed-6 {
  width: 561px;
  max-width: 100%;
  height: 316px;
  margin-top: 0;
}

.image-96 {
  width: 190px;
  padding-top: 15px;
}

.image-96.smaller {
  width: 120px;
}

.image-96.smaller.no-margin-top {
  padding-top: 0;
}

.image-96.above {
  margin-top: 15px;
  padding-top: 0;
  position: relative;
}

.image-96.above.tbs-logo {
  width: 250px;
}

.image-96.no-margin-top {
  max-width: 32%;
  padding-top: 0;
}

.image-96.no-margin-top.smaller.mobile {
  display: none;
}

.image-96.no-margin-top.white {
  background-color: var(--relume-library-lite-rl-white);
  border-radius: 1.187rem;
  padding: 5px 10px;
}

.image-96.no-margin-top.charcoal {
  background-color: #333;
  border-radius: 5px;
  width: 150px;
  padding: 5px;
}

.image-96.no-margin-top._11recruitment {
  background-color: #5382b2;
  border-radius: 5px;
}

.image-96.no-margin-top._11recruitment.mini-review {
  background-color: #5382b200;
  width: 190px;
  max-width: 100%;
  margin-top: 15px;
}

.image-96.no-margin-top.tbs {
  margin-top: -20px;
  margin-bottom: -20px;
}

.image-96.no-margin-top.gutter {
  width: 90px;
}

.image-96.no-margin-top.centrefs {
  width: 120px;
}

.image-96.no-margin-top.invert {
  filter: grayscale() invert();
}

.popup-toggle {
  color: #fff;
  cursor: pointer;
}

.popup-background {
  z-index: 0;
  background-color: #000000a6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.popup-close {
  z-index: 9999;
  color: #000;
  cursor: pointer;
  background-color: #e9e9e9;
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  display: flex;
  position: absolute;
  inset: 1em 1em auto auto;
}

.website-maintenance-pricing {
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
}

.website-maintenance-pricing.lessmargin-top {
  padding-top: 1rem;
}

.link-144, .link-145, .link-146 {
  color: #ff8c00;
}

.text-block-108 {
  color: #fff;
  padding-top: 20px;
}

.text-block-108:hover {
  color: #ff8c00;
}

.link-block-26 {
  color: #fff;
  text-decoration: none;
}

.link-block-26:hover {
  color: #ff8c00;
}

.link-block-27 {
  text-decoration: none;
}

.uptime-guarantee, .server-maintenance {
  padding-bottom: 0;
}

.link-149, .link-150 {
  color: #ff8c00;
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-row.button-row-center {
  justify-content: center;
}

.uui-text-size-medium {
  color: var(--untitled-ui-gray600);
  letter-spacing: normal;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-space-xxsmall-2 {
  width: 100%;
  min-height: .5rem;
}

.uui-heading-xxsmall {
  color: #fff;
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-heading-xxsmall.black {
  color: #333;
}

.uui-heading-xxsmall.bigger {
  font-size: 2rem;
  font-weight: 400;
}

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

.uui-layout75_icon {
  width: 4rem;
  height: 4rem;
  margin-top: -2rem;
}

.uui-layout75_icon.reverse {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.uui-layout75_item {
  z-index: 1;
  border: 1px none var(--border-grey);
  text-align: center;
  background-color: #fff0;
  border-radius: 2rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 220px;
  min-height: 220px;
  margin-top: 2rem;
  padding: 0 1.5rem 2rem;
  display: flex;
  position: relative;
}

.uui-layout75_item:hover {
  box-shadow: 0 2px 20px #0091ff99;
}

.uui-layout75_item.antiv {
  height: 300px;
  min-height: 300px;
}

.uui-layout75_item.local-businesses {
  background-color: #333;
  border: 2px #0091ff;
  height: auto;
  text-decoration: none;
}

.uui-layout75_item.local-businesses:hover {
  box-shadow: none;
}

.uui-layout75_item.local-businesses.grey {
  background-color: var(--untitled-ui-gray50-501);
  border: 2px solid #0091ff;
  min-height: 250px;
  padding-bottom: 1rem;
  text-decoration: none;
}

.uui-layout75_item.local-businesses.grey:hover {
  box-shadow: none;
}

.uui-layout75_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch end;
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 0;
  display: grid;
  position: static;
}

.uui-badge {
  grid-column-gap: .375rem;
  background-color: var(--untitled-ui-gray100);
  color: var(--untitled-ui-gray700);
  white-space: nowrap;
  border-radius: 10rem;
  align-items: center;
  padding: .125rem .625rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.uui-badge.is-primary {
  background-color: var(--untitled-ui-primary50);
  color: var(--untitled-ui-primary700);
}

.uui-max-width-large {
  z-index: 1;
  width: 100%;
  max-width: 48rem;
  position: relative;
}

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

.uui-layout75_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 7rem;
  padding-bottom: 0;
}

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

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

.uui-section_layout75 {
  padding-bottom: 8rem;
  display: block;
  position: relative;
}

.uui-layout09_item-text-wrapper {
  width: 100%;
  padding-left: 10px;
}

.uui-layout09_item-icon-wrapper {
  align-self: flex-start;
  width: 150px;
  margin-right: .75rem;
}

.uui-layout09_item-icon-wrapper.pen-test {
  justify-content: center;
  align-items: center;
  width: 300px;
  display: flex;
}

.uui-layout09_item {
  display: flex;
}

.uui-layout09_item.rescue-emergency {
  border: 1px solid var(--relume-library-lite-rl-white);
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  box-shadow: 0 2px 5px #0003;
}

.uui-layout09_item.rescue-emergency.white {
  background-color: #fff;
  min-height: 0;
}

.uui-layout09_item-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  margin-bottom: 2.5rem;
  display: grid;
}

.uui-layout09_content {
  padding-bottom: 3.5rem;
  position: relative;
}

.uui-layout09_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.uui-section_layout09 {
  position: relative;
}

.div-block-266 {
  background-color: #0000;
  background-image: linear-gradient(#f9fafbf2, #f9fafbf2), url('../images/logo-tight_1logo tight_00000.webp');
  background-position: 0 0, 75% 0;
  background-size: auto, 2500px;
  border-top-left-radius: 50px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 50px;
  width: 55%;
  height: 100%;
  margin-left: 0%;
  margin-right: 1%;
  position: absolute;
  inset: 0% 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.div-block-266.no-white-border.full.emergency-section {
  border-top: 2px solid var(--border-grey);
  border-bottom: 2px solid var(--border-grey);
  border-left: 2px solid var(--border-grey);
  box-shadow: none;
  background-color: #ff8c00;
  background-image: none;
  margin-right: 0%;
}

.div-block-266.contact-form-part {
  border: 1px solid var(--border-grey);
  background-image: linear-gradient(#f9fafbb3, #f9fafbb3);
  background-position: 0 0;
}

.h2-heading-new {
  font-family: Exo, sans-serif;
  font-weight: 500;
  position: static;
  inset: auto 0% 105% auto;
}

.h2-heading-new.white {
  color: #fff;
}

.h2-heading-new.white.black-fade {
  color: #333;
  font-weight: 700;
}

.h2-heading-new.multi-colour {
  color: var(--relume-library-lite-rl-black);
  text-align: left;
  text-transform: capitalize;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-size: 2.5rem;
  line-height: 3.5rem;
  position: static;
}

.h2-heading-new.multi-colour._48-rem {
  max-width: 48rem;
  color: var(--relume-library-lite-rl-black);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  line-height: 3.5rem;
}

.h2-heading-new.multi-colour._48-rem.white {
  background-image: radial-gradient(circle at 0 0, #fff, #ff8c00 37%);
}

.h2-heading-new.multi-colour._48-rem.white.smaller {
  font-size: 1.5rem;
}

.h2-heading-new.multi-colour._48-rem._40rem {
  max-width: 40rem;
  color: var(--relume-library-lite-rl-black);
  transform: none;
}

.h2-heading-new.multi-colour._48-rem._40rem.h3 {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.h2-heading-new.multi-colour._48-rem._40rem._1390px {
  max-width: 100%;
}

.h2-heading-new.multi-colour._48-rem.margin-top {
  margin-top: 50px;
}

.h2-heading-new.multi-colour._48-rem.margin-top.backups {
  font-size: 2rem;
}

.h2-heading-new.multi-colour._48-rem.margin-top.backups.h3-version {
  font-size: 1.5rem;
  line-height: 3rem;
}

.h2-heading-new.multi-colour._48-rem.margin-top.cs {
  font-size: 2rem;
}

.h2-heading-new.multi-colour._48-rem.margin-top.cs.h3-version {
  color: var(--relume-library-lite-rl-black);
  margin-top: 10px;
  font-size: 1.5rem;
  line-height: 3rem;
}

.h2-heading-new.multi-colour._48-rem.margin-top.cs.h3-version.white {
  color: var(--relume-library-lite-rl-white);
  background-image: none;
}

.h2-heading-new.multi-colour._48-rem.margin-top.cs.h3-version.white.cases {
  opacity: 100;
}

.h2-heading-new.multi-colour._48-rem.cs {
  max-width: none;
  font-size: 2rem;
}

.h2-heading-new.multi-colour._48-rem.cs.h3-version {
  font-size: 1.5rem;
  line-height: 3rem;
}

.h2-heading-new.multi-colour._48-rem.h3-version {
  font-size: 1.7rem;
  line-height: 2.7rem;
}

.h2-heading-new.multi-colour._48-rem.h3-version.black {
  color: #333;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-top: 30px;
}

.h2-heading-new.multi-colour.white {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.h2-heading-new.multi-colour.bigger.left-5px-margin {
  color: var(--relume-library-lite-rl-black);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.h2-heading-new.multi-colour.bigger.left-5px-margin.centred {
  text-align: center;
}

.h2-heading-new.multi-colour.large {
  color: #0e141b;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  line-height: 3.5rem;
}

.h2-heading-new.multi-colour.large.centred.colour-shifted.padding-bottom {
  background-image: radial-gradient(circle at 0 0, #000 32%, #ff8c00 56%);
}

.h2-heading-new.multi-colour.large.centred.colour-shifted.padding-bottom.bigger {
  margin-top: 5rem;
  font-size: 4.4rem;
  line-height: 5.4rem;
}

.h2-heading-new.multi-colour.large.colour-more-black {
  color: #0e141b;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.h2-heading-new.multi-colour.large.colour-more-black.white {
  opacity: 100;
  color: var(--relume-library-lite-rl-white);
}

.h2-heading-new.multi-colour.large.colour-more-black.white.above {
  position: relative;
}

.h2-heading-new.multi-colour.faq {
  color: var(--relume-library-lite-rl-black);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-size: 2rem;
  font-weight: 600;
  line-height: 3rem;
}

.h2-heading-new.multi-colour.faq.white {
  color: var(--relume-library-lite-rl-white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-size: 1.9rem;
  line-height: 2.9rem;
}

.h2-heading-new.multi-colour.faq.white.smaller {
  background-image: none;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.h2-heading-new.multi-colour.faq.white.case-studies-headings {
  background-image: radial-gradient(circle farthest-corner at 0% 0%, var(--relume-library-lite-rl-black) 37%, darkorange 73%);
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.h2-heading-new.multi-colour.faq.centred {
  text-align: center;
}

.h2-heading-new.multi-colour.faq.marcus {
  color: var(--relume-library-lite-rl-white);
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  border-left: 3px #0091ff;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 0 0 .5rem;
  font-size: 1.5rem;
  line-height: 2.25rem;
}

.h2-heading-new.multi-colour.faq.marcus.centred {
  color: #0e141b;
}

.h2-heading-new.multi-colour.faq.whiter {
  color: var(--relume-library-lite-rl-white);
}

.h2-heading-new.multi-colour.faq.whiter._10px-margin-top {
  margin-top: 10px;
}

.h2-heading-new.multi-colour.centered {
  color: var(--relume-library-lite-rl-black);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-size: 3.45rem;
  line-height: 4rem;
}

.h2-heading-new.multi-colour.centered.colourshifted-black {
  text-align: center;
  background-image: radial-gradient(circle at 0 0, #000 32%, #ff8c00 60%);
}

.h2-heading-new.multi-colour.centered.colourshifted-black.margin-bottom {
  margin-bottom: 50px;
}

.h2-heading-new.multi-colour.centered.integrity-review {
  color: #0e141b;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  border-left: 4px #0091ff;
  margin-top: 0;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
}

.h2-heading-new.multi-colour.centered.integrity-review.decode-review.decode-bigger {
  text-align: center;
  background-image: radial-gradient(circle at 0 0, #000 23%, #ff8c00 60%);
  border-left-style: none;
  font-size: 4rem;
  line-height: 5.5rem;
}

.h2-heading-new.multi-colour.centered.integrity-review.decode-review.medium {
  font-size: 2.5rem;
}

.h2-heading-new.multi-colour.centered.integrity-review.bigger {
  text-align: center;
  background-image: radial-gradient(circle at 0 0, #000 5%, #ff8c00 60%);
  border-left-width: 3px;
  max-width: 100%;
  font-size: 4rem;
  line-height: 5.5rem;
}

.h2-heading-new.multi-colour.centered.integrity-review.smaller-test {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.7rem;
}

.h2-heading-new.multi-colour.centered.blue {
  filter: none;
  color: var(--relume-library-lite-rl-black);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Exo, sans-serif;
  font-style: normal;
  font-weight: 500;
}

.h2-heading-new.multi-colour.padding-bottom {
  text-align: center;
  background-image: radial-gradient(circle at 0 0, #fff, #ff8c00 37%);
  margin-bottom: 3rem;
}

.h2-heading-new.multi-colour._80-rem.more-line-space {
  max-width: 60rem;
  line-height: 6rem;
}

.h2-heading-new.multi-colour._80-rem.more-line-space.no-caps {
  text-transform: none;
}

.h2-heading-new.multi-colour._80-rem.white._2-5-x-4rem {
  background-image: radial-gradient(circle at 0 0, #fff 15%, #ff8c00 37%);
  border-left: 3px #0091ff;
  width: 80%;
  margin-top: 3.5rem;
  margin-bottom: 25px;
  padding-top: 0;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 2rem;
}

.h2-heading-new.multi-colour.dont-stress-web-r.no-caps {
  text-transform: none;
}

.h2-heading-new.multi-colour.more-line-gap {
  line-height: 5rem;
}

.h2-heading-new.multi-colour.more-line-gap.not-caps {
  text-transform: none;
}

.h2-heading-new.multi-colour.thankyouheading {
  margin-left: 0%;
}

.h2-heading-new.multi-colour.margin-top {
  margin-top: 100px;
  font-weight: 500;
}

.h2-heading-new.multi-colour.margin-top.big-menu {
  width: 100%;
  margin-top: 0;
  font-size: 4.4rem;
  line-height: 5.4rem;
}

.h2-heading-new.multi-colour.cs {
  width: 100%;
}

.h2-heading-new.under-h1 {
  max-width: 40rem;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 2.3rem;
}

.h2-heading-new.under-h1.white {
  font-weight: 600;
}

.h2-heading-new.under-h1.white.smaller.web-h-heading {
  max-width: 40rem;
  text-shadow: 5px -3px 6px var(--new-black);
  background-color: #0e141b00;
}

.h2-heading-new.under-h1.white.smaller.web-h-heading.trans {
  color: #3330;
}

.h2-heading-new.under-h1.white.homepage {
  max-width: 40rem;
  color: var(--relume-library-lite-rl-white);
  font-size: 1.3rem;
  line-height: 2.3rem;
}

.h2-heading-new.under-h1.web-h-heading {
  max-width: 40rem;
}

.h2-heading-new.h3-size {
  color: #333;
  text-transform: capitalize;
  font-size: 24px;
  line-height: 30px;
}

.h2-heading-new.h3-size.menu {
  color: #0e141b;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-size: 2rem;
  font-weight: 600;
  line-height: 35px;
}

.h2-heading-new.h3-size.menu.white {
  opacity: 100;
  color: var(--relume-library-lite-rl-white);
}

.h2-heading-new.h3-size.menu.white.bigger {
  font-size: 2.5rem;
}

.h2-heading-new.h3-size.menu.white.bigger._55 {
  max-width: 55%;
  line-height: 1.4;
}

.h2-heading-new.multi-colour {
  text-align: left;
  text-transform: capitalize;
  -webkit-text-fill-color: transparent;
  background-image: radial-gradient(circle at 0 0, #000, #ff8c00 37%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 2.5rem;
  line-height: 3.5rem;
  position: static;
}

.h2-heading-new.multi-colour.faq {
  font-size: 2rem;
  line-height: 3rem;
}

.h2-heading-new.multi-colour.faq.white {
  background-image: radial-gradient(circle at 0 0, #fff, #ff8c00 37%);
  font-size: 1.9rem;
  line-height: 2.9rem;
}

.h2-heading-new.multi-colour.faq.white.team-mobile {
  opacity: 100;
  background-image: none;
}

.h2-heading-new.multi-colour.faq.white.smaller {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

.h2-heading-new.multi-colour.white {
  color: var(--relume-library-lite-rl-white);
  background-image: none;
}

.white-full-stop {
  color: var(--relume-library-lite-rl-white);
  font-size: 45px;
}

.div-block-267 {
  border-bottom-left-radius: 0;
  width: 95%;
  height: 100%;
  position: relative;
}

.image-100 {
  z-index: 999;
  width: 45%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-100.image-reasons-hacked {
  width: auto;
  max-width: none;
  height: 40%;
  max-height: 43%;
  display: block;
}

.image-100.image-reasons-hacked.antiv {
  height: 28%;
  max-height: 28%;
}

.image-100.image-reasons-hacked.dv {
  height: 35%;
}

.image-100.image-reasons-hacked.pm {
  height: 34%;
  max-height: 36%;
}

.contact-form-section {
  margin-bottom: 0;
  padding-bottom: 2.5rem;
  position: relative;
  overflow: hidden;
}

.container-69 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-268 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-268.clear {
  background-color: #ff8c0000;
}

.div-block-269 {
  background-color: #fff;
  border-right: 5px solid #ff8c00;
  border-top-right-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-269.white {
  border-right-style: none;
}

.div-block-269.wd-option {
  background-color: #fff0;
  border-right-style: none;
  border-top-left-radius: 50px;
  border-top-right-radius: 0;
  box-shadow: 0 2px 5px #0003;
}

.div-block-269.wd-option.no-border {
  border-right-style: none;
}

.div-block-269.wd-option.no-border.white-no-shadow, .div-block-269.wd-option.it-option {
  box-shadow: none;
  border-top-left-radius: 0;
}

.secure-hosting {
  background-color: #ff8c00;
  margin-right: 0;
  padding-right: 0;
  position: relative;
}

.secure-hosting.wd.bottom-gap {
  background-color: var(--untitled-ui-gray50-501);
  border-top-left-radius: 50px;
  margin-bottom: 7.5rem;
  margin-left: 12%;
}

.secure-hosting.wd.bottom-gap.no-margin-left.linear {
  background-color: #f9fafb00;
  background-image: linear-gradient(180deg, var(--untitled-ui-gray50-501), white);
  border-top-left-radius: 0;
  margin-bottom: 0;
  margin-left: 0%;
  padding-bottom: 7.5rem;
  overflow: visible;
}

.div-block-270 {
  background-color: #fff0;
  border-top-left-radius: 50px;
  width: 70%;
  height: 400px;
  position: static;
}

.uui-layout32_timeline-right {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.uui-icon-featured-outline-large-2 {
  background-color: var(--darkorange);
  width: 3.5rem;
  height: 3.5rem;
  color: var(--untitled-ui-primary600);
  border: .5rem solid #ffcd90;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uui-layout32_timeline-icon-wrapper {
  z-index: 1;
  background-color: #fff0;
  margin-top: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}

.uui-layout32_timeline-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.uui-layout32_timeline-step {
  grid-column-gap: 2.5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
}

.uui-layout32_progress-bar {
  background-color: #0091ff;
  width: 2px;
  height: 100%;
}

.uui-layout32_progress-bar-wrapper {
  background-color: #0091ff;
  width: 2px;
  height: 75%;
  position: absolute;
  top: 10%;
  left: 1.75rem;
  right: auto;
}

.uui-layout32_timeline-wrapper {
  position: relative;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.uui-layout32_content-left {
  z-index: 8;
  position: relative;
}

.uui-layout32_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
  position: relative;
}

.uui-padding-vertical-xhuge-3 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-section_layout32 {
  background-color: #fff;
  border-top-left-radius: 0;
  margin-left: 10px;
}

.white {
  opacity: .9;
  color: #fff;
}

.white.bold.bigger {
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
}

.white.bold.bigger.margin-top-10px.smaller {
  font-size: 1rem;
}

.white.margin-top {
  margin-top: 15px;
}

.our-process {
  background-color: #fff;
  position: relative;
}

.div-block-274 {
  z-index: 1;
  background-image: url('../images/handshake-new_1handshake new_00000.webp');
  background-position: 50%;
  background-size: cover;
  border-left: 5px #333;
  border-top-left-radius: 0;
  width: 57%;
  height: 100%;
  padding-left: 0;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.div-block-274.hands-rescue {
  filter: brightness(90%);
}

.image-101 {
  width: 60px;
  max-width: 100%;
  position: absolute;
}

.uui-layout79_content-right {
  z-index: 1;
  width: 100%;
  position: relative;
}

.uui-layout79_content-left {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: flex;
}

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

.uui-layout79_component {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.uui-padding-vertical-xhuge-4 {
  padding-top: 2rem;
  padding-bottom: 2.5rem;
}

.uui-padding-vertical-xhuge-4.less-padding {
  padding-bottom: 0;
}

.protection {
  border-right: 1px #000;
  position: relative;
}

.div-block-275 {
  z-index: 1;
  background-color: #3330;
  background-image: radial-gradient(circle at 100% 100%, #333333f2 34%, #838383f2), url('../images/logo-tight_1logo tight_00000.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, 2500px;
  border-top: 2px solid #ff8c00;
  border-bottom: 2px solid #ff8c00;
  border-right: 2px solid #ff8c00;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  width: 33%;
  height: 103.5%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.div-block-275.above {
  z-index: 1;
}

.div-block-276 {
  z-index: 5;
  background-color: #ff8c00;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  width: 100%;
  height: 84%;
  margin-left: 15px;
  margin-right: 0;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.image-102 {
  z-index: 6;
  width: 56%;
  display: block;
  position: absolute;
  inset: auto 0% 0 auto;
}

.image-102.syringe-apple-bottom-left-curve {
  width: auto;
  max-width: none;
  height: 32%;
  max-height: 35%;
  display: block;
}

.image-102.syringe-apple-bottom-left-curve.avast-version, .image-102.syringe-apple-bottom-left-curve.paw {
  display: none;
}

.div-block-277 {
  z-index: 2;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  position: relative;
}

.section-8 {
  background-color: var(--untitled-ui-gray50-501);
  border-right: 5px solid #0091ff;
  justify-content: center;
  align-items: center;
  padding-top: 7.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: static;
}

.section-8._100 {
  padding-top: 8.5rem;
}

.section-8._100.but-dont-stress.keeper-version {
  z-index: 1;
  position: relative;
}

.section-8._100.but-dont-stress.antivirus-version {
  padding-bottom: 8.5rem;
}

.div-block-278 {
  z-index: 9;
  background-color: #fff;
  border-left: 3px solid #0091ff;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 0;
  max-width: 850px;
  padding-left: 5rem;
  padding-right: 5rem;
  position: static;
  inset: auto auto 0% 0%;
  box-shadow: 0 2px 5px #0003;
}

.div-block-278.white-and-no-shadow.blue-border-right {
  box-shadow: none;
  border-left: 3px solid #0091ff;
  position: relative;
}

.div-block-278.white-and-no-shadow.blue-border-right.clear.no-border {
  text-align: center;
  border-left-style: none;
  max-width: none;
}

.div-block-278.white-and-no-shadow.blue-border-right.clear.no-border.margin1920-bottm {
  padding-bottom: 1rem;
}

.div-block-278.clear {
  box-shadow: none;
  background-color: #fff0;
}

.div-block-278.it {
  box-shadow: none;
  background-color: #fff0;
  border-left-style: none;
}

.uui-text-size-medium-2 {
  color: var(--untitled-ui-gray600);
  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;
}

.uui-space-xxsmall-3 {
  width: 100%;
  min-height: .5rem;
}

.uui-heading-xxsmall-2 {
  color: var(--untitled-ui-gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-layout97_image-wrapper {
  background-color: #f9fafb00;
  background-image: linear-gradient(#fff 50%, #0091ff 50%);
  width: 100%;
  margin-bottom: 1.5rem;
  position: relative;
}

.uui-layout97_item {
  flex-direction: column;
  align-items: center;
}

.uui-layout97_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: grid;
}

.uui-heading-medium-2 {
  color: var(--untitled-ui-gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

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

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

.uui-padding-vertical-xhuge-5 {
  padding-top: 3.5rem;
  padding-bottom: 7rem;
  display: none;
}

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

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

.uui-space-xxsmall-4 {
  width: 100%;
  min-height: .5rem;
}

.uui-heading-xxsmall-3 {
  color: var(--untitled-ui-gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
}

.uui-space-xsmall-3 {
  width: 100%;
  min-height: 1rem;
}

.uui-space-xsmall-3.extra {
  min-height: 2rem;
}

.uui-layout75_icon-2 {
  width: 4rem;
  height: 4rem;
  margin-top: -2rem;
}

.uui-layout75_item-2 {
  z-index: 5;
  border: 1px solid var(--border-grey);
  background-color: var(--untitled-ui-gray50-501);
  text-align: center;
  border-radius: 2rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 170px;
  margin-top: 2rem;
  padding: 0 1.5rem 2rem;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.uui-layout75_item-2:hover {
  box-shadow: 0 2px 20px #0091ff99;
}

.uui-layout75_item-2.keeper {
  height: 320px;
}

.uui-layout75_item-2.avast {
  height: 430px;
}

.uui-layout75_list-2 {
  z-index: auto;
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch center;
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 0;
  padding-bottom: 5.2rem;
  display: grid;
  position: relative;
}

.uui-max-width-large-2 {
  width: 100%;
  max-width: 48rem;
}

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

.uui-layout75_component-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.uui-padding-vertical-xhuge-6 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-padding-vertical-xhuge-6.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

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

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

.uui-section_layout75-2 {
  z-index: 6;
  position: relative;
}

.div-block-282 {
  z-index: 99999999;
  background-image: url('../images/general-web-repair-new_1general web repair new_00000.webp');
  background-position: 50%;
  background-size: cover;
  width: 75%;
  height: 92%;
  position: absolute;
  transform: translate(-5%, -25%);
}

.div-block-282.general-web-r.web-r {
  background-position: 50% 63%;
  height: 100%;
}

.div-block-282.it {
  z-index: 999;
  transform: translate(-10%, -25%);
}

.div-block-283 {
  z-index: 2147483647;
  background-image: url('../images/hand-out-lost_1hand out lost_00000.webp');
  background-position: 50%;
  background-size: cover;
  width: 63%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: translate(0, -25%);
}

.div-block-283.it {
  z-index: 999;
  object-fit: fill;
  width: 80%;
  transform: translate(29%, -25%);
}

.div-block-284 {
  z-index: 1;
  border: 3px solid #ff8c00;
  border-top-left-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 450px;
  margin-right: 20px;
  padding: 1.5rem;
  display: flex;
  position: static;
}

.div-block-284.smaller-div {
  border-right-style: solid;
  justify-content: center;
  align-items: center;
  min-height: 450px;
  max-height: none;
  margin-right: 20px;
  padding: 1.5rem;
  display: flex;
}

.div-block-284.general-web-repair {
  border-right-style: solid;
  justify-content: center;
  align-items: center;
  min-height: 450px;
  margin-right: 20px;
  padding: 1.5rem;
  display: flex;
}

.div-block-285 {
  z-index: auto;
  border: 2px solid #ff8c00;
  border-top-right-radius: 50px;
  justify-content: center;
  align-items: center;
  min-height: 450px;
  margin-left: 20px;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.div-block-285.lost-and-broken {
  min-height: 450px;
  padding-top: 1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.div-block-285.wordpress-repair {
  background-color: #fff0;
  min-height: 450px;
}

.div-block-287 {
  width: auto;
  max-width: 40rem;
  padding-right: 20px;
  position: relative;
}

.div-block-288 {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.image-103 {
  z-index: 9;
  width: 55%;
  max-width: none;
  transform-style: preserve-3d;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: translate(-30%)rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-103.alt-mobile-image {
  transform-style: preserve-3d;
  display: none;
}

.div-block-289 {
  z-index: 99999999;
  background-image: url('../images/wordpress-hand_00000_1wordpress hand_00000_00000.webp');
  background-position: 50%;
  background-size: cover;
  width: 77%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-291 {
  z-index: 9999;
  background-image: url('../images/reformatting-hero_1reformatting hero_00000.webp');
  background-position: 50% 29%;
  background-size: cover;
  width: 100%;
  height: 120%;
  margin-left: 0;
  display: block;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: translate(0%);
}

.div-block-291.website-refor {
  display: none;
}

.hover-text-header-outline {
  z-index: 3;
  color: #3330;
  -webkit-text-stroke-width: 0px;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Exo, sans-serif;
  font-size: 6rem;
  font-weight: 800;
  display: block;
  position: absolute;
}

.hover-text-header {
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  font-family: Exo, sans-serif;
  font-size: 6rem;
  font-weight: 800;
  display: block;
  position: absolute;
}

.text-wraper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.text-wraper._1 {
  position: absolute;
  top: 298.141px;
}

.hover-text-section {
  z-index: 2147483647;
  background-color: #333;
  background-image: url('../images/logo-tight_1logo tight_00000.webp'), linear-gradient(45deg, #333 11%, #cecece);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  border-top: 3px solid #ff8c00;
  border-bottom: 3px solid #ff8c00;
  border-right: 3px solid #ff8c00;
  border-radius: 0 50px 50px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  margin-right: 0%;
  display: flex;
  position: relative;
}

.hover-text-section.left-gap {
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-left: 2px solid #ff8c00;
  border-right-style: none;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  width: 100vw;
  margin-left: 5%;
}

.effect-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.background-video-2 {
  z-index: 2;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  width: 700px;
  max-width: 100%;
  height: 70vh;
}

.logo-carousel-item {
  flex: none;
  align-self: center;
  padding: .5rem 1rem;
}

.logo-carousel-item.top-and-bottom-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.carousel-component {
  z-index: 9999;
  background-color: #fff0;
  margin-top: -20px;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  position: relative;
}

.carousel-component.less-padding {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.carousel-component.less-padding._1-5rem {
  border-bottom: 10px solid var(--new-black);
  margin-top: 0;
  padding-bottom: 15px;
}

.carousel-component.less-padding._1-5rem.no-border-bottom {
  border-bottom-style: none;
}

.carousel-component.less-padding.no-margin {
  margin-top: 0;
}

.logo-carousel {
  grid-column-gap: 1rem;
  border-bottom: 10px solid var(--new-black);
  justify-content: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3.5rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  overflow: hidden;
}

.logo-carousel.white {
  background-color: var(--relume-library-lite-rl-white);
  opacity: 100;
}

.logo-carousel.white.no-margin.none-top, .logo-carousel.no-margin-top.none, .logo-carousel.no-margin-top.only-margin-bbpoijnt {
  padding-top: 0;
}

.logo-carousel.padding-top-and-bottom {
  padding-top: 5rem;
  padding-bottom: 1.5rem;
}

.logo-image {
  width: 200px;
}

.logo-image.bhive {
  width: 100px;
}

.logo-image.smaller {
  width: 170px;
}

.logo-carousel-clone {
  grid-column-gap: 1rem;
  justify-content: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  overflow: hidden;
}

.logo-carousel-wrap {
  backface-visibility: hidden;
  background-color: #fff0;
  flex: none;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  transform: perspective(1px);
}

.logo-carousel-wrap.no-margin-bottom {
  max-height: 180px;
}

.logo-carousel-wrap.no-margin-bottom.white {
  opacity: 1;
  background-color: #fff;
}

.logo-link {
  filter: grayscale();
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.carousel {
  flex-direction: row;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.protect-heading {
  z-index: 999999999;
  color: var(--new-black);
  text-align: center;
  text-transform: capitalize;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-family: Exo, sans-serif;
  font-weight: 600;
  position: static;
  inset: 0% 0% auto;
  transform: translate(0, 20px);
}

.review-surround {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
  position: relative;
  transform: translate(0);
}

.review-surround.rel-5 {
  border: 3px solid var(--new-black);
  background-color: var(--relume-library-lite-rl-white);
  border-radius: 2rem;
  justify-content: space-around;
  align-items: center;
  padding: 15px 10px 25px 25px;
  transform: none;
}

.review-surround.rel-5.centred.less-height {
  background-color: var(--untitled-ui-gray50-501);
  box-shadow: 0 2px 20px 4px #0003;
}

.review-surround.tired-of-review {
  border: 5px solid var(--new-black);
  background-color: var(--relume-library-lite-rl-white);
  border-radius: 1.87rem;
  width: 95%;
  margin-top: 3.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.review-surround.tired-of-review.margin-top {
  border: 5px solid var(--new-black);
  background-color: var(--relume-library-lite-rl-white);
  border-radius: 1.87rem;
  width: 80%;
  margin-top: 3.5rem;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  transform: none;
}

.review-surround.tired-of-review.margin-top._530 {
  justify-content: center;
  min-height: 530px;
}

.review-surround.tired-of-review.margin-top._530.space-between {
  justify-content: space-between;
  align-items: center;
}

.review-surround.tired-of-review.padding-top {
  max-width: 1170px;
  margin-top: 0;
  padding-top: 3.5rem;
}

.review-surround.tired-of-review._10-right {
  min-height: 470px;
  margin-right: 10px;
}

.review-surround.tired-of-review._10-right._350px-vertical {
  background-color: #f9fafb00;
  background-image: linear-gradient(180deg, var(--untitled-ui-gray50-501), white);
  border-width: 5px;
  min-height: 350px;
  margin-left: 10px;
  transform: none;
  box-shadow: 0 2px 20px 4px #0003;
}

.review-surround.tired-of-review._10-right._350px-vertical._480px {
  background-color: var(--untitled-ui-gray50-501);
  min-height: 480px;
  transform-style: preserve-3d;
  justify-content: space-around;
  transform: none;
  box-shadow: 0 2px 20px 4px #0003;
}

.review-surround.tired-of-review._10-right._350px-vertical._435 {
  justify-content: space-around;
  min-height: 475px;
}

.review-surround.tired-of-review._10-right._350px-vertical._435.reverse-gradient {
  background-image: linear-gradient(180deg, var(--relume-library-lite-rl-white), var(--untitled-ui-gray50-501));
}

.review-surround.tired-of-review._10-right._10-left._420px._480 {
  background-color: var(--untitled-ui-gray50-501);
  border-width: 5px;
  min-height: 495px;
}

.review-surround.tired-of-review._10-left {
  justify-content: space-between;
  align-items: center;
  min-height: 470px;
  margin-left: 10px;
}

.review-surround.tired-of-review._10-left._350pxvertical {
  background-color: #f9fafb00;
  background-image: linear-gradient(180deg, var(--untitled-ui-gray50-501), white);
  border-width: 5px;
  min-height: 350px;
  transform: none;
  box-shadow: 0 2px 20px 4px #0003;
}

.review-surround.tired-of-review._10-left._350pxvertical.no-margin-top {
  margin-top: 0;
  box-shadow: 0 2px 20px 4px #0003;
}

.review-surround.tired-of-review._10-left._10-right._420 {
  border-width: 5px;
  box-shadow: 0 2px 20px 4px #0003;
}

.review-surround.tired-of-review._10-left._10-right._420._490 {
  background-color: var(--untitled-ui-gray50-501);
  justify-content: space-around;
  min-height: 495px;
}

.review-surround.tired-of-review._10-left._10-right._420._490._550 {
  max-width: 50%;
  min-height: 530px;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.review-surround.tired-of-review._10-left._10-right.no-margin-top {
  margin-top: 0;
  box-shadow: 0 2px 20px 4px #0003;
}

.review-surround.tired-of-review._10-left._10-right.no-margin-top.proof-card.proof-ribbon-left {
  border-width: 5px;
}

.review-surround.tired-of-review._10-left._10-right.min-height-480 {
  background-color: var(--untitled-ui-gray50-501);
  border-width: 5px;
  min-height: 480px;
  transform: none;
  box-shadow: 0 2px 5px #0003;
}

.review-surround.tired-of-review._480px-min-height {
  background-color: var(--untitled-ui-gray50-501);
  border-width: 5px;
  justify-content: space-around;
  min-height: 480px;
  transform: none;
  box-shadow: 0 2px 20px 4px #0003;
}

.review-surround.tired-of-review._435 {
  justify-content: space-around;
  min-height: 475px;
  transform: none;
  box-shadow: 0 2px 40px 4px #0003;
}

.review-surround.tired-of-review._435.reverse-gradient {
  background-image: linear-gradient(180deg, var(--relume-library-lite-rl-white), var(--untitled-ui-gray50-501));
  border-width: 5px;
}

.text-span-357 {
  font-family: Exo, sans-serif;
}

.div-block-295 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-295.above {
  position: static;
}

.div-block-296 {
  z-index: auto;
  background-color: #fff;
  border: 1px solid #33333340;
  border-radius: 0 0 50px 50px;
  width: 1100px;
  height: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: block;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.div-block-296.absolute {
  background-color: var(--untitled-ui-gray50-501);
  height: auto;
  box-shadow: none;
  border-left: 5px #0091ff;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  position: static;
}

.div-block-296.absolute.mishack-test {
  border: 1px solid var(--border-grey);
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
}

.div-block-296.more-padding {
  border: 1px solid var(--border-grey);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  width: 95%;
  max-width: 1150px;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.div-block-296.more-padding.nb {
  padding-bottom: 1.5rem;
}

.div-block-297 {
  z-index: auto;
  background-image: none;
  background-size: auto;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  min-height: auto;
  padding: 1.5rem 0 0;
  display: flex;
  position: relative;
}

.div-block-298 {
  background-color: #0000;
  border-radius: 0 50px 0 0;
  justify-content: center;
  align-items: center;
  width: 1250px;
  height: 95%;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: absolute;
  transform: translate(0, -22%);
}

.div-block-298.below-test {
  transform: translate(0, -22%);
}

.div-block-299 {
  background-color: #1f1f1f00;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 1.5rem;
  display: flex;
}

.div-block-300 {
  width: 100%;
  margin-top: -10%;
  padding-top: 0;
}

.image-104 {
  z-index: auto;
  width: 160%;
  max-width: 160%;
  position: absolute;
  inset: auto 0% 0%;
  transform: translate(-19%, 30%);
}

.image-104._2-hands-hp {
  width: 1170px;
  max-width: none;
  position: static;
  transform: none;
}

.div-block-301 {
  z-index: 9;
  background-color: #fff;
  border-radius: 0;
  padding-bottom: 3.5rem;
  position: relative;
}

.p {
  color: #333;
  max-width: 40rem;
  font-size: 1rem;
  line-height: 2rem;
}

.p.margin-bottom._80rem-wide, .p._1390-wide {
  max-width: 100%;
  margin-bottom: 50px;
}

.div-block-302 {
  background-color: #f9fafb00;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 0;
  margin-left: 5%;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.div-block-302.marcus {
  box-shadow: none;
}

.div-block-303 {
  background-image: radial-gradient(circle farthest-side at 0 0, #333333f2 11%, #838383f2), url('../images/logo-tight_1logo tight_00000.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, 2500px;
  border: 2px solid #ff8c00;
  border-top-left-radius: 0;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  width: 100%;
  height: 80%;
  position: absolute;
  inset: auto 0% 0%;
}

.image-107 {
  z-index: 5;
  width: 100%;
  display: inline-block;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-304 {
  padding-bottom: 0;
}

.section-hero {
  background-color: #0e141b;
  background-image: radial-gradient(circle farthest-corner at 100% 100%, #0091ff66, #00d4ff66 19%, #fff0 45%), radial-gradient(circle farthest-corner at 0% 50%, #0e141b99, var(--new-black) 61%);
  background-position: 0 0, 0 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding-top: 2%;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.section-hero.no-overflow {
  overflow: hidden;
}

.page-wrapper {
  z-index: 2;
  border-bottom-left-radius: 0;
  height: auto;
  min-height: 100vh;
  position: static;
  overflow: visible;
}

.main-wrapper {
  flex-flow: column;
  display: block;
}

.hero-heading {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #fff;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 5.2rem;
  line-height: 7rem;
}

.hero-heading.below.homepage {
  color: #333;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #333;
  text-shadow: none;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 20px;
  font-size: 3vw;
  font-weight: 900;
  line-height: 4.5vw;
}

.hero-heading.below.homepage.white {
  opacity: 100;
  color: var(--relume-library-lite-rl-white);
  -webkit-text-stroke-color: var(--relume-library-lite-rl-white);
  text-transform: uppercase;
  text-shadow: 3px 3px 5px var(--new-black);
  font-weight: 700;
  line-height: 4vw;
}

.hero-heading.below.homepage.white.hp {
  text-shadow: none;
}

.hero-heading.below.homepage.white.hp.no-shadow {
  opacity: 1;
  max-width: 50rem;
  text-shadow: 3px 2px 3px var(--new-black);
}

.hero-heading.below.homepage.white._45-and-60rem {
  max-width: 50rem;
}

.hero-heading.below.web-h-heading {
  color: #fff;
  text-shadow: 0 1px 20px #000;
}

.hero-heading.below.web-h-heading.web-r {
  text-shadow: none;
}

.hero-heading.below.web-m-below {
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 1px 5px #000;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  max-width: 60vw;
  font-size: 4.2rem;
  line-height: 5.2rem;
}

.hero-heading.below.it-heading {
  color: #fff;
  text-shadow: 0 7px 10px #000;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.hero-heading.below.it-heading.ndis-option {
  font-size: 3vw;
  line-height: 4.5vw;
}

.hero-heading.homepage {
  color: #3330;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  max-width: 50rem;
  margin-top: 20px;
  font-size: 5rem;
  line-height: 6rem;
}

.hero-heading.homepage.above-hero {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #333;
  font-size: 3vw;
  font-weight: 900;
  line-height: 4.5vw;
}

.hero-heading.homepage.above-hero.white {
  max-width: 50rem;
  box-shadow: none;
  opacity: 1;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: white;
  text-transform: uppercase;
  border-top-right-radius: 5rem;
  border-bottom-right-radius: 5rem;
  font-weight: 700;
  line-height: 4vw;
  position: relative;
}

.hero-heading.homepage.above-hero.white._60width-rem {
  max-width: 50rem;
  box-shadow: none;
}

.hero-heading.homepage.above-hero.white._60width-rem._50rem-width {
  max-width: 50rem;
}

.hero-heading.web-h-heading {
  color: #fff0;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  max-width: 55vw;
  font-size: 4vw;
  line-height: 6.5vw;
}

.hero-heading.web-h-heading.web-r {
  -webkit-text-stroke-width: 1.7px;
  line-height: 1.2;
}

.hero-heading.webmhead {
  text-transform: uppercase;
  max-width: 60vw;
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 5.2rem;
}

.hero-heading.it-heading {
  text-transform: uppercase;
  max-width: 40rem;
  font-size: 4vw;
  line-height: 5.5vw;
}

.hero-heading.it-heading.ndis-option-small, .hero-heading.it-heading.smaller {
  font-size: 3vw;
  line-height: 4.5vw;
}

.white-48-rem-wide {
  color: #fff;
  max-width: 48rem;
}

._400-px-wide-p {
  color: #333;
}

._400-px-wide-p.white {
  color: var(--relume-library-lite-rl-white);
  background-color: #3330;
  padding-left: 5px;
  font-size: 1rem;
}

.server-part.anti {
  display: none;
}

.image-110 {
  z-index: 9;
  width: 60%;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: translate(-20%);
}

.uui-text-size-medium-4 {
  color: var(--untitled-ui-gray600);
  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;
}

.uui-text-size-medium-4.text-style-2lines {
  color: #333;
  font-family: Exo, sans-serif;
}

.uui-padding-vertical-xhuge-7 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

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

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

.uui-heading-xxsmall-4 {
  color: #0e141b;
  letter-spacing: normal;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-heading-xxsmall-4.bigger {
  font-size: 2rem;
}

.uui-blogsection11_title-link {
  margin-bottom: .5rem;
  text-decoration: none;
  display: block;
}

.uui-blogsection11_item-content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-right: 10px;
  display: flex;
}

.uui-blogsection11_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-blogsection11_image._2.smaller {
  object-fit: cover;
  width: 77%;
  max-width: 77%;
  transform: translate(5%);
}

.uui-blogsection11_image._2.curved {
  border-radius: 2rem;
}

.uui-blogsection11_image._3.smaller {
  object-fit: contain;
  width: 79%;
  max-width: 79%;
  transform: translate(5%);
}

.uui-blogsection11_image._3.smaller.medium {
  width: 85%;
  max-width: 85%;
}

.uui-blogsection11_image._3.curved {
  border-radius: 1.87rem 0 0 1.87rem;
}

.uui-blogsection11_image.blog-image-1.smaller {
  filter: grayscale();
  object-fit: contain;
  width: 79%;
  max-width: 79%;
  transform: translate(5%);
}

.uui-blogsection11_image.blog-image-1.smaller.medium {
  width: 85%;
  max-width: 85%;
}

.uui-blogsection11_image.blog-image-1.smaller.medium.icon {
  filter: none;
}

.uui-blogsection11_image.blog-image-1.smaller.medium.icon.reverse {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0)translate(5%);
}

.uui-blogsection11_image.blog-image-1.curved {
  border-radius: 1.87rem 0 0 1.87rem;
}

.uui-blogsection11_image-wrapper {
  width: 100%;
  padding-top: 75%;
  position: relative;
  overflow: hidden;
}

.uui-blogsection11_image-link {
  width: 100%;
  transition: all .3s;
}

.uui-blogsection11_image-link:hover {
  box-shadow: 0 24px 48px -12px #1018282e;
}

.uui-blogsection11_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  border: 2px solid var(--mid-grey);
  background-color: var(--relume-library-lite-rl-white);
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin: 3px;
  display: grid;
}

.uui-blogsection11_item.padding {
  padding: 1.5rem 1.5rem 1.5rem 0;
}

.uui-blogsection11_item.padding.above {
  position: relative;
}

.uui-blogsection11_list {
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.uui-blogsection11_content {
  position: relative;
}

.uui-blogsection11_content.it-industry {
  height: 100%;
}

.uui-blogsection11_layout {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.uui-section_blogsection11 {
  z-index: 1;
  position: relative;
}

.image-111 {
  width: 1170px;
  min-width: 0;
  max-width: none;
  transform: rotate(.2deg)translate(0%, -12%);
}

.html-embed-8 {
  border: 2px solid var(--new-outline);
  position: static;
}

.div-block-307 {
  z-index: auto;
  background-color: var(--new-dark-blue);
  background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg'), linear-gradient(#051d31, #051d31);
  background-position: 50% 102%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  border-bottom: 2px #ff8c00;
  border-left: 2px #ff8c00;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  margin-left: 0%;
  position: absolute;
}

.div-block-307.wh {
  background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg'), linear-gradient(#051d31e6, #051d31e6);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
}

.div-block-307.webm {
  background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg'), linear-gradient(to bottom, var(--new-dark-blue), var(--new-dark-blue)), url('../images/background-2672565_1920.jpg');
  background-position: 50% 102%, 0 0, 50%;
  background-repeat: no-repeat, repeat, repeat;
  background-size: contain, auto, cover;
}

.div-block-308 {
  z-index: 2;
  background-color: #fff;
  background-image: none;
  background-position: 0 0;
  border-bottom-left-radius: 50px;
  width: 90%;
  height: 80%;
  position: absolute;
  inset: 0%;
  transform: translate(1%, 20%);
}

.div-block-308.above {
  z-index: 2;
  transform: translate(1%, 25%);
}

.div-block-308.antivruis-version {
  height: 90%;
  transform: translate(1%, 11.5%);
}

.button-div {
  margin-top: 40px;
  display: flex;
  position: relative;
}

.button-div.blog-button {
  display: flex;
}

.main-button-n {
  border-radius: 10em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1px;
  text-decoration: none;
  transition: all .4s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 50px #0091ff99;
}

.main-button-n:hover {
  box-shadow: 0 0 80px #0091ff;
}

.button-bg {
  z-index: 1;
  background-color: #151515;
  border-radius: 10em;
  position: relative;
}

.button-bg:hover {
  background-image: linear-gradient(#15151599, #15151599), url('../images/logo-tight_1logo tight_00000.webp');
  background-position: 0 0, 0 0;
  background-size: auto, 25px;
}

.button-bg.above-button {
  z-index: 2147483647;
}

.button-inside {
  z-index: 2;
  grid-column-gap: .5em;
  opacity: 1;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-text-fill-color: transparent;
  background-color: #151515;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), linear-gradient(#15151599, #15151599);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.7rem;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  position: static;
  inset: 1%;
}

.border-gradient {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  min-height: 12rem;
  position: absolute;
  transform: rotate(-55deg);
}

.div-block-309 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 11%;
  display: flex;
}

.uui-text-size-medium-5 {
  color: var(--untitled-ui-gray600);
  letter-spacing: normal;
  font-family: Exo, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

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

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

.uui-layout75_icon-3 {
  width: 4rem;
  height: 4rem;
  margin-top: -2rem;
  position: relative;
}

.uui-layout75_item-3 {
  border: 1px solid var(--border-grey);
  background-color: var(--untitled-ui-gray50-501);
  text-align: center;
  border-radius: 2rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 2rem;
  padding: 0 1.5rem 2rem;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.uui-layout75_item-3:hover {
  box-shadow: 0 2px 20px #0091ff99;
}

.uui-layout75_item-3.manual.wb-h {
  border-radius: 2rem;
}

.uui-layout75_list-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch center;
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: grid;
}

.uui-max-width-large-4 {
  width: 100%;
  max-width: 48rem;
}

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

.uui-layout75_component-3 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.uui-padding-vertical-xhuge-8 {
  z-index: 1;
  padding-top: 7rem;
  padding-bottom: 7rem;
  position: relative;
}

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

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

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

.before-you-scroll {
  padding-top: 4rem;
  display: none;
  position: relative;
}

.div-block-312 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  margin-left: 1%;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  display: flex;
  position: relative;
}

.div-block-312.no-margin-bottom {
  margin-left: 0%;
}

.div-block-313 {
  z-index: 4;
  border: 1px none var(--untitled-ui-gray50-501);
  background-color: var(--untitled-ui-gray50-501);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  max-width: 95%;
  padding-bottom: 3.5rem;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.div-block-313.darker-version {
  background-image: radial-gradient(circle at 100% 0, #333333f2 11%, #838383f2), url('../images/logo-tight_1logo tight_00000.webp');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, repeat;
  background-size: auto, 2500px;
  background-attachment: scroll, scroll;
  border-top: 2px solid #ff8c00;
  border-bottom: 2px solid #ff8c00;
  border-left: 2px solid #ff8c00;
  width: 100%;
  max-width: 100%;
  min-height: 500px;
  margin-top: 1.5rem;
}

.div-block-314 {
  background-color: var(--untitled-ui-gray50-501);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  width: 1050px;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 50px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-314.customer-exp {
  border: 1px solid #33333340;
  border-radius: 50px;
  width: 900px;
  margin-left: 1%;
  padding-bottom: 3rem;
}

.div-block-314.your-it-should {
  border-radius: 50px;
  width: 900px;
  margin-left: 1%;
}

.div-block-315 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 1.5px;
  display: none;
}

.div-block-315.opposite {
  align-items: flex-end;
  display: block;
}

.div-block-316 {
  border: 1px solid var(--border-grey);
  background-color: var(--untitled-ui-gray50-501);
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  justify-content: flex-end;
  width: 80%;
  margin-left: 6%;
  padding-top: 1rem;
  padding-bottom: 2rem;
  padding-right: 2rem;
  display: flex;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.div-block-317 {
  width: 67%;
}

.image-116.below.hacked-image-hop {
  width: 45%;
  max-width: 50%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-20%, -70%);
}

.uui-text-size-medium-6 {
  color: #333;
  letter-spacing: normal;
  margin-bottom: 25px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1.2rem;
  line-height: 1.5;
}

.uui-text-size-medium-6.white {
  color: var(--relume-library-lite-rl-white);
  margin-bottom: 25px;
  font-family: Exo, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  position: static;
}

.uui-text-size-medium-6.white.margin-top, .uui-text-size-medium-6.white.margin-top.narrower {
  width: 70%;
}

.uui-text-size-medium-6.white._55-width {
  max-width: 55%;
}

.uui-space-xxsmall-6 {
  width: 100%;
  min-height: .5rem;
}

.uui-max-width-large-5 {
  z-index: 1;
  width: 100%;
  max-width: 48rem;
  position: relative;
}

.image-122 {
  z-index: 9;
  width: 45%;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(12%);
}

.link-block-28 {
  border-radius: 2rem;
  text-decoration: none;
  box-shadow: 0 2px 5px #0003;
}

.link-block-29 {
  border: 3px #0000;
  border-radius: 2rem;
  text-decoration: none;
}

.link-block-29:hover {
  border: 3px gold;
}

.link-block-30 {
  border-radius: 2rem;
  text-decoration: none;
  transition: all .4s;
  box-shadow: 0 2px 5px #0003;
}

.link-block-30:hover {
  box-shadow: none;
}

.image-125 {
  width: 85%;
  transform-style: preserve-3d;
  position: static;
  inset: auto 0% 0% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-125.above {
  z-index: 2;
  position: relative;
}

.customer-experience {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  position: relative;
}

.website-burden {
  margin-bottom: 0;
  padding-top: 7rem;
  padding-bottom: 7rem;
  position: relative;
}

.website-burden.it-version {
  padding-bottom: 35.4rem;
  overflow: visible;
}

.image-126 {
  width: 55%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-126.it-run-better-image {
  width: auto;
  max-width: none;
  height: 50%;
  display: inline-block;
  transform: translate(10%);
}

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

.it-support-services {
  background-color: var(--untitled-ui-gray50-501);
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
}

.onsite-it-support {
  padding-top: 5rem;
  overflow: hidden;
}

.image-131 {
  z-index: auto;
  width: 120%;
  max-width: 110%;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(56%, 40%);
}

.image-131._365-version {
  transform: translate(59%, 65%);
}

.flower-wrap {
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.paragraph-16 {
  text-align: left;
  font-weight: 400;
}

.web-h-quote {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
  display: flex;
}

.dont-let-hackers-win {
  border-right: 5px #ff8c00;
  display: block;
  position: relative;
}

.hacked-signs-section {
  margin-top: -20px;
  padding-bottom: 8rem;
  position: relative;
}

.phones-hero-image {
  z-index: 1;
  width: 100%;
  display: inline-block;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(223px, -1%);
}

.phones-hero-image.it-support {
  filter: saturate(64%);
  width: 70%;
  transform: translate(25%, 4%);
}

.phones-hero-image.phone {
  filter: saturate(70%);
}

.case-studies.cs-webd {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 5rem;
  display: flex;
}

.case-studies-div {
  background-color: var(--untitled-ui-gray50-501);
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 1rem 3rem;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.case-studies-div:hover {
  box-shadow: 0 2px 20px #0091ff99;
}

.case-study-text {
  text-align: center;
  max-width: 28rem;
}

.div-block-325 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid {
  width: 95%;
}

.new-case-studies {
  z-index: 1;
  background-color: #f9fafb00;
  padding-bottom: 3.5rem;
  position: relative;
  overflow: visible;
}

.div-block-327 {
  background-color: #ffffffb3;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  border: 2px solid #ff8c00;
  border-radius: 0 50px;
  width: 95%;
  min-height: 770px;
  margin-left: 10px;
  transition: all .4s;
  position: relative;
}

.div-block-327:hover {
  box-shadow: 0 2px 40px #0091ff;
}

.div-block-327.alt {
  background-color: #ffffffb3;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 50px 0;
  min-height: 770px;
}

.div-block-327.alt.oppcurve {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 0 50px;
  min-height: 770px;
}

.div-block-327.oppcurve {
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 0;
  min-height: 425px;
}

.uui-space-xsmall-7 {
  width: 100%;
  min-height: 1rem;
}

.uui-layout56_image {
  border: .25rem none var(--untitled-ui-gray900);
  border-radius: .5rem;
  width: 100%;
  position: relative;
}

.uui-layout56_component {
  grid-column-gap: 0rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.uui-padding-vertical-xhuge-11 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

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

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

.div-block-329 {
  z-index: 2;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-329.margin-top {
  padding-top: 1.5rem;
}

.uui-space-xsmall-8 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-team09_item-content {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 300px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}

.uui-team09_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.uui-team09_list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  align-items: start;
}

.uui-space-medium-2 {
  width: 100%;
  min-height: 2rem;
}

.uui-team09_component {
  grid-column-gap: 1.5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-left: 10px;
  margin-right: 10px;
  display: grid;
}

.uui-padding-vertical-xhuge-12 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

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

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

.section_team09 {
  z-index: 4;
  border-top: 3px #ff8c00;
  border-bottom: 3px #ff8c00;
  position: relative;
}

.section_team09.left {
  background-image: radial-gradient(circle at 100% 0, #333333f2 11%, #838383f2), url('../images/logo-tight_1logo tight_00000.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, 2500px;
}

.section_team09.right {
  background-image: radial-gradient(circle, #333333f2 11%, #838383f2), url('../images/logo-tight_1logo tight_00000.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, 2500px;
}

.section_team09.right.no-margin-left {
  border-top-width: 2px;
  border-top-color: #0091ff;
  border-bottom-width: 2px;
  border-bottom-color: #0091ff;
  border-right: 2px solid #ff8c00;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  margin-right: 1%;
}

.div-block-337.pops {
  filter: saturate(156%);
  max-width: 250px;
  height: 92%;
  transform-style: preserve-3d;
  background-image: url('../images/perth-it-care-circles_00000.png');
  background-position: 100% 0;
  background-size: cover;
  border: 2px solid #0091ff;
  border-top-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
  position: absolute;
  inset: auto 0% 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.div-block-337.adrian {
  z-index: auto;
  filter: saturate(156%);
  background-image: url('../images/perth-it-care-circles_00000.png');
  background-position: 100%;
  background-size: cover;
  border: 2px solid #0091ff;
  border-top-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  width: 250px;
  height: 92%;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-342 {
  z-index: 2;
  background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/background-tech_1background tech.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-left: 3px solid #ff8c00;
  width: 20%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-342.web-d.web-m.web-m-only {
  z-index: 1;
  background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/background-tech_1background tech.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-top: 1px #000;
  border-bottom: 1.5px solid #ff8c00;
  border-left: 3px solid #ff8c00;
  border-right: 1px #000;
  width: 20%;
  height: 98.8%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-342.web-d.below {
  display: none;
}

.image-145 {
  z-index: 3;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-145.web-o {
  z-index: 1;
  filter: saturate(80%);
  display: block;
  transform: translate(25%, -2%);
}

.image-145.web-o.clown-image {
  min-width: 0;
  max-width: 60%;
}

.div-block-344 {
  background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/background-tech_1background tech.webp');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  border-left: 3px solid #ff8c00;
  border-top-right-radius: 50px;
  width: 20%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-346 {
  z-index: -1;
  background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/background-tech_1background tech.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border: 3px #000;
  border-top: 3px solid #ff8c00;
  width: 100%;
  height: 13%;
  display: none;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-351 {
  background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/background-tech_1background tech.webp');
  background-position: 0 0, 50% 100%;
  background-size: auto, auto;
  border-left: 3px solid #ff8c00;
  width: 10%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

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

.uui-layout97_component-2 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.uui-padding-vertical-xhuge-14 {
  padding-top: 3.5rem;
  padding-bottom: 7rem;
}

.uui-padding-vertical-xhuge-14.hp {
  padding-bottom: 0;
}

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

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

.uui-layout97_list-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: grid;
}

.uui-layout97_list-3.home {
  grid-row-gap: .7rem;
  grid-template-columns: 1fr;
  position: relative;
}

.div-block-353.alternate {
  z-index: 1;
  border: 1px solid var(--border-grey);
  background-color: var(--untitled-ui-gray50-501);
  border-top-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  width: 100%;
  height: 300px;
  text-decoration: none;
  transition: all .4s;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.div-block-353.alternate:hover {
  box-shadow: 0 2px 40px #0091ff;
}

.div-block-353.alternate.opp-radius {
  border-radius: 0 2rem;
}

.div-block-354 {
  background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/background-tech_1background tech.webp');
  background-position: 0 0, 50% 100%;
  background-size: auto, auto;
  border-left: 3px solid #ff8c00;
  border-bottom-right-radius: 2rem;
  width: 20%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-354.top-right-radius {
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 0;
}

.image-148 {
  z-index: 1;
  width: 93%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-148.teams-image {
  border-bottom-right-radius: 2rem;
  width: 80%;
}

.image-148.webr-image {
  border-top-right-radius: 2rem;
}

.image-148._365 {
  filter: grayscale();
  transform: translate(18%);
}

.image-148.pm {
  filter: brightness(110%) grayscale();
  transform: translate(15%);
}

.image-148.vm {
  filter: brightness(114%);
}

.div-block-355 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding-left: 20px;
  display: flex;
}

.div-block-355.it-div {
  z-index: 2;
  border: 2px solid var(--new-outline);
  background-image: radial-gradient(circle at 100% 100%, #0091ff33, #fff0 13%), radial-gradient(circle at 100% 100%, #00d4ff4d, #fff0 45%);
  border-radius: 1.87rem;
  width: 80%;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  font-family: Exo, sans-serif;
  position: relative;
  overflow: hidden;
}

.div-block-355.it-div.phones-deeper {
  padding-bottom: 100px;
}

.feature-background-image.top-right {
  opacity: .1;
  filter: saturate(200%) saturate(200%);
  width: 450px;
  height: 650px;
  transform-style: preserve-3d;
  background-image: url('../images/iStock-1182710409.jpg');
  background-position: 20%;
  background-size: cover;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0)translate(0%, -10%);
}

.feature-background-image.top-right.bottom-right {
  opacity: .1;
  filter: saturate(200%) saturate(200%);
  transform-style: preserve-3d;
  background-image: url('../images/iStock-1182710409.jpg');
  background-position: 21%;
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(0)rotate(-4deg)translate(0%, 50%);
}

.feature-background-image.top-right.bottom-right.flipped {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0)rotate(-4deg)translate(0%, 50%);
}

.feature-background-image.bottom-left {
  z-index: -1;
  width: auto;
  max-width: 800px;
  height: 100%;
  max-height: 1000px;
  transform-style: preserve-3d;
  background-image: url('../images/iStock-1182710409.jpg');
  background-position: 68%;
  background-size: cover;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(-20deg)translate(150%, 15%);
}

.div-block-357 {
  display: none;
}

.paragraph-19 {
  color: var(--untitled-ui-gray600);
}

.link-block-31, .link-block-32 {
  width: 100%;
  max-width: 600px;
  text-decoration: none;
}

.grid-2 {
  grid-template-columns: 1fr;
  margin-top: 25px;
}

.div-block-366 {
  border: 1px solid var(--border-grey);
  background-color: #fff;
  border-radius: 1rem;
  width: 80%;
  max-width: 650px;
  height: auto;
  padding: 1.5rem;
  box-shadow: 0 2px 5px #0003;
}

.div-block-367 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.icons {
  width: 50px;
  margin-right: 10px;
}

.icons.bigger {
  width: 100px;
  margin-right: 0;
}

.icons.bigger.pen-test {
  width: 500px;
}

.icons.slightly-smaller {
  width: 50px;
}

.uui-space-xsmall-11 {
  width: 100%;
  min-height: 1rem;
}

.uui-blogsection11_list-2 {
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.uui-text-size-large-12 {
  color: var(--untitled-ui-gray600);
  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: 1.125rem;
  line-height: 1.5;
}

.uui-blogsection11_layout-2 {
  z-index: 1;
  grid-column-gap: .25rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
  position: relative;
}

.uui-blogsection11_layout-2.right.hosting-version {
  grid-template-columns: 1fr .75fr;
}

.uui-padding-vertical-xhuge-15 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

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

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

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

.div-block-368, .div-block-370, .div-block-370.top {
  display: flex;
}

.div-block-370.top.up-top.bottom-margin {
  padding-bottom: 10px;
}

.div-block-371.centred {
  z-index: 2;
  position: relative;
}

.icon-div {
  max-width: 45rem;
  margin-bottom: 10px;
  display: flex;
}

.icon-div.centred {
  justify-content: flex-start;
  align-items: center;
}

.icon-div._50rem-wide {
  display: flex;
}

.icon-div.top {
  margin-top: 20px;
}

.icon-div.top.up-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.contactdiv {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-375 {
  overflow: visible;
}

.rl_gallery10_image-2 {
  opacity: .05;
  border: 1px solid #33333340;
  border-radius: 1rem;
  width: 100px;
}

.rl_gallery10_image-2.other-local-image {
  width: auto;
  height: 100px;
  box-shadow: none;
  transform: rotate(90deg);
}

.rl_gallery10_lightbox-link-2 {
  width: 100%;
  margin-bottom: 2rem;
}

.rl_gallery10_masonry-grid-2 {
  z-index: -1;
  column-count: 3;
  column-gap: 2rem;
  width: 100%;
  position: relative;
}

.rl_gallery10_heading-wrapper-2 {
  text-align: center;
  width: 100%;
  max-width: 48rem;
}

.rl_gallery10_component-2 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.rl-padding-section-large-11 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

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

.rl-padding-global-14 {
  padding-left: 5%;
  padding-right: 5%;
}

.rl_section_gallery10-2 {
  background-color: #fff0;
  position: absolute;
  inset: auto 0% 0%;
}

.local-seo-images {
  z-index: -1;
  opacity: .01;
  position: relative;
  overflow: visible;
}

.faq-container {
  width: auto;
  max-width: 100vw;
  position: static;
  overflow: hidden;
}

.div-block-391 {
  padding-top: 2.5rem;
  overflow: visible;
}

.div-block-391.no-margin-top {
  margin-top: -5%;
  padding-top: 0;
}

.div-block-392 {
  overflow: visible;
}

.whole-page {
  width: 100vw;
  overflow: hidden;
}

.industries {
  z-index: 99999;
  background-color: #ff8c0000;
  background-image: radial-gradient(circle at 100% 0, #333333f2 11%, #838383f2), url('../images/logo-tight_1logo tight_00000.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, 2500px;
  border-top: 3px solid #ff8c00;
  border-bottom: 3px solid #ff8c00;
  border-right: 3px solid #ff8c00;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  margin-top: 10rem;
  margin-right: 1%;
  padding-top: 3.5rem;
  position: relative;
}

.div-block-400 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.div-block-401 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-401.below-test {
  z-index: 8;
  margin-top: -3%;
  transform: translate(0, 20%);
}

.link-168 {
  color: #ff8c00;
}

.navigation {
  z-index: 9;
  background-color: #0000;
  border-bottom: 1px solid #4455671c;
  flex-direction: column;
  align-items: center;
  padding: 10px 3%;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.image-150 {
  z-index: 4;
  filter: grayscale();
  width: 100%;
  height: auto;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(20%, -1%);
}

.image-150.emails {
  z-index: auto;
  filter: saturate(74%);
  max-width: 550px;
  inset: auto 0% 0% auto;
  transform: translate(0%, 20%);
}

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

.text-block-115 {
  color: var(--untitled-ui-gray600);
}

.main {
  display: none;
}

.text-block-116 {
  color: var(--untitled-ui-gray600);
}

.image-151 {
  z-index: auto;
  width: 88%;
  display: block;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(1%);
}

.image-151._365 {
  filter: saturate(74%);
  max-width: 600px;
  transform: translate(1%, -17%);
}

.image-151.less-sat {
  opacity: 1;
  filter: saturate(74%);
  transform: translate(3%, 3%);
}

.image-151.pmanager {
  filter: saturate(74%);
  width: auto;
  max-height: 100%;
  transform: translate(1%, 5%);
}

.orange-link {
  color: var(--dark-orange);
  text-shadow: 1px 1px 0 var(--relume-library-lite-rl-black);
  font-style: normal;
  text-decoration: none;
}

.link-170 {
  color: #fff;
  font-size: 17px;
  text-decoration: none;
}

.container-70 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  max-width: 1160px;
  display: flex;
  position: relative;
}

.container-70.above {
  z-index: 4;
}

.it-section-local {
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
}

.div-block-402 {
  width: 95%;
}

.openingtimes {
  margin-top: 0;
}

._5rem {
  height: 5rem;
}

.column-35, .column-36, .column-37 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-22 {
  width: auto;
  max-width: 57rem;
  margin-bottom: 50px;
}

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

.paragraph-23 {
  color: #333;
}

.bold-text-5 {
  text-transform: uppercase;
}

.csdiv {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.csdiv.centred.max-width {
  max-width: 1250px;
}

.section-18 {
  background-color: #f9fafb00;
}

.container-71 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-71.prevent {
  border: 1px solid var(--border-grey);
  background-color: var(--untitled-ui-gray50-501);
  border-radius: 2rem;
  box-shadow: 0 2px 5px #0003;
}

.circles {
  filter: saturate(156%);
  background-image: url('../images/test2-blue-circles_00000.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
}

.circles.alt {
  opacity: .3;
  filter: saturate(200%);
  background-image: url('../images/iStock-487705588.jpg');
  background-position: 50%;
  background-size: cover;
}

.backgroundcircle {
  z-index: -1;
  aspect-ratio: auto;
  opacity: .15;
  filter: saturate(200%) saturate(200%);
  background-image: url('../images/iStock-1182710409.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 750px;
  height: 750px;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotate(90deg);
}

.backgroundcircle.left {
  filter: saturate(200%) saturate(200%);
  width: 100%;
  height: 100%;
  inset: 0% auto auto 0%;
  transform: translate(0, -25%);
}

.backgroundcircle.left.more-left {
  transform: translate(-12%, -25%);
}

.hero-blue {
  z-index: 3;
  opacity: 1;
  filter: saturate(156%);
  background-image: url('../images/perth-it-care-circles_00000.png');
  background-position: -50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  transform: translate(2%);
}

.case-study-background {
  z-index: 1;
  background-image: linear-gradient(180deg, #fff0 85%, var(--relume-library-lite-rl-white)), url('../images/perth-it-care-circles_00000.png');
  opacity: .2;
  filter: saturate(200%) saturate(200%);
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  background-position: 0 0, 50% 0;
  background-size: auto, 2500px;
  position: absolute;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.case-study-background.cswebr {
  height: 110%;
  transform-style: preserve-3d;
  background-position: 50%;
  background-size: cover;
  transform: rotateX(180deg)rotateY(180deg)rotateZ(0);
}

.bluimage {
  filter: saturate(156%);
  max-width: none;
  height: 100%;
  transform-style: preserve-3d;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: translate3d(0, 0, 10px)translate(-42%)rotateX(0)rotateY(180deg)rotateZ(0);
}

.faqimage {
  opacity: .1;
  filter: saturate(200%) saturate(200%);
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: none;
}

.div-block-424 {
  display: none;
  position: relative;
}

.div-block-425 {
  opacity: .2;
  filter: saturate(200%) saturate(200%);
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/iStock-1182710409.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  transform: rotateX(180deg)rotateY(180deg)rotateZ(0);
}

.div-block-425.smaller {
  opacity: .07;
}

.div-block-425.smaller._2 {
  z-index: -2;
}

.white-section {
  border-top: 1px #f4f5f6;
  padding: 0 90px 40px;
  transform: translate(0, -15%);
}

.white-section.margin-top.padding-top.white {
  background-color: var(--relume-library-lite-rl-white);
  opacity: 100;
}

.white-section.no-mragin-bottom {
  padding-bottom: 0;
}

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

.counter-wrapper.white {
  background-color: var(--relume-library-lite-rl-white);
  opacity: 100;
}

.heading-flex {
  grid-column-gap: 2px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.stat-number {
  color: #fbf9fc;
  text-align: center;
  margin-bottom: 8px;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.stat-number.clients, .stat-number.partners, .stat-number.experience, .stat-number.projects {
  color: #0e141b;
}

.text {
  color: #333;
  text-transform: capitalize;
  border-top: 1px #f4f5f6;
  font-family: Exo, sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
}

.number-content {
  width: 250px;
}

.counter-section {
  z-index: 9999;
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  transform: translate(0, 50px);
}

.large-numbers {
  color: var(--new-black);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.number-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  padding-bottom: 10px;
  display: flex;
}

.number-wrap.hp {
  margin-top: 10px;
}

.page-wrapper-2 {
  background-color: var(--relume-library-lite-rl-white);
  border-top: 2px #0e141b;
  position: relative;
  overflow: hidden;
}

.is-main {
  z-index: 3;
  letter-spacing: -.07em;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 4rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

.is-main.border-null {
  cursor: pointer;
  border-top: 2px #2e2a27;
  border-bottom: 2px #2e2a27;
  justify-content: center;
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.container-72 {
  justify-content: center;
  width: 100%;
  max-width: 1170px;
  position: relative;
}

.tabs-content {
  border-bottom: 3px #000;
  width: 70%;
  overflow: visible;
}

.tabs-menu {
  z-index: 1;
  border: 2px none var(--relume-library-lite-rl-white);
  background-color: #3330;
  border-radius: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 30%;
  height: 100%;
  padding: 30px 42px 30px 30px;
  display: flex;
  transform: translate(79px);
}

.pricing-section-2 {
  background-color: #fff0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding: 120px 3%;
  display: flex;
  position: relative;
  overflow: visible;
}

.pricing-section-2.it-services {
  padding-top: 13rem;
  padding-bottom: 0;
  display: none;
}

.price-illustration {
  z-index: 2;
  filter: grayscale();
  border-radius: 25px;
  max-height: 80%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.price-illustration._2 {
  transform: translate(20%);
}

.price-illustration._3 {
  max-height: 67%;
}

.price-illustration._3.cms {
  width: 300px;
}

.price-illustration.wwh-right {
  filter: saturate(70%);
  width: 40%;
  transform: none;
}

.price-illustration.wwh-right.flip {
  transform-style: preserve-3d;
}

.price-illustration.wwh-right.flip._365 {
  filter: saturate(70%);
}

.price-illustration.wwh-right.flip.general {
  filter: saturate(70%);
  width: 45%;
  transform: translate(2%);
}

.price-illustration.wwh-right.flip.general._2 {
  filter: saturate(48%);
  max-height: 100%;
}

.price-illustration.wwh-right.flip.general._2.vm, .price-illustration.wwh-right.flip.general._2.pen {
  transform: translate(2%, -10%);
}

.price-illustration.wwh-right.flip.general._3 {
  filter: saturate(60%);
}

.price-illustration.wwh-right.flip.general._3.brighter.pen, .price-illustration.wwh-right.flip.general._3.vm {
  transform: translate(2%, -15%);
}

.price-illustration.wwh-right.flip.speed-opt {
  z-index: auto;
  filter: saturate(55%);
  width: 50%;
  max-height: 100%;
  transform: translate(0%, -20%);
}

.price-illustration.wwh-right.lost-and-broken {
  filter: saturate(61%);
  width: 50%;
  transform: translate(8%);
}

.price-illustration.wwh-right.reformatting {
  filter: saturate(57%);
}

.price-illustration.wwh-right.reformatting._4dv.faded.pen {
  transform: translate(0%, -15%);
}

.price-illustration.wwh-right.reformatting._4dv.vm {
  transform: translate(0%, -20%);
}

.price-illustration.wwh-right.other-way {
  transform-style: preserve-3d;
}

.price-illustration.wwh-right.biggish {
  filter: saturate(70%);
}

.price-illustration.wwh-right.wp {
  filter: saturate(75%);
  width: 50%;
  transform: translate(0%, -20%);
}

.price-illustration.wwh-right.wp.s-eo {
  filter: saturate(55%);
  width: 50%;
  max-height: 100%;
}

.price-illustration.wwh-right.ecom {
  filter: saturate(55%);
  width: 50%;
  max-height: 100%;
  transform: translate(0%, -15%);
}

.price-illustration.wwh-right.managed {
  width: 50%;
  max-height: none;
  transform: translate(10%, 5%);
}

.price-illustration.wwh-right._1 {
  filter: saturate(34%);
}

.price-illustration.wwh-right._1.brghter.sbas {
  transform: translate(0%, -15%);
}

.price-illustration.wwh-right._1.vm {
  transform: translate(0%, -20%);
}

.price-illustration.mbb {
  width: 300px;
  transform: translate(0);
}

.subtitle {
  color: var(--untitled-ui-gray50-501);
  text-align: center;
  font-size: 20px;
  font-weight: 400;
}

.subtitle.narrow {
  opacity: .9;
  max-width: 700px;
  font-size: 1.2rem;
}

.subtitle.narrow.charcoal {
  color: #333;
}

.subtitle.narrow.charcoal.down {
  margin-top: 10px;
}

.subtitle.charcoal._80-width {
  color: #333;
}

.subtitle.charcoal._80-width.margin-bottom {
  margin-bottom: 25px;
}

.content-h1 {
  z-index: 2;
  color: #0e141b;
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7rem;
  font-weight: 600;
  line-height: 1.1;
  position: relative;
}

.content-h1.cyber {
  color: #0e141b;
  margin-top: 111px;
  font-size: 7rem;
  line-height: 0;
}

.content-h1.cyber.move-up {
  font-size: 6.3rem;
}

.content-h1.cyber.white {
  color: var(--relume-library-lite-rl-white);
  overflow-wrap: normal;
  font-size: 6.3rem;
}

.content-h1.cented-and-smaller {
  text-align: center;
  font-size: 5rem;
}

.tabs {
  z-index: 3;
  justify-content: space-between;
  display: flex;
}

.price-card-dark {
  width: 100%;
  height: auto;
  min-height: 400px;
  box-shadow: none;
  color: #fff;
  background-color: #051d31;
  border: 2px #333;
  border-radius: 25px;
  padding: 72px 80px;
  position: relative;
}

.price-card-dark.num2 {
  background-color: var(--mid-grey);
  box-shadow: none;
  border-style: none;
}

.price-card-dark._3 {
  background-color: #005280;
  border-style: none;
}

.title-wrap {
  color: #7b88a8;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.tab-link {
  border: 2px solid var(--relume-library-lite-rl-white);
  color: #361c6c;
  background-color: #333;
  border-radius: 25px;
  justify-content: flex-start;
  align-items: center;
  min-width: 320px;
  padding: 32px 0 20px 10px;
  font-size: 30px;
  display: flex;
}

.tab-link.w--current {
  border-bottom: 2px solid var(--relume-library-lite-rl-white);
  color: #333;
  background-color: #333;
  border-radius: 25px;
  justify-content: flex-start;
  align-items: center;
  min-width: 390px;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 700;
  display: flex;
  overflow: hidden;
}

.tab-link._2 {
  border: 2px solid var(--relume-library-lite-rl-white);
  background-color: #0e141b;
  border-radius: 1.87rem;
  justify-content: flex-start;
  align-items: center;
  min-width: 320px;
  margin-bottom: 5px;
  display: flex;
}

.tab-link._2.w--current {
  background-color: #0e141b;
  background-image: url('../images/365-hero_1365 hero_00000.webp');
  background-position: 110%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 390px;
}

.tab-link._2.mbs.w--current {
  background-image: url('../images/business-startup.svg');
}

.tab-link._1 {
  min-width: 320px;
}

.tab-link._1.w--current {
  filter: grayscale();
  background-image: url('../images/wordpress.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 390px;
}

.tab-link._1.mbb.w--current {
  background-image: url('../images/business-planning.svg');
}

.tab-link._1.sbitsupport {
  background-color: #0e141b;
  border-radius: 1.87rem;
}

.tab-link._1.sbitsupport.w--current {
  background-image: url('../images/fed-up-guy_1fed up guy_00000.webp');
}

.tab-link._3 {
  background-color: #0e141b;
}

.tab-link._3.w--current {
  filter: none;
  background-color: #0e141b;
  background-image: url('../images/phones-hero_1phones hero_00000.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 1.87rem;
}

.tab-link._3.cms.w--current {
  background-image: url('../images/support-chat.svg');
}

.text-block-119 {
  z-index: 2;
  color: var(--relume-library-lite-rl-white);
  font-weight: 500;
  position: relative;
}

.text-block-119.shadow {
  text-shadow: 2px 2px 3px #000;
}

.other-web {
  background-color: #f9fafb00;
  border-top: 10px #c4c4c4;
  padding-top: 1.5px;
  padding-bottom: 0;
  position: relative;
}

.other-web.above {
  z-index: 1;
  background-color: var(--new-dark-blue);
  padding-bottom: 10rem;
}

.other-web.no-border {
  border-top-style: none;
}

.other-web.upwards-overlap {
  z-index: 3;
  border-style: solid;
  border-width: 2px 1px 1px;
  border-color: var(--relume-library-lite-rl-white) black black;
  margin-top: -20px;
}

.content {
  color: #fff;
  font-family: Lato, sans-serif;
}

.container-73 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.tabs-content-3 {
  width: 50%;
  margin-right: 10px;
}

.section-20 {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.section-20.dark {
  border-top: 10px solid var(--mid-grey);
  border-bottom: 10px solid var(--mid-grey);
  background-color: #333;
  width: 100%;
  height: auto;
  padding-top: 70px;
  padding-bottom: 70px;
  display: none;
}

.content_hint {
  color: #00b4ff;
  text-transform: uppercase;
  margin-bottom: .3rem;
  font-size: 14px;
  font-weight: 700;
}

.content_hint._5 {
  color: #00c9ff;
}

.content_hint._1 {
  color: #0091ff;
}

.content_hint._2 {
  color: #00a9ff;
}

.content_hint._6 {
  color: #00d4ff;
}

.tabs_menu {
  width: 60%;
  height: 300px;
  position: relative;
}

.tab_content {
  border: 2px solid #fff;
  border-radius: 8px;
  padding: 37px;
}

.tab_content._5 {
  z-index: auto;
  color: #8df043;
  border-color: #00c9ff;
  justify-content: flex-start;
  align-items: center;
  min-height: 330px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.tab_content._3 {
  color: #f0438d;
  border-color: #00b4ff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 330px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.tab_content._6 {
  color: #43f0a6;
  border-color: #00d4ff;
  min-height: 330px;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.tab_content._1 {
  color: #448df0;
  border-color: #ff8c00;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 330px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.tab_content._2 {
  z-index: 1;
  color: #a643f0;
  border-color: #00a9ff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 330px;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.tabs-2 {
  display: flex;
}

.tab_item {
  color: #5e5e5e;
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
}

.tab_item._1 {
  background-image: url('../images/hacker-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 55%;
  border: 2px solid #fff;
}

.tab_item._1.w--current {
  color: #fff;
  background-color: #0091ff;
  background-image: url('../images/hacker-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 55%;
}

.tab_item._5 {
  border: 2px solid var(--relume-library-lite-rl-white);
  background-image: url('../images/rocket-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
}

.tab_item._5.w--current {
  color: #fff;
  background-color: #00c9ff;
  background-image: url('../images/rocket-2.svg');
  background-size: 50%;
}

.tab_item._6 {
  border: 2px solid var(--relume-library-lite-rl-white);
  background-image: url('../images/online-design.svg');
  background-position: 50% 55%;
  background-repeat: no-repeat;
  background-size: 60%;
}

.tab_item._6.w--current {
  color: #fff;
  background-color: #00d4ff;
  background-image: url('../images/online-design-1.svg');
  background-position: 50% 55%;
  background-repeat: no-repeat;
  background-size: 60%;
}

.tab_item._3 {
  border: 2px solid var(--relume-library-lite-rl-white);
  background-image: url('../images/tools-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
}

.tab_item._3.w--current {
  color: #fff;
  background-color: #00b4ff;
  background-image: url('../images/tools-3.svg');
}

.tab_item._2 {
  border: 2px solid var(--relume-library-lite-rl-white);
  background-image: url('../images/server.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
}

.tab_item._2.w--current {
  color: #fff;
  background-color: #00a9ff;
  background-image: url('../images/server-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
}

.tab-pane-tab-1-2 {
  padding-right: 10px;
}

.icn-default {
  z-index: 1;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

._143-text-slide {
  height: auto;
}

.list-parent {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  opacity: .4;
  color: #333;
  border-bottom: 1px #000;
  align-items: center;
  width: 100%;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.header {
  z-index: auto;
  position: relative;
  overflow: visible;
}

.header.absolute {
  z-index: 2;
  display: block;
  position: absolute;
}

.slider-img-parent {
  flex-direction: column;
  width: 100%;
  height: 210rem;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.border-line {
  background-color: #8f8f8f;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.slider-img-child {
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.slider-wrapper {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  justify-content: space-between;
  width: 100%;
  display: flex;
  position: relative;
}

.card-img-whipe {
  z-index: 50;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: auto auto 0% 0%;
}

.arrow-2 {
  opacity: 0;
  filter: brightness(130%);
  width: 1.75rem;
}

.text-style-number {
  color: var(--relume-library-lite-rl-white);
  padding-top: 4px;
  font-family: Exo, sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.header-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
  position: relative;
}

.main-wrapper-2 {
  position: relative;
}

.main-wrapper-2.dark-blue {
  background-color: var(--new-black);
  padding-bottom: 5rem;
}

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

.slider-content {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 42rem;
  display: flex;
  position: relative;
}

.slider-section {
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.img-child {
  width: 100%;
  height: 100%;
  position: relative;
}

.img-child.img-1 {
  background-image: url('../images/painted-face-for-blog_1painted face for blog.avif'), url('../images/nb-logo.jpg'), linear-gradient(#1a0d38, #1a0d38);
  background-position: 50%, 50% 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: cover, contain, auto;
  justify-content: center;
  align-items: center;
  display: block;
  transform: translate(0);
}

.img-child.img-4 {
  background-image: radial-gradient(circle at 0 0, #051d31b3 9%, #fff0), url('../images/Case-Study-image-min1.jpg');
  background-position: 0 0, 65%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.img-child.img-5 {
  background-image: radial-gradient(circle at 0 0, #0009, #fff0), url('../images/11-Recruitment.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.img-child.img-3 {
  background-image: radial-gradient(circle farthest-corner at 0% 0%, var(--untitled-ui-gray50-501) 6%, #fff0 52%), url('../images/smiling-girl-beach-final.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.img-child.img-2 {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--untitled-ui-gray50-501), #0000), radial-gradient(circle farthest-corner at 50% 50%, var(--untitled-ui-gray50-501) 2%, #fff0 78%), url('../images/nls-school.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, cover;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: rotate(0);
}

.heading-style-h1-2 {
  color: #0e141b;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--relume-library-lite-rl-white);
  font-size: 3.45rem;
  font-weight: 600;
  line-height: 1.2;
}

.heading-style-h1-2.centred {
  text-align: center;
  -webkit-text-stroke-width: 0px;
  text-transform: capitalize;
}

.heading-style-h1-2.centred.h3-size {
  font-size: 2.45rem;
}

.heading-style-h1-2.centred.h3-size.left {
  text-align: left;
}

.heading-style-h1-2.centred.h3-size.left.smaller {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 2rem;
}

.heading-style-h1-2.centred.h3-size.left.smaller.centered {
  text-align: center;
}

.heading-style-h1-2.centred.white.bigger {
  font-size: 3.45rem;
}

.heading-style-h1-2.centred._90 {
  width: 90%;
}

.heading-style-h1-2.centred._90._50 {
  width: 50%;
}

.heading-style-h1-2.centred._90.max-width {
  max-width: 800px;
}

.heading-style-h1-2.white {
  opacity: 100;
  color: var(--relume-library-lite-rl-white);
  -webkit-text-stroke-color: var(--relume-library-lite-rl-white);
}

.heading-style-h1-2.white._90 {
  width: 95%;
  color: var(--relume-library-lite-rl-white);
  text-transform: capitalize;
  line-height: 1.1;
}

.heading-style-h1-2.white._90.centre {
  text-align: center;
}

.heading-style-h1-2._90 {
  width: 90%;
}

.heading-style-h1-2.above {
  position: relative;
}

.heading-style-h1-2.above.white {
  text-transform: capitalize;
}

.card-whipe {
  z-index: 50;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.card-whipe.one, .card-whipe.five, .card-whipe.four, .card-whipe.three, .card-whipe.two {
  display: none;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.slider-tab {
  margin-top: 1rem;
}

.slider-img {
  z-index: 2;
  border: 2px solid #f9fafb14;
  border-radius: 32px;
  flex-direction: column;
  width: 100%;
  height: 42rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.border-line-btm {
  z-index: 2;
  background-color: #292929;
  background-image: radial-gradient(circle at 0%, #ff8c00, gold);
  width: 0%;
  height: 3px;
  position: absolute;
  inset: auto 0% 0%;
}

.heading-style-h3 {
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1.2;
}

.arrow-icon {
  z-index: 1;
  width: 20%;
  height: 20%;
  color: var(--relume-library-lite-rl-white);
  position: absolute;
}

.circle-text {
  color: #fff;
  text-align: center;
  letter-spacing: .05em;
  font-size: 3rem;
  line-height: 1;
  text-decoration: none;
  position: absolute;
}

.circle-text.pointer-events-none {
  text-transform: uppercase;
  mix-blend-mode: exclusion;
  font-size: 1.4rem;
  font-weight: 300;
}

.circle-text.pointer-events-none.web-r {
  font-size: 1.5rem;
}

.circle-text.pointer-events-none.web-m {
  font-size: 2.2rem;
}

.circle-text.pointer-events-none.phones {
  font-size: 3.25rem;
}

.circle-text.pointer-events-none.home {
  font-size: 1.7rem;
}

.circle-text.pointer-events-none.web-h {
  font-size: 2rem;
}

.circle-text.pointer-events-none.web-o {
  font-size: 2.2rem;
}

.circle-text.pointer-events-none.av {
  font-size: 2.5rem;
}

.circle-text.pointer-events-none.pm {
  font-size: 2rem;
}

.circle-text.pointer-events-none {
  mix-blend-mode: exclusion;
  font-size: 3.25rem;
  font-weight: 300;
}

.main-wrapper-3 {
  z-index: 99;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  position: relative;
  transform: translate(0, 5%);
}

.circle-cta {
  z-index: 9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 15rem;
  display: flex;
  position: relative;
}

.circle-cta.web-h.trans, .circle-cta.trans {
  opacity: 0;
}

.circle {
  border: 2px solid var(--relume-library-lite-rl-white);
  background-color: #fff0;
  background-image: radial-gradient(circle, gold, #ff8c00);
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 65%;
  height: 65%;
  box-shadow: 0 2px 7px 7px #0e141b8c;
}

.overlay {
  z-index: 2;
  mix-blend-mode: overlay;
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: translate(0);
}

.cta-section {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 40px;
  display: flex;
}

.background-wrapper {
  z-index: 7;
  width: 100%;
  height: 100%;
  position: static;
}

.no-margin-top {
  margin-top: 0;
}

.background-circle {
  z-index: -1;
  aspect-ratio: auto;
  opacity: .07;
  filter: saturate(200%) saturate(200%);
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  background-image: url('../images/iStock-1182710409.jpg');
  background-position: 0 0;
  background-size: cover;
  position: absolute;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.background-circle.right {
  opacity: .05;
  background-image: url('../images/iStock-1182710409.jpg');
  background-size: cover;
}

.background-circle.right.smaller {
  opacity: .07;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 1500px;
}

.background-circle.right.smaller.topleft {
  transform-style: preserve-3d;
  inset: 0% 0% auto auto;
  transform: none;
}

.thumbnail {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 90%;
  height: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
  display: flex;
  position: absolute;
  inset: 1em 0 0;
}

.thumbnail._3 {
  border: 2px solid var(--relume-library-lite-rl-white);
  filter: saturate(156%);
  background-image: radial-gradient(circle at 50% 100%, #0000003b, #fff0 37%), url('../images/paul-headshot_1paul headshot_00000.webp'), url('../images/perth-it-care-circles_00000.png');
  background-position: 0 0, 50% 0, 95% 0;
  background-size: auto, cover, auto;
}

.thumbnail._2 {
  border: 2px solid var(--relume-library-lite-rl-white);
  filter: saturate(156%);
  background-image: url('../images/adrian-headshot_1adrian headshot_00000.webp'), url('../images/perth-it-care-circles_00000.png');
  background-position: 50% 0, 100% 0;
  background-size: cover, auto;
  display: flex;
}

.team-position {
  text-shadow: 0 1px 5px #000;
}

.border {
  color: #fff;
  background-color: #0000;
  border-bottom: 150px solid #ff8c00;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

.border.gold {
  border-bottom-color: gold;
}

.team-name {
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 1px 5px #000;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Exo, sans-serif;
  font-size: 25px;
}

.team-wrap {
  color: #fff;
  width: 300px;
  height: 300px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.div-block-440 {
  width: 100%;
  height: 100%;
}

.blue {
  filter: saturate(156%);
  -webkit-text-stroke-width: 0px;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-size: auto;
  background-clip: border-box;
  font-size: 40px;
  font-style: italic;
}

.div-block-441 {
  z-index: 3;
  border: 1px solid var(--relume-library-lite-rl-white);
  background-color: #1c3d5a00;
  border-radius: 50%;
  width: 500px;
  height: 500px;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(0%, 11%);
}

.div-block-441.left {
  width: 350px;
  height: 350px;
  inset: auto auto 0% 0%;
  transform: translate(0%, 11%);
}

.div-block-441.left.left-bigger {
  z-index: auto;
  border-color: var(--untitled-ui-gray50-501);
  opacity: .08;
  width: 750px;
  height: 750px;
  inset: 0% auto auto 0%;
  transform: translate(-56%);
}

.div-block-441.smaller {
  z-index: auto;
  opacity: .08;
  border-color: #f9fafb;
  width: 450px;
  height: 450px;
  inset: auto auto 0% 0%;
  transform: translate(30%, 50%);
}

.grid-6 {
  z-index: 3;
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  margin-top: 25px;
  position: relative;
}

.wave-container {
  justify-content: flex-start;
  align-items: center;
  transform: rotate(0);
}

.marquee-title {
  width: 90%;
  color: var(--relume-library-lite-rl-white);
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 2.5rem;
  position: static;
}

.marquee-section {
  z-index: 1;
  background-color: #0e141b;
  border: 5px #000;
  border-bottom: 10px #c4c4c4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 3.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-2 {
  border-bottom: 1px #000;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}

.text-marquee-field {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #0e141b;
  flex: none;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-marquee-field:hover {
  transform: translate(0);
}

.text-marquee-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.text-marquee {
  color: var(--relume-library-lite-rl-white);
  text-transform: capitalize;
  flex: none;
  font-size: 40px;
  font-weight: 500;
  line-height: 34px;
}

.full-container {
  z-index: 5;
  width: 100%;
  max-width: 100%;
  position: relative;
}

.marquee-star {
  width: 40px;
  height: 40px;
  transform: rotate(-20deg);
}

.text-marquee-line {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: none;
  display: flex;
}

.div-block-448 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 0%;
  display: flex;
}

.div-block-449 {
  border-bottom: 10px #c4c4c4;
  justify-content: flex-start;
  align-items: center;
  width: 95%;
  margin-bottom: 0;
  display: flex;
}

.text-block-121 {
  opacity: .9;
  width: 90%;
  color: var(--untitled-ui-gray50-501);
}

.triple-circle {
  opacity: .08;
  transform-style: preserve-3d;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(29%)rotateX(180deg)rotateY(180deg)rotateZ(0);
}

.code-embed-2 {
  opacity: 1;
  display: none;
  position: absolute;
  transform: translate(58%, -3%);
}

.text-block-122 {
  color: var(--relume-library-lite-rl-white);
  font-weight: 500;
}

.text-block-122.shadow {
  text-shadow: 2px 2px 3px #000;
  max-width: 200px;
}

.text-block-123 {
  color: var(--relume-library-lite-rl-white);
  font-weight: 500;
}

.text-block-123.shadow {
  text-shadow: 2px 2px 3px var(--relume-library-lite-rl-black);
}

.code-embed-5 {
  z-index: auto;
  opacity: .05;
  transform-style: preserve-3d;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(0, 35%)rotateX(0)rotateY(180deg)rotateZ(0);
}

.heading-4 {
  color: var(--relume-library-lite-rl-white);
  text-align: center;
  font-size: 4rem;
  font-weight: 600;
  line-height: 4.5rem;
}

.heading-4.black {
  opacity: 1;
  filter: none;
  color: var(--new-black);
}

.heading-4.black._10rem {
  filter: none;
  color: #0e141b;
}

.heading-4.black._10rem.above {
  z-index: 1;
  position: relative;
}

.heading-4.black._10rem.above.no-max-hieght {
  text-transform: capitalize;
  max-height: none;
}

.other-web-wrapper-div {
  border-top: 1px #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.other-web-wrapper-div.white._100-op {
  opacity: 100;
}

.div-block-451 {
  border-top: 10px solid var(--new-black);
  border-bottom: 5px none var(--mid-grey);
  background-color: var(--relume-library-lite-rl-white);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 2.5rem;
  display: flex;
}

.div-block-451.white {
  background-color: var(--relume-library-lite-rl-white);
  opacity: 100;
  border-top-style: none;
  border-bottom-style: none;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.div-block-451.white.less-padding-top {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.button---wrap {
  border-radius: 1.875rem;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
  transform: translate(-5%, -40%);
}

.button---wrap.services {
  position: static;
  transform: translate(0%);
}

.button---wrap.services.margin-top {
  margin-top: 25px;
}

.button---bg-replace {
  border-radius: 1.875rem;
  position: absolute;
  inset: 0%;
}

.button---bg-replace.x-02 {
  background-image: linear-gradient(90deg, #0091ff, #00d4ff);
}

.button---bg-replace.x-01 {
  background-image: linear-gradient(90deg, #ff8c00, gold);
}

.button {
  color: #333;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #fff0;
  border: .15rem solid #fff;
  border-radius: 1.875rem;
  padding: .55rem 1.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  position: relative;
}

.button.case-study-menu {
  color: var(--relume-library-lite-rl-black);
  border-width: .2rem;
  padding-top: .55rem;
  padding-bottom: .55rem;
}

.button.lighter {
  color: #0e141b;
  text-transform: uppercase;
  border-width: .2rem;
  padding: .55rem 1.5rem;
  font-size: 1.1rem;
}

.button.lighter.black-border {
  border-color: var(--relume-library-lite-rl-black);
}

.div-block-456 {
  background-color: #fff0;
  border: .15rem #000;
  border-radius: 1.87rem;
  justify-content: center;
  align-items: center;
  width: 95%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-456.cfs {
  background-color: #fff0;
  border-style: none;
  width: 200px;
  transform: translate(20%, 20%);
}

.button-101 {
  color: #0e141b;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 1.875rem;
  margin: .15rem;
  padding: .6rem 1.25rem;
  font-size: 1.1rem;
  font-weight: 600;
  transition: transform .3s;
}

.button-101:hover {
  filter: invert();
}

.div-block-458 {
  background-image: radial-gradient(circle at 0%, #ff8c00, gold);
  border-radius: 1.875rem;
  margin-top: 10px;
}

.div-block-458.margin-left {
  margin-left: 20px;
}

.div-block-458.margin-top {
  margin-top: 40px;
}

.div-block-458._10-margi-top.left {
  display: flex;
}

.div-block-458._10-margi-top.above._10px-left {
  margin-left: 10px;
}

.div-block-458.margin-right {
  margin-right: 10px;
}

.div-block-459 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  display: flex;
}

.div-block-459.cyber {
  z-index: 5;
  border-top: 3px none var(--border-grey);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-bottom: 5rem;
  display: block;
  position: relative;
  inset: 0% 0% auto;
}

.image-165 {
  z-index: auto;
  opacity: .37;
  filter: grayscale();
  height: 100%;
  min-height: 250px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-165._1 {
  z-index: auto;
}

.div-block-462 {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
  position: relative;
}

.section-29 {
  background-color: #051d3133;
  border-top: 10px #c4c4c4;
  border-bottom: 10px #c4c4c4;
  position: relative;
}

.bg-blue-wave {
  object-fit: fill;
  background-color: #1c3d5a;
  background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg');
  background-position: 50% 101%;
  background-repeat: repeat-x;
  background-size: auto;
  width: 100%;
  height: 100%;
  min-height: 500px;
  position: absolute;
}

.bg-blue-wave.cyber {
  border-top: 10px none var(--mid-grey);
  background-color: #051d31;
  background-image: none;
  min-height: auto;
}

.auto-rotate-styles {
  display: none;
}

.page-wrapper-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-top: 25vh;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.tab {
  border: 2px solid var(--relume-library-lite-rl-white);
  color: #fff;
  text-align: left;
  background-color: #0e141b;
  border-radius: 2rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  padding: 25px 20px;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
  overflow: hidden;
}

.tab.w--current {
  border: 2px solid var(--relume-library-lite-rl-white);
  background-color: #0e141b;
  border-radius: 2rem;
}

.tab-image-wrapper {
  border-radius: .25rem;
  justify-content: flex-end;
  align-items: flex-start;
  height: 30rem;
  max-height: 65vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.tab-image-wrapper.center {
  border: 2px solid var(--relume-library-lite-rl-white);
  background-color: var(--mid-grey);
  border-radius: 2rem;
  justify-content: flex-start;
  align-items: center;
  min-height: 518px;
  max-height: 65vh;
}

.tab-image {
  z-index: 1;
  filter: brightness(122%) grayscale();
  object-fit: cover;
  flex: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(7%);
}

.tab-image.safe {
  transform: translate(17%);
}

.paragraph-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.paragraph-wrapper.inner-padding-small {
  z-index: 2;
  color: #fff;
  justify-content: center;
  align-items: flex-start;
  max-width: 55%;
  padding-left: 15px;
  position: relative;
}

.tab-heading-2 {
  color: #333;
  font-weight: 700;
}

.tab-heading-2.white {
  color: var(--relume-library-lite-rl-white);
}

.tab-heading-2.bigger {
  color: #0e141b;
  font-size: 2.5rem;
  line-height: 1.2;
}

.tab-grid {
  grid-column-gap: 70px;
  grid-row-gap: 1.5vw;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.tab-text-2 {
  z-index: 1;
  font-size: 1rem;
  position: relative;
}

.auto-rotate-script {
  display: none;
}

.tab-fill {
  z-index: 0;
  background-color: #4a00e066;
  background-image: radial-gradient(circle at 0 0, #ff8c00bf, #ffd700bf);
  width: 0%;
  position: absolute;
  inset: 0%;
}

.tab-min-height {
  min-width: 100%;
  min-height: 38.4375rem;
}

.tab-container {
  z-index: 2;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 1380px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.tab-menu {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  max-width: none;
  margin-top: 0;
  margin-bottom: 35px;
  display: flex;
}

.div-block-463 {
  z-index: 2;
  background-image: radial-gradient(circle at 0 0, #ff8c00, gold);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.div-block-464 {
  position: relative;
}

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

.div-block-465.cyber {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  padding-top: 0;
  position: relative;
  transform: none;
}

.div-block-465.cyber.centred {
  background-color: #051d3133;
  justify-content: center;
  align-items: center;
}

.div-block-465.cyber.centred.padding-bottom {
  background-image: none;
  padding-bottom: 0;
}

.div-block-466 {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  transform: translate(0);
}

.div-block-467 {
  position: relative;
}

.code-embed-9 {
  z-index: 4;
  opacity: .07;
  width: auto;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.code-embed-9.opp {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.code-embed-9.opp.under {
  z-index: auto;
  opacity: .1;
  display: none;
}

.code-embed-9.opp.under.over {
  opacity: .15;
}

.code-embed-9.opp.under.over.alt {
  opacity: .07;
  transform: rotate(0);
}

.code-embed-9.opp.under.up-top {
  opacity: .07;
  transform-style: preserve-3d;
  display: none;
  inset: 0% 0% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.code-embed-9.opp.under.up-top._1 {
  opacity: .03;
}

.code-embed-9.opp.under.up-top.above {
  z-index: 5;
  opacity: .07;
  display: none;
}

.code-embed-9.opp.under._1 {
  z-index: -1;
}

.code-embed-9.below {
  z-index: -1;
  opacity: .15;
  inset: 0%;
}

.code-embed-9.below.up-20 {
  transform: translate(0, -20%);
}

.code-embed-9.below-the-hands {
  z-index: 1;
}

.code-embed-9.below-the-hands.hero-version, .code-embed-9.hero-section {
  opacity: 1;
  display: block;
}

.code-embed-9._2 {
  z-index: -1;
  opacity: .15;
}

.code-embed-9._1 {
  z-index: -1;
  opacity: .07;
}

.code-embed-9._1.opp {
  inset: 0% 0% auto;
}

.code-embed-9.flipped {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(180deg)rotateZ(0);
}

.code-embed-9.flipped.top {
  display: none;
}

.code-embed-9.white {
  opacity: .05;
  inset: 0%;
}

.div-block-469 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-469.dark-blue.charcoal {
  border-top: 2px none var(--untitled-ui-gray50-501);
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  padding-top: 5rem;
  padding-bottom: 3.5rem;
  position: relative;
}

.div-block-469.dark-blue.it-services {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
}

.div-block-470 {
  display: none;
  position: relative;
}

.image-167 {
  z-index: -1;
  opacity: .1;
  filter: saturate(200%) saturate(200%);
  object-fit: cover;
  max-width: none;
  max-height: 650px;
  transform-style: preserve-3d;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotateX(180deg)rotateY(180deg)rotateZ(0);
}

.div-block-472 {
  z-index: 2;
  background-color: #fff0;
  width: 100%;
  height: 98%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.paragraph-24 {
  color: #333;
}

.paragraph-25 {
  z-index: 3;
  position: relative;
}

.div-block-474 {
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 15px;
  padding-bottom: 5px;
  display: flex;
}

.button-102 {
  color: #333;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color: #fff0;
  border: .15rem solid #fff;
  border-radius: 1.875rem;
  padding: 1rem 1.5rem;
  font-size: 1.2rem;
  font-weight: 600;
  position: relative;
}

.button-102.lighter {
  color: #0e141b;
  border-width: .2rem;
  padding-top: .55rem;
  padding-bottom: .55rem;
  font-size: 1.1rem;
}

.button-102.lighter.w--current {
  font-weight: 600;
}

.button-102.lighter.black-border {
  color: #0e141b;
  border-color: #0e141b;
}

.div-block-475 {
  background-image: radial-gradient(circle at 0%, #ff8c00, gold);
  border-radius: 1.875rem;
  margin-top: 10px;
}

.div-block-475.margin-left {
  margin-left: 20px;
}

.button-103 {
  color: #0e141b;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 1.875rem;
  margin: 3px;
  padding: .6rem 1.5rem;
  font-size: 1.1rem;
  font-weight: 600;
  transition: transform .3s;
}

.button-103:hover {
  filter: invert();
}

.button-103.w--current {
  text-transform: uppercase;
}

.div-block-476 {
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 25px;
  padding-bottom: 5px;
  display: flex;
}

.div-block-476.margin-top {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 15px;
}

.div-block-476.margin-top.margin-bottom {
  padding-bottom: 2.5rem;
}

.div-block-476.margin-top.centred {
  justify-content: center;
  align-items: flex-end;
}

.div-block-476.less-margin-top {
  padding-top: 5px;
}

.div-block-476.less-margin-top.more-on-desktop {
  padding-top: 25px;
}

.image-169 {
  width: 50px;
  margin-right: 10px;
}

.image-169.cyber-version {
  width: 30px;
  margin-top: 10px;
  margin-right: 5px;
}

.code-embed-10 {
  z-index: auto;
  opacity: .4;
  width: 100%;
  height: 100%;
  position: absolute;
}

.paragraph-26 {
  color: #333;
}

.paragraph-27 {
  color: #333;
  width: auto;
}

.paragraph-28 {
  color: #333;
}

.section-30 {
  z-index: 9999;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 0;
  display: flex;
  position: relative;
}

.section-30.wh {
  padding-top: 7rem;
}

.fn-heading-2 {
  color: #0e141b;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Exo, sans-serif;
  font-size: 52px;
  font-weight: 600;
  line-height: 1.2em;
}

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

.fn-section {
  z-index: 1;
  color: #ecf0ef;
  background-color: #fff0;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 5rem;
  padding-bottom: 80px;
  font-family: Open Sans, sans-serif;
  display: flex;
  position: relative;
  overflow: visible;
}

.fn-section.wh {
  padding-top: 10rem;
}

.div-block-478 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.text-span-359 {
  color: var(--relume-library-lite-rl-black);
  line-height: 4.5rem;
}

.div-block-479 {
  z-index: 2;
  position: relative;
}

.div-block-480 {
  z-index: 1;
  position: relative;
}

.div-block-481 {
  width: 100%;
  max-width: 1160px;
  padding-bottom: 2.5rem;
}

.columns-9 {
  width: 100%;
  max-width: none;
}

.div-block-482 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-482.marcus {
  background-color: #fff0;
}

.div-block-482.marcus.margin-top {
  background-color: #fff0;
  margin-top: 20px;
}

.div-block-482.marcus.trans {
  background-color: #fff0;
}

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

.image-170 {
  filter: brightness(137%);
  width: 100px;
  margin-bottom: 10px;
}

.image-170.orange {
  filter: none;
  width: 30px;
  margin-right: 2px;
}

.link-block-34 {
  width: 95%;
  text-decoration: none;
}

.columns-10 {
  width: 1160px;
  max-width: 80rem;
}

.div-block-483 {
  background-color: var(--relume-library-lite-rl-white);
  width: 100%;
  position: relative;
}

.div-block-484 {
  z-index: 1;
  position: relative;
}

.div-block-485 {
  width: 100%;
  margin-top: 10px;
  text-decoration: none;
}

.gie-link-block-1 {
  margin-top: 0;
}

.gie-heading-1 {
  color: var(--relume-library-lite-rl-white);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.3em;
}

.gie-wrap-3 {
  flex-direction: column;
  display: flex;
}

.gie-wrap-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2em;
  display: grid;
}

.gie-decor-2 {
  width: auto;
  height: 4em;
  position: static;
  inset: -3.1em 0% auto;
}

.footersection {
  z-index: 3;
  background-color: #0e141b;
  background-image: radial-gradient(circle at 50% 100%, #00d4ff66, #fff0 45%);
  min-height: 650px;
  margin-top: 0;
  padding: 6em 5em 15em;
  font-size: 1vw;
  position: relative;
}

.gie-grid-1 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr .75fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.gie-decor-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.gie-wrap-1 {
  justify-content: space-between;
  display: flex;
}

.gie-link-1 {
  border-bottom: 1px solid var(--new-outline);
  color: var(--relume-library-lite-rl-white);
  text-transform: capitalize;
  margin-top: 0;
  padding-bottom: 10px;
  font-size: 1.3em;
  line-height: 1.3em;
  text-decoration: none;
}

.gie-link-1:hover {
  border-bottom-color: var(--darkorange);
  text-decoration: none;
}

.gie-link-1.no-caps {
  text-transform: lowercase;
}

.gie-wrap-4 {
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  margin-left: 5em;
  display: flex;
}

.gie-wrap-4.non-mob-hidden {
  display: none;
}

.gie-logo-1 {
  filter: saturate(200%) saturate(200%);
  object-fit: cover;
  border-radius: .5em;
  width: 100%;
  max-width: 200px;
  height: auto;
}

.gie-container-1 {
  z-index: 3;
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.div-block-486 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 34px;
  margin-left: -20px;
  display: flex;
}

.code-embed-11 {
  z-index: 3;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.code-embed-11.it-support-version {
  z-index: auto;
  opacity: .7;
  inset: auto 0% 0% auto;
}

.code-embed-11.white-version {
  z-index: -1;
  opacity: .15;
  transform-style: preserve-3d;
  display: none;
  transform: rotateX(180deg)rotateY(180deg)rotateZ(0);
}

.code-embed-11.white-version.upside-down {
  opacity: .1;
  transform-style: preserve-3d;
  display: none;
  transform: none;
}

.code-embed-11.white-version.upside-down.flipped {
  transform-style: preserve-3d;
}

.code-embed-11.white-version.upside-down.above {
  z-index: 5;
}

.code-embed-11.white-version.upside-down.above.darker {
  z-index: 1;
  filter: brightness(0%);
}

.code-embed-11.white-version.less-height {
  opacity: .15;
  height: 90%;
}

.code-embed-11.white-version.above {
  z-index: 1;
}

.code-embed-11.footer {
  z-index: auto;
}

.code-embed-11.footer.flipped {
  transform-style: preserve-3d;
  display: none;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.code-embed-11.footer.above {
  z-index: 5;
  opacity: .25;
  display: none;
}

.feature-text {
  opacity: .2;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  transition: opacity .2s;
}

.div-block-487 {
  z-index: 7;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 3.5rem;
  display: flex;
  position: relative;
}

.div-block-487.magin-bottom {
  z-index: 1;
  padding-bottom: 3.5rem;
}

.div-block-487.magin-bottom.absolute {
  z-index: 1;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-487.less-margin-top {
  padding-top: 2rem;
}

.div-block-487.less-margin-top._80-width {
  width: 80%;
}

.div-block-487.less-margin-top._80-width.no-margin-top {
  padding-top: 0;
}

.uui-space-small {
  width: 100%;
  min-height: 1rem;
}

.uui-text-size-medium-10 {
  color: #333;
  letter-spacing: normal;
  width: 70%;
  font-family: Exo, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-size-medium-10.centred {
  text-align: center;
}

.uui-text-size-medium-10._100 {
  width: 100%;
}

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

.h3sized-new {
  color: var(--relume-library-lite-rl-black);
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.4;
}

.h3sized-new.centred {
  color: #0e141b;
  text-align: center;
}

.uui-icon-featured-outline-large {
  border: .5rem none var(--untitled-ui-primary50);
  width: 8rem;
  height: 8rem;
  color: var(--untitled-ui-primary600);
  background-color: #fff0;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uui-icon-featured-outline-large.grey {
  background-color: #0e141b00;
  background-image: radial-gradient(circle, #0e141be6, #fff0 69%), radial-gradient(circle, #00d4ff, #fff0 60%);
  border-style: solid;
  border-width: 2px;
  padding: 10px;
}

.uui-layout34_content.centred {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.uui-layout34_content.centred.choice-it {
  border: 5px solid var(--mid-grey);
  background-color: var(--untitled-ui-gray50-501);
  border-radius: 1.87rem;
  width: 80%;
  min-height: 670px;
  padding: 25px 10px;
}

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

.uui-layout34_component._4-wide {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.uui-layout34_component._4-wide._1590-wide.less-gap-horizontal.padding-top-desktop {
  padding-top: 3.5rem;
}

.uui-layout34_component._2-wide {
  grid-template-columns: 1fr 1fr;
}

.uui-layout34_component._2-wide.margin-top {
  grid-column-gap: 0rem;
  margin-top: 35px;
}

.uui-layout34_component._2-wide.margin-top.it-services {
  grid-column-gap: 25px;
  grid-template-rows: auto auto;
}

.uui-layout34_component._2-wide.less-middle-gap {
  grid-column-gap: 0rem;
}

.uui-layout34_component._5-wide {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.uui-padding-vertical-xhuge {
  border-radius: 0;
  padding-top: 3.5rem;
  padding-bottom: 7rem;
}

.uui-padding-vertical-xhuge.less-padding-bottom {
  padding-top: 1.5rem;
  padding-bottom: 0;
}

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

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

.section-31 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.section-31.carousel-margi-top {
  padding-top: 3.5rem;
}

.section-31.carousel-margi-top.no-padding-normal-desktop {
  padding-top: 0;
}

.div-block-488 {
  max-width: 800px;
}

.div-block-489 {
  display: flex;
}

.div-block-489.margin-top {
  margin-top: 50px;
}

.div-block-489.centred {
  justify-content: center;
  align-items: center;
}

.div-block-490 {
  background-color: var(--relume-library-lite-rl-white);
  opacity: .9;
  border: 1px #000;
  width: 100%;
  height: 3px;
  position: relative;
}

.div-block-490.light-grey {
  background-color: var(--untitled-ui-gray50-501);
  height: 3.5rem;
}

.div-block-491 {
  justify-content: center;
  align-items: center;
  width: 97%;
  display: flex;
}

.div-block-491.absolute {
  z-index: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-491.rel {
  z-index: auto;
  position: relative;
}

.div-block-492 {
  position: relative;
}

.div-block-493 {
  border-radius: 50%;
  width: 500px;
  height: 500px;
  position: relative;
}

.section-32 {
  z-index: 1;
  background-color: #1c3d5a00;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  margin-top: 3.8rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.section-32.black-border-bottom {
  border-style: none none solid;
  border-width: 10px;
  border-color: black black var(--new-black);
}

.section-32.black-border-bottom.border-top {
  border-bottom-width: 5px;
  margin-top: 0;
}

.section-32.black-border-bottom.border-top.no-border-top {
  border-bottom-style: none;
}

.section-32.black-border-bottom.border-top.hp-only {
  z-index: 5;
  margin-top: 20px;
}

.section-32.no-margin-top {
  background-color: var(--relume-library-lite-rl-white);
  margin-top: 0;
  padding-top: 0;
}

.section-32.no-margin-top.none {
  padding-top: 0;
}

.div-block-494 {
  z-index: 1;
  position: relative;
}

.div-block-494.white-gradient {
  background-image: linear-gradient(180deg, var(--relume-library-lite-rl-white), var(--relume-library-lite-rl-white));
}

.div-block-494.bottom-margin {
  padding-bottom: 5rem;
}

.div-block-495 {
  width: 100%;
  margin-top: 10px;
}

.section-33 {
  z-index: 9;
  background-image: none;
  height: auto;
  padding-bottom: 5.5rem;
  position: relative;
}

.column-41 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 500px;
  display: flex;
  position: static;
}

.div-block-496 {
  background-color: #00d4ff00;
  background-image: radial-gradient(circle farthest-corner at 0% 100%, #0091ffb3, var(--light-blue) 62%, #ffffffb3);
  opacity: .8;
  border: 1px solid #0091ff61;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: absolute;
  transform: translate(0, -15%)skew(-21deg);
  box-shadow: 0 2px 5px 3px #0003;
}

.div-block-496.about-us {
  z-index: 9;
  background-color: #00d4ff00;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--light-blue), #fff0 69%);
  filter: none;
  border: 1px solid #f9f5ff66;
  width: 50px;
  height: 50px;
  transform: translate(-20%, -150%);
}

.div-block-496.about-us.pops {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--light-blue), #fff0 69%);
  opacity: .4;
  transform: translate(-50%, -400%);
}

.div-block-496.cs {
  z-index: 1;
  background-color: var(--new-black);
  background-image: none;
  border: 2px solid #f9fafb14;
  inset: 0% 0% auto auto;
  transform: translate(-50%, 350%);
}

.div-block-496.headings {
  z-index: -1;
  inset: 0% auto auto 0%;
  transform: translate(86%, 62%)skew(-21deg);
}

.div-block-496.headings.cta-section {
  z-index: -1;
  inset: 0% auto auto 0%;
  transform: translate(-8%)skew(-21deg);
  box-shadow: 0 2px 5px 3px #0003;
}

.div-block-496.headings.cta-section.big-version.middle {
  transform: translate(-8%, -116%)skew(-21deg);
}

.div-block-496.headings.ythis-matters {
  inset: 0% 0% auto auto;
  transform: skew(-21deg);
}

.div-block-497 {
  z-index: 1;
  background-color: #051d3100;
  background-image: radial-gradient(circle, #051d31 46%, #fff0);
  border: 2px #fff;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(-40%);
}

.div-block-497.about-us-above {
  z-index: 9;
  background-color: #051d3100;
  border-style: none;
  width: 65px;
  height: 65px;
  transform: translate(0%, 30%);
}

.div-block-497.about-us-above.pops-version {
  transform: translate(20%, -50%);
}

.div-block-497.cs {
  background-color: var(--mid-grey);
  display: block;
  transform: translate(-70%, 20%);
}

.div-block-497.cs.white-border {
  border-style: solid;
}

.div-block-497.cs.white-border.grey {
  background-color: var(--new-black);
  background-image: none;
  border-color: #f9fafb14;
}

.div-block-498 {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  display: flex;
  position: relative;
  transform: translate(0);
}

.div-block-498.rel-5 {
  background-color: var(--relume-library-lite-rl-white);
  border: 2px solid #0091ff;
  border-radius: 2rem;
  justify-content: center;
  align-items: flex-start;
  padding: 15px 10px 25px 25px;
  transform: none;
}

.div-block-498.rel-5.test {
  border: 5px solid var(--new-black);
  border-radius: 1.87rem;
  justify-content: center;
  align-items: center;
  margin: 2px;
  box-shadow: 0 2px 40px #0003;
}

.div-block-498.rel-5.test.testi-tilt {
  background-color: var(--untitled-ui-gray50-501);
}

.div-block-498.rel-5.test.proof-card.proof--ribbon {
  padding-top: 25px;
}

.heading-5 {
  color: #0e141b;
  text-align: left;
  font-weight: 600;
  line-height: 1.2;
}

.heading-5.max-40 {
  width: auto;
  max-width: 40%;
  color: var(--relume-library-lite-rl-black);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--relume-library-lite-rl-white);
  text-transform: capitalize;
  font-weight: 600;
}

.heading-5.max-40.outlined {
  -webkit-text-stroke-width: 1px;
  font-weight: 900;
}

.heading-5.centre {
  color: #0e141b;
  text-align: center;
}

.rl_testimonial15_client-name-text-2 {
  color: #000;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.rl_testimonial15_client-name-text-2.white {
  color: #0e141b;
  font-family: Exo, sans-serif;
}

.image-172 {
  width: 190px;
  padding-top: 15px;
}

.image-172.no-margin-top {
  max-width: 32%;
  padding-top: 0;
}

.image-172.no-margin-top.smaller.mobile {
  display: none;
}

.div-block-499 {
  background-color: #00d4ff;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-499.about-us {
  background-color: #00d4ff00;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #0091ff, var(--light-blue) 46%, #00d4ff00 67%);
  opacity: 1;
  border: 1px solid #0091ff66;
}

.div-block-499.about-us.aboutus-me-n-pops {
  border: 2px none var(--relume-library-lite-rl-white);
  background-image: radial-gradient(circle farthest-corner at 0% 100%, #0091ff, var(--light-blue));
  width: 80px;
  height: 80px;
  transform: translate(-30%);
}

.div-block-499.about-us.aboutus-me-n-pops.pops {
  opacity: .4;
  background-image: radial-gradient(circle, #0091ff, #00d4ff00 68%, #00d4ffbf 71%);
  inset: auto 0% 0% auto;
  transform: translate(-200%, 45%);
}

.div-block-499.about-us.aboutus-me-n-pops.pops.adrian {
  background-image: radial-gradient(circle, #0091ff, #00d4ff00 68%, #00d4ffbf 71%);
  inset: 0% 0% auto auto;
  transform: translate(200%, 45%);
}

.div-block-499.about-us.aboutus-me-n-pops.pops.about {
  transform: translate(-35%, 122%);
}

.div-block-499.about-us.aboutus-me-n-pops.pops.about._100 {
  opacity: 1;
}

.div-block-499.about-us.aboutus-me-n-pops.pops._1 {
  background-image: radial-gradient(circle, #0091ff, #00d4ff00 68%, #00d4ffbf 71%);
}

.div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #00d4ff00, #00d4ffbf 53%, var(--relume-library-lite-rl-white) 74%, #0091ff);
  opacity: 100;
  border-color: #00d4ff7a;
  transform: translate(-185%, 98%);
}

.div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes {
  opacity: .8;
  background-image: radial-gradient(circle, #0091ff00, #00d4ffbf 53%, #ffffffbf 74%, #0091ff 101%);
  border-color: #00d4ff7a;
  transform: translate(-101%, 65%);
  box-shadow: 0 8px 8px 3px #0003;
}

.div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes.headings.big-version {
  opacity: .8;
}

.div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes.headings.big-version.middle {
  transform: translate(-101%, -152%);
}

.div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes.headings.ythismatters {
  transform: translate(-101%, -17%);
}

.div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes.headings._1 {
  z-index: -1;
}

.div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes.up-slightly {
  box-shadow: 0 3px 12px 7px #0003;
}

.div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.blob-glow.web-m {
  transform: translate(-185%, -200%);
}

.div-block-499.about-us.can-we-help {
  width: 100px;
  height: 100px;
  inset: auto auto 0% 0%;
  transform: translate(0, -7px);
}

.div-block-499.about-us._1.law {
  z-index: -1;
  box-shadow: 0 2px 5px #0003;
}

.div-block-499.about-us._1.case-study {
  z-index: -1;
  opacity: .8;
  box-shadow: 0 2px 5px #0003;
}

.div-block-499.about-us._1.case-study.headings.cta-section.big-version.middle {
  transform: translate(-25px);
}

.div-block-499.about-us._1.bigger.blob-glow.web-m {
  inset: auto 0% 0% auto;
  transform: translate(0);
}

.div-block-499.cs {
  z-index: 1;
  background-color: var(--new-black);
  background-image: none;
  border: 2px solid #f9fafb14;
  width: 180px;
  height: 180px;
  display: none;
  transform: translate(-290%, -8%);
}

.rl-text-style-regular-9 {
  color: #0e141b;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.div-block-500 {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-501 {
  margin-top: 20px;
  display: flex;
}

.div-block-502 {
  background-color: var(--new-black);
  background-image: url('../images/ad1556d3-4814-4795-84dd-7eaa361ec660_1.avif'), radial-gradient(circle at 50% 100%, #00d4ff21, #fff0);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 500px;
  height: 500px;
  position: relative;
}

.column-42 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-504 {
  z-index: 5;
  border: 2px solid var(--relume-library-lite-rl-white);
  background-color: var(--light-blue);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  position: absolute;
  inset: auto 0% auto auto;
  transform: translate(-121%, 150%);
}

.div-block-504.medium-hero {
  z-index: 2;
  opacity: .2;
  transform: translate(-121%, 280%);
}

.div-block-504.medium-hero.hp-only {
  opacity: .2;
  background-image: radial-gradient(circle at 0 100%, #0000, #ffffffe6);
}

.div-block-504.medium-hero.anti {
  transform: translate(-121%, 225%);
}

.div-block-504.little-hero {
  background-color: #0091ff;
  width: 40px;
  height: 40px;
  transform: translate(-980%, 400%);
}

.div-block-504.little-hero.web-r-only {
  opacity: .2;
  transform: translate(-980%, 250%);
}

.div-block-504.little-hero.hp-only {
  opacity: .2;
  background-image: none;
}

.div-block-504.little-hero.web-r-hack-types {
  transform: translate(-700%, -80px);
}

.div-block-504.little-hero.web-r-hack-types.more-up {
  opacity: .2;
  background-image: radial-gradient(circle at 0 100%, #000c, #0091ff 70%);
  transform: translate(-700%, 150%);
}

.div-block-504.little-hero.web-r-hack-types.more-up.right-side {
  opacity: .2;
  transform: translate(-75%, 150%);
}

.div-block-504.lower-left-hero {
  z-index: 2;
  opacity: .2;
  background-color: #00d4ff00;
  border-color: #00d4ff;
  width: 80px;
  height: 80px;
  transform: translate(-550%, 650%);
}

.div-block-504.lower-left-hero.hp-only {
  opacity: .2;
}

.div-block-504.bottom-right-hero {
  opacity: .2;
  filter: saturate(156%);
  background-color: #00bfff00;
  background-image: url('../images/perth-it-care-circles_00000.png');
  background-position: 100%;
  background-size: auto;
  width: 60px;
  height: 60px;
  inset: auto 0% 0% auto;
  transform: translate(-121%, -250%);
}

.div-block-504.multi-blue {
  background-color: #00d4ff00;
  background-image: url('../images/perth-it-care-circles_00000.png');
  background-position: 100% 100%;
  background-size: auto;
  width: 80px;
  height: 80px;
  inset: auto 0% 0% auto;
  transform: translate(30%, 75%);
}

.div-block-504.blue-ring {
  border-color: var(--light-blue);
  background-color: #00d4ff00;
  width: 60px;
  height: 60px;
  inset: auto auto 0% 0%;
  transform: translate(-60%, 190%);
}

.div-block-504.blue-ring.more-up {
  width: 40px;
  height: 40px;
  transform: translate(-60%, 220%);
}

.div-block-505 {
  width: 100vw;
  position: relative;
}

.image-173 {
  z-index: 3;
  position: absolute;
  inset: auto 0% 0%;
}

.bottom__bun {
  background-color: #ff8c00;
  width: 36px;
  height: 2px;
}

.button-104 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 20rem;
  padding: .75rem 1.5rem;
  font-weight: 400;
}

.button-104.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-104.is-icon.background-color-blue {
  color: #0e0f42;
  background-color: #c2d2f3;
}

.button-104.is-icon.background-color-blue.hide-mobile-portrait {
  border: .2rem solid var(--relume-library-lite-rl-white);
  color: var(--relume-library-lite-rl-black);
  text-transform: uppercase;
  background-image: radial-gradient(circle at 0 0, #ff8c00, gold);
  border-radius: 1.87rem;
  padding: .6rem 1.55rem;
  font-size: 1.2rem;
  font-weight: 600;
}

.button-104.is-icon.background-color-blue.show-mobile {
  display: none;
}

.burger__button-container {
  z-index: 900;
  grid-column-gap: .5rem;
  display: flex;
  position: fixed;
}

.icon-1x1-small {
  color: #0e141b;
  flex: none;
  width: 1rem;
  height: 1rem;
}

.nav__main {
  z-index: 10;
  grid-column-gap: 2.5rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem 0;
  display: flex;
  position: relative;
}

.nav__drop_wrapper {
  z-index: 9;
  grid-row-gap: .5rem;
  border-left: 2px solid var(--relume-library-lite-rl-white);
  background-color: #0e141b;
  border-bottom-left-radius: 0;
  flex-direction: column;
  align-items: flex-end;
  width: 30%;
  min-width: 400px;
  height: 100vh;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8rem;
  padding-bottom: 2.5rem;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.nav__main-static {
  z-index: 905;
  grid-column-gap: .5rem;
  display: flex;
  position: relative;
  right: 11.8rem;
}

.nav__main-container {
  grid-column-gap: .5rem;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.brand {
  width: 8rem;
  height: auto;
}

.brand.is--dark {
  filter: saturate(200%) saturate(200%);
  width: 12rem;
}

.brand.is--white {
  filter: saturate(200%) saturate(200%);
  display: none;
}

.top__bun {
  background-color: #ff8c00;
  width: 36px;
  height: 2px;
}

.nav__drop {
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav__link {
  background-color: #e9e9e9;
  border-radius: 20rem;
  padding: .75rem 1.25rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .1s;
}

.nav__link:hover {
  background-color: #c2d2f3;
}

.nav__link.is--active-3 {
  background-color: var(--relume-library-lite-rl-white);
  min-width: 300px;
  color: var(--relume-library-lite-rl-black);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin: .15rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.nav__link.is--active-4 {
  color: var(--relume-library-lite-rl-black);
  text-transform: uppercase;
  margin: .15rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.nav__link.is--active-2 {
  background-color: var(--relume-library-lite-rl-white);
  min-width: 300px;
  color: var(--relume-library-lite-rl-black);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin: .15rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
  transform: translate(0);
}

.nav__link.is--active-1 {
  background-color: var(--relume-library-lite-rl-white);
  min-width: 300px;
  color: var(--relume-library-lite-rl-black);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin: .15rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.nav__link.is--active-1.w--open {
  min-width: 300px;
}

.nav__link.is--active-4 {
  width: 0;
  height: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 0;
}

.navigation-2 {
  z-index: 50;
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.brand__link-block {
  z-index: 100;
  position: fixed;
}

.page-wrapper-7 {
  z-index: 6;
  width: auto;
  height: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.patty {
  background-color: gold;
  width: 36px;
  height: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.hamburger__wrapper {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.navbutton-surround {
  background-image: radial-gradient(circle at 0 0, #ff8c00, gold);
  border: 1px #000;
  border-radius: 1.87rem;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  display: flex;
  position: relative;
}

.navbutton-surround.right {
  margin-right: 15px;
}

.dropdown-4 {
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.kjd-b-toggle-1 {
  color: var(--relume-library-lite-rl-white);
  background-image: url('../images/Vector-36.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: .8em;
  padding: 0 1.3em 0 0;
}

.kjd-b-toggle-1.w--open {
  background-image: url('../images/Vector-35.png');
}

.kjd-b-text-1 {
  color: #0e141b;
  font-size: 1.1rem;
  line-height: 2rem;
}

.kjd-b-wrap-4 {
  background-color: #fff;
  border: 5px solid #00d4ff00;
  border-radius: 1.87rem;
  width: 100%;
  height: 98%;
  max-height: 80vh;
  margin-top: 0;
  padding: 1.5em 3.5em;
  position: relative;
}

.kjd-b-wrap-4:hover {
  box-shadow: none;
}

.kjd-b-heading-1 {
  min-width: 180px;
  color: var(--relume-library-lite-rl-black);
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.3em;
}

.kjd-b-dropdown-1 {
  background-color: var(--relume-library-lite-rl-white);
  color: var(--relume-library-lite-rl-black);
  text-transform: uppercase;
  border-radius: 1.87rem;
  justify-content: center;
  align-items: center;
  margin: .15rem;
  padding: .45rem 1.25rem;
  font-weight: 600;
  display: flex;
}

.kjd-b-dropdown-1:hover {
  filter: none;
}

.kjd-b-wrap-1 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.kjd-b-grid-1 {
  grid-column-gap: 2em;
  grid-row-gap: .5em;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.kjd-b-grid-1._1row {
  z-index: 3;
  grid-row-gap: 2px;
  grid-template-rows: auto auto;
  position: relative;
}

.kjd-b-grid-1.cybersecurity {
  grid-template-columns: 1fr 1fr;
}

.kjd-b-grid-1.webservices {
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  max-width: none;
}

.kjd-b-grid-1.webs, .kjd-b-grid-1.itservices {
  grid-template-rows: auto;
}

.kjd-b-wrap-5 {
  border: 1px none var(--relume-library-lite-rl-white);
  max-width: 350px;
  transition: border .25s;
}

.kjd-b-wrap-5:hover {
  border: 1px none var(--mid-grey);
  background-color: var(--relume-library-lite-rl-white);
  border-radius: 1.87rem;
}

.kjd-b-wrap-5.bottom-right {
  border-radius: 1.87rem;
}

.kjd-b-link-block-1 {
  border-radius: 1.87rem;
  padding: 1em;
  text-decoration: none;
}

.kjd-b-link-block-1:hover {
  border: 1px none var(--mid-grey);
  background-color: #ffd70000;
}

.kjd-b-list-1 {
  right: -5em;
}

.kjd-b-list-1.w--open {
  background-color: #0000;
  transform: translate(29%, 54%);
}

.kjd-b-list-1._1.w--open {
  transform: translate(44%, 57%);
}

.kjd-b-list-1._3.w--open {
  transform: translate(12%, 54%);
}

.kjd-b-text-2 {
  color: #5c5c5c;
  text-transform: none;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3em;
}

.div-block-507 {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: 100%;
  margin-top: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-507.centred {
  justify-content: center;
  align-items: flex-start;
  transform: translate(5%);
}

.herobox-text {
  z-index: 1;
  min-width: 350px;
  max-width: 400px;
  color: var(--relume-library-lite-rl-white);
  text-align: left;
  -webkit-text-stroke-color: var(--relume-library-lite-rl-white);
  text-shadow: 2px 2px 3px var(--new-black);
  background-image: linear-gradient(#f9fafb24, #f9fafb24);
  border: 1px solid #f9fafb80;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 5px 10px;
  font-size: 1.2rem;
  display: block;
  position: static;
  box-shadow: 0 2px 3px 1px #0e141b8c;
}

.herobox-text.webr {
  text-transform: capitalize;
  background-image: linear-gradient(#f9fafb2b, #f9fafb2b);
  min-width: 380px;
  max-width: 380px;
}

.popup-close-2 {
  z-index: 2;
  color: #000;
  cursor: pointer;
  background-color: #e9e9e9;
  border-radius: 999em;
  justify-content: center;
  align-items: center;
  width: 3.5em;
  height: 3.5em;
  display: flex;
  position: absolute;
  inset: 1em 1em auto auto;
}

.popup-toggle-2 {
  cursor: pointer;
}

.text-block-124, .text-block-125 {
  margin-top: 10px;
}

.circle-container {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 125px;
  max-width: 100vw;
  height: 125px;
  max-height: 100vw;
  display: flex;
  position: relative;
}

.image-175 {
  filter: contrast(200%) contrast(200%) invert();
  width: 250px;
  transform: translate(0%, 20px);
}

.image-175.original {
  filter: none;
  width: 250px;
  max-width: none;
}

.image-176 {
  width: 250px;
}

.div-block-508 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.image-177 {
  width: 80px;
  margin-right: 5px;
}

.image-178 {
  filter: none;
  width: 100px;
  transform: translate(-40%, 10%);
}

.accordion-item {
  width: 100%;
}

.question {
  color: var(--relume-library-lite-rl-black);
  font-weight: 600;
}

.dropdown-list-3 {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.dropdown-list-3.w--open {
  background-color: var(--relume-library-lite-rl-white);
  border-bottom-right-radius: 1.87rem;
  border-bottom-left-radius: 1.87rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
  margin-top: 0;
  padding: 0 0 5px;
  display: flex;
}

.answer {
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 0;
}

.dropdown-link {
  background-color: var(--relume-library-lite-rl-white);
  text-transform: uppercase;
  border-radius: 1.87rem;
  font-weight: 600;
}

.dropdown-link:hover {
  filter: invert();
}

.div-block-509 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block-126 {
  color: var(--relume-library-lite-rl-white);
  font-weight: 600;
  line-height: 1.5rem;
}

.div-block-510 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 25px;
  text-decoration: none;
  display: flex;
}

.image-179 {
  width: 50px;
}

.div-block-511 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 250px;
  display: flex;
}

.text-block-127 {
  color: #0e141b;
}

.sticky-triggers {
  position: absolute;
  inset: 0%;
}

.overflow-hidden {
  overflow: hidden;
}

.phone-mock_wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}

.sticky-center {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.h3 {
  color: var(--new-black);
  margin-top: 0;
  margin-bottom: .4em;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.sticky-text_wrapper {
  color: #363636;
  margin-top: 8vh;
  margin-bottom: 8vh;
  text-decoration: none;
  display: block;
  position: relative;
}

.sticky-text_wrapper.steps {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  grid-template-rows: auto;
  grid-template-columns: 60px 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4vh;
  margin-bottom: 4vh;
  display: grid;
}

.sticky-text_wrapper.steps.fourth {
  margin-bottom: 0;
}

.circle-number {
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-top: -16px;
  font-size: 1.6rem;
  line-height: 1;
  display: flex;
}

.phone-screen {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  position: relative;
}

.phone-mock_border {
  z-index: 1;
  border: 12px solid #cacaca;
  border-radius: 0 0 2em 2em;
  position: absolute;
  inset: 0%;
}

.sticky-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.sticky-img_wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.stick-text_detail {
  transform-origin: 50% 0;
  overflow: hidden;
}

.phone-screen_wrapper {
  background-color: #fff;
  border-radius: 1.5em;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.phone-screen_img {
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  width: 100%;
  height: 100%;
}

.phone-screen_img.third {
  background-color: var(--new-dark-blue);
  background-image: linear-gradient(to bottom, var(--new-black), var(--new-black));
  background-position: 0 0;
  position: absolute;
  inset: 0%;
}

.phone-screen_img.second {
  background-image: linear-gradient(to bottom, var(--new-black), var(--new-black));
  background-position: 0 0;
  position: absolute;
  inset: 0%;
}

.phone-screen_img.fourth {
  background-color: var(--new-dark-blue);
  background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/cyber-4610993_1920.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 0;
  position: absolute;
  inset: 0%;
}

.phone-screen_img.first {
  background-image: linear-gradient(to bottom, var(--new-black), var(--new-black));
  background-position: 0 0;
}

.position-relative {
  position: relative;
}

.sticky-container {
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.paragraph-l {
  font-size: 1.125rem;
}

.paragraph-l.cc-sm-small.mb-0 {
  color: #333;
  margin-bottom: 0;
}

.paragraph-l.cc-sm-small.mb-0.text-dark {
  display: block;
}

.sticky-wrapper {
  width: 100%;
  height: 400vh;
  position: relative;
}

.phone-mock {
  background-color: #fff;
  border-radius: 0 0 2em 2em;
  width: 100%;
  max-width: 600px;
  max-height: 500px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 50px #0000000f;
}

.sticky-trigger {
  z-index: 1;
  position: absolute;
  inset: 0% 0% auto;
}

.sticky-trigger._60 {
  top: 60%;
}

.sticky-trigger._80 {
  top: 80%;
}

.sticky-trigger._20 {
  top: 20%;
}

.sticky-trigger._40 {
  top: 40%;
}

.phone-mock_tab {
  background-color: #cacaca;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  width: 100%;
  height: 6%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.section-34 {
  padding-top: 8%;
  padding-bottom: 8%;
  display: none;
  position: relative;
}

.small-head {
  color: var(--relume-library-lite-rl-white);
  font-family: Exo, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2rem;
}

.div-block-38 {
  flex-direction: column;
  align-items: flex-start;
  max-width: 250px;
  max-height: 350px;
  padding: 0 4px 11px;
  display: flex;
}

.div-block-38._1 {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 250px;
  max-height: 350px;
}

.div-block-43 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.div-block-43.white {
  opacity: 100;
  background-color: #fff0;
  padding-bottom: 0;
}

.div-block-43.white.margin-bottom, .div-block-43.white.padding-bottom-desktop {
  padding-bottom: 3.5rem;
}

.div-block-43.dark-blue {
  background-color: #051d31;
  background-image: linear-gradient(#0000 100%, #fff);
}

.div-block-43.dark-blue.padding-bottom {
  background-color: var(--new-black);
  background-image: none;
  padding-bottom: 3.5rem;
}

.div-block-43.white-gradient, .div-block-43.margin-bottom {
  padding-bottom: 3.5rem;
}

.div-block-39 {
  width: 80%;
}

.div-block-34 {
  justify-content: center;
  align-items: center;
  width: 95%;
  margin-bottom: 3.5rem;
  padding-top: 3.5rem;
  display: flex;
  position: relative;
}

.div-block-34.no-margin-top {
  padding-top: 0;
}

.div-block-34.no-margin-bottom {
  margin-bottom: 0;
}

.div-block-34.no-margin-bottom.less-margin-top-desktop {
  padding-top: 0;
}

.horizonal-scroll-content {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 27px;
  border-top: 5px #0091ff;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  min-height: 100vh;
  display: grid;
  position: relative;
}

.main-sections {
  background-color: var(--new-black);
  min-height: 0;
  padding-top: 0;
  position: relative;
}

.main-sections.margin-top.white {
  z-index: 2;
  opacity: 100;
  background-color: #051d3100;
  background-image: none;
  margin-top: 0;
  position: relative;
}

.main-sections.margin-top.white.no-min-height {
  min-height: 0;
}

.main-sections.margin-top.white.no-min-height.dark-blue {
  background-color: var(--new-black);
}

.main-sections.margin-top.white.dark-blue {
  background-color: var(--new-dark-blue);
}

.main-sections.margin-top.white.margin-bottom {
  padding-bottom: 3.5rem;
}

.main-sections.margin-top.trans {
  background-color: #051d3100;
  background-image: none;
  padding-bottom: 3.5rem;
}

.medium-head {
  color: var(--relume-library-lite-rl-white);
  text-transform: capitalize;
  font-size: 3.45rem;
  font-weight: 800;
  line-height: 1.2;
}

.medium-head.cented {
  text-align: center;
  font-weight: 600;
}

.medium-head.cented.black {
  max-height: none;
  color: var(--relume-library-lite-rl-black);
}

.medium-head.cented.black.semi {
  opacity: 1;
  filter: none;
  color: var(--new-black);
  font-weight: 600;
}

.medium-head.cented.black.semi.white {
  color: var(--relume-library-lite-rl-white);
}

.medium-head.cented.smaller {
  font-size: 2.45rem;
}

.div-block-37 {
  z-index: 1;
  background-color: var(--new-black);
  border: 1px #0091ff;
  border-radius: 1.87rem;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 90px;
  display: flex;
  position: relative;
}

.div-block-35 {
  z-index: 2;
  width: auto;
  margin-bottom: -1px;
  padding-top: 18px;
  padding-bottom: 18px;
  position: static;
  overflow: visible;
}

.div-block-35.absolute.signs {
  z-index: 2;
  inset: auto 0% 0%;
}

.div-block-35.no-margin-bottom.centred {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-35._80-width {
  width: 80%;
  margin-bottom: 0;
}

.div-block-35.flex-middle {
  justify-content: center;
  align-items: center;
  display: flex;
}

.big-green-number {
  background-image: radial-gradient(circle farthest-corner at 0% 100%, #0091ff, var(--light-blue));
  color: #0091ff;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  padding-top: 25px;
  padding-bottom: 10px;
  font-family: Exo, sans-serif;
  font-size: 70px;
  font-weight: 300;
}

.para-blue {
  color: var(--relume-library-lite-rl-white);
  letter-spacing: 1px;
  line-height: 25px;
}

.heading-10 {
  z-index: -1;
  color: #47546700;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #4754674d;
  text-transform: uppercase;
  font-size: 10rem;
  position: absolute;
  inset: 0% 0% auto;
}

.heading-10.centred {
  text-align: center;
}

.heading-10.centred.hacked {
  transform: translate(0, 150%);
}

.text-span-361 {
  font-family: Merriweather, serif;
  font-size: 45px;
  font-style: italic;
  font-weight: 800;
}

.section-35 {
  padding-bottom: 5rem;
}

.section-35.centred {
  background-image: linear-gradient(180deg, #fff0 50%, var(--new-black) 50%);
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-35.centred.white-top {
  background-image: linear-gradient(180deg, var(--relume-library-lite-rl-white) 50%, var(--new-black) 50%);
}

.section-36 {
  padding-top: 3.5rem;
  padding-bottom: 0;
  position: relative;
}

.section-36.dark-blue {
  background-color: var(--new-black);
  padding-top: 0;
}

.section-36.white {
  background-color: var(--relume-library-lite-rl-white);
  opacity: 100;
}

.section-36.margin-bottom {
  padding-bottom: 4.5rem;
}

.square-icon {
  border-radius: 16px;
}

.square-icon.mg-right-24px.mg-bottom-16px-t {
  width: 150px;
  margin-right: 10px;
}

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

.text-center.mg-bottom-48px {
  z-index: 2;
  color: #333;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Exo, sans-serif;
  display: flex;
  position: relative;
}

.text-center.mg-bottom-48px.absol {
  z-index: 1;
  position: absolute;
  inset: auto 0% 0%;
}

.card {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  box-shadow: 0 2px 7px #14142b0f;
}

.card.icon-left---content-right {
  border-width: 2px;
  border-color: var(--new-blue);
  min-height: 300px;
  box-shadow: none;
  background-color: #0091ff;
  justify-content: flex-start;
  align-items: center;
  padding: 48px;
  display: flex;
}

.card.icon-left---content-right.trans {
  background-color: #0091ff00;
  border-style: none;
}

.container-default {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.grid-2-columns {
  z-index: 2;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 10px;
  display: grid;
  position: relative;
}

.grid-2-columns._1-row {
  grid-template-rows: auto;
}

.inner-container._600px {
  max-width: 600px;
}

.inner-container._600px.center {
  max-width: 1190px;
  position: relative;
}

.div-block-512 {
  margin-left: 0;
}

.heading-11 {
  color: var(--relume-library-lite-rl-black);
  text-transform: capitalize;
  font-size: 3.45rem;
  font-weight: 600;
  line-height: 4rem;
  position: static;
}

.heading-11.white {
  opacity: 100;
  color: var(--relume-library-lite-rl-white);
}

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

.heading-11.margin-bottom.max-width {
  max-width: 800px;
}

.heading-12, .heading-13, .heading-14, .bold-text-6 {
  color: #333;
}

.container-77 {
  width: 90%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

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

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

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

.padding-global.padding-section-small {
  background-color: var(--new-black);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
  position: relative;
}

.padding-global.padding-section-small.black {
  border: 2px solid var(--new-outline);
  background-color: var(--new-black);
  filter: none;
  border-radius: 1.87rem;
  margin-left: 20px;
  margin-right: 20px;
}

.div-block-522 {
  padding-bottom: 5rem;
  position: relative;
}

.div-block-522.charcoal {
  background-color: #3330;
  border-top: 10px #c4c4c4;
}

.bigger-hero-text {
  font-family: Merriweather, serif;
  font-size: 4.9vw;
  font-weight: 900;
  line-height: 5.9vw;
}

.bigger-hero-text.gradient {
  background-image: radial-gradient(circle farthest-corner at 100% 0%, #0091ff, var(--light-blue));
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: #fff0;
  text-shadow: none;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.bigger-hero-text.trans {
  color: var(--new-black);
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #fff0;
  padding-right: 0;
  overflow: visible;
}

.bigger-black-text {
  color: #0e141b;
  -webkit-text-stroke-width: 0px;
  font-family: Merriweather, serif;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.2;
}

.bigger-black-text.smaller {
  font-size: 3rem;
  font-weight: 900;
}

.bigger-black-text.smaller.bigger-on-1920.band-reveal {
  line-height: .1;
}

.bigger-black-text.white-bigger {
  color: var(--relume-library-lite-rl-white);
  font-size: 5rem;
}

.bigger-black-text.white-bigger.smaller {
  font-size: 4rem;
}

.bigger-black-text.white-bigger.smaller.hp {
  color: var(--new-black);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.bigger-black-text.white-bigger.smaller.hp.gradient {
  background-image: radial-gradient(circle farthest-corner at 100% 0%, #0091ff, var(--light-blue));
  color: #fff0;
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: #fff0;
  text-shadow: none;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.bigger-black-text.white-bigger.smaller.hp.gradient.bigger {
  -webkit-text-stroke-width: 4px;
  font-size: 5rem;
}

.bigger-black-text.white-bigger.smaller.hp.trans-border {
  opacity: 1;
  color: #0e141b;
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: #fff0;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.bigger-black-text.white-bigger.smaller.hp.trans-border.bigger {
  color: #070f18;
  -webkit-text-stroke-width: 4px;
  font-size: 5rem;
}

.bigger-black-text.bigger {
  color: #0e141b;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-size: 5rem;
}

.bigger-black-text.slightly-smaller {
  font-size: 3.7rem;
}

.bigger-black-text.prism-breathe {
  line-height: 1.2;
  text-decoration: none;
}

.section-home-hero {
  z-index: 1;
  background-color: var(--new-black);
  min-height: 100vh;
  display: block;
  position: relative;
}

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

.text-size-regular.text-color-alternate {
  color: #fff;
  text-transform: capitalize;
  font-size: 1.6rem;
  font-weight: 600;
}

.hero-slide-2 {
  z-index: 3;
  width: 100%;
  display: flex;
  position: absolute;
}

.line-hovereffect-wrapper {
  height: 1px;
  position: relative;
  overflow: hidden;
}

.hero-slide-3 {
  z-index: 3;
  display: flex;
  position: absolute;
  inset: 0%;
}

.slider-data-cell {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  flex-flow: column;
  display: flex;
}

.hero-slide-4 {
  z-index: 3;
  display: flex;
  position: absolute;
  inset: 0%;
}

.service-link-absolute {
  z-index: 10;
  background-image: linear-gradient(#0000 50%, #fff 50%);
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.slider-data-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
}

.hero-slide-1 {
  z-index: 4;
  width: 100%;
  display: block;
  position: absolute;
}

.line-light {
  z-index: 1;
  background-color: #eee;
  width: 100%;
  height: 1px;
}

.line-light.absolute {
  inset: 0%;
  background-image: radial-gradient(circle, #ff8c00, gold);
  height: 2px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-hero-grid {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 10px solid var(--untitled-ui-gray50-501);
  background-color: var(--new-black);
  grid-template-rows: 1.25fr minmax(110px, 150px);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100vh;
  display: grid;
  position: relative;
}

.rl_section_layout207 {
  background-color: #fff0;
}

.rl-padding-section-large-12 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.rl-heading-style-h2 {
  color: var(--new-black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.rl-heading-style-h2.wihte {
  color: var(--relume-library-lite-rl-white);
}

.rl-text-style-regular-10 {
  color: var(--new-black);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2;
}

.rl_layout207_item-list {
  z-index: 3;
  grid-column-gap: 1rem;
  grid-row-gap: .1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
  position: relative;
}

.rl_layout207_icon {
  width: 3rem;
  height: 3rem;
}

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

.rl_layout207_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.rl_layout270_spacing-block-2 {
  width: 100%;
  padding-bottom: 1.5rem;
}

.rl-text-style-medium-2 {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
}

.rl-text-style-medium-2.white {
  color: var(--relume-library-lite-rl-white);
}

.rl_layout207_item-icon-wrapper {
  flex: none;
  align-self: flex-start;
}

.rl-padding-global-15 {
  padding-left: 5%;
  padding-right: 5%;
}

.rl_layout270_spacing-block-3 {
  width: 100%;
  padding-bottom: 1.5rem;
}

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

.section-38 {
  position: relative;
}

.background-wrapper-3 {
  z-index: 0;
  background-color: #051d31;
  position: absolute;
  inset: 0%;
}

.background-wrapper-3.first, .background-wrapper-3.second, .background-wrapper-3.third, .background-wrapper-3.fourth {
  background-color: var(--relume-library-lite-rl-white);
}

.line-grey-2 {
  background-color: #fff3;
  height: 1px;
}

.heading-style-h1-4 {
  font-size: 4rem;
  font-weight: 500;
  line-height: 1.1;
}

.heading-style-h1-4.text-color-alternate {
  color: #fff;
  margin-top: 0;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}

.heading-style-h1-4.text-color-alternate.black {
  color: var(--relume-library-lite-rl-black);
}

.text-block-128 {
  width: 90%;
  color: var(--relume-library-lite-rl-white);
  font-size: 1.2rem;
}

.text-block-128.black {
  color: #333;
  font-size: 1.2rem;
  font-weight: 400;
}

.div-block-525 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 800px;
  min-height: 500px;
  display: flex;
}

.columns-12 {
  width: 100%;
}

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

.image-183 {
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
  transform: translate(0, 9%);
}

.image-183.bottom {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0)translate(0, -5%);
}

.image-183.top {
  z-index: auto;
  transform-style: preserve-3d;
  inset: 0% 0% auto;
  transform: none;
}

.div-block-527 {
  z-index: 1;
  border: 2px solid var(--relume-library-lite-rl-white);
  background-color: var(--light-blue);
  background-image: radial-gradient(circle farthest-corner at 0% 100%, var(--light-blue), #ffffffe6);
  opacity: .2;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: translate(20%, 5%);
}

.div-block-527.white-border-only {
  opacity: .2;
  background-image: none;
}

.image-184 {
  z-index: -1;
  filter: grayscale();
  width: 500px;
  position: static;
  inset: 0% auto auto 0%;
}

.div-block-528 {
  z-index: -1;
  position: absolute;
  transform: translate(-20%, -35%);
}

.div-block-529 {
  background-image: linear-gradient(180deg, #fff0 74%, var(--relume-library-lite-rl-white));
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-530 {
  display: none;
  position: relative;
  overflow: visible;
}

.code-embed-13 {
  position: relative;
}

.div-block-531 {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  width: 20%;
  height: 100%;
  padding-left: 10px;
  display: flex;
  position: absolute;
}

.div-block-532 {
  background-color: var(--light-blue);
  border-radius: 50%;
  width: 10px;
  height: 10px;
}

.div-block-532.blue {
  width: 13px;
  height: 13px;
  margin-right: 5px;
}

.div-block-532.green {
  background-color: #0f4;
  width: 13px;
  height: 13px;
  margin-right: 5px;
}

.div-block-532.red {
  background-color: #f60000;
  width: 13px;
  height: 13px;
}

.uui-text-size-medium-11 {
  opacity: .9;
  color: var(--relume-library-lite-rl-white);
  letter-spacing: normal;
  font-family: Exo, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-text-size-medium-11.charcoal {
  color: #333;
}

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

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

.uui-heading-xsmall-2 {
  color: var(--new-black);
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

.uui-heading-xsmall-2.white {
  opacity: 1;
  color: var(--relume-library-lite-rl-white);
}

.uui-icon-featured-outline-large-3 {
  width: 8rem;
  height: 8rem;
  color: var(--light-blue);
  background-color: #1c3d5a00;
  border: 1px #1c3d5a;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.uui-icon-featured-outline-large-3.grey {
  background-color: #f9fafb1a;
  background-image: url('../images/logo-tight_1logo tight_00000.webp');
  background-position: 0 0;
  background-size: auto;
}

.uui-layout34_component-2 {
  z-index: 5;
  grid-column-gap: 2rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
  position: relative;
}

.uui-layout34_component-2._4-wide._1590-width._2wide-desktop {
  grid-template-columns: 1fr 1fr;
}

.uui-layout34_content-2.centred {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 550px;
  display: flex;
  position: relative;
}

.uui-layout34_content-2.centred.no-width {
  max-width: none;
}

.uui-layout34_content-2.centred._420width {
  max-width: 420px;
}

.uui-space-small-5 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-space-xxsmall-9 {
  width: 100%;
  min-height: .5rem;
}

.uui-padding-vertical-xhuge-16 {
  padding-top: 0;
  padding-bottom: 7rem;
}

.uui-padding-vertical-xhuge-16.no-padding-bottom {
  padding-bottom: 0;
}

.uui-padding-vertical-xhuge-16.no-padding-bottom._3-5rem-bottom-padding {
  padding-bottom: 3.5rem;
}

.paragraph-32 {
  color: #333;
  text-align: center;
  margin-top: 25px;
}

.paragraph-32.white {
  color: var(--relume-library-lite-rl-white);
}

.paragraph-32._80 {
  width: 80%;
}

.image-185 {
  width: auto;
  position: static;
}

.image-185.flipped {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-185.bigger {
  max-width: 150%;
}

.stars-div {
  margin-bottom: 20px;
}

.div-block-533 {
  background-image: linear-gradient(180deg, var(--new-black) 50%, #fff0 50%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-534 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
}

.div-block-535 {
  background-image: linear-gradient(#fff0, #0e141b 0%);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 100px;
  padding-bottom: 3.5rem;
  display: flex;
  position: relative;
}

.div-block-536 {
  width: 100%;
  height: 100%;
  position: relative;
}

.div-block-537 {
  background-image: linear-gradient(180deg, #fff0 50%, var(--new-black) 50%);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 3.5rem;
  display: flex;
}

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

.div-block-538.argin-bottom {
  background-image: linear-gradient(180deg, #fff0 50%, var(--new-black) 50%);
  padding-bottom: 7rem;
}

.div-block-540 {
  background-image: linear-gradient(180deg, var(--relume-library-lite-rl-white) 60%, var(--new-black) 60%);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-540.white {
  background-color: var(--relume-library-lite-rl-white);
}

.div-block-540.flip {
  background-image: linear-gradient(180deg, var(--new-black) 60%, var(--relume-library-lite-rl-white) 50%);
}

.div-block-540.padding-bottom {
  padding-bottom: 5rem;
}

.div-block-542 {
  width: 90%;
}

.spark-container {
  z-index: 1;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.spark-container.spark-centered-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  margin-top: 10%;
  display: flex;
}

.spark-container.spark-centered-content.padding-top {
  margin-top: 75px;
}

.spark-section {
  width: 100%;
  padding: 25px 64px 176px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  position: relative;
}

.spark-section.spark-hero-background-image-with-centered-content {
  background-image: linear-gradient(#051d3199, #051d3199), url('../images/smiling-girl-beach-final.webp');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  align-items: center;
  min-height: 100vh;
  font-family: Exo, sans-serif;
  display: flex;
}

.spark-section.spark-hero-background-image-with-centered-content.tbs {
  background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg'), linear-gradient(#051d3199, #051d3199), url('../images/smiling-girl-beach-final.webp');
  background-position: 50% 100%, 0 0, 50% 0;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.tolton {
  background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg'), linear-gradient(#080b1acc, #080b1acc), url('../images/about-us-updated.webp');
  background-position: 50% 100%, 0 0, 100%;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.mbc {
  background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg'), linear-gradient(#051d31b3, #051d31b3), url('../images/LARGE-BANNER.jpg');
  background-position: 50% 100%, 0 0, 50% 0;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.law-it-support {
  background-image: linear-gradient(#0e141be6, #0e141be6), url('../images/pexels-sora-shimazaki-5668473.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-height: 80vh;
  padding-top: 126px;
}

.spark-section.spark-hero-background-image-with-centered-content.ndis-it-support {
  background-image: linear-gradient(#0e141be6, #0e141be6), url('../images/pexels-shkrabaanthony-6288088.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.malaga-it-support {
  background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg'), linear-gradient(#051d31b3, #051d31b3), url('../images/market-3466906_1920.jpg');
  background-position: 50% 100%, 0 0, 50%;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.malaga-it-support._80vh-height {
  background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/market-3466906_1920.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.joondalup-it-support {
  background-image: linear-gradient(#0e141be6, #0e141be6), url('../images/beach-2413081_1920.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.subiaco-it-support {
  background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/pexels-catchavibe-1478401.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-height: 80vh;
}

.spark-section.spark-hero-background-image-with-centered-content.fremantle-it-support {
  background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/pexels-rachel-claire-5864786.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-height: 80vh;
}

.spark-section.spark-hero-background-image-with-centered-content.burswood-it-support {
  background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/pexels-pavel-danilyuk-7594369.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-height: 80vh;
}

.spark-section.spark-hero-background-image-with-centered-content.mt-lawley-it-support {
  background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/couple-6112296_1920.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-height: 80vh;
}

.spark-section.spark-hero-background-image-with-centered-content.northbridge-it-support {
  background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/pexels-chanwalrus-941864.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-height: 80vh;
}

.spark-section.spark-hero-background-image-with-centered-content.ii {
  background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg'), linear-gradient(#051d31b3, #051d31b3), url('../images/veronic-southern-integrity-impressions.jpg');
  background-position: 50% 100%, 0 0, 50%;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode {
  background-image: linear-gradient(#0e141be6, #0e141be6), url('../images/DecodeWAhomebanner4_1.avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-height: 80vh;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.ii {
  background-image: linear-gradient(#0e141be6, #0e141be6), url('../images/veronic-southern-integrity-impressions.jpg');
  background-position: 0 0, 50%;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.bibby {
  flex-flow: column;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.dc {
  background-image: linear-gradient(#0e141be6, #0e141be6), url('../images/Screenshot-2025-10-24-160753.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}
.spark-section.spark-hero-background-image-with-centered-content.decode.bstimes {
  background-image: linear-gradient(#0e141be6, #0e141be6), url('../images/bstimes.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.legatha {
  background-image: linear-gradient(to bottom, var(--black-overlay), var(--black-overlay)), url('../images/20160421_140147.avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.spark-section.spark-hero-background-image-with-centered-content.simara {
  background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg'), linear-gradient(#051d31b3, #051d31b3), url('../images/Simara-Blends-Butterfly-Pea.jpg');
  background-position: 50% 100%, 0 0, 50%;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: contain, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.osborne-park-it-support {
  background-image: linear-gradient(#0e141be6, #0e141be6), url('../images/smiling-girl-beach-final.webp');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.wangara-it-support {
  background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/workshop-4863393_1921.avif');
  background-position: 0 0, 50% 0;
  min-height: 80vh;
}

.spark-section.spark-hero-background-image-with-centered-content.finance-it-support {
  background-image: linear-gradient(#0e141be6, #0e141be6), url('../images/pexels-goumbik-590022_1.webp');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.spark-section h5 {
  font-family: Exo, sans-serif;
}

.spark-section h4 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

.spark-section h1 {
  color: var(--relume-library-lite-rl-white);
  margin-bottom: 1rem;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.1;
}

.spark-section h2 {
  color: var(--relume-library-lite-rl-white);
  text-transform: capitalize;
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.2;
}

.spark-section h3 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
}

.spark-section h6 {
  margin-top: 1.5rem;
  margin-bottom: .5rem;
  font-size: .8125rem;
  font-weight: 700;
  line-height: 1.5;
}

.spark-section p {
  font-family: Exo, sans-serif;
}

.spark-section ul {
  margin-top: 2rem;
  margin-bottom: 3rem;
  padding-left: 14px;
}

.spark-section li {
  margin-bottom: .5rem;
}

.spark-section h1 {
  text-transform: capitalize;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.2;
}

.spark-section p {
  color: var(--relume-library-lite-rl-white);
  text-transform: capitalize;
  margin-bottom: 20px;
}

.spark-section.charcoal {
  background-color: var(--new-black);
  border-radius: 0;
  padding-bottom: 0;
  font-family: Exo, sans-serif;
  overflow: hidden;
}

.spark-hero-sub-paragraph {
  width: 100%;
  margin-bottom: 20px;
}

.spark-centered-content {
  text-align: center;
}

.spark-flex-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.spark-flex-row.spark-wrapped {
  grid-column-gap: 64px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.spark-hero-section-left-side {
  width: 100%;
}

.spark-checked-item {
  z-index: auto;
  grid-column-gap: 16px;
  border: 2px solid var(--new-outline);
  width: 100%;
  max-width: 550px;
  color: var(--spark-library--foreground-secondary);
  border-radius: 1.87rem;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem;
  display: flex;
  position: static;
  box-shadow: 0 0 28px rgba(0, 212, 255, 0.08);
  transition: box-shadow 0.35s ease, background-image 0.2s ease;
}

.spark-checked-item:hover {
  box-shadow: 0 0 42px rgba(0, 212, 255, 0.18);
}

.spark-checked-item.top-aligned {
  justify-content: flex-start;
  align-items: flex-start;
}

.spark-checked-item.cllour-backed {
  max-width: 550px;
}

.text-block-129 {
  color: #333;
  font-family: Exo, sans-serif;
}

.text-block-129.white {
  color: var(--relume-library-lite-rl-white);
}

.spark-secondary-paragraph {
  color: var(--spark-library--foreground-secondary);
  margin-bottom: 64px;
}

.div-block-543 {
  border: 2px solid var(--new-outline);
  background-color: var(--new-black);
  border-radius: 1.87rem;
  padding: .5rem;
  font-family: Exo, sans-serif;
  box-shadow: 0 0 28px rgba(0, 212, 255, 0.08);
  transition: box-shadow 0.35s ease;
}

.div-block-543:hover {
  box-shadow: 0 0 42px rgba(0, 212, 255, 0.18);
}

.grid-7 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  position: relative;
}

.div-block-545 {
  background-image: url('../images/girl-painted-hands-final.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #0091ff;
  border-radius: 1.87rem;
}

.div-block-545.ii-img-2 {
  background-image: url('../images/pexels-karolina-grabowska-4476378.jpg');
}

.div-block-545.decode-im-2 {
  z-index: -1;
  border-style: solid;
  border-color: var(--new-outline);
  background-image: url('../images/decodelaughing.jpg');
  background-position: 50%;
  border-radius: 50%;
  width: 650px;
  height: 650px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-545.decode-im-2.ii-img-2 {
  background-image: url('../images/why-integrity-impressions-accountants-perth-1024x683.jpg');
}

.black {
  filter: grayscale();
  max-height: 130px;
}

.black.darker {
  filter: brightness(95%) grayscale();
}

.reviewsal-text {
  width: 90%;
  color: var(--relume-library-lite-rl-white);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
}

.reviewsal-text.charcoal {
  color: #333;
}

.div-block-546 {
  background-image: url('../images/little-boy-glasses.webp');
  background-position: 50% 0;
  background-size: cover;
  border: 2px solid #0091ff;
  border-radius: 1.87rem;
  width: 100%;
  height: 100%;
  min-height: 550px;
}

.div-block-546.mbc-img-1 {
  background-image: url('../images/typorama-copy-600x570.png');
  min-height: 650px;
}

.div-block-546.lawitsupport-img-1 {
  border-style: solid;
  border-color: var(--new-outline);
  background-image: url('../images/pexels-ekaterina-bolovtsova-6077123.jpg');
  background-position: 50%;
  border-radius: 50%;
  width: 550px;
  height: 570px;
  min-height: 520px;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.div-block-546.lawitsupport-img-1.ndis {
  background-image: url('../images/ChatGPT-Image-Aug-19-2025-03_56_39-PM_1.avif'), radial-gradient(circle farthest-corner at 50% 100%, #00d4ff21, #fff0), linear-gradient(to bottom, var(--new-black), var(--new-black));
  background-position: 50%, 0 0, 0 0;
  background-size: 640px, auto, auto;
  width: 570px;
}

.div-block-546.ii-img-1 {
  background-image: url('../images/why-integrity-impressions-accountants-perth-1024x683.jpg');
  background-position: 50%;
  min-height: 825px;
}

.div-block-546.decode-img-1 {
  z-index: auto;
  border-style: solid;
  border-color: var(--relume-library-lite-rl-white);
  background-image: url('../images/IMG_0966.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
  width: 500px;
  height: 500px;
  min-height: 0;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.div-block-546.decode-img-1.ii-img-1 {
  background-image: url('../images/veronic-southern-integrity-impressions.jpg');
  background-position: 60%;
}

.columns-14 {
  margin-bottom: 0;
  padding-bottom: 5rem;
}

.columns-14.less-margin-bottom {
  padding-bottom: 0;
}

.circle-surround-icon {
  border: 2px none var(--new-outline);
  background-color: #f9fafb00;
  border-radius: 50%;
  width: 150px;
}

.cslogo {
  width: 250px;
}

.cslogo.tbs {
  width: 50px;
}

.cslogo.white {
  filter: brightness(200%) brightness(200%) brightness(200%) brightness(200%) grayscale();
  width: 190px;
}

.cslogo.white.decode.bibby {
  filter: none;
}

.cslogo.tolton {
  border-radius: 1.87rem;
  width: 150px;
}

.h5-cs {
  color: var(--relume-library-lite-rl-black);
  font-size: 1.3rem;
  line-height: 1.3;
}

.h5-cs.white {
  color: var(--relume-library-lite-rl-white);
  font-weight: 600;
}

.h5-cs.white.cs.no-margin-top {
  opacity: 100;
  text-transform: capitalize;
}

.h5-cs.not-bold {
  text-align: left;
  font-size: 1.1rem;
}

.slider {
  background-color: #0000;
  height: 100%;
  padding: 1px 0;
  overflow: visible;
}

.mask {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.div-put {
  width: 100%;
  height: 590px;
  display: flex;
}

.slider-hearing {
  color: var(--relume-library-lite-rl-white);
  text-transform: capitalize;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2;
}

.section {
  background-color: var(--new-black);
  padding-top: 50px;
  padding-bottom: 50px;
  position: static;
}

.icon {
  color: var(--new-black);
}

.slider-image-container {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border-top-left-radius: 1.87rem;
  border-top-right-radius: 1.87rem;
  height: 55%;
}

.slider-image-container.decode {
  background-image: url('../images/DecodeWAhomebanner4_1.avif');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.ii {
  background-image: url('../images/veronic-southern-integrity-impressions.jpg');
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 1.87rem;
  border-top-right-radius: 1.87rem;
}

.slider-image-container.nb {
  background-image: url('../images/painted-face-for-blog.png'), radial-gradient(circle at 100% 100%, #000, #270074);
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.slider-image-container.nls {
  background-image: url('../images/new-banner-no-writing_00000.png');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.cfs {
  background-image: url('../images/Case-Study-image-min1.jpg');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.tbs {
  background-image: url('../images/smiling-girl-beach-final.webp');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.mbc {
  background-image: url('../images/LARGE-BANNER.jpg');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.tolton {
  background-image: radial-gradient(circle at 100%, #fff0 31%, #080b1a), url('../images/about-us-updated.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.slider-image-container.wafs {
  background-image: url('../images/bushfire.webp');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.oswalds {
  background-image: url('../images/john-f-kennedy-63160_1280.jpg');
  background-position: 50%;
  background-size: cover;
}

.paragraph-2 {
  color: var(--relume-library-lite-rl-white);
  margin-bottom: 30px;
  font-family: Exo, sans-serif;
}

.slider-text-container {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.slide-nav {
  justify-content: center;
  align-items: center;
  display: none;
  bottom: -60px;
}

.container-78 {
  background-color: #3330;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.blue-3 {
  border: 2px solid var(--new-outline);
  border-radius: 1.87rem;
  flex: none;
  width: 100%;
  height: 100%;
  margin-right: 25px;
}

.arrow {
  border: 2px solid var(--new-outline);
  background-color: #3330;
  background-image: radial-gradient(circle at 0 100%, #ff8c00, gold);
  border-radius: 50%;
  width: 64px;
  height: 64px;
  transition: all .7s;
  inset: -15% 0% auto auto;
}

.arrow:hover {
  border-color: var(--relume-library-lite-rl-white);
  width: 64px;
}

.arrow.l {
  border-width: 2px;
  border-color: var(--new-outline);
  background-color: #333;
  border-radius: 50%;
  right: 8%;
}

.arrow.l:hover {
  border-color: var(--relume-library-lite-rl-white);
  width: 64px;
}

.slide {
  width: 40%;
  height: 100%;
  min-height: 0;
  margin-right: 25px;
}

.margin-top {
  z-index: 99999;
  margin-top: 30px;
  position: static;
}

.margin-top._80 {
  width: 80%;
}

.div-block-548, .div-block-549, .div-block-550 {
  display: flex;
}

.paragraph-35 {
  color: #333;
  text-align: center;
}

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

.div-block-553 {
  margin-bottom: 5px;
  display: flex;
}

.text-span-362 {
  font-family: Exo, sans-serif;
}

.div-block-554 {
  align-items: center;
  display: flex;
  overflow: hidden;
}

.uui-padding-vertical-xhuge-17 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-padding-vertical-xhuge-17.less-padding-topand-bottom {
  padding-top: 2rem;
  padding-bottom: 0;
}

.image-189 {
  z-index: 9;
  border-bottom-right-radius: 35%;
  border-bottom-left-radius: 40%;
  width: 400px;
  max-width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.image-189.pops {
  border-bottom-right-radius: 25%;
  border-bottom-left-radius: 40%;
}

.uui-space-xsmall-12 {
  width: 100%;
  min-height: 1.5rem;
}

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

.uui-page-padding-16 {
  padding-bottom: 0;
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-page-padding-16.padding-bottom {
  padding-bottom: 3.85rem;
}

.div-block-555.adrian {
  z-index: auto;
  border: 2px solid var(--new-outline);
  background-color: #c4c4c400;
  background-image: radial-gradient(circle at 50% 100%, #0091ffb3 6%, #00d4ff66 26%, #fff0 71%);
  border-radius: 50%;
  width: 270px;
  height: 270px;
  position: absolute;
  inset: auto 0% 0%;
}

.p-container-2 {
  overflow: hidden;
}

.uui-team09_item-content-2 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

._400-px-wide-p-2.white {
  font-size: 1rem;
}

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

.div-block-556 {
  background-color: #fff0;
}

.div-block-557 {
  border: 2px none var(--relume-library-lite-rl-white);
  filter: grayscale();
  background-color: #c4c4c400;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  border-radius: 50%;
  margin-right: 10px;
  padding: 10px;
}

.waves-forhero {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(180deg, #fff0 67%, var(--new-black) 92%);
  background-position: 0 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 107%;
  display: block;
  position: absolute;
}

.waves-forhero.web-h {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--new-black), #8c8f9200 24%, #fff0 44%, var(--new-black) 93%);
  height: 100%;
  display: block;
  overflow: hidden;
}

.waves-forhero.web-h.no-overflow {
  z-index: 1;
  background-image: linear-gradient(180deg, var(--new-black), #8c8f9200 24%, #fff0 44%, var(--new-black) 93%);
  overflow: hidden;
}

.waves-forhero.web-h.no-overflow.web-r {
  background-image: linear-gradient(180deg, var(--new-black), #8c8f9200 24%, #fff0 44%, var(--new-black) 93%), radial-gradient(circle farthest-corner at 100% 100%, #0e141b94, #fff0);
}

.waves-forhero.home {
  display: block;
  overflow: hidden;
}

.fn-features-card {
  color: #ecf0ef;
  background-color: #0f1213;
  background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/Screenshot-2025-02-13-111237.png');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border: 2px solid #0091ff;
  border-radius: 12px;
  flex-direction: column;
  align-items: flex-start;
  padding: 26px;
  text-decoration: none;
  transition: border-color .25s;
  display: flex;
}

.fn-features-card:hover {
  color: #ecf0ef;
  border-color: #df0;
}

._100-width-div-centred {
  justify-content: center;
  align-items: center;
  display: flex;
}

._100-width-div-centred.padding-bottom {
  background-image: linear-gradient(#fff, #051d3133);
  flex-flow: row;
  padding-bottom: 5rem;
}

._100-width-div-centred.padding-bottom.vertical {
  background-image: linear-gradient(#fff 67%, #051d3133);
  flex-flow: column;
}

._100-width-div-centred.padding-bottom.vertical.padding-top {
  border-bottom: 120px none var(--new-dark-blue);
  background-image: none;
  flex-flow: row;
  display: none;
}

._100-width-div-centred.vertical {
  flex-flow: column;
}

._100-width-div-centred.vertical.white {
  background-color: var(--relume-library-lite-rl-white);
  opacity: 100;
  overflow: visible;
}

.code-embed-17 {
  position: absolute;
  inset: auto 0% 0%;
  transform: translate(0, 10px);
}

.code-embed-17.bottom.above {
  z-index: 1;
  opacity: .2;
}

.code-embed-17.bottom.above.half-opacity {
  opacity: .1;
  display: none;
}

.code-embed-18 {
  z-index: -1;
  filter: invert();
  position: absolute;
  inset: auto 0% 0% auto;
}

.code-embed-18.inverted-colour {
  filter: invert();
}

.paragraph-38 {
  color: var(--relume-library-lite-rl-white);
  text-align: center;
  font-weight: 400;
}

.paragraph-38.margin-bottom {
  margin-bottom: 70px;
}

.paragraph-38.margin-bottom._80 {
  width: 80%;
}

.paragraph-38.margin-bottom.charocal, .paragraph-38.charcoal {
  color: #333;
}

.category-heading {
  color: var(--relume-library-lite-rl-white);
  margin-top: 10px;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.2;
}

.paragraph-39 {
  margin-bottom: 20px;
}

.tabs-content-4 {
  width: 770px;
}

.text-span-364 {
  font-size: 1rem;
}

.div-block-564 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  position: relative;
}

.div-block-564.less-margin-bottom {
  padding-bottom: 0;
}

.div-block-564.less-margin-bottom._1rem-margin-top {
  padding-top: 1rem;
}

.paragraph-40.centre {
  text-align: center;
}

.outline-only {
  color: var(--relume-library-lite-rl-white);
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: var(--relume-library-lite-rl-black);
}

.outline-only.it {
  -webkit-text-fill-color: transparent;
  background-image: url('../images/it-services-background_00000.png');
  background-position: 50%;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Merriweather, serif;
  font-size: 20rem;
  font-weight: 900;
  line-height: 0;
}

.outline-only.web {
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: url('../images/cyber-security-background_00000.png');
  background-position: 50%;
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Merriweather, serif;
  font-size: 17rem;
  font-weight: 900;
  line-height: 0;
}

.outline-only.web.cyber {
  -webkit-text-stroke-color: var(--relume-library-lite-rl-white);
  background-image: url('../images/web-service-background_00000.png');
  font-size: 13rem;
}

.text-block-130 {
  color: #0e141b;
  font-weight: 600;
}

.text-block-130.white {
  opacity: 100;
  color: var(--relume-library-lite-rl-white);
}

.tab-detail {
  border-top: 1px solid #000;
  width: 100%;
  height: 6rem;
  display: none;
  overflow: hidden;
}

.accordion_vertical-component {
  background-color: #0e141b;
  border-radius: 1.87rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 5.5rem;
  padding: 0 0 0;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.accordion_vertical-component.current {
  background-color: #0e141b;
  border-radius: 1.87rem;
  height: 22.5rem;
}

.button-wrap {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 3rem;
  display: flex;
}

.vertical-img {
  object-fit: contain;
  width: 40%;
  height: 13rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

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

.section-51 {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 100rem;
  min-height: 98vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.tab-wrap {
  z-index: 4;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.mask-horizontal {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border: 2px solid var(--relume-library-lite-rl-white);
  background-color: var(--untitled-ui-gray50-501);
  border-radius: 1.87rem;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 220px;
  max-height: 270px;
  margin-bottom: 2rem;
  padding: 1rem 1rem 1rem 3rem;
  display: flex;
  position: relative;
}

.accordions_vertical {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: none;
  width: 100%;
  display: flex;
}

.top-wrap {
  justify-content: space-between;
  align-items: center;
  height: 6rem;
  display: flex;
}

.accordion_verical-bottom {
  height: 0;
  padding-right: 0;
  transition: all .5s ease-out;
  overflow: hidden;
}

.accordion_verical-bottom.current {
  width: 100%;
  height: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.header-wrap {
  padding-bottom: 1.5rem;
}

.accordion2_icon {
  filter: invert();
  width: 2rem;
  padding-top: 6px;
  transition: all .3s ease-out;
}

.accordion2_icon.current {
  filter: invert();
  transform: rotate(45deg);
}

.text-size-large {
  color: var(--relume-library-lite-rl-white);
  text-transform: capitalize;
  font-family: Exo, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
}

.bottom {
  background-color: #f0f0f0;
  border-radius: 1rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.accordion_vertical-top {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 5.5rem;
  padding: 1.25rem 2rem;
  display: flex;
}

.heading-style-h2 {
  color: #0e141b;
}

.heading-style-h2.white {
  font-weight: 700;
}

.contact-wrap {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 60%;
  display: flex;
  position: relative;
}

.grid-10 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 85%;
  position: static;
  inset: auto 0% 0%;
}

.div-block-570 {
  z-index: 5;
  background-image: linear-gradient(#0000, #0e141b 51%);
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 3.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  transform: translate(0, 5rem);
}

.service-box {
  border: 2px solid var(--relume-library-lite-rl-white);
  background-color: var(--mid-grey);
  background-image: linear-gradient(#000, #000);
  border-radius: 1.87rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 150px;
  display: flex;
  position: relative;
}

.service-box._1 {
  z-index: auto;
  max-width: 340px;
  min-height: 120px;
  box-shadow: 0 2px 13px 4px var(--new-black);
  background-color: #fff;
  background-image: radial-gradient(circle at 100% 0, #ff8c00, gold);
  border-style: none;
  border-color: #fff;
  transition: all .3s;
}

.service-box._1:hover {
  background-image: radial-gradient(circle at 100% 100%, #ff8c00, gold), linear-gradient(#000, #000);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.text-block-131 {
  color: #0e141b;
  text-transform: capitalize;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: .65;
}

.div-block-573 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-span-366 {
  color: #0e141b;
}

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

.grid-6-columns.logo-strip {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  justify-content: center;
  place-items: center;
}

.section-53 {
  padding-top: 176px;
  padding-bottom: 176px;
}

.section-53.small {
  background-color: var(--new-dark-blue);
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: none;
}

.section-53.small.trans {
  background-color: #051d3100;
}

.container-default-3 {
  max-width: 1218px;
  padding-left: 24px;
  padding-right: 24px;
}

.spark-container-2 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.spark-section-2 {
  background-color: var(--relume-library-lite-rl-white);
  width: 100%;
  min-height: 0;
  padding: 0 0 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  position: relative;
}

.spark-section-2 p {
  opacity: .9;
  color: #333;
  font-family: Exo, sans-serif;
  font-size: 1.2rem;
}

.spark-tab {
  color: var(--spark-library--black);
  background-color: #0091ff;
  border-radius: 8px;
  padding: 8px 24px;
  font-size: 3.5rem;
  transition: color .15s, background-color .15s;
}

.spark-tab:hover {
  background-color: var(--spark-library--background--interactive);
  opacity: 1;
  color: var(--spark-library--foreground-interactive);
}

.spark-tab.w--current {
  color: #0e141b;
  background-color: #0000;
  background-image: radial-gradient(circle at 0 0, #ff8c00, gold);
  border: 2px solid #0e141b;
  border-radius: 10px;
  font-family: Exo, sans-serif;
  font-size: 3.5rem;
}

.spark-tab._3 {
  min-width: 280px;
  color: var(--relume-library-lite-rl-white);
  text-transform: uppercase;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  font-size: 2.5rem;
  font-weight: 600;
  display: flex;
}

.spark-tab._3.w--current {
  color: #0e141b;
  background-image: radial-gradient(circle at 0 0, #ff8c00, gold);
  border-style: none;
  border-radius: 0;
  min-width: 280px;
}

.spark-tab._3.web-r {
  text-align: center;
  min-width: 290px;
  font-size: 1.5rem;
}

.spark-tab._3.web-r.w--current {
  text-align: center;
  font-size: 1.5rem;
}

.spark-tab._3.web-r.smaller-dtop {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.2rem;
}

.spark-tab._3.web-r.smaller-dtop.w--current {
  min-width: 230px;
}

.spark-tab._3.law-it {
  font-size: 1.5rem;
}

.spark-tabs-menu {
  grid-column-gap: 16px;
  border-bottom: 1px none var(--new-outline);
  background-color: #0e141b;
  flex-flow: row;
  justify-content: center;
  margin-bottom: 2px;
  font-family: Exo, sans-serif;
  display: flex;
}

.spark-tabs-parent {
  width: 100%;
}

.spark-tabs-content {
  background-color: #0e141b;
  width: 100%;
  min-height: 600px;
  padding-top: 16px;
  padding-bottom: 8rem;
}

.spark-wrapped-card {
  grid-column-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.paragraph-3 {
  font-size: 1.5rem;
  line-height: 1.2;
}

.page-padding-3 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: static;
}

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

.container-large-3.vertical {
  flex-flow: column;
}

.container-large-3.vertical.hidden-just-incase {
  display: block;
}

.card-img {
  grid-row-gap: 2rem;
  border: 1px #fbf9fc0d;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 16rem;
  height: 16rem;
  display: none;
  position: relative;
}

.section-hero-2 {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.page-wrapper-8 {
  overflow: hidden;
}

.cards-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  width: 98%;
  margin-top: 0;
  display: flex;
  position: relative;
}

.cards-wrapper.centred {
  justify-content: center;
  align-items: center;
  margin-top: 1.5rem;
}

.cards-wrapper.centred.mini, .cards-wrapper.centred.hidden-just-incase {
  display: none;
}

.section-footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f5f1eb;
  border-top: 1px #161616;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: block;
  position: static;
  inset: auto 0% 0%;
}

.main-wrapper-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  height: auto;
  display: grid;
}

.main-wrapper-4.min-height-600px {
  min-height: 700px;
}

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

.card-front {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.card-head {
  color: #fff;
  text-align: center;
  flex-direction: column;
  width: 100%;
  font-family: Exo, sans-serif;
  font-size: 1.65rem;
  font-weight: 600;
}

.card_component {
  background-image: linear-gradient(#00d4ff, #00d4ff);
  border: 2px #051d31;
  border-radius: 1.87rem;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 26rem;
  padding: 1.25rem;
  font-family: Exo, sans-serif;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card_component:hover {
  opacity: 1;
}

.card_component._3 {
  border-style: solid;
  border-color: var(--new-outline);
  background-image: linear-gradient(#0e141b, #0e141b);
  width: 100%;
  min-width: 300px;
  height: 26rem;
}

.card_component.review {
  border-style: solid;
  border-color: var(--new-outline);
  background-image: linear-gradient(#ffffff14, #ffffff14), linear-gradient(#0e141b, #0e141b);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  transform: translate(0);
}

.card_component.review.hidden-just-incase {
  border-color: var(--new-outline);
}

.card_scroll {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--relume-library-lite-rl-white);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4rem 1.5rem;
  font-family: Exo, sans-serif;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(0, 101%);
}

.div-block-577 {
  background-color: var(--relume-library-lite-rl-white);
  border-radius: 1.87rem;
  justify-content: center;
  align-items: center;
  width: 98%;
  height: 96%;
  margin: 2px;
  display: flex;
}

.lottie-animation-2 {
  width: 16rem;
  max-width: 100%;
  height: 16rem;
}

.lottie-animation-2.flip {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.lottie-animation-2.flip.brighter {
  position: static;
}

.lottie-animation-2.flip.brighter.absolute.opp {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.lottie-animation-2.flip.brighter.opp {
  transform-style: preserve-3d;
  transform: none;
}

.lottie-animation-2.flip.brighter.none {
  display: none;
}

.lottie-animation-2.flip.web-repair.relative.cog {
  z-index: 2;
  width: 9rem;
  height: 9rem;
  transform-style: preserve-3d;
  position: absolute;
  transform: translate(50%, -15%)rotateX(0)rotateY(180deg)rotateZ(0);
}

.lottie-animation-2.flip.web-repair.relative.cog.navbar {
  width: 5rem;
  height: 5rem;
  transform-style: preserve-3d;
}

.lottie-animation-2.flip.web-repair.relative.cog.navbar.webm {
  width: 3rem;
}

.lottie-animation-2.flip.web-repair.relative.hwrepair {
  z-index: 3;
  transform-style: preserve-3d;
  transform: translate(-90%, 5%)rotateX(0)rotateY(180deg)rotateZ(0);
}

.lottie-animation-2.flip.web-repair.relative.hwrepair.absolute {
  transform-style: preserve-3d;
  transform: translate(84%, -5%)rotateX(0)rotateY(180deg)rotateZ(0);
}

.lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.password, .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.password.services {
  transform-style: preserve-3d;
}

.lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.password.none {
  display: none;
}

.lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.web-h {
  transform-style: preserve-3d;
  transform: translate(0, 40%)rotateX(0)rotateY(180deg)rotateZ(0);
}

.lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.web-h.navbar {
  transform-style: preserve-3d;
  transform: translate(0, 20%)rotateX(0)rotateY(180deg)rotateZ(0);
}

.lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.web-h.cs, .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.navbar {
  transform-style: preserve-3d;
}

.lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.cs {
  transform-style: preserve-3d;
  transform: translate(89%, 5%)rotateX(0)rotateY(180deg)rotateZ(0);
}

.lottie-animation-2.flip.web-repair.relative.hwrepair.navbar {
  transform-style: preserve-3d;
}

.lottie-animation-2.brighter {
  filter: saturate(130%) brightness(130%);
  position: absolute;
}

.lottie-animation-2.brighter.absolute {
  inset: 0%;
  transform: translate(25%, 20%);
}

.lottie-animation-2.brighter.absolute.flip {
  transform-style: preserve-3d;
  position: absolute;
  inset: 0%;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.lottie-animation-2.brighter.absolute.flip.navbar, .lottie-animation-2.brighter.absolute.flip.navbar.vm {
  transform-style: preserve-3d;
}

.lottie-animation-2.brighter.absolute.flip.navbar.hacked {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0)translate(4%, 2%);
}

.lottie-animation-2.brighter.absolute.flip.cs {
  transform-style: preserve-3d;
}

.lottie-animation-2.brighter.absolute.navbar {
  width: 10rem;
  height: 10rem;
  position: absolute;
  transform: translate(25%, 20%);
}

.lottie-animation-2.brighter.absolute.navbar.webm {
  transform: translate(-8%, 2%);
}

.lottie-animation-2.brighter.opp {
  position: static;
}

.lottie-animation-2.brighter.none {
  display: none;
}

.lotties {
  order: 0;
  justify-content: center;
  align-items: center;
  width: 16rem;
  height: 16rem;
  display: flex;
}

.lotties.hero-menu.none {
  display: none;
}

.lotties.navbar {
  width: 8rem;
  height: 10rem;
  margin-right: 5px;
  position: relative;
}

.lotties.cs {
  width: 12rem;
  height: 12rem;
  position: relative;
}

.lotties.cs.web-r {
  transform: translate(0, -10%);
}

.div-block-579, .div-block-580 {
  position: relative;
}

.uui-text-size-medium-12 {
  color: #333;
  letter-spacing: normal;
  font-family: Exo, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

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

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

.uui-max-width-large-7 {
  width: 100%;
  max-width: 48rem;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui-primary600);
  background-color: var(--untitled-ui-primary600);
  color: var(--untitled-ui-white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button:hover {
  border-color: var(--untitled-ui-primary700);
  background-color: var(--untitled-ui-primary700);
}

.uui-button:focus {
  background-color: var(--untitled-ui-primary600);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui-primary100);
}

.uui-heading-xsmall-3 {
  color: #0e141b;
  letter-spacing: 0;
  text-transform: capitalize;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Exo, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

.uui-blogsection03_heading-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  display: grid;
}

.uui-blogsection03_button-row {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.uui-blogsection03_button-row.mobile-landscape {
  display: none;
}

.uui-blogsection03_heading {
  flex: 1;
}

.uui-blogsection03_list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 4rem;
}

.uui-blogsection03_component {
  flex-direction: column;
  align-items: center;
}

.uui-section_blogsection03 {
  display: none;
  position: relative;
}

.uui-blogsection03_image {
  object-fit: cover;
  background-color: #0091ff;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.uui-blogsection03_image-wrapper {
  width: 100%;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
}

.uui-blogsection03_image-link {
  width: 100%;
  margin-bottom: 2rem;
  transition: all .3s;
}

.uui-blogsection03_image-link:hover {
  box-shadow: 0 24px 48px -12px #1018282e;
}

.uui-blogsection03_category-link {
  color: var(--untitled-ui-primary700);
  margin-bottom: .5rem;
  margin-right: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .3s;
}

.uui-blogsection03_category-link:hover {
  color: var(--untitled-ui-primary800);
}

.uui-blogsection03_category-link.w--current {
  border-bottom: 2px solid #000;
}

.uui-blogsection03_title-link {
  color: var(--untitled-ui-gray900);
  justify-content: space-between;
  margin-bottom: .5rem;
  text-decoration: none;
  display: flex;
}

.uui-blogsection03_icon {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: .25rem;
  margin-left: .5rem;
  display: flex;
}

.uui-space-xsmall-13 {
  width: 100%;
  min-height: 1rem;
}

.uui-padding-vertical-xhuge-18 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.text-block-135 {
  color: #ff8c00;
  font-family: Exo, sans-serif;
}

.details-slider_wrapper {
  margin-top: 3vw;
  margin-left: auto;
  margin-right: auto;
}

.swiper-navigation {
  z-index: 40;
  justify-content: center;
  align-items: center;
}

.wheel-slider {
  position: relative;
}

.swiper-slide {
  text-align: center;
  width: 30%;
  height: 45vh;
  transform-style: preserve-3d;
  flex: none;
  margin-top: 8vh;
  transition: all .3s;
  position: relative;
  overflow: visible;
  transform: none;
}

.swiper-slide.details-slide {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #ccceb5;
  border: 1px solid #000;
  border-radius: 1.25rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25vh;
  margin-top: 0;
  padding: 1rem 1.5rem;
  display: flex;
}

.main-wrapper-5 {
  position: relative;
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.swiper-container {
  z-index: 1;
  width: 100%;
  height: auto;
  margin-top: 5vh;
  display: flex;
  position: relative;
  transform: perspective(1200px);
}

.slide-back {
  z-index: 1;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  background-color: #f2f2f2;
  border-radius: 1.87rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 2rem;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.swiper-nav-btn {
  z-index: 40;
  color: #fff;
  background-color: #fff3;
  border-radius: 100%;
  align-items: center;
  width: 4rem;
  height: 4rem;
  padding: 20px;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 60%;
  left: 20%;
  transform: rotate(-20deg);
}

.swiper-nav-btn:hover {
  color: #00ffe1;
}

.swiper-nav-btn.next {
  z-index: 500;
  color: #fff37a;
  background-color: #7854f700;
  background-image: radial-gradient(circle at 100% 100%, #ff8c0080, #ffd70080);
  inset: 40% 20% 0% auto;
  transform: rotate(20deg);
}

.swiper-nav-btn.next:hover {
  background-color: #7854f700;
  background-image: radial-gradient(circle at 100% 100%, #ff8c00, gold);
  transform: scale(1.06);
}

.swiper-nav-btn.prev {
  z-index: 500;
  border: 2px none var(--new-black);
  color: #fff37a;
  background-color: #7854f700;
  background-image: radial-gradient(circle at 0 100%, #ff8c0080, #ffd70080);
  inset: 40% auto 0% 20%;
  transform: rotate(-20deg);
}

.swiper-nav-btn.prev:hover {
  background-color: #7854f700;
  background-image: radial-gradient(circle at 0 100%, #ff8c00, gold);
  transform: scale(1.1);
}

.swiper-nav-btn.prev {
  z-index: 500;
  color: #fff37a;
  background-color: #7854f700;
  inset: 40% auto 0% 20%;
  transform: rotate(-20deg);
}

.swiper-nav-btn.prev:hover {
  background-color: #7854f7;
  transform: scale(1.1);
}

.slide-image_wrapper {
  border: 2px solid var(--new-outline);
  border-radius: 1.87rem;
  width: 100%;
  height: 80%;
}

.slide-image_wrapper._3 {
  background-image: url('../images/Wordpress-Web-Hosting-Stressed-Owner-Perth-IT-Care.jpg');
  background-position: 50% 10%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-image_wrapper._2 {
  background-image: url('../images/website-hacking-google-rankings-hero.webp');
  background-position: 50% 100%;
  background-size: cover;
}

.slide-image_wrapper._1 {
  border: 2px solid var(--new-outline);
  background-image: url('../images/poison-apple-b2_1poison apple b2_00000.webp'), radial-gradient(circle farthest-corner at 50% 50%, #0091ff, var(--light-blue));
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border-radius: 1.87rem;
}

.slide-image_wrapper._4 {
  background-image: url('../images/pexels-markusspiske-1921326.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-image_wrapper._5 {
  background-image: url('../images/how-to-safely-update-wordpress-1.webp');
  background-position: 50%;
  background-size: cover;
}

.slide-image_wrapper._6 {
  background-image: url('../images/pexels-gabby-k-7412094_1pexels-gabby-k-7412094.avif');
  background-position: 50%;
  background-size: cover;
}

.see-details-button {
  color: #000;
  background-color: #ced100;
  border-radius: .5rem;
  margin-top: auto;
  padding: .875rem 1.5rem;
  font-family: Montserrat, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
}

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

.swiper-wrapper {
  z-index: 1;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: -50px;
  display: flex;
  position: relative;
}

.button-text {
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.swiper.details-slider {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.slide-text-wrap {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-height: 20%;
  display: flex;
  overflow: visible;
}

.slide-text-wrap.card-reverse {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  max-height: none;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.card-backflip-button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #323232;
  background-color: #cfcfcf;
  border: 1px solid #000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .5rem 1rem;
  text-decoration: none;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
}

.line {
  background-color: #777;
  background-image: radial-gradient(circle farthest-corner at 0% 50%, #0091ff, var(--light-blue));
  width: 75px;
  height: 2px;
  margin-left: .5rem;
  margin-right: .5rem;
}

.slide-3 {
  background-color: #15150d;
}

.button-108 {
  color: #fff;
  text-align: center;
  background-color: #0000;
  border: 2px solid #fff;
  border-radius: 100vw;
  padding: .875rem 2rem;
  font-family: Exo, sans-serif;
  font-weight: 600;
  transition: all .3s;
}

.button-108:hover {
  color: #000;
  background-color: #fff;
}

.swiper-nav-btn-icon-2 {
  width: 100%;
  color: var(--new-black);
  justify-content: center;
  align-items: center;
  display: flex;
}

.page-wrapper-11 {
  background-color: var(--relume-library-lite-rl-white);
}

.section_causes-hero-2 {
  background-color: #b2b9b900;
  background-image: linear-gradient(180deg, #fff0 50%, var(--new-black) 50%);
  flex-flow: column;
  width: 100%;
  min-height: 100vh;
  display: block;
  position: relative;
  overflow: hidden;
}

.slide-content-2 {
  z-index: 2;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border: 2px solid var(--relume-library-lite-rl-white);
  background-color: var(--new-black);
  backface-visibility: hidden;
  border-radius: 1.87rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2rem 1rem 1rem;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: visible;
}

.slide-heading-2 {
  color: #f2f2f2;
  text-align: left;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 1.1;
  transition: all .4s;
}

.slide-heading-2.text-color-dark {
  color: #323232;
  text-align: center;
  text-transform: none;
  margin-bottom: 1.5rem;
  font-family: Montserrat, sans-serif;
}

.slide-heading-2.card-back-title {
  color: #1e1d1e;
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
}

.blog-heading {
  color: var(--relume-library-lite-rl-white);
  text-align: left;
  text-transform: capitalize;
  font-size: 1.2rem;
}

.text-block-136 {
  opacity: .9;
  color: var(--relume-library-lite-rl-white);
  text-align: left;
  margin-top: 15px;
}

.big-menu-heading.cyber {
  z-index: 2;
  color: var(--new-black);
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--new-outline);
  text-transform: uppercase;
  font-family: Exo, sans-serif;
  font-size: 10vw;
  font-weight: 900;
  position: absolute;
  transform: translate(0, -50%);
}

.big-menu-heading.cyber.hp3 {
  text-align: left;
  transform: none;
}

.big-menu-heading.cyber.tbs {
  font-size: 6.5vw;
}

.big-menu-heading.cyber.tight-knit {
  font-size: 8.5vw;
}

.big-menu-heading.cyber.expanding.bs {
  font-size: 9vw;
}

.big-menu-heading.cyber.biggish.hmcalls {
  font-size: 8.5vw;
}

.big-menu-heading.cyber.iprotect, .big-menu-heading.cyber.iprotect.not-fixing {
  font-size: 7vw;
}

.big-menu-heading.cyber.ignored {
  font-size: 8vw;
}

.big-menu-heading.cyber.ignored.skipping {
  font-size: 7vw;
}

.big-menu-heading.cyber.uncontrolled, .big-menu-heading.cyber.uncontrolled.smaller.small-businesses {
  font-size: 6vw;
}

.big-menu-heading.cyber.smallest.arent-enough {
  font-size: 4.5vw;
}

.big-menu-heading.web, .big-menu-heading-2.it {
  color: #3330;
  text-align: left;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--new-outline);
  text-transform: uppercase;
  font-family: Exo, sans-serif;
  font-size: 10vw;
  font-weight: 900;
  position: absolute;
  transform: translate(0, 4%);
}

.div-block-584 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
  display: flex;
}

.div-block-585 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-11 {
  margin-left: 10px;
  margin-right: 10px;
}

.grid-11.max-width {
  max-width: 1160px;
}

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

.absolute {
  z-index: 1;
  position: absolute;
  inset: 0%;
  transform: translate(0);
}

.absolute.cas-menu {
  display: block;
  transform: translate(0, -20px);
}

.div-block-594, .div-block-595 {
  position: relative;
}

.div-block-597 {
  width: 100%;
  position: relative;
}

.div-block-598 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  position: relative;
}

.div-block-598.min-height {
  min-height: 200px;
}

.grid-12 {
  grid-template-rows: auto;
  margin-bottom: 3.5rem;
}

.div-block-599 {
  z-index: 5;
  background-color: var(--new-black);
  width: 100%;
  height: 100%;
  padding-top: 1rem;
  padding-bottom: 3.5rem;
  position: relative;
}

.bold-text-8 {
  opacity: 1;
}

.how-perthitcare-helped {
  z-index: 1;
  position: absolute;
  inset: 0% 0% auto;
  transform: translate(0, -30px);
}

.div-block-600 {
  position: relative;
}

.div-block-601 {
  display: flex;
}

.div-block-602 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.trans-hacked {
  background-image: radial-gradient(circle farthest-corner at 0% 100%, #0091ff, var(--light-blue));
  border: 2px solid #0000;
  border-radius: 1.87rem;
}

.centred {
  text-align: center;
}

.centred.margin-top.black {
  color: var(--new-black);
}

.div-block-604 {
  height: 500px;
  margin-top: 0;
  margin-bottom: 4rem;
  padding-top: 0;
  overflow: hidden;
}

.ggle-map {
  transform: translate(0, -75px);
}

.container-79 {
  width: 100%;
  max-width: 1140px;
}

.block_wrap {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  display: flex;
}

.section-55 {
  background-color: var(--relume-library-lite-rl-white);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding: 2.5rem 5% 3.5rem;
  display: block;
}

.div-block {
  margin-bottom: 0;
}

.div-block-607 {
  border-top: 2px none var(--new-outline);
  border-bottom: 2px none var(--new-outline);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-608 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-608.absolute {
  inset: auto 0% 0%;
}

.opp {
  height: 80%;
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.other-web-div {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
  display: flex;
}

.other-web-div.white {
  z-index: -1;
  background-color: var(--relume-library-lite-rl-white);
  opacity: 100;
  position: relative;
}

.other-web-div.white.less-margin-bottom {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.page {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 0;
  display: flex;
}

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

.marquee-content {
  grid-column-gap: 1rem;
  flex: none;
  justify-content: space-around;
  min-width: 100%;
  display: flex;
}

.marquee-content.scroll {
  background-color: #0091ff00;
  background-image: radial-gradient(circle farthest-corner at 0% 100%, #0091ff, var(--light-blue));
}

.marquee-content.scroll.reverse {
  background-color: var(--light-blue);
}

.marquee {
  grid-column-gap: 1rem;
  background-color: var(--new-black);
  width: 100%;
  margin-bottom: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  overflow: hidden;
}

.marquee._1 {
  background-color: #0e141b00;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  transform: rotate(5deg);
}

.marquee._400-px-wide-p-2 {
  background-color: #00d4ff00;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  transform: rotate(-7deg);
}

.text-block {
  opacity: .9;
  color: #fff;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--relume-library-lite-rl-white);
  text-transform: uppercase;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 9vw;
  font-weight: 900;
  line-height: 1;
}

.text-block.smaller {
  color: #fff0;
  font-family: Exo, sans-serif;
  font-size: 5vw;
  font-weight: 900;
}

.text-block.smaller._1 {
  padding-top: 10px;
  padding-bottom: 5px;
}

.text-block._2 {
  padding-bottom: 20px;
}

.div-block-610 {
  width: 100%;
  height: 100%;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.text-color-white {
  color: #fff;
}

.timeline_progress {
  z-index: 1;
  background-color: #ffffff24;
  border-radius: 14%;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 100%;
}

.dot {
  background-color: #fff0;
  background-image: radial-gradient(circle farthest-corner at 0% 100%, #0091ff, var(--light-blue));
  width: 1.25rem;
  height: 1.25rem;
  box-shadow: 0 0 1rem 0 var(--light-blue);
  border-radius: 100%;
  flex: none;
  position: sticky;
  top: 50vh;
}

._2-column_image {
  filter: grayscale();
  border-radius: 1.87rem;
  width: 100%;
  height: 100%;
}

._2-column_image.eval {
  border: 2px solid var(--border-grey);
  transform-style: preserve-3d;
}

._2-column_image.reinforce {
  transform-style: preserve-3d;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

._2-column_image.pooch {
  transform: translate(20%);
}

.text-size-medium {
  opacity: .9;
  color: var(--relume-library-lite-rl-white);
  font-size: 1.125rem;
}

.timeline_progress_fill {
  z-index: -1;
  background-image: linear-gradient(180deg, #161616, var(--light-blue) 81%, #0091ff);
  width: 3px;
  position: fixed;
  top: 0;
  bottom: 50vh;
}

.section_timeline {
  z-index: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

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

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

._2-column_image-wrapper {
  border: 2px none var(--new-outline);
  background-image: radial-gradient(circle, #00d4ff66, #fff0 55%);
  border-radius: 100%;
  position: relative;
}

._2-column_image-wrapper.right {
  background-image: radial-gradient(circle at 100% 0, #00d4ff66, #fff0 55%);
  border-style: solid;
  border-radius: 1.87rem;
}

._2-column_image-wrapper.bottom-right {
  background-image: radial-gradient(circle at 100% 100%, #00d4ff66, #fff0 55%);
  border-style: solid;
  border-radius: 1.87rem;
}

._2-column_image-wrapper.bottom-right._1 {
  filter: brightness(120%);
  background-image: url('../images/d53b8514-bc7c-4272-9767-642eebf41705_1.avif'), radial-gradient(circle at 100% 100%, #00d4ff66, #fff0 55%);
  background-position: 50% 12%, 0 0;
  background-size: cover, auto;
  width: 100%;
  height: 400px;
}

._2-column_image-wrapper.top-left {
  background-image: radial-gradient(circle at 0 0, #00d4ff66, #fff0 55%);
  border-radius: 1.87rem;
}

._2-column_image-wrapper.bottom-left {
  background-image: radial-gradient(circle at 0 100%, #00d4ff66, #fff0 65%);
  border-style: solid;
  border-radius: 1.87rem;
}

._2-column_image-wrapper.bottom-left.blck.control {
  background-image: url('../images/347b7958-4303-4cff-ad0c-7138ad468220_1.avif'), radial-gradient(circle at 0 100%, #00d4ff66, #fff0 65%);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  height: 400px;
}

._2-column_image-wrapper.bottom-left.blck.evaluate {
  background-image: url('../images/fc7cf12f-30df-4b00-9f84-45896d045f5c_1.avif'), radial-gradient(circle at 0 100%, #00d4ff66, #fff0 65%);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  width: 100%;
  height: 400px;
}

._2-column_image-wrapper.bottom-left.blck.repair {
  background-image: url('../images/hacked-website-repair-perth-it-care_1.avif'), radial-gradient(circle at 0 100%, #00d4ff66, #fff0 65%);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  width: 100%;
  height: 400px;
}

._2-column_image-wrapper.bottom-left.blck.reinforce {
  background-image: url('../images/website-hardening_1.avif'), radial-gradient(circle at 0 100%, #00d4ff66, #fff0 65%);
  background-position: 50% 0, 0 0;
  background-size: cover, auto;
  width: 100%;
  height: 400px;
}

._2-column_image-wrapper._2 {
  filter: brightness(115%);
  background-image: url('../images/5b378b91-23fa-4dd4-99e7-39bd783c85f8_1.avif'), radial-gradient(circle, #00d4ff66, #fff0 55%);
  background-position: 40%, 0 0;
  background-size: cover, auto;
  border-style: solid;
  border-radius: 1.87rem;
  width: 100%;
  height: 400px;
}

._2-column_image-wrapper.column-30 {
  filter: brightness(115%);
  background-image: url('../images/88b9fb07-45af-4e1e-aeb9-a911bef78dcc_1.avif'), radial-gradient(circle, #00d4ff66, #fff0 55%);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border-style: solid;
  border-radius: 1.87rem;
  width: 100%;
  height: 400px;
}

._2-column_image-wrapper._4 {
  filter: brightness(115%);
  background-image: url('../images/de9002d3-a5b2-4a2d-a1c4-2adfe1f44e6f_1.avif'), radial-gradient(circle, #00d4ff66, #fff0 55%);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border-style: solid;
  border-radius: 1.87rem;
  width: 100%;
  height: 400px;
}

._2-column_image-wrapper._5 {
  filter: brightness(115%);
  background-image: url('../images/ce6ec345-0c30-4415-b7b9-a374a78a2371_1.avif'), radial-gradient(circle, #00d4ff66, #fff0 55%);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border-style: solid;
  border-radius: 1.87rem;
  width: 100%;
  height: 400px;
}

.main-wrapper-6 {
  z-index: -2;
  background-color: #0e141b;
  position: relative;
}

.timeline_progress_wrapper {
  z-index: 1;
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
}

.timeline_item {
  z-index: 2;
  position: relative;
}

._2-column_item_component {
  grid-column-gap: 2.5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3px 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
  position: relative;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding-section-medium.more-padding-bottom {
  padding-bottom: 7.5rem;
}

.padding-global-2 {
  padding-left: 5%;
  padding-right: 5%;
}

.heading-15 {
  color: var(--relume-library-lite-rl-white);
  font-size: 2rem;
}

.imagesurround {
  background-image: radial-gradient(circle at 0 100%, #0091ffb3, #00d4ffb3), url('../images/IMG_0966.jpg');
  background-position: 0 0, 40%;
  background-size: auto, 1100px;
  border-radius: 1.87rem;
  padding: 1.5rem;
}

.imagesurround.decode-2 {
  border: 2px none var(--new-outline);
  background-image: none;
  border-radius: 0;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

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

.div-block-616 {
  z-index: 1;
  display: flex;
  position: relative;
}

.div-block-617 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-618 {
  position: relative;
}

.div-block-620 {
  padding-left: 20px;
}

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

.div-block-622 {
  width: 80%;
}

.div-block-623, .div-block-624 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.grid-15 {
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: translate(56%)rotate(45deg);
}

.div-block-626 {
  background-image: url('../images/tbs-creenshot-4_1.avif');
  background-position: 50%;
  background-size: cover;
  border: 8px solid #000;
  border-radius: 1.87rem;
  width: 300px;
  height: 200px;
}

.div-block-626._1 {
  background-image: url('../images/tbs-website_1.avif');
  background-position: 50%;
  background-size: cover;
  border: 8px solid #000;
  border-radius: 1.87rem;
  width: 300px;
  min-width: 0;
  height: 200px;
}

.div-block-626._2 {
  background-image: url('../images/tbs-screenshot-5_1.avif');
  background-position: 50%;
  background-size: cover;
  border: 8px solid #000;
  border-radius: 1.87rem;
  width: 300px;
  height: 200px;
}

.div-block-626._3 {
  background-image: url('../images/tbs-creenshot-4_1.avif');
  background-position: 50%;
  background-size: cover;
  border: 8px solid #000;
  border-radius: 1.87rem;
  width: 300px;
  height: 200px;
}

.div-block-626._4 {
  background-image: url('../images/tbs-screenshot-3_1.avif');
  background-position: 50%;
  background-size: cover;
  border: 8px solid #000;
  border-radius: 1.87rem;
  width: 300px;
  height: 200px;
}

.div-block-626._5 {
  background-image: url('../images/tbs-screenshot-2_1.avif');
  background-position: 50%;
  background-size: cover;
  border: 8px solid #000;
  border-radius: 1.87rem;
  width: 300px;
  height: 200px;
}

.div-block-626.gg1 {
  background-image: url('../images/screenshot-gutter-goblins_1screenshot gutter goblins.webp');
}

.div-block-626.gg2 {
  background-image: url('../images/gg-screenshot-2_1.avif');
}

.div-block-626.gg4 {
  background-image: url('../images/gg-screenshot-3_1.avif');
}

.div-block-626.gg5 {
  background-image: url('../images/gg-screenshot-4_1.avif');
}

.div-block-626.jd-1 {
  background-image: url('../images/jd-screenshot-5_1.avif');
}

.div-block-626.jd-2 {
  background-image: url('../images/screenshot-3_1.avif');
}

.div-block-626.jd-4 {
  background-image: url('../images/jd-screenshot-2_1.avif');
}

.div-block-626.jd-5 {
  background-image: url('../images/jd-screenshot-1_1.avif');
  background-size: contain;
}

.div-block-626.ccms-1 {
  background-image: url('../images/ccms-website_1.avif');
  background-size: contain;
}

.div-block-626.ccms-3 {
  background-image: url('../images/ccms-screenshot-2_1.avif');
}

.div-block-626.ccms-4 {
  background-image: url('../images/ccms-screenshot-4_1.avif');
}

.div-block-626.ccms-5 {
  background-image: url('../images/ccms-screenshot-3_1.avif');
}

.tooltip-close {
  z-index: 5;
  color: #3f3e46;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.tooltip-close:hover {
  background-color: #002aff1a;
}

.pricing-grid {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.tab-title {
  color: var(--new-black);
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.tabs-menu-2 {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 82px;
  padding: 8px;
  display: inline-block;
}

.tabs-menu-2.less-margin-bottom {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 550px;
  margin-bottom: 25px;
  padding: 0;
  display: flex;
}

.tab-link-2 {
  color: #4a556c;
  background-color: #0000;
  width: 100%;
  padding: 12px 0;
}

.tab-link-2.w--current {
  color: #fff;
  background-color: #05073500;
  background-image: radial-gradient(circle at 0 100%, #ff8c00, gold);
  border-radius: 10px 0 0 10px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.tab-link-2._2.w--current {
  color: var(--new-black);
  background-color: #05073500;
  background-image: radial-gradient(circle at 0 100%, #ff8c00, gold);
  border-radius: 0 10px 10px 0;
  font-weight: 600;
}

.pricing-card {
  border: 5px solid var(--light-blue);
  background-color: #fff;
  border-radius: 1.87rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-height: 410px;
  padding: 30px 10px;
  display: flex;
}

.title-wrap-2 {
  text-align: center;
  margin-bottom: 32px;
}

.card-description {
  color: var(--new-black);
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
}

.content-section {
  background-image: linear-gradient(180deg, var(--new-black), var(--new-black) 64%, var(--relume-library-lite-rl-white) 64%, var(--relume-library-lite-rl-white));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 550px;
  padding: 80px 3%;
  position: relative;
}

.paragraph-small {
  color: #4a556c;
  text-align: center;
  min-height: 130px;
  margin-bottom: 0;
  font-weight: 400;
}

.relative {
  position: relative;
}

.pricing-tabs {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-80 {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.text-block-139.charcoal.bigger.black.margin-top {
  text-align: center;
  font-weight: 600;
}

.text-block-139._80-width {
  width: 80%;
  color: var(--relume-library-lite-rl-white);
  text-align: center;
  margin-bottom: 20px;
}

.text-block-139.centred {
  color: var(--relume-library-lite-rl-white);
  margin-bottom: 20px;
}

.image-194 {
  width: 110px;
}

.margin-bottom._1-row {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

.text-block-141 {
  text-align: center;
  width: 80%;
}

.div-block-631.fin {
  background-image: url('../images/ChatGPT-Image-Aug-19-2025-04_19_42-PM_1.webp'), radial-gradient(circle farthest-corner at 50% 100%, #00d4ff21, #fff0), linear-gradient(to bottom, var(--new-black), var(--new-black));
  background-position: 50%, 0 0, 0 0;
  background-size: contain, auto, auto;
  border-radius: 50%;
  width: 570px;
  height: 570px;
  position: static;
}

.footerextender {
  background-color: var(--new-black);
  height: 100px;
}

.fn-container-grid-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1310px;
  padding-left: 15px;
  padding-right: 15px;
  display: grid;
}

.fn-section-off-black {
  color: #ecf0ef;
  background-color: #0f121300;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: Open Sans, sans-serif;
  display: flex;
  overflow: hidden;
}

.fn-heading-jambo {
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 88px;
  font-weight: 400;
  line-height: 1.1em;
}

.fn-hero-quote {
  width: 229px;
  height: 164px;
  color: var(--new-outline);
  margin-bottom: 200px;
}

.div-block-640 {
  transform: translate(0, 100px);
}

.case-study-icon {
  max-width: 50px;
}

.cscolour-wrap {
  text-decoration: none;
}

.image-198 {
  max-width: 300px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.image-199 {
  max-width: 300px;
  transform-style: preserve-3d;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

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

.div-block-646 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.div-block-646.above {
  z-index: 2;
  position: relative;
}

._4-wide.min-height-desktop {
  min-height: 100vh;
}

.div-block-647 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.homepage-hero {
  position: absolute;
  inset: auto 0% 0% auto;
}

.homepage-hero.av {
  filter: saturate(75%);
  max-width: 100%;
  max-height: 100%;
  transform: translate(8%, 6%);
}

.homepage-hero.mob-only {
  display: none;
}

.other-it {
  width: 300px;
}

.other-it.smaller {
  width: 200px;
}

.div-block-655 {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--dark-orange), gold);
  border: 5px solid #0000;
  border-radius: 1.87rem;
  justify-content: center;
  align-items: center;
  max-height: 80vh;
  margin-top: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.text-block-143, .text-block-144, .text-block-145, .text-block-146 {
  font-size: 2rem;
}

.div-block-657 {
  max-width: 100%;
}

.text-block-147, .text-block-148, .text-block-149 {
  text-align: center;
  font-size: 2rem;
}

.div-block-658 {
  transform: translate(0, 60px);
}

.image-206 {
  position: absolute;
}

.div-block-659 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-207 {
  max-width: 850px;
  transform-style: preserve-3d;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(0, 4%)rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-207.it-service {
  filter: saturate(72%);
  max-width: none;
  height: 90%;
  max-height: 100%;
  transform: translate(8%, 2%);
}

.image-207.cyber {
  transform-style: preserve-3d;
  transform: translate(10%, -11%)rotateX(0)rotateY(180deg)rotateZ(0);
}

.image-208 {
  opacity: .38;
  filter: blur(1px);
  width: 2000px;
  max-width: none;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: translate(174px, -11%);
}

.image-208.top {
  max-width: 450px;
  inset: 0% auto auto 0%;
  transform: translate(10%, 10%);
}

.image-208.services {
  z-index: -1;
  opacity: .15;
  filter: none;
  width: 550px;
  inset: auto 0% 0% auto;
  transform: translate(43px, 151px);
}

.image-208.up {
  transform: translate(124px, 7px);
}

.image-209 {
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-660 {
  position: relative;
}

.magrin-bottom {
  margin-bottom: 30px;
}

.image-210 {
  min-width: 0;
}

.clown-wrapper {
  opacity: 1;
}

.clown-glitch {
  position: absolute;
  inset: auto 0% 0% 0;
}

.div-block-661 {
  background-color: var(--untitled-ui-gray50-501);
  color: #333;
  border-radius: 1.87rem;
  justify-content: center;
  align-items: center;
  min-width: 250px;
  min-height: 150px;
  font-size: 2rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.div-block-661:hover {
  box-shadow: 0 2px 5px #0003;
}

.text-block-151 {
  text-transform: capitalize;
}

.section-57 {
  margin-top: 40px;
}

.text-block-153 {
  text-align: center;
  margin-top: 40px;
}

.div-block-662 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1300px;
  display: flex;
}

.div-block-663 {
  background-color: var(--untitled-ui-gray50-501);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 20px;
  display: flex;
}

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

.div-block-664 {
  justify-content: space-around;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.div-block-666 {
  background-color: var(--untitled-ui-gray50-501);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-668 {
  background-image: linear-gradient(to bottom, var(--untitled-ui-gray50-501), var(--untitled-ui-gray50-501));
}

.div-block-669, .div-block-669.trans-tablet, .image-211 {
  display: none;
}

@media screen and (min-width: 1280px) {
  .perth-it-care-body {
    color: var(--untitled-ui-gray600);
    line-height: 2rem;
  }

  .navbar-section {
    display: block;
  }

  .combine-pricing5_component {
    z-index: 1;
    position: relative;
  }

  .pricing-section.webh {
    padding-bottom: 0;
  }

  .content-container {
    position: relative;
  }

  .content-container.margin-top.thankyou-page {
    display: flex;
  }

  .cf-dropdown-list-full-wrapper {
    box-shadow: 0 100px 100px #40454f1a;
  }

  .cf-footer-text-link-16px.white-text-footer-link {
    transition: color .4s, border .4s;
  }

  .cf-footer-text-link-16px.white-text-footer-link:hover {
    border-bottom-color: #0091ff;
  }

  .footer.black-version {
    min-height: 1600px;
  }

  .reviews {
    padding-bottom: 7rem;
  }

  .faq-web-design {
    font-family: Exo, sans-serif;
  }

  .text-span-143, .text-span-144, .text-span-145, .text-block-5 {
    color: #333;
  }

  .web-rescue-hero {
    display: block;
  }

  .title-box-left {
    min-height: 90%;
  }

  .title-box-left.above-hero, .title-box-left.above-hero.web-m {
    display: flex;
  }

  .title-box-left.above-hero.hp.home {
    transform: none;
  }

  .web-recovery-and-repair-services {
    padding-top: 5rem;
  }

  .faq-web-rescue {
    padding-top: 50px;
    padding-bottom: 7rem;
  }

  .page-padding, .faq-web-design-perth {
    z-index: 1;
    position: relative;
  }

  .rl_blog33_image {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }

  .our-local-services {
    padding-top: 5rem;
    padding-bottom: 40rem;
  }

  .our-local-services.hp {
    padding-top: 0;
    padding-bottom: 0;
  }

  .featured-blogs {
    background-image: none;
    background-position: 0 0;
    overflow: visible;
  }

  .image-hero.web-hosting-hero {
    background-image: url('../images/hosting-girl-new-with-feather_1hosting girl new with feather_00000.webp');
    background-position: 50%;
    background-size: cover;
  }

  .image-hero.web-rescue-hero {
    background-image: url('../images/Hoodie-hacker_1Hoodie hacker_00000.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    height: 100vh;
    display: none;
  }

  .image-hero.web-rescue-hero.dvm {
    background-position: 50% 100%;
    height: 99%;
  }

  .image-hero.home-page-hero {
    background-image: url('../images/support-hands-new_1support hands new_00000.webp');
    background-position: 50%;
    background-size: cover;
    height: 91%;
  }

  .image-hero.web-design {
    filter: brightness(70%);
    background-position: 0 100%;
    background-attachment: scroll;
    width: 100%;
    height: 85vh;
  }

  ._150-image._21 {
    background-image: url('../images/terms--conditions-hero_1terms & conditions hero.webp');
  }

  ._150-image._15 {
    background-image: url('../images/support-hero-horizontal_1support hero horizontal.webp');
  }

  ._150-image._16 {
    background-image: url('../images/wordpress-mini-web-rescue-size_1wordpress mini web rescue size.webp');
    background-position: 50%;
  }

  ._150-image._19 {
    background-image: url('../images/optimisation-hero_1optimisation hero.webp');
    background-position: 0%;
  }

  ._150-image._23 {
    background-image: url('../images/home-hero-2_2home hero 2.webp');
  }

  ._150-image._14 {
    background-image: url('../images/web-hosting-hero-big_1web hosting hero big.webp');
    background-position: 25%;
  }

  .full-menu-button {
    background-color: #0000;
    transition: background-color 1s;
  }

  .full-menu-button:hover {
    background-color: #ffffff4d;
  }

  .nav-menu-item-img.link-bg-4 {
    background-position: 100% 10%;
  }

  .nav-menu-item-img.link-bg-4.alt-link-4 {
    background-position: 0 15%;
  }

  .nav-menu-item-img.link-bg-4.original-bg-4-link:hover {
    background-position: 100% 10%;
  }

  .nav-menu-item-img.link-bg-3 {
    background-position: 50% 10%;
  }

  .nav-menu-item-img.link-bg-5 {
    background-image: url('../images/web-optimisation_1web optimisation.webp');
    background-position: 0 35%;
  }

  .nav-menu-item-img.link-bg-5.alt-5 {
    background-image: url('../images/tools_2tools_00000.webp');
    background-position: 100% 48%;
  }

  .nav-menu-item-img.link-bg-8 {
    background-image: url('../images/b2b-support_1b2b support.webp');
    background-position: 0 10%;
  }

  .nav-menu-item-img.link-bg-8.alt-8 {
    background-image: url('../images/phones-hero_1phones hero_00000.webp');
    background-position: 100%;
  }

  .nav-menu-item-img.link-bg-2 {
    background-position: 0 38%;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }

  .nav-menu-item-img.link-bg-2:hover {
    background-position: 0 38%;
  }

  .nav-menu-item-img.link-bg-1 {
    background-position: 50% 10%;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }

  .nav-menu-item-img.link-bg-1:hover {
    background-position: 50% 10%;
  }

  .menu-lottie {
    filter: none;
  }

  .left-navbar.frost {
    background-color: #0000;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    width: 400px;
    min-width: 80px;
  }

  .mega-navbar {
    z-index: 99999999;
    display: block;
  }

  .image-71 {
    filter: brightness(125%) saturate(200%);
    width: 250px;
    height: 95px;
  }

  .div-block-224 {
    justify-content: center;
    align-items: center;
    margin-left: 30px;
    padding-left: 0;
    display: flex;
  }

  .blog-image-container {
    background-color: #333;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow: hidden;
  }

  .nav-section {
    display: none;
  }

  .mini-h1.white.not-white-on-desktop {
    color: #fff;
  }

  .message-before-contact-form {
    padding-bottom: 5rem;
  }

  .message-before-contact-form.web-h-contact {
    padding-bottom: 9.1rem;
  }

  .rl_layout1_content-9.general-web-repair {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 400px;
    padding: 0;
    display: flex;
  }

  .rl_layout1_content-9.wordpress-web-repair {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 400px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
  }

  .rl_layout1_content-9.website-reformatting {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 400px;
    display: flex;
  }

  .faq-original {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    position: relative;
    overflow: visible;
  }

  .team-section-original.wbhteam {
    z-index: 1;
  }

  .contact-form-embed {
    margin-bottom: 3.5rem;
    padding-bottom: 0;
  }

  .slow-websites {
    margin-bottom: 3.5rem;
    padding-bottom: 24.8rem;
  }

  .paragraph-9 {
    color: #000;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), url('../images/logo_1logo.webp');
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: .8rem;
    line-height: 1.8rem;
  }

  .uui-section_layout75.web-r {
    padding-bottom: 15rem;
  }

  .h2-heading-new.multi-colour.centered.integrity-review {
    text-align: center;
    border-left: 4px #0091ff;
    padding-left: 50px;
    padding-right: 50px;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.decode-review.decode-bigger {
    text-align: center;
    border-left-style: none;
    font-size: 4rem;
    line-height: 5.5rem;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.bigger {
    max-width: 100%;
    font-size: 4rem;
    line-height: 5.5rem;
  }

  .h2-heading-new.multi-colour.centered.blue {
    color: var(--relume-library-lite-rl-black);
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
  }

  .h2-heading-new.multi-colour._80-rem.more-line-space {
    width: 90%;
    max-width: 80rem;
    line-height: 6.5rem;
  }

  .h2-heading-new.multi-colour._80-rem.white._2-5-x-4rem {
    border-left: 4px solid #0091ff;
    width: 80%;
    margin-bottom: 25px;
    padding-left: 100px;
    padding-right: 40px;
    font-size: 2rem;
  }

  .h2-heading-new.multi-colour.more-line-gap {
    line-height: 5rem;
  }

  .h2-heading-new.multi-colour.thankyouheading {
    margin-left: 0%;
  }

  .h2-heading-new.under-h1.white.homepage {
    font-weight: 600;
  }

  .h2-heading-new.multi-colour.faq.white {
    font-size: 1.9rem;
    line-height: 2.9rem;
  }

  .image-100 {
    width: 30%;
  }

  .image-100.image-reasons-hacked {
    width: auto;
    max-height: 45%;
  }

  .div-block-269.wd-option {
    border-top-left-radius: 0;
  }

  .image-102.syringe-apple-bottom-left-curve {
    max-height: 38%;
    display: block;
  }

  .div-block-278.clear {
    box-shadow: none;
    background-color: #fff0;
  }

  .div-block-278.it {
    box-shadow: none;
    background-color: #fff0;
    border-left-style: none;
  }

  .div-block-284 {
    border-right-style: solid;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-285 {
    padding-top: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-block-288 {
    padding-right: 10%;
  }

  .image-103 {
    width: 60%;
  }

  .carousel-component {
    z-index: 9999;
    margin-top: -5px;
  }

  .review-surround.rel-5 {
    z-index: 5;
  }

  .div-block-296.absolute {
    border: 1px solid #33333340;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-296.absolute.mishack-test {
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .image-104 {
    width: 100%;
    max-width: 100%;
    transform: translate(0%, 30%);
  }

  .image-104._2-hands-hp {
    width: 1170px;
    max-width: none;
  }

  .div-block-302.marcus {
    box-shadow: none;
  }

  .page-wrapper {
    border-bottom-right-radius: 0;
    min-height: 100vh;
  }

  .main-wrapper {
    border-bottom-right-radius: 50px;
  }

  .hero-heading.below.homepage {
    text-transform: uppercase;
    text-shadow: 0 1px 20px #000;
  }

  .hero-heading.below.homepage.white {
    -webkit-text-stroke-width: 1.5px;
  }

  .hero-heading.below.web-h-heading {
    text-shadow: 0 1px 20px #000;
    max-width: 55vw;
  }

  .hero-heading.below.it-heading {
    font-size: 4vw;
    line-height: 5.5vw;
  }

  .hero-heading.web-h-heading {
    max-width: 55vw;
  }

  .hero-heading.it-heading.smaller {
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .white-48-rem-wide {
    color: #fff;
    max-width: 48rem;
  }

  ._400-px-wide-p {
    max-width: 400px;
  }

  .image-110 {
    z-index: 9;
  }

  .uui-blogsection11_item-content {
    padding-right: 20px;
  }

  .uui-blogsection11_image._2.smaller {
    object-fit: contain;
  }

  .uui-blogsection11_image._3 {
    border-bottom-left-radius: 2rem;
  }

  .uui-blogsection11_image._3.smaller {
    object-fit: contain;
  }

  .uui-blogsection11_image.blog-image-1.smaller {
    object-fit: cover;
  }

  .uui-blogsection11_image-wrapper {
    overflow: visible;
  }

  .uui-blogsection11_item.padding.above {
    position: relative;
  }

  .uui-blogsection11_layout {
    z-index: 5;
    position: static;
  }

  .uui-section_blogsection11 {
    z-index: 1;
    position: relative;
  }

  .div-block-307 {
    background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg');
    background-position: 50% 100%;
    background-size: contain;
    height: 99%;
  }

  .button-inside {
    text-transform: uppercase;
    padding-top: 1rem;
  }

  .uui-section_layout75-3 {
    z-index: 1;
    position: relative;
  }

  .before-you-scroll {
    padding-top: 7.5rem;
  }

  .div-block-313.darker-version {
    min-height: 500px;
    margin-top: 4rem;
    padding-top: 3.5rem;
  }

  .div-block-314.customer-exp {
    border: 1px solid #33333340;
    width: auto;
    padding-bottom: 3.5rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .div-block-315.opposite {
    display: block;
  }

  .div-block-317 {
    width: 67%;
  }

  .image-116.below.hacked-image-hop {
    max-width: 55%;
  }

  .image-125 {
    position: static;
  }

  .customer-experience {
    padding-bottom: .5rem;
  }

  .flower-wrap {
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
  }

  .phones-hero-image {
    width: auto;
    height: 90%;
  }

  .case-studies-div {
    background-color: var(--untitled-ui-gray50-501);
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 1rem 1rem 3rem;
    box-shadow: 0 2px 5px #0003;
  }

  .case-studies-div:hover {
    box-shadow: 0 2px 20px #0091ff99;
  }

  .new-case-studies {
    padding-bottom: 5rem;
    overflow: hidden;
  }

  .div-block-327 {
    width: 95%;
    text-decoration: none;
  }

  .uui-team09_list {
    grid-row-gap: 0rem;
  }

  .uui-team09_list.margin-top {
    align-items: end;
    margin-top: 25px;
  }

  .section_team09.right {
    background-image: radial-gradient(circle, #333333f2 11%, #838383f2), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 50% 0;
    background-size: auto, 2500px;
  }

  .div-block-342.web-d.below {
    display: none;
  }

  .image-145 {
    z-index: 3;
    width: auto;
    height: 90%;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .div-block-353.alternate {
    border: 1px solid #33333340;
  }

  .div-block-354 {
    border-top: 1px solid #33333340;
    border-bottom: 1px solid #33333340;
    border-right: 1px solid #33333340;
  }

  .feature-background-image.top-right.bottom-right {
    transform: rotate(-4deg)translate(0%, 40%);
  }

  .feature-background-image.top-right.lowest {
    inset: auto 0% 0% auto;
  }

  .div-block-357 {
    display: none;
  }

  .link-block-31, .link-block-32 {
    text-decoration: none;
  }

  .div-block-366 {
    border: 1px solid #33333340;
  }

  .uui-blogsection11_layout-2.right.hosting-version {
    grid-template-columns: 1fr .75fr;
  }

  .grid-3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .div-block-368 {
    align-items: center;
    display: flex;
  }

  .div-block-370, .div-block-370.top {
    display: flex;
  }

  .div-block-370.top.up-top.bottom-margin {
    margin-bottom: 25px;
  }

  .div-block-370.up-top {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .icon-div.centred {
    justify-content: center;
    align-items: center;
  }

  .icon-div._50rem-wide {
    display: flex;
  }

  .icon-div._50rem-wide.top {
    margin-top: 25px;
  }

  .div-block-381 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .div-block-382 {
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .local-seo-images {
    z-index: -1;
  }

  .faq-container {
    overflow: visible;
  }

  .whole-page {
    width: 100vw;
    overflow: hidden;
  }

  .image-151 {
    z-index: 3;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .backgroundcircle {
    filter: saturate(200%) saturate(200%);
  }

  .bluimage {
    transform: rotate(3deg)translate(0)translate(-42%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .slider-img-child {
    transform: none;
  }

  .marquee-title {
    font-size: 28px;
    line-height: 38px;
  }

  .div-block-498.rel-5 {
    z-index: 5;
  }

  .kjd-b-grid-1 {
    z-index: 2;
    position: relative;
  }

  .kjd-b-link-block-1 {
    z-index: 99;
    position: static;
  }

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

  .medium-head {
    font-size: 3.45rem;
    line-height: 4.5rem;
  }

  .section-36 {
    position: relative;
  }

  .div-block-553 {
    align-items: center;
    display: flex;
  }

  ._400-px-wide-p-2 {
    max-width: 400px;
  }

  .grid-8 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (min-width: 1440px) {
  .text-under-h1-div.hp {
    transform: translate(0, 3%);
  }

  .title-box-left.hp.home.tablet {
    transform: translate(0, 5.5%);
  }

  .container-large.is--padding-global {
    padding-left: 0;
    padding-right: 0;
  }

  .image-hero.home-page-hero {
    width: 60%;
    height: 91%;
  }

  .h2-heading-new.multi-colour.centered.blue {
    color: var(--relume-library-lite-rl-black);
  }

  .review-surround.tired-of-review.margin-top {
    max-width: 1050px;
  }

  .uui-container-large-6 {
    max-width: 1300px;
  }

  .uui-blogsection11_item {
    margin: 2px;
  }

  .counter-section {
    opacity: 1;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
  }

  .overlay {
    transform: none;
  }

  .marquee-title {
    width: 95%;
    font-size: 4rem;
    line-height: 1.2;
  }

  .full-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-448 {
    max-width: 1300px;
  }

  .text-block-121 {
    width: 95%;
  }

  .code-embed-9.opp.under.up-top.above {
    display: none;
  }

  .gie-decor-2 {
    padding-bottom: 0;
    inset: -7% 0% auto;
  }

  .footersection {
    z-index: 3;
    padding-bottom: 20em;
    font-size: 14px;
  }

  .code-embed-11.footer.above {
    display: none;
  }

  .div-block-487 {
    width: 90%;
  }

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

  .div-block-491 {
    max-width: 1300px;
  }

  .section-32 {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-504.medium-hero {
    transform: translate(-140%, 250%);
  }

  .div-block-504.lower-left-hero {
    transform: translate(-550%, 800%);
  }

  .div-block-504.bottom-right-hero {
    transform: translate(-140%, -600%);
  }

  .medium-head.cented {
    width: 95%;
  }

  .div-block-35 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    display: flex;
  }

  .hero-slide-2 {
    display: flex;
  }

  .hero-slide-3 {
    z-index: 3;
    width: 100%;
    display: flex;
  }

  .service-link-absolute {
    background-image: linear-gradient(#0000 50%, #fff 50%);
  }

  .paragraph-32.white {
    max-width: 800px;
  }

  .homepage-hero.clown-image {
    width: 80%;
  }

  .homepage-hero.mob-only {
    width: auto;
  }
}

@media screen and (min-width: 1900px) {
  .perth-it-care-body {
    color: var(--untitled-ui-gray600);
    font-size: 1.1rem;
  }

  .text-under-h1-div {
    z-index: auto;
    max-width: 48rem;
    margin-bottom: 0;
    font-size: 32px;
    line-height: 37px;
    display: block;
  }

  .navbar-section {
    display: block;
  }

  .combine-text-size-regular {
    font-family: Exo, sans-serif;
  }

  .combine-text-size-regular.white, .combine-text-size-regular.centred {
    font-size: 1.2rem;
  }

  .combine-pricing5_table-content {
    border-radius: 2rem;
  }

  .combine-pricing5_table-content.dark.backup {
    border: 2px solid #33333338;
    border-radius: 2rem;
    box-shadow: 0 2px 5px #0003;
  }

  .combine-pricing5_table-content.web-hosting {
    border-radius: 2rem;
    grid-template-columns: 1.5fr 1fr 1fr;
  }

  .combine-pricing5_table-content.web-hosting.bigger {
    border-radius: 2rem;
    padding-top: .85rem;
    padding-bottom: .85rem;
  }

  .combine-pricing5_table-content.web-hosting.bigger.more-padding {
    grid-template-columns: 1.5fr 1fr 1fr;
  }

  .combine-background-color-grey {
    background-color: var(--new-black);
    background-image: linear-gradient(#ffffff0d, #ffffff0d);
    border: 2px solid #33333338;
    border-radius: 2rem;
  }

  .combine-background-color-grey.no-colour {
    box-shadow: none;
    background-image: none;
    border-style: none;
  }

  .combine-text-weight-semibold.white {
    font-size: 1.2rem;
  }

  .combine-pricing5_table-feature.dark {
    border: 2px solid #33333338;
    border-radius: 2rem;
    box-shadow: 0 2px 5px #0003;
  }

  .combine-button-small {
    background-color: #151515;
    border-radius: 2rem;
    box-shadow: 0 2px 20px #0091ff99;
  }

  .combine-button-small:hover {
    background-color: #151515;
    background-image: linear-gradient(#151515b3, #151515b3), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 50%;
    background-size: auto, 25px;
    font-family: Exo, sans-serif;
    box-shadow: 0 0 20px #0091ff;
  }

  .combine-pricing5_cost-tertiary, .combine-pricing5_cost-primary, .pricing-amount {
    font-family: Exo, sans-serif;
  }

  .combine-hide-mobile-landscape {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .combine-hide-mobile-landscape.margin-bottom.more-margin-bottom {
    margin-bottom: 40px;
  }

  .combine-pricing5_table-header.web-hosting {
    grid-template-columns: 1.5fr 1fr 1fr;
  }

  .combine-pricing5_component {
    z-index: 1;
    position: relative;
  }

  .combine-container-large {
    max-width: 1390px;
  }

  .combine-padding-section-medium.border-top.no-margin-top.no-padding-bottom {
    padding-bottom: 0;
  }

  .pricing-section.webh {
    z-index: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .content-container {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 1390px;
    display: flex;
  }

  .content-container.margin-top.thankyou-page {
    justify-content: center;
    align-items: center;
  }

  .content-container.centred {
    align-items: center;
  }

  .h3-heading-left-black {
    font-size: 25px;
  }

  .h3-heading-left-black.no-margin.eps {
    font-size: 1.9rem;
  }

  .h3-heading-left-black.no-margin.eps.contact-section {
    font-family: Exo, sans-serif;
    font-size: 1.9rem;
    line-height: 1em;
  }

  .pricing-text {
    text-transform: none;
    font-family: Exo, sans-serif;
    font-size: 1.2rem;
  }

  .subheading.sub-headings-centred {
    font-size: 20px;
  }

  .h3-headings-centred-black {
    color: var(--new-black);
  }

  .h3-headings-centred-black.white.whiter {
    opacity: 100;
    color: var(--relume-library-lite-rl-white);
  }

  .cf-copyright-text-3 {
    text-shadow: 0 2px 3px #000;
    font-size: 18px;
  }

  .cf-footer-text-link-16px.white-text-footer-link {
    border-bottom-style: none;
    font-family: Exo, sans-serif;
    font-size: 20px;
    transition: color .4s, border .4s cubic-bezier(.645, .045, .355, 1);
  }

  .cf-footer-text-link-16px.white-text-footer-link:hover {
    color: #0091ff;
    text-shadow: 0 1px 3px #0000003b;
    border-bottom-style: none;
    border-bottom-color: #0091ff;
    font-weight: 600;
  }

  .cf-footer-text-link-16px.white-text-footer-link.w--current {
    border-bottom-style: none;
    font-family: Exo, sans-serif;
  }

  .cf-footer-text-link-16px.white-text-footer-link.margin-top {
    margin-top: 40px;
  }

  .cf-footer-text-link-16px.white-text-footer-link.extra-margin-top {
    text-transform: uppercase;
  }

  .cf-footer-bold-text-14px {
    font-size: 20px;
  }

  .cf-social-media-icon.sig {
    width: 35px;
    height: 35px;
  }

  .cf-social-media-wrapper.social-media-wrapper-black.sig {
    width: 70px;
    height: 70px;
  }

  .cf-social-media-container {
    justify-content: flex-start;
    width: auto;
    margin-bottom: 10px;
  }

  .cf-body---18px-2.white {
    font-family: Exo, sans-serif;
    font-size: 20px;
  }

  .footer.black-version {
    z-index: 2147483647;
    background-color: #3330;
    background-image: radial-gradient(circle at 0 0, #333333f7 11%, #838383f2), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 50% 25%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 2500px;
    border-top: 3px solid #ff8c00;
    border-left: 3px solid #ff8c00;
    border-top-left-radius: 50px;
    border-top-right-radius: 0;
    min-height: 1700px;
    margin-left: 1%;
    padding-bottom: 5rem;
  }

  .html-embed {
    width: auto;
    min-height: 0;
    margin-left: 10px;
    margin-right: 10px;
    display: block;
    position: static;
  }

  .faq-web-design {
    color: var(--relume-library-lite-rl-white);
    font-size: 20px;
    line-height: 27px;
  }

  .faq_content-wrap {
    position: relative;
  }

  .faq_element {
    border-bottom-color: var(--border-grey);
  }

  .faq_element.white-border {
    border-width: 2px;
    border-color: var(--new-outline);
    position: relative;
  }

  .column-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-5 {
    font-family: Exo, sans-serif;
  }

  .rl_team8_component {
    display: flex;
  }

  .rl-container-large {
    flex-direction: column;
    align-items: center;
  }

  .team-section.less-margin-bottom {
    overflow: visible;
  }

  .image-48 {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 0;
    width: 400px;
  }

  .div-block-218 {
    max-width: 80rem;
  }

  .h4-team-headings {
    font-size: 22px;
  }

  .title-box-left {
    border: 3px solid #ff8c0000;
    min-height: 100vh;
    margin-left: 0%;
    display: flex;
    top: auto;
    bottom: auto;
    transform: translate(0, -18%);
  }

  .title-box-left.above-hero {
    z-index: 3;
    border: 3px solid #ff8c0000;
    min-height: 100vh;
    margin-left: 0%;
    display: flex;
    top: auto;
    bottom: auto;
    transform: translate(0, -18%);
  }

  .title-box-left.above-hero.not-hidden {
    display: flex;
  }

  .title-box-left.above-hero.web-m {
    margin-left: 10%;
    display: flex;
  }

  .title-box-left.above-hero.web-m.av {
    transform: translate(0, -5%);
  }

  .title-box-left.above-hero.web-h {
    order: -1;
    height: 90%;
    margin-top: 0;
    display: flex;
    transform: translate(0, 5.25%);
  }

  .title-box-left.above-hero.web-h.trans {
    opacity: 0;
    position: static;
  }

  .title-box-left.above-hero.web-h.web-r-up {
    margin-bottom: 0;
  }

  .title-box-left.above-hero.web-h.wh {
    transform: translate(0, 5.5%);
  }

  .title-box-left.above-hero.web-h.wm {
    transform: translate(0, 4.5%);
  }

  .title-box-left.above-hero.hp {
    display: flex;
    transform: translate(0, -8%);
  }

  .title-box-left.above-hero.hp.home {
    display: flex;
    transform: translate(0, -7.5%);
  }

  .title-box-left.hidden.web-m {
    margin-left: 10%;
  }

  .title-box-left.hidden.web-m.av {
    transform: translate(0, -5%);
  }

  .title-box-left.web-h {
    margin-top: 0;
    display: flex;
    transform: translate(0, 5%);
  }

  .title-box-left.web-h.trans {
    opacity: 0;
  }

  .title-box-left.web-h.web-r-up {
    margin-bottom: 0;
    transform: translate(0, -8%);
  }

  .title-box-left.hp {
    transform: translate(0, -8%);
  }

  .title-box-left.hp.home.tablet {
    display: flex;
    transform: translate(0, -7.5%);
  }

  .web-recovery-and-repair-services {
    border-right-style: none;
    border-top-left-radius: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 550px;
    padding-top: 0;
    display: flex;
    overflow: visible;
  }

  .faq-web-rescue {
    padding-top: 7rem;
  }

  .page-padding {
    z-index: 1;
    position: relative;
  }

  .container-large {
    max-width: 1390px;
  }

  .faq_wrap-grid-2 {
    width: 1390px;
    position: static;
  }

  .faq_title-wrap-2 {
    position: relative;
    overflow: visible;
  }

  .faq-web-design-perth {
    z-index: auto;
    position: relative;
  }

  .rl-text-style-small, .rl_blog33_author-text {
    font-size: 20px;
  }

  .rl_blog33_category-text {
    font-family: Exo, sans-serif;
    font-size: 20px;
  }

  .seo {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    position: relative;
    overflow: visible;
  }

  .t-s-c-s-menu {
    margin-top: 10rem;
  }

  .web-design {
    display: none;
  }

  .rl_section_pricing18-2 {
    position: relative;
  }

  .our-local-services {
    padding-bottom: 55rem;
    position: relative;
    overflow: visible;
  }

  .our-local-services.hp {
    padding-bottom: 0;
    overflow: visible;
  }

  .featured-blogs {
    padding-top: 3.5rem;
    position: relative;
    overflow: visible;
  }

  .remote-session {
    margin-top: 5rem;
    padding-top: 3.5rem;
    padding-bottom: 2rem;
    position: relative;
    overflow: visible;
  }

  .managed-it-support {
    z-index: auto;
    margin-top: 0;
    padding-top: 4.5rem;
    padding-bottom: 15rem;
    position: relative;
    overflow: visible;
    transform: translate(0);
  }

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

  .image-hero.web-hosting-hero {
    z-index: 1;
    background-image: url('../images/web-hosting-headache.avif');
    background-position: 0 0;
    background-size: auto 140%;
    width: 100%;
    height: 100%;
    display: block;
    inset: 0% 0% 0% auto;
    transform: translate(23%);
  }

  .image-hero.web-hosting-hero._365 {
    background-size: contain;
    height: 80%;
    transform: translate(25%, 17%);
  }

  .image-hero.web-rescue-hero {
    background-image: url('../images/Hoodie-hacker_1Hoodie hacker_00000.webp');
    background-position: 50%;
    background-size: cover;
    width: 80%;
    height: 99%;
    display: none;
    inset: 0% 0% 0% auto;
  }

  .image-hero.web-rescue-hero.dvm {
    background-image: url('../images/hammer-and-egg_1hammer and egg_00000.webp');
  }

  .image-hero.web-rescue-hero.pen-test {
    background-image: url('../images/key-and-hand_1key and hand_00000.webp');
  }

  .image-hero.home-page-hero {
    z-index: 2;
    filter: brightness(114%);
    background-image: url('../images/7ba5bf0f-d5ab-4e48-be88-caa342254fa6_removalai_preview.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 650px;
    background-attachment: fixed;
    width: 45%;
    max-width: 1750px;
    height: 83%;
    display: none;
    inset: 0% 0% 0% auto;
    transform: rotate(0)translate(0%);
  }

  .image-hero.web-design {
    z-index: auto;
    filter: saturate(69%);
    background-image: url('../images/79d8f18b-2322-4df0-ac14-79b663b68e4e_1.avif');
    background-position: 50%;
    background-size: contain;
    width: 100%;
    height: 85%;
    display: block;
    position: static;
    inset: auto 0% 0% auto;
    transform: translate(30%);
  }

  .image-hero.maintenance-hero {
    z-index: auto;
    filter: saturate(67%);
    background-image: url('../images/ChatGPT-Image-Oct-7-2025-03_04_57-PM.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 75%;
    height: 100%;
    display: block;
    inset: 0% 0% 0% auto;
    transform: translate(10%, 5%);
  }

  .image-hero.maintenance-hero.under {
    z-index: -1;
    background-image: url('../images/ChatGPT-Image-Oct-7-2025-03_19_10-PM.png');
    background-position: 50% 100%;
  }

  .image-hero.maintenance-hero.up {
    z-index: auto;
  }

  .team-image-container {
    z-index: 5;
    background-image: none;
    border-radius: 0 0 0 0;
    position: relative;
  }

  .team-image-container.adrian-image {
    z-index: 5;
    background-image: none;
    border-bottom-left-radius: 0;
    position: relative;
  }

  .team-image-container.pops-image {
    background-image: none;
    border-left-style: none;
  }

  ._150-image._15 {
    background-image: url('../images/web-care-hero_1web care hero.webp');
  }

  ._150-image._16 {
    background-image: url('../images/wordpress-mini-web-rescue-size_1wordpress mini web rescue size.webp');
  }

  .nav-menu-item-img.link-bg-4, .nav-menu-item-img.link-bg-4:hover {
    background-image: url('../images/bird-and-flower-left-facing_1bird and flower left facing_00000.webp');
    background-position: 90%;
    background-size: contain;
  }

  .nav-menu-item-img.link-bg-4.alt-link-4 {
    background-image: url('../images/motobike_1motobike_00000.webp');
    background-position: 60% 0;
    background-size: 170px;
  }

  .nav-menu-item-img.link-bg-4.alt-link-4.alt-it-support {
    background-size: contain;
  }

  .nav-menu-item-img.link-bg-4.original-bg-4-link {
    background-position: 90% 40%;
    background-size: 150px;
  }

  .nav-menu-item-img.link-bg-4.original-bg-4-link:hover {
    background-position: 90% 40%;
  }

  .nav-menu-item-img.link-bg-4.original-bg-4-link.new-anti {
    background-image: url('../images/new-webrescue-hero-trans-background_1new webrescue hero trans background_00000.webp');
    background-position: 90% 5%;
    background-size: 250px;
    transform: none;
  }

  .nav-menu-item-img.link-bg-5.alt-5 {
    background-image: url('../images/tools_2tools_00000.webp');
    background-position: 90% 35%;
  }

  .nav-menu-item-img.link-bg-5.alt-5:hover {
    background-position: 90% 35%;
  }

  .nav-menu-item-img.link-bg-5.alt-5.new-365 {
    filter: grayscale();
    background-image: url('../images/365-hero_1365 hero_00000.webp');
    background-position: 100% 100%;
  }

  .nav-menu-item-img.link-bg-5.alt-5.new-ndis {
    background-image: url('../images/Couple-raw_00000_00000_00000_1Couple raw_00000_00000_00000_00000.webp');
    background-position: 100% 100%;
  }

  .nav-menu-item-img.link-bg-8.alt-8 {
    background-image: url('../images/phones-hero_1phones hero_00000.webp');
    background-position: 90%;
  }

  .nav-menu-item-img.link-bg-2, .nav-menu-item-img.link-bg-2:hover {
    background-image: url('../images/hosting-girl-new-with-feather_1hosting girl new with feather_00000.webp');
    background-position: 70%;
    background-size: 250px;
  }

  .nav-menu-item-img.link-bg-1, .nav-menu-item-img.link-bg-1:hover {
    background-image: url('../images/new-hoodie_1new hoodie_00000.webp');
    background-position: 100% 0;
    background-size: contain;
  }

  .nav-item-text {
    text-transform: capitalize;
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .mega-navbar {
    display: block;
  }

  .text-block-78, .text-block-79 {
    font-size: 1.7rem;
  }

  .image-71 {
    filter: saturate(200%);
  }

  .nav-section {
    display: none;
  }

  .mini-h1, .mini-h1.white {
    font-size: 1rem;
    line-height: 2rem;
  }

  .mini-h1.white.not-white-on-desktop {
    opacity: 0;
  }

  .contact.less-top-padding.contact-form {
    z-index: 1;
    background-color: #fff0;
    padding-top: 5rem;
    overflow: visible;
  }

  .div-block-228 {
    aspect-ratio: auto;
    background-color: var(--relume-library-lite-rl-white);
    border-width: 5px;
    border-color: #0e141b;
    flex-flow: column;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    box-shadow: 0 2px 20px 4px #0003;
  }

  .div-block-229 {
    height: 2.5rem;
  }

  .link-139 {
    font-size: 20px;
  }

  .link-139.contact-links {
    text-align: right;
  }

  .link-140 {
    font-size: 20px;
  }

  .link-140.contact-links {
    text-align: left;
  }

  .link-141 {
    font-size: 20px;
  }

  .link-141.contact-links {
    width: auto;
    text-decoration: none;
  }

  .text-block-95 {
    color: #333;
    margin-top: 5px;
    margin-left: 0;
    text-decoration: none;
  }

  ._3-rem-padding._10-rem {
    margin-top: -40rem;
  }

  ._3-rem-padding._10-rem.hidden {
    margin-top: -10rem;
  }

  ._3-rem-padding._10-rem.hidden.web-r-bottom {
    margin-top: 0;
  }

  .testimonials {
    z-index: auto;
    background-image: linear-gradient(#f9fafb 17%, #ff8c00 17%, #fff);
    border-bottom: 50px #000;
    position: relative;
    overflow: visible;
  }

  .message-before-contact-form {
    background-color: #fff0;
    margin-top: -2px;
    padding-top: 20rem;
    padding-bottom: 15rem;
    overflow: visible;
  }

  .message-before-contact-form.message-before-it {
    padding-top: 18.5rem;
    padding-bottom: 18rem;
  }

  .message-before-contact-form.web-h-contact {
    padding-bottom: 14.5rem;
  }

  .rl_testimonial15_logo.anita {
    height: 62px;
  }

  .rl_testimonial15_logo.mbc {
    width: 53px;
  }

  .rl_testimonial15_divider {
    background-color: #000;
    position: relative;
  }

  .rl_testimonial15_divider.blue-1-5px-wide {
    background-color: #0091ff;
    width: 1.5px;
  }

  .rl_testimonial15_divider.blue-2px-wide {
    background-color: #0091ff;
    width: 2px;
  }

  .rl_testimonial15_divider.white-1-px {
    background-color: var(--relume-library-lite-rl-white);
  }

  .rl-text-style-regular {
    font-size: 22px;
  }

  .rl-text-style-regular.white {
    text-transform: capitalize;
    font-size: 1.2rem;
  }

  .rl-text-style-regular.white.actually-white {
    color: #fff;
    font-size: 1.2rem;
  }

  .rl_testimonial15_client-name-text {
    font-size: 25px;
  }

  .rl_testimonial15_client-name-text.white {
    text-transform: capitalize;
    font-size: 1.2rem;
  }

  .rl_testimonial15_client-name-text.white.actually-white {
    color: #fff;
    margin-bottom: 0;
    font-size: 1.2rem;
  }

  .rl_testimonial15_client-info {
    width: 20%;
  }

  .rl_testimonial15_client-info.smaller-review {
    width: 20%;
    min-width: 0;
  }

  .rl_testimonial15_client-info.mishack, .rl_testimonial15_client-info.kaz, .rl_testimonial15_client-info.faith {
    width: 25%;
  }

  .rl_testimonial15_client-info.simara {
    width: 30%;
  }

  .rl_testimonial15_client-info.nls {
    width: 20%;
  }

  .rl_testimonial15_client {
    justify-content: center;
    align-items: center;
    margin-top: 10px;
  }

  .rl_layout1_image.not-round-bottom-right-corner {
    display: none;
  }

  .rl_layout1_content-9.general-web-repair {
    padding-top: 0;
  }

  .rl_layout1_content-9.website-reformatting {
    justify-content: center;
    margin-bottom: 0;
  }

  .lost-and-broken-website-recovery.anti, .general-web-repair.anti, .wordpress-web-repair.anti, .website-reformatting.defectswarranties {
    display: none;
  }

  .faq-original {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
    position: relative;
    overflow: visible;
  }

  .faq-original.dark-blue {
    z-index: auto;
    background-color: #051d3100;
    padding-top: 0;
    padding-bottom: 0;
  }

  .team-section-original {
    z-index: 1;
    background-image: linear-gradient(180deg, var(--untitled-ui-gray50-501), white);
    border: 3px #ff8c00;
    border-right: 5px #000;
    border-bottom-left-radius: 0;
    margin-left: 0%;
    padding-bottom: 0;
    overflow: visible;
  }

  .team-section-original.wbhteam {
    background-image: linear-gradient(to bottom, var(--untitled-ui-gray50-501) 50%, white);
  }

  .contact-form-embed {
    margin-top: 15px;
    margin-bottom: 0;
    padding: 20px;
  }

  .privacy-policy {
    margin-top: 5rem;
    padding-bottom: 7.5rem;
  }

  .case-study {
    overflow: hidden;
  }

  .case-study.more-padding-top {
    padding-top: 1.5rem;
  }

  .slow-websites {
    background-color: #fff;
    border-left: 10px #838383;
    margin-bottom: 7rem;
    padding-top: 0;
    padding-bottom: 4rem;
    position: relative;
  }

  .slow-websites.trans {
    background-color: #fff0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .paragraph-9 {
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), url('../images/logo_1logo.webp');
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
    font-size: .8rem;
    line-height: 3rem;
  }

  .image-96.above.decode-logo {
    margin-top: 35px;
  }

  .image-96.no-margin-top._11recruitment.mini-review.ven {
    width: 120px;
  }

  .image-96.no-margin-top._11recruitment.mini-review.soapranos {
    width: 80px;
  }

  .image-96.no-margin-top.gutter {
    width: 85px;
  }

  .image-96.no-margin-top.soapranos {
    margin-top: -15px;
    margin-bottom: -15px;
  }

  .image-96.no-margin-top.centrefs {
    margin-top: -40px;
    margin-bottom: -40px;
  }

  .image-96.no-margin-top.navy-blue {
    background-color: #070092;
    border-radius: 10px;
    padding: 10px;
  }

  .website-maintenance-pricing {
    padding-top: 7rem;
    padding-bottom: 0;
    position: relative;
  }

  .website-maintenance-pricing.lessmargin-top {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .uui-text-size-medium {
    font-family: Exo, sans-serif;
  }

  .uui-heading-xxsmall.black {
    font-size: 1.85rem;
    font-weight: 500;
  }

  .uui-layout75_item {
    z-index: 1;
    border: 1px solid #33333340;
    border-radius: 2rem;
    transition: box-shadow .4s;
    position: relative;
    box-shadow: 0 2px 5px #0003;
  }

  .uui-layout75_item:hover {
    box-shadow: 4px 0 40px #0091ff;
  }

  .uui-layout75_item.antiv {
    height: 300px;
    min-height: 300px;
  }

  .uui-layout75_item.local-businesses {
    border-style: solid;
    border-color: var(--new-outline);
    background-color: var(--new-black);
    border-radius: 1.87rem;
    transition-property: none;
    box-shadow: 0 2px 20px #0003;
  }

  .uui-layout75_item.local-businesses.grey {
    border-width: 4px;
    border-color: var(--mid-grey);
    transition-property: none;
    box-shadow: 0 2px 20px 4px #0003;
  }

  .uui-layout75_component {
    align-items: flex-start;
  }

  .uui-padding-vertical-xhuge-2.padding-bottom {
    max-width: none;
    margin-bottom: 1rem;
    padding-bottom: 0;
  }

  .uui-container-large-3._85-w-rem {
    max-width: 85rem;
  }

  .uui-section_layout75 {
    padding-bottom: 35rem;
  }

  .uui-section_layout75.web-r {
    padding-bottom: 32rem;
  }

  .uui-layout09_item-icon-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .uui-layout09_item {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .uui-layout09_item.rescue-emergency {
    background-color: #fff0;
    border: 1px solid #33333340;
    border-radius: 1rem;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 1rem;
    box-shadow: 0 2px 5px #0003;
  }

  .uui-layout09_item.rescue-emergency.white {
    background-color: #fff;
  }

  .uui-layout09_item-list {
    grid-row-gap: 0rem;
    background-color: #ff8c00;
    border: 3px #0091ff;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    grid-template-rows: auto auto auto auto;
  }

  .uui-layout09_content {
    width: 100%;
  }

  .uui-layout09_component {
    max-width: none;
  }

  .div-block-266 {
    background-color: #f9fafb;
    background-image: linear-gradient(#f9fafbf2, #f9fafbf2), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 100% 0;
    background-size: auto, 2500px;
    border: 1px solid #33333338;
    border-top-left-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    height: auto;
    margin-right: 50px;
    padding-bottom: 3.5rem;
    padding-right: 0;
    display: block;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-266.no-white-border {
    background-color: #ff8c00;
    background-image: none;
    border-right-style: none;
  }

  .div-block-266.no-white-border.full {
    border-top-left-radius: 50px;
    border-top-right-radius: 0;
    margin-right: 0;
  }

  .div-block-266.contact-form-part {
    background-color: #f9fafb00;
    background-image: linear-gradient(#f9fafbb3, #f9fafbb3);
    background-position: 0 0;
    position: absolute;
  }

  .h2-heading-new {
    font-size: 3rem;
    line-height: 4rem;
  }

  .h2-heading-new.white.black-fade {
    color: #333;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #333;
    text-transform: uppercase;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    font-weight: 900;
  }

  .h2-heading-new.multi-colour {
    z-index: 99999;
    text-align: left;
    text-transform: capitalize;
    font-size: 3rem;
    font-weight: 500;
    line-height: 4.2rem;
    position: static;
  }

  .h2-heading-new.multi-colour._48-rem {
    -webkit-text-stroke-width: 0px;
    background-image: radial-gradient(circle at 0 0, #000 11%, #ff8c00 37%);
    margin-bottom: 30px;
    line-height: 4rem;
  }

  .h2-heading-new.multi-colour._48-rem.white {
    background-image: radial-gradient(circle at 0%, #fff, #ff8c00 37%);
    max-width: 50rem;
    font-size: 3rem;
    line-height: 4rem;
  }

  .h2-heading-new.multi-colour._48-rem.white.smaller {
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    font-size: 2rem;
  }

  .h2-heading-new.multi-colour._48-rem._40rem {
    background-image: none;
    font-size: 3.45rem;
    font-weight: 500;
    line-height: 1.2;
  }

  .h2-heading-new.multi-colour._48-rem._40rem._1390px {
    max-width: 1390px;
  }

  .h2-heading-new.multi-colour._48-rem.margin-top {
    margin-top: 50px;
  }

  .h2-heading-new.multi-colour._48-rem.margin-top.cs {
    line-height: 3rem;
  }

  .h2-heading-new.multi-colour._48-rem.margin-top.cs.h3-version {
    background-image: radial-gradient(circle at 0 0, #000, #ff8c00 18%);
  }

  .h2-heading-new.multi-colour._48-rem.margin-top.cs.h3-version.white.cases {
    opacity: 100;
    font-size: 2rem;
  }

  .h2-heading-new.multi-colour.bigger {
    text-align: left;
    font-size: 3rem;
    font-weight: 500;
    line-height: 4rem;
  }

  .h2-heading-new.multi-colour.bigger.left-5px-margin.centred.left-in-big-bp, .h2-heading-new.multi-colour.bigger.left-5px-margin.centred.not-on-bbp {
    text-align: left;
  }

  .h2-heading-new.multi-colour.right-align {
    text-align: right;
    background-image: radial-gradient(circle at 0%, #000 38%, #ff8c00 81%);
  }

  .h2-heading-new.multi-colour.large {
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 4.5rem;
  }

  .h2-heading-new.multi-colour.large.centred {
    text-align: center;
  }

  .h2-heading-new.multi-colour.large.centred.colour-shifted {
    background-image: radial-gradient(circle at 0 0, #000 27%, #ff8c00 59%);
  }

  .h2-heading-new.multi-colour.large.centred.colour-shifted.padding-bottom {
    background-image: radial-gradient(circle at 0 0, #000 38%, #ff8c00 55%);
  }

  .h2-heading-new.multi-colour.large.colour-more-black {
    background-image: none;
  }

  .h2-heading-new.multi-colour.large.colour-more-black.white {
    color: var(--relume-library-lite-rl-white);
  }

  .h2-heading-new.multi-colour.faq {
    -webkit-text-fill-color: inherit;
    background-color: #fff;
    background-clip: border-box;
    font-size: 2rem;
    line-height: 3rem;
  }

  .h2-heading-new.multi-colour.faq.white.smaller {
    font-size: 1.5rem;
  }

  .h2-heading-new.multi-colour.faq.white.case-studies-headings {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }

  .h2-heading-new.multi-colour.faq.marcus {
    text-align: left;
  }

  .h2-heading-new.multi-colour.faq.marcus.centred {
    text-align: center;
  }

  .h2-heading-new.multi-colour.faq.marcus.centred.less-margin {
    background-color: #fff0;
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .h2-heading-new.multi-colour.faq.marcus.centred.less-margin.tran {
    background-color: #fff0;
  }

  .h2-heading-new.multi-colour.faq.whiter {
    background-image: none;
    width: 95%;
  }

  .h2-heading-new.multi-colour.faq.whiter._10px-margin-top, .h2-heading-new.multi-colour.faq.whiter.centred {
    background-color: #fff0;
  }

  .h2-heading-new.multi-colour.centered {
    text-align: center;
  }

  .h2-heading-new.multi-colour.centered.colourshifted-black {
    background-image: radial-gradient(circle at 0 0, #000 34%, #ff8c00 53%);
  }

  .h2-heading-new.multi-colour.centered.colourshifted-black.margin-bottom {
    margin-bottom: 50px;
  }

  .h2-heading-new.multi-colour.centered.integrity-review {
    border-left: 4px #0091ff;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 2rem;
    line-height: 1.5;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.decode-review {
    padding-left: 0;
    padding-right: 0;
    font-size: 4rem;
    line-height: 5.5rem;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.decode-review.decode-bigger {
    text-align: center;
    border-left-style: solid;
    border-left-width: 3px;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.decode-review.medium {
    text-transform: none;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.bigger {
    max-width: 100%;
    font-size: 4rem;
    line-height: 5.5rem;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.smaller-test {
    line-height: 1.5;
  }

  .h2-heading-new.multi-colour.padding-bottom {
    text-align: center;
    background-image: radial-gradient(circle at 0 0, #fff 11%, #ff8c00 37%);
    margin-bottom: 3.5rem;
  }

  .h2-heading-new.multi-colour._80-rem {
    max-width: 80rem;
  }

  .h2-heading-new.multi-colour._80-rem.more-line-space {
    line-height: 6.5rem;
  }

  .h2-heading-new.multi-colour._80-rem.more-line-space.no-caps {
    text-transform: none;
  }

  .h2-heading-new.multi-colour._80-rem.white._2-5-x-4rem {
    border-left: 4px solid #0091ff;
    margin-top: 3rem;
    margin-right: 100px;
    padding: 2.5rem 20px 2.5rem 120px;
    font-size: 2.5rem;
    line-height: 4rem;
  }

  .h2-heading-new.multi-colour.more-line-gap {
    line-height: 6rem;
  }

  .h2-heading-new.multi-colour.more-line-gap.not-caps {
    text-transform: none;
  }

  .h2-heading-new.multi-colour.thankyouheading {
    margin-left: 0%;
  }

  .h2-heading-new.under-h1 {
    color: #fff;
    max-width: 70rem;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.2;
  }

  .h2-heading-new.under-h1.white {
    max-width: 70rem;
  }

  .h2-heading-new.under-h1.white.smaller {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }

  .h2-heading-new.under-h1.white.smaller.web-h-heading {
    text-shadow: 1px 1px 3px #000;
    max-width: 60rem;
    font-size: 1.5rem;
    line-height: 1.5;
  }

  .h2-heading-new.under-h1.white.smaller.web-h-heading.trans {
    text-shadow: 0 -26px 3px #000;
  }

  .h2-heading-new.under-h1.white.smaller.web-h-heading.trans.less-shadow {
    text-shadow: 1px 1px 3px #000;
  }

  .h2-heading-new.under-h1.white.smaller.web-h-heading.shadow {
    text-shadow: 2px 2px 2px #000;
  }

  .h2-heading-new.under-h1.white.smaller.web-h-heading._50rem {
    max-width: 50rem;
  }

  .h2-heading-new.under-h1.white.homepage {
    max-width: 70rem;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.2;
  }

  .h2-heading-new.under-h1.homepage {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .h2-heading-new.under-h1.web-h-heading {
    max-width: 60rem;
  }

  .h2-heading-new.h3-size {
    color: #333;
    text-transform: capitalize;
    font-size: 2rem;
    font-weight: 500;
    line-height: 3rem;
  }

  .h2-heading-new.h3-size.menu {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    font-size: 2.5rem;
  }

  .h2-heading-new.h3-size.menu.white.bigger {
    line-height: 1.2;
  }

  .h2-heading-new.multi-colour {
    z-index: 99999;
    text-align: left;
    text-transform: capitalize;
    background-image: radial-gradient(circle at 0 0, #000 11%, #ff8c00 37%);
    font-size: 3rem;
    font-weight: 500;
    line-height: 4.2rem;
    position: static;
  }

  .h2-heading-new.multi-colour.faq {
    background-image: radial-gradient(circle at 0 0, #000 11%, #ff8c00 45%);
    font-size: 2rem;
    line-height: 3rem;
  }

  .h2-heading-new.multi-colour.faq.white {
    background-image: radial-gradient(circle at 0 0, #fff 11%, #ff8c00 37%);
  }

  .h2-heading-new.multi-colour.faq.white.team-mobile {
    background-color: #fff0;
    font-size: 3rem;
    line-height: 1.2;
  }

  .h2-heading-new.multi-colour.faq.white.smaller {
    background-color: #fff0;
    font-size: 1.5rem;
  }

  .h2-heading-new.multi-colour.white {
    background-image: radial-gradient(circle at 0 0, #fff 11%, #ff8c00 37%);
  }

  .div-block-267 {
    width: 100%;
    padding-bottom: 0;
  }

  .div-block-267.full {
    border-radius: 1px;
  }

  .image-100 {
    width: 33%;
  }

  .image-100.image-reasons-hacked {
    width: auto;
    max-width: none;
    height: 50%;
    max-height: 55%;
  }

  .image-100.image-reasons-hacked.antiv {
    height: 35%;
    max-height: 35%;
  }

  .image-100.image-reasons-hacked.dv {
    height: 45%;
  }

  .image-100.image-reasons-hacked.pm {
    height: 45%;
    max-height: 47%;
  }

  .contact-form-section {
    padding-top: 0;
    padding-bottom: 5rem;
    overflow: visible;
  }

  .div-block-268 {
    background-color: #fff;
  }

  .div-block-268.clear {
    background-color: #ff8c0000;
  }

  .div-block-269 {
    background-color: var(--untitled-ui-gray50-501);
    border-right-style: none;
  }

  .div-block-269.orange-border-right {
    border-right-style: solid;
  }

  .div-block-269.orange-border-right.white {
    border-right-style: none;
  }

  .div-block-269.white {
    background-color: #fff;
  }

  .div-block-269.wd-option {
    box-shadow: none;
    border-top-left-radius: 50px;
  }

  .div-block-269.wd-option.no-border.white-no-shadow {
    width: 100%;
    box-shadow: none;
    color: #fff0;
    border-top-left-radius: 0;
  }

  .secure-hosting {
    margin-bottom: 2.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .secure-hosting.wd {
    border-top-left-radius: 50px;
    margin-left: 12%;
  }

  .secure-hosting.wd.bottom-gap {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0;
    background-size: auto;
    margin-bottom: 7.5rem;
  }

  .secure-hosting.wd.bottom-gap.no-margin-left {
    background-image: none;
    margin-bottom: 0;
    margin-left: 0%;
    padding-bottom: 8.5rem;
  }

  .secure-hosting.wd.bottom-gap.no-margin-left.linear {
    background-color: #f9fafb00;
    background-image: linear-gradient(to bottom, var(--untitled-ui-gray50-501), var(--untitled-ui-gray50-501));
    border-top-left-radius: 0;
    margin-bottom: 0;
    padding-bottom: 13.5rem;
    display: block;
    overflow: visible;
  }

  .div-block-270 {
    width: auto;
  }

  .uui-layout32_timeline-icon-wrapper {
    background-color: #fff0;
  }

  .uui-layout32_progress-bar-wrapper {
    background-color: #0091ff00;
  }

  .uui-layout32_content-left {
    height: 100%;
  }

  .uui-layout32_component {
    max-width: none;
  }

  .uui-layout32_component.process {
    grid-column-gap: 6.25rem;
  }

  .white.bold {
    font-weight: 600;
  }

  .white.bold.bigger {
    color: #333;
    font-size: 1.5rem;
    font-weight: 500;
  }

  .our-process {
    background-color: #fff;
  }

  .div-block-274 {
    z-index: 9999;
    width: 40%;
  }

  .div-block-274.hands-rescue {
    filter: none;
  }

  .div-block-275 {
    background-image: radial-gradient(circle at 100% 100%, #333333f2 34%, #838383f2 95%), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 55% 5%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 2500px;
    background-attachment: scroll, scroll;
    border: 3px solid #ff8c00;
    margin-left: 10px;
  }

  .div-block-275.above {
    z-index: 1;
  }

  .image-102 {
    width: 50%;
  }

  .image-102.syringe-apple-bottom-left-curve {
    height: 30%;
    max-height: 43%;
    display: block;
  }

  .section-8 {
    z-index: -1;
    border-right-style: none;
    border-top-right-radius: 50px;
    width: 90%;
    padding-top: 12rem;
    padding-bottom: 7rem;
    display: flex;
    position: relative;
    box-shadow: 0 2px 5px #0003;
  }

  .section-8._100 {
    width: 100%;
  }

  .section-8._100.white {
    z-index: -1;
    box-shadow: none;
    background-color: #fff;
  }

  .section-8._100.white.auto-z {
    z-index: auto;
    background-color: #fff0;
    overflow: visible;
  }

  .section-8._100.but-dont-stress {
    padding-top: 14rem;
  }

  .div-block-278 {
    background-color: var(--untitled-ui-gray50-501);
    border: 1px solid #33333340;
    max-width: 1100px;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-278.white-and-no-shadow {
    max-width: 1200px;
    box-shadow: none;
    background-color: #fff;
  }

  .div-block-278.white-and-no-shadow.blue-border-right {
    border-left-width: 4px;
    margin-left: 2%;
  }

  .div-block-278.white-and-no-shadow.blue-border-right.clear {
    border-left-style: none;
    margin-left: 0%;
  }

  .div-block-278.white-and-no-shadow.blue-border-right.clear.no-border {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
  }

  .div-block-278.white-and-no-shadow.blue-border-right.clear.no-border.margin1920-bottm {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: none;
    padding-bottom: 2.5rem;
    display: flex;
  }

  .div-block-278.clear {
    box-shadow: none;
    background-color: #fff0;
    border-left-style: none;
    padding-top: 2.5rem;
  }

  .div-block-278.it {
    box-shadow: none;
    background-color: #fff0;
    border-style: none;
    border-radius: 50px;
    padding-top: 5rem;
    padding-bottom: 5rem;
    position: static;
  }

  .uui-heading-xxsmall-3 {
    font-weight: 500;
  }

  .uui-space-xsmall-3.extra {
    min-height: 2rem;
  }

  .uui-layout75_item-2 {
    background-color: #f9fafb;
    background-image: url('../images/optimisation-hero_2optimisation hero_00000.webp');
    background-position: 0 0;
    background-size: auto;
    border: 1px solid #33333340;
    border-radius: 2rem;
    transition: box-shadow .4s;
    box-shadow: 0 2px 5px #0003;
  }

  .uui-layout75_item-2:hover {
    box-shadow: 0 0 40px #0091ff;
  }

  .uui-layout75_item-2.keeper {
    height: 320px;
  }

  .div-block-282 {
    z-index: 9999;
    background-position: 50% 100%;
    width: 75%;
    height: 120%;
    display: block;
  }

  .div-block-282.general-web-r {
    display: block;
    transform: translate(-5%, -15%);
  }

  .div-block-282.general-web-r.web-r {
    background-position: 50% 75%;
    height: 120%;
    display: block;
  }

  .div-block-282.it {
    display: block;
  }

  .div-block-283 {
    width: 62%;
    height: 125%;
  }

  .div-block-283.it {
    width: 58%;
  }

  .div-block-284 {
    border-bottom-right-radius: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 550px;
    padding-top: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
  }

  .div-block-284.smaller-div {
    max-width: 600px;
    max-height: 450px;
    padding-top: 0;
  }

  .div-block-284.general-web-repair {
    max-width: 600px;
  }

  .div-block-285 {
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-left-radius: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 550px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: flex;
  }

  .div-block-285.lost-and-broken {
    border-style: solid;
    max-width: 600px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-block-285.wordpress-repair {
    max-width: 600px;
    padding-left: 0;
  }

  .div-block-287 {
    max-width: 48rem;
    margin-left: 0%;
  }

  .div-block-288 {
    height: 100%;
    padding-right: 9%;
  }

  .image-103 {
    z-index: 99999;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 0;
    width: 55%;
    display: block;
    transform: translate(-22%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .image-103.hidden-mobile {
    width: 70%;
    max-width: 70%;
    display: block;
  }

  .div-block-289 {
    width: 75%;
    display: block;
  }

  .div-block-291 {
    width: 70%;
    height: 140%;
    transform: translate(15%, -15%);
  }

  .div-block-291.website-refor {
    width: 77%;
  }

  .hover-text-header-outline, .hover-text-header-outline.web-r {
    display: block;
  }

  .hover-text-section {
    background-image: url('../images/logo-tight_1logo tight_00000.webp'), linear-gradient(45deg, #333 11%, #cecece);
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
    border-top: 3px solid #ff8c00;
    border-bottom: 3px solid #ff8c00;
    border-right-width: 3px;
    border-right-color: #ff8c00;
    width: 100vw;
    margin-right: 0%;
  }

  .hover-text-section.left-gap {
    border-left: 3px solid #ff8c00;
    border-right-style: none;
    border-radius: 50px 0 0 50px;
    width: 100vw;
    margin-left: 5%;
    margin-right: 0;
  }

  .background-video-2 {
    height: 70vh;
    display: block;
  }

  .carousel-component {
    padding-top: 3.5rem;
    padding-bottom: 0;
  }

  .carousel-component.less-padding {
    z-index: 9999;
    min-height: 150px;
  }

  .carousel-component.less-padding._1-5rem {
    border-bottom-style: none;
    padding-top: 15px;
  }

  .logo-carousel {
    border-bottom: 15px none var(--new-black);
    background-image: linear-gradient(to bottom, var(--relume-library-lite-rl-white), var(--relume-library-lite-rl-white));
  }

  .logo-carousel.white.no-margin, .logo-carousel.no-margin-top {
    padding-top: 0;
  }

  .logo-carousel.no-margin-top.only-margin-bbpoijnt {
    border-bottom-style: none;
    min-height: 0;
    padding-top: 2rem;
    padding-bottom: .5rem;
  }

  .logo-image.smaller {
    width: 150px;
  }

  .logo-carousel-clone.white {
    background-color: var(--combine-library-white);
  }

  .logo-carousel-wrap {
    padding-bottom: 3.5rem;
  }

  .logo-carousel-wrap.no-margin-bottom {
    padding-bottom: 0;
  }

  .logo-carousel-wrap.no-margin-bottom._1-5-bottom {
    padding-bottom: 1.5rem;
  }

  .protect-heading {
    max-width: 1300px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.2;
  }

  .protect-heading.less-padding-bottom {
    padding-bottom: 2.5rem;
  }

  .review-surround.rel-5 {
    border-width: 4px;
    border-color: var(--new-black);
    text-align: left;
    justify-content: center;
    align-items: center;
  }

  .review-surround.rel-5.centred {
    justify-content: center;
    align-items: center;
  }

  .review-surround.rel-5.centred.less-height {
    background-color: #f9fafb00;
    background-image: linear-gradient(180deg, var(--untitled-ui-gray50-501), white);
    justify-content: center;
    align-items: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    box-shadow: 0 2px 20px 4px #0003;
  }

  .review-surround.rel-5.centred.less-height.proof-card.proof--ribbon {
    border-width: 5px;
    padding-top: 2rem;
  }

  .review-surround.tired-of-review {
    border-width: 5px;
    max-width: 1390px;
    padding-bottom: 1.5rem;
    transform: none;
    box-shadow: 0 2px 20px 4px #0003;
  }

  .review-surround.tired-of-review.margin-top {
    z-index: 6;
    margin-top: 7rem;
  }

  .review-surround.tired-of-review.margin-top._530.space-between._570 {
    min-height: 570px;
  }

  .review-surround.tired-of-review.padding-top {
    padding-top: 5rem;
  }

  .review-surround.tired-of-review._10-right {
    border: 2px solid var(--new-black);
    justify-content: space-around;
    min-height: 475px;
  }

  .review-surround.tired-of-review._10-right._350px-vertical {
    border-width: 5px;
    max-width: 1000px;
    box-shadow: 0 2px 20px 4px #0003;
  }

  .review-surround.tired-of-review._10-right._350px-vertical._480px {
    border-width: 5px;
    min-height: 480px;
    margin-left: 10px;
    box-shadow: 0 2px 20px 4px #0003;
  }

  .review-surround.tired-of-review._10-right._350px-vertical._480px:hover {
    transform: scale3d(1none, 1none, 1none);
  }

  .review-surround.tired-of-review._10-right._350px-vertical._480px.proof-card.proof--ribbon {
    padding-top: 2rem;
  }

  .review-surround.tired-of-review._10-right._350px-vertical._435 {
    border-width: 4px;
    min-height: 480px;
    margin-left: 10px;
    transform: none;
  }

  .review-surround.tired-of-review._10-right._350px-vertical._435.reverse-gradient.proof-ribbon-left, .review-surround.tired-of-review._10-right._350px-vertical.proof-card.proof--ribbon, .review-surround.tired-of-review._10-right._350px-vertical.proof-card.proof-ribbon-left, .review-surround.tired-of-review._10-right._350px-vertical.proof-ribbon-left {
    border-width: 5px;
  }

  .review-surround.tired-of-review._10-right._10-left._420px {
    border-width: 4px;
    min-height: 435px;
  }

  .review-surround.tired-of-review._10-right._10-left._420px._480 {
    background-color: #f9fafb00;
    background-image: linear-gradient(180deg, var(--untitled-ui-gray50-501), white);
    min-height: 490px;
    box-shadow: 0 2px 20px 4px #0003;
  }

  .review-surround.tired-of-review._10-left {
    border: 2px solid var(--new-black);
    min-height: 475px;
    box-shadow: none;
  }

  .review-surround.tired-of-review._10-left._350pxvertical {
    background-image: linear-gradient(180deg, var(--untitled-ui-gray50-501), white);
    border-width: 4px;
    max-width: 1000px;
    box-shadow: 0 2px 20px 4px #0003;
  }

  .review-surround.tired-of-review._10-left._350pxvertical.no-margin-top {
    border-width: 4px;
  }

  .review-surround.tired-of-review._10-left._350pxvertical.proof-card {
    border-width: 5px;
  }

  .review-surround.tired-of-review._10-left._350pxvertical.proof-card.proof--ribbon {
    border-width: 5px;
    overflow: hidden;
  }

  .review-surround.tired-of-review._10-left._10-right {
    border-width: 4px;
    max-width: 1000px;
    box-shadow: 0 2px 20px 4px #0003;
  }

  .review-surround.tired-of-review._10-left._10-right._420 {
    background-color: #fff0;
    background-image: linear-gradient(180deg, var(--untitled-ui-gray50-501), white);
    border-width: 4px;
    min-height: 435px;
  }

  .review-surround.tired-of-review._10-left._10-right._420._490 {
    background-color: #f9fafb00;
    background-image: linear-gradient(180deg, var(--untitled-ui-gray50-501), white);
    min-height: 490px;
    box-shadow: 0 2px 20px 4px #0003;
  }

  .review-surround.tired-of-review._10-left._10-right._420._490._550 {
    border-width: 5px;
    min-height: 570px;
  }

  .review-surround.tired-of-review._10-left._10-right._420._490._550.proof-card.proof--ribbon, .review-surround.tired-of-review._10-left._10-right._420._490.testi-tilt, .review-surround.tired-of-review._10-left._10-right._420.proof-card.proof--ribbon, .review-surround.tired-of-review._10-left._10-right._420.proof-card.proof-ribbon-left {
    border-width: 5px;
  }

  .review-surround.tired-of-review._10-left._10-right.no-margin-top {
    border-width: 4px;
  }

  .review-surround.tired-of-review._10-left._10-right.min-height-6665 {
    min-height: 665px;
  }

  .review-surround.tired-of-review._10-left._10-right.min-height-480 {
    min-height: 480px;
    box-shadow: 0 2px 20px 4px #0003;
  }

  .review-surround.tired-of-review._10-left._10-right.min-height-480.proof-card.proof-ribbon-left {
    padding-top: 2rem;
  }

  .review-surround.tired-of-review._480px-min-height, .review-surround.tired-of-review._435 {
    max-width: 1000px;
    min-height: 480px;
    margin-right: 10px;
    box-shadow: 0 2px 8px 4px #0003;
  }

  .review-surround.tired-of-review._435.reverse-gradient {
    background-image: linear-gradient(180deg, var(--relume-library-lite-rl-white), var(--untitled-ui-gray50-501));
  }

  .review-surround.tired-of-review.cfs {
    padding-bottom: 2.5rem;
  }

  .div-block-296 {
    border: 1px solid #33333340;
    padding-top: 2rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    overflow: hidden;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-296.absolute {
    box-shadow: none;
    border: 1px #000;
    margin-bottom: 1rem;
  }

  .div-block-296.absolute.mishack-test {
    border-style: none;
  }

  .div-block-296.more-padding {
    border-radius: 0 0 2rem 2rem;
    width: 1200px;
    max-width: 1350px;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .div-block-298 {
    z-index: 5;
    background-image: none;
    margin-top: 10rem;
  }

  .div-block-299 {
    border-bottom: 1px #000;
    padding-bottom: 0;
  }

  .div-block-300 {
    border-bottom: 1px #000;
    margin-top: 0%;
  }

  .image-104 {
    width: 97%;
    max-width: 100%;
    display: block;
    inset: 0%;
    overflow: hidden;
    transform: translate(0, -37%);
  }

  .image-104._2-hands-hp {
    width: 1170px;
    max-width: none;
    height: auto;
    transform: translate(0%, -10%);
  }

  .p {
    max-width: 50rem;
    font-family: Exo, sans-serif;
    font-size: 1.2rem;
    line-height: 1.2;
  }

  .p.margin-bottom {
    margin-bottom: 50px;
  }

  .p.margin-bottom._80rem-wide {
    width: 100%;
    max-width: 100%;
  }

  .p._1390-wide {
    max-width: 1390rem;
  }

  .div-block-302 {
    z-index: 1;
    border-top-right-radius: 50px;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-302.marcus {
    border: 2px solid var(--border-grey);
    background-color: #f9fafb;
  }

  .div-block-303 {
    background-image: radial-gradient(circle farthest-side at 0 100%, #333333f2 11%, #838383f2), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, 2500px;
    border: 2px solid #ff8c00;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 50px;
    width: 90%;
  }

  .image-107 {
    z-index: 9;
  }

  .section-hero {
    background-color: #0e141b00;
    background-image: none;
    border-bottom-right-radius: 0;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    max-width: 1390px;
    min-height: 99vh;
  }

  .section-hero.no-overflow {
    overflow: visible;
  }

  .page-wrapper {
    border-right: 5px #0091ff;
    min-height: 100vh;
    padding-bottom: 0;
    overflow: visible;
  }

  .main-wrapper {
    background-color: #0e141b;
    background-image: radial-gradient(circle at 100% 100%, #00d4ff66, #fff0 45%), radial-gradient(circle at 100% 100%, #0e141be6, #0e141b);
    border-bottom-right-radius: 0;
    justify-content: center;
    align-items: center;
    max-width: none;
    display: flex;
    position: relative;
  }

  .hero-heading {
    -webkit-text-stroke-width: 3px;
    text-transform: uppercase;
    max-width: 75rem;
    font-size: 5.6rem;
    line-height: 6.6rem;
  }

  .hero-heading.below {
    color: #fff;
    text-shadow: 0 1px 20px #000;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    line-height: 6.6rem;
  }

  .hero-heading.below.homepage {
    text-shadow: 0 1px 20px #000;
    margin-top: 20px;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .hero-heading.below.homepage.white {
    text-shadow: 3px 3px 5px var(--new-black);
    line-height: 3.5vw;
  }

  .hero-heading.below.homepage.white.hp.no-shadow {
    max-width: 50rem;
    margin-top: 0;
  }

  .hero-heading.below.homepage.white._45-and-60rem {
    max-width: 60rem;
  }

  .hero-heading.below.homepage.white._50-rem-width {
    max-width: 50rem;
  }

  .hero-heading.below.homepage.white._50-rem-width._60rem-width {
    max-width: 60rem;
  }

  .hero-heading.below.web-h-heading {
    text-shadow: 0 1px 20px #000;
    max-width: 50vw;
    font-size: 4vw;
    line-height: 5.5vw;
  }

  .hero-heading.below.web-h-heading.web-r {
    font-size: 4vw;
    line-height: 5.5vw;
  }

  .hero-heading.below.web-m-below {
    text-shadow: 0 1px 20px #000;
    max-width: 60vw;
    margin-top: 20px;
    line-height: 6.6rem;
  }

  .hero-heading.below.it-heading {
    text-shadow: 0 1px 20px #000;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .hero-heading.below.it-heading._4-5 {
    font-size: 4vw;
    line-height: 5.5vw;
  }

  .hero-heading.below.it-heading._4-5._4-55 {
    font-size: 4.5vw;
  }

  .hero-heading.homepage {
    max-width: 60rem;
    font-size: 5rem;
    line-height: 6rem;
  }

  .hero-heading.homepage.above-hero {
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .hero-heading.homepage.above-hero.white {
    max-width: 50rem;
    margin-top: 0;
    line-height: 1.2;
  }

  .hero-heading.homepage.above-hero.white._60width-rem {
    max-width: 60rem;
  }

  .hero-heading.web-h-heading {
    max-width: 50vw;
    font-size: 4vw;
    line-height: 5.5vw;
    display: block;
  }

  .hero-heading.web-h-heading.web-r {
    max-width: 70rem;
    font-size: 4vw;
    font-weight: 700;
    line-height: 5.5vw;
  }

  .hero-heading.webmhead {
    max-width: 60vw;
    line-height: 6.6rem;
  }

  .hero-heading.it-heading {
    max-width: 66rem;
    font-size: 4vw;
    font-weight: 700;
    line-height: 5.5vw;
  }

  .hero-heading.it-heading.smaller {
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .hero-heading.it-heading._4-5 {
    font-size: 4.5vw;
  }

  .hero-heading.it-heading._3-4-5 {
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .white-48-rem-wide {
    max-width: 50rem;
  }

  ._400-px-wide-p.white {
    max-width: 600px;
    font-size: 1.4rem;
  }

  .server-part {
    border-right: 5px solid #fff;
  }

  .server-part.anti {
    display: none;
  }

  .image-110 {
    z-index: 999999;
    width: 70%;
    max-width: 75%;
    position: absolute;
    inset: auto auto 0% 0%;
    transform: translate(-30%);
  }

  .uui-text-size-medium-4.text-style-2lines {
    z-index: 9;
    color: #333;
    font-family: Exo, sans-serif;
    font-size: 1.25rem;
    position: relative;
  }

  .uui-container-large-6 {
    max-width: 1390px;
  }

  .uui-heading-xxsmall-4 {
    color: #333;
    width: 97%;
    font-family: Exo, sans-serif;
  }

  .uui-blogsection11_item-content {
    justify-content: center;
    align-items: flex-start;
  }

  .uui-blogsection11_image {
    z-index: 1;
    width: 110%;
    max-width: 110%;
    height: auto;
    inset: auto 0% 0%;
  }

  .uui-blogsection11_image:hover {
    filter: none;
  }

  .uui-blogsection11_image._2 {
    filter: none;
    width: 100%;
    max-width: 100%;
    padding-left: 5px;
    display: block;
    transform: translate(0, 10%);
  }

  .uui-blogsection11_image._2.smaller {
    transform: translate(0);
  }

  .uui-blogsection11_image._2.curved {
    height: 100%;
    padding-left: 0;
    transform: none;
  }

  .uui-blogsection11_image._3 {
    border-bottom-left-radius: 1rem;
    height: 110%;
  }

  .uui-blogsection11_image._3.smaller {
    object-fit: contain;
    object-position: 50% 50%;
  }

  .uui-blogsection11_image._3.curved {
    width: 100%;
    max-width: 100%;
    height: 100%;
  }

  .uui-blogsection11_image.blog-image-1 {
    transform: translate(-2%, 11%);
  }

  .uui-blogsection11_image.blog-image-1.smaller {
    transform: none;
  }

  .uui-blogsection11_image.blog-image-1.smaller.medium.icon {
    filter: none;
  }

  .uui-blogsection11_image.blog-image-1.curved {
    width: 100%;
    max-width: 100%;
    height: 100%;
    transform: none;
  }

  .uui-blogsection11_image-wrapper {
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    padding-top: 80%;
    overflow: visible;
  }

  .uui-blogsection11_image-link:hover {
    box-shadow: none;
  }

  .uui-blogsection11_item {
    border: 2px solid var(--mid-grey);
    background-color: #ffffffb3;
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    border-radius: 2rem;
    margin-bottom: 0;
    padding-bottom: 0;
    transition: all .4s;
  }

  .uui-blogsection11_item:hover {
    box-shadow: none;
  }

  .uui-blogsection11_content {
    z-index: 1;
    position: relative;
    overflow: visible;
  }

  .uui-blogsection11_layout {
    grid-column-gap: 7.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr .75fr;
  }

  .image-111 {
    z-index: 1;
    width: 1170px;
    min-width: 0;
    max-width: none;
    display: block;
    position: absolute;
    transform: rotate(1deg)translate(0);
  }

  .html-embed-8 {
    z-index: 2;
    border: 2px solid var(--new-outline);
    margin-left: 5px;
    margin-right: 5px;
    position: static;
  }

  .div-block-307 {
    background-color: #051d31;
    background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg');
    background-position: 50% 100%;
    background-size: contain;
    border-bottom: 3px #ff8c00;
    border-left: 3px #ff8c00;
    border-bottom-left-radius: 50px;
    height: 99%;
    margin-bottom: 0%;
    margin-left: 0%;
  }

  .div-block-307.wh {
    background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg'), linear-gradient(#051d31e6, #051d31e6);
    background-position: 50% 100%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
  }

  .div-block-307.webm {
    background-image: url('../images/www.digidop.fr808615c3fcc4f876c021d370f83_Waves-bg-digidop.svg'), linear-gradient(to bottom, var(--new-dark-blue), var(--new-dark-blue)), url('../images/background-2672565_1920.jpg');
    background-position: 50% 110%, 0 0, 50%;
    background-repeat: no-repeat, repeat, repeat;
    background-size: contain, auto, cover;
  }

  .div-block-308 {
    z-index: 1;
    width: 80%;
    height: 80%;
    box-shadow: none;
    background-color: #fff;
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    border: 1px #33333340;
    border-top-left-radius: 0;
    border-bottom-left-radius: 50px;
    position: absolute;
    inset: 0%;
    transform: translate(15%, 25%);
  }

  .div-block-308.above {
    z-index: 2;
  }

  .div-block-308.above.pasword-m {
    transform: translate(10%)translate(1%, 25%);
  }

  .div-block-308.antivruis-version {
    transform: translate(11%, 11.5%);
  }

  .button-div {
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
    display: flex;
    position: static;
    inset: auto 0% 0%;
    transform: translate(0, 150%);
  }

  .button-div.less-moved {
    margin-top: 50px;
    transform: none;
  }

  .button-div.blog-button {
    overflow: visible;
    transform: none;
  }

  .button-div.no-margin {
    transform: none;
  }

  .main-button-n {
    box-shadow: 0 0 50px #0091ff99;
  }

  .main-button-n:hover {
    box-shadow: 0 0 80px #0091ff;
  }

  .button-bg {
    transition: all .4s;
  }

  .button-bg:hover {
    background-image: url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 50%;
    background-repeat: repeat;
    background-size: 25px;
  }

  .button-inside {
    color: #fff;
    text-transform: uppercase;
    -webkit-text-fill-color: inherit;
    background-color: #151515cc;
    background-image: none;
    background-clip: border-box;
    border-radius: 50px;
    padding-top: 1rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2.2rem;
  }

  .div-block-309 {
    border-left: 4px #0091ff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80%;
    display: flex;
  }

  .div-block-309.web-h-version {
    border-left-style: none;
    margin-right: 0%;
  }

  .uui-text-size-medium-5 {
    font-family: Exo, sans-serif;
  }

  .uui-layout75_icon-3 {
    width: 5rem;
    height: 5rem;
  }

  .uui-layout75_item-3 {
    z-index: 1;
    background-color: var(--untitled-ui-gray50-501);
    border: 1px solid #33333338;
    border-radius: 2rem;
    transition: all .4s;
    position: relative;
    box-shadow: 0 2px 5px #0003;
  }

  .uui-layout75_item-3:hover {
    box-shadow: 0 0 40px #0091ff;
  }

  .uui-layout75_item-3.manual {
    display: none;
  }

  .uui-layout75_item-3.manual.wb-h {
    display: block;
  }

  .uui-layout75_list-3 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .uui-layout75_list-3.web-h-grid.no-margin-bottom {
    margin-bottom: 0;
  }

  .uui-layout75_component-3 {
    align-items: flex-start;
  }

  .uui-padding-vertical-xhuge-8.no-margin-bottom {
    padding-bottom: 0;
  }

  .uui-section_layout75-3 {
    background-color: #fff0;
    border-top-left-radius: 50px;
  }

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

  .before-you-scroll {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 10rem;
    padding-bottom: 0;
    display: block;
    position: static;
    overflow: visible;
  }

  .div-block-312 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    padding-top: 5rem;
    display: flex;
    position: relative;
  }

  .div-block-312.no-margin-bottom {
    padding-bottom: 0;
  }

  .div-block-313 {
    z-index: 4;
    background-color: var(--untitled-ui-gray50-501);
    border-top-left-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    max-width: 90%;
    height: auto;
    margin-top: 7rem;
    margin-right: 10px;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    display: flex;
    position: relative;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-313.darker-version {
    background-image: radial-gradient(circle at 100% 0, #333333f2 11%, #838383f2), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, repeat;
    background-size: auto, 2500px;
    background-attachment: scroll, scroll;
    border: 3px solid #ff8c00;
    align-items: center;
    width: 93%;
    max-width: 93%;
    min-height: 600px;
  }

  .div-block-314 {
    background-color: var(--untitled-ui-gray50-501);
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    flex-direction: column;
    align-items: flex-start;
    width: 1200px;
    margin-left: 10px;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    padding-left: 70px;
    display: block;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-314.customer-exp {
    border: 1px solid #33333340;
    border-radius: 50px;
    width: 1050px;
    margin-left: 6%;
    padding-left: 5rem;
  }

  .div-block-314.your-it-should {
    border: 1px solid #33333340;
    border-radius: 50px;
    width: 950px;
    margin-left: 7%;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .div-block-315 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: none;
  }

  .div-block-315.opposite {
    align-items: flex-end;
    display: block;
  }

  .div-block-316 {
    z-index: auto;
    border: 1px solid var(--border-grey);
    background-color: var(--untitled-ui-gray50-501);
    border-radius: 50px;
    justify-content: flex-end;
    width: 100%;
    display: flex;
    position: relative;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-317 {
    z-index: 9999999;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 65%;
    padding-top: 2.5rem;
    padding-bottom: 3.5rem;
    padding-left: 2rem;
    display: flex;
    position: relative;
  }

  .image-116 {
    z-index: 5;
    width: 60%;
    position: absolute;
    inset: 0% auto auto 0%;
    transform: translate(15%, -50%);
  }

  .image-116.below {
    z-index: 1;
  }

  .image-116.below.hacked-image-hop {
    width: 55%;
    max-width: 55%;
    display: block;
    transform: translate(-5%, -55%);
  }

  .uui-text-size-medium-6 {
    color: #fff;
    font-family: Exo, sans-serif;
  }

  .uui-text-size-medium-6.gray {
    color: var(--combine-library-grey-600);
  }

  .uui-text-size-medium-6.white {
    margin-top: 10px;
    margin-bottom: 3.5rem;
  }

  .uui-text-size-medium-6.white._55-width {
    width: 55%;
    font-weight: 400;
  }

  .uui-text-size-medium-6.white._55-width.less-margin-bottom {
    margin-bottom: 1.5rem;
  }

  .uui-max-width-large-5 {
    z-index: 1;
    position: relative;
  }

  .image-121 {
    width: 60%;
    display: none;
    position: absolute;
    inset: auto 0% 0% auto;
    transform: translate(0%, 3%);
  }

  .image-122 {
    z-index: 9;
    width: 45%;
    max-width: 55%;
    position: absolute;
    inset: auto 0% 0% auto;
    transform: translate(5%);
  }

  .link-block-28 {
    border-radius: 2rem;
    text-decoration: none;
  }

  .link-block-29 {
    box-shadow: none;
    border-radius: 2rem;
    margin-bottom: 25px;
  }

  .link-block-30 {
    box-shadow: none;
    background-color: #0000;
    border-radius: 1.87rem;
    margin-bottom: 25px;
  }

  .div-block-319 {
    padding-left: 0;
  }

  .div-block-321 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .image-125 {
    z-index: 9;
    width: 75%;
    max-width: 85%;
    position: static;
    inset: auto 0% 0% auto;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .image-125.above {
    z-index: 1;
    position: relative;
  }

  .customer-experience {
    padding-top: 3.5rem;
    padding-bottom: 10rem;
    position: relative;
  }

  .website-burden {
    padding-top: 11.5rem;
    padding-bottom: 11.5rem;
    position: relative;
  }

  .website-burden.it-version {
    overflow: visible;
  }

  .image-126 {
    width: 60%;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .image-126.it-run-better-image {
    width: auto;
    height: 59%;
  }

  .image-126._365 {
    width: 40%;
  }

  .limited-width {
    max-width: 42rem;
  }

  .it-support-services {
    background-color: #fff0;
    padding-top: 7rem;
    padding-bottom: 7rem;
    position: relative;
    overflow: visible;
  }

  .onsite-it-support {
    margin-top: 3.5rem;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    position: relative;
    overflow: visible;
  }

  .image-131 {
    z-index: auto;
    width: 110%;
    max-width: none;
    position: absolute;
    inset: auto 0% 0% auto;
    transform: translate(51%, 30%);
  }

  .image-131._365-version {
    z-index: auto;
    transform: translate(53%, 41%);
  }

  .flower-wrap {
    width: 100%;
    height: 65rem;
    position: relative;
  }

  .paragraph-16 {
    max-width: 48rem;
  }

  .paragraph-16.less-width {
    max-width: 40rem;
  }

  .contact-form-grid {
    grid-template-rows: auto;
    max-width: none;
  }

  .web-h-quote {
    z-index: 1;
    position: relative;
  }

  .dont-let-hackers-win {
    border-top: 1px #000;
    padding-top: 5rem;
    padding-bottom: 5rem;
    position: relative;
  }

  .hacked-signs-section {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    padding-bottom: 0;
    overflow: visible;
  }

  .phones-hero-image {
    z-index: 1;
    filter: saturate(64%);
    width: auto;
    height: 90%;
    display: block;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .phones-hero-image.it-support {
    filter: saturate(64%);
    width: auto;
    max-width: none;
    height: auto;
    max-height: 100%;
    transform: translate(0%, 3%);
  }

  .phones-hero-image.web-d {
    height: auto;
  }

  .case-studies {
    padding-top: 5rem;
  }

  .case-studies.cs-webd {
    background-image: none;
    background-position: 0 0;
    padding-top: 7.5rem;
    display: none;
  }

  .image-137 {
    width: 100%;
    margin-bottom: 25px;
  }

  .case-studies-div {
    border-radius: 3rem 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .bold-text-4 {
    color: #fffffff2;
    width: 85%;
  }

  .case-study-text {
    color: #333;
    text-align: center;
    width: 75%;
  }

  .section-16 {
    justify-content: center;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
  }

  .div-block-325 {
    padding-top: 3.5rem;
  }

  .new-case-studies {
    z-index: 1;
    background-color: #f9fafb00;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 1.5rem;
    padding-bottom: 7.5rem;
    display: block;
    position: relative;
    overflow: visible;
  }

  .div-block-327 {
    z-index: 5;
    background-color: #f9fafbb3;
    border: 3px solid #ff8c00;
    border-radius: 0 50px;
    width: 100%;
    height: auto;
    min-height: 560px;
    margin-left: 0%;
    margin-right: 0;
    transition: all .4s;
    position: relative;
  }

  .div-block-327:hover {
    box-shadow: 0 2px 40px #0091ff;
  }

  .div-block-327.alt {
    background-color: #f9fafbb3;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    border-radius: 50px 0;
    width: 100%;
    min-height: 560px;
  }

  .div-block-327.alt.oppcurve {
    min-height: 560px;
  }

  .uui-layout56_content {
    padding-right: 25px;
    position: relative;
  }

  .uui-layout56_content.alt {
    padding-left: 25px;
    padding-right: 0;
  }

  .uui-layout56_image {
    border-style: none;
    position: relative;
  }

  .uui-layout56_component {
    grid-column-gap: 0rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .uui-page-padding-10 {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }

  .div-block-329 {
    z-index: auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0%;
    display: flex;
    position: static;
  }

  .uui-team09_item-content {
    max-width: 600px;
  }

  .uui-team09_list {
    grid-row-gap: 0rem;
  }

  .uui-team09_list-wrapper {
    margin-top: 20px;
  }

  .uui-team09_content.teams {
    padding-top: 20px;
  }

  .uui-team09_component {
    grid-template-rows: auto;
  }

  .uui-page-padding-11 {
    margin-right: 4%;
  }

  .section_team09 {
    border: 1px #000;
    border-radius: 0 50px 50px 0;
    margin-left: 10px;
  }

  .section_team09.left {
    background-image: radial-gradient(circle at 100% 0, #333333f2 11%, #838383f2), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 50% 3%;
    background-size: auto, 2500px;
    border-right-style: none;
    border-radius: 50px 0 0 50px;
    margin-left: 5%;
    padding-right: 5%;
  }

  .section_team09.right {
    margin-right: 5%;
  }

  .section_team09.right.margin-top {
    margin-top: 3.5rem;
  }

  .section_team09.right.no-margin-left {
    border-left-style: none;
    margin-left: 0;
    padding-left: 5%;
    position: relative;
  }

  .section_team09.padding-bottom {
    padding-bottom: 3.5rem;
  }

  .div-block-337 {
    z-index: -1;
    background-image: linear-gradient(#0091ff80, #0091ff80), url('../images/pexels-nemuel-sereti-6424590_1pexels-nemuel-sereti-6424590.webp');
    background-position: 0 0, 50%;
    background-size: auto, auto;
    height: 92%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .div-block-337.pops {
    background-image: url('../images/perth-it-care-circles_00000.png');
    background-position: 100%;
    background-size: cover;
    border: 3px solid #ff8c00;
    border-top-left-radius: 0;
    border-bottom-right-radius: 2rem;
  }

  .div-block-337.adrian {
    background-image: url('../images/perth-it-care-circles_00000.png');
    background-position: 100%;
    background-size: cover;
    border: 3px solid #ff8c00;
    border-top-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 0;
  }

  .div-block-342 {
    z-index: 2;
    background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/3d-network-background-with-connecting-lines-dots.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-top: 3px #ff8c00;
    border-bottom: 3px solid #ff8c00;
    border-left: 3px solid #ff8c00;
    border-top-left-radius: 0;
    width: 25%;
    height: 100%;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .div-block-342.web-d {
    z-index: 2;
    background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/3d-network-background-with-connecting-lines-dots.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-bottom: 3px solid #ff8c00;
    border-right: 3px solid #ff8c00;
    border-radius: 250px 0%;
    width: 750px;
    height: 750px;
    margin-bottom: 3px;
    inset: 0% 0% 0% auto;
    transform: translate(-60%, 10%);
  }

  .div-block-342.web-d.web-m {
    background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/3d-network-background-with-connecting-lines-dots.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    transform: translate(-50%, 15%);
  }

  .div-block-342.web-d.web-m.web-m-only {
    z-index: 1;
    border: 1px #000;
    border-left: 3px solid #ff8c00;
    border-radius: 0;
    width: 25%;
    height: 98.7%;
    margin-top: 0%;
    margin-bottom: 0;
    margin-right: 0%;
    transform: none;
  }

  .div-block-342.web-d.below {
    z-index: -1;
  }

  .text-block-114 {
    color: #333;
    padding-top: 20px;
    font-size: 1.5rem;
    font-weight: 500;
  }

  .text-block-114.white {
    color: var(--relume-library-lite-rl-white);
  }

  .image-145 {
    z-index: 3;
    width: auto;
    height: 100%;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .image-145.web-o {
    z-index: 1;
    filter: saturate(80%);
    width: auto;
    max-width: none;
    height: 95%;
    margin-right: 0%;
    display: block;
    transform: translate(35%, 2%);
  }

  .image-145.web-o.clown-image {
    max-width: none;
  }

  .div-block-344 {
    background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/background-tech_1background tech.webp');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-left: 3px solid #ff8c00;
    border-top-right-radius: 50px;
    width: 20%;
    height: 100%;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .div-block-346 {
    background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/3d-network-background-with-connecting-lines-dots.jpg');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
    border-top: 3px solid #ff8c00;
    width: 100%;
    height: 15%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .div-block-351 {
    background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/background-tech_1background tech.webp');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-left: 3px solid #ff8c00;
    width: 15%;
    height: 100%;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .uui-layout97_list-3 {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .uui-layout97_list-3.home {
    margin-bottom: 0;
  }

  .div-block-353 {
    background-image: radial-gradient(circle at 100% 0, #333333f2 11%, #838383f2 95%), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 50% 0;
    background-size: auto, auto;
    border: 3px solid #ff8c00;
    border-top-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    width: 100%;
    height: 300px;
    position: relative;
  }

  .div-block-353.alternate {
    z-index: 1;
    background-color: var(--untitled-ui-gray50-501);
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    border: 1px solid #33333340;
    border-top-right-radius: 5px;
    transition: all .4s;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-353.alternate:hover {
    box-shadow: 0 2px 60px #0091ff;
  }

  .div-block-353.alternate.opp-radius {
    border-radius: 0 2rem;
  }

  .div-block-354 {
    background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/background-tech_1background tech.webp');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border: 1px solid #33333340;
    border-left: 3px solid #ff8c00;
    border-bottom-right-radius: 2rem;
    width: 20%;
    height: 100%;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .div-block-354.top-right-radius {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 0;
  }

  .image-148 {
    z-index: 1;
    width: 88%;
    display: block;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .image-148.teams-image {
    width: 85%;
  }

  .image-148.pm {
    filter: grayscale();
  }

  .div-block-355 {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    height: 100%;
    padding-left: 20px;
    display: flex;
  }

  .div-block-355.it-div {
    background-color: var(--new-black);
    justify-content: center;
    width: 100%;
    max-width: 1390px;
    min-height: 640px;
    transform: translate(0);
  }

  .div-block-355.it-div.phones-deeper {
    min-height: 780px;
  }

  .feature-background-image {
    z-index: auto;
    background-image: linear-gradient(#fffffff2, #fffffff2), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
    width: 1800px;
    height: 1800px;
    position: absolute;
    inset: 0% 0% auto auto;
    transform: translate(25%, -35%);
  }

  .feature-background-image.top-right {
    background-image: linear-gradient(#fffffff2, #fffffff2), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 50%;
    background-size: auto, contain;
    width: 1200px;
    height: 1500px;
    transform: rotateX(0)rotateY(180deg)rotateZ(0)translate(-50%, -35%);
  }

  .feature-background-image.top-right.bottom-right {
    inset: auto 0% 0% auto;
    transform: rotate(-4deg)translate(4%, 35%);
  }

  .feature-background-image.bottom-left {
    z-index: -1;
    background-image: linear-gradient(#fffffff2, #fffffff2), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 60%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    width: 1800px;
    height: 2000px;
    inset: auto auto 0% 0%;
    transform: translate(-40%, 30%);
  }

  .div-block-357 {
    display: none;
  }

  .link-block-31 {
    margin-right: 15px;
    text-decoration: none;
  }

  .link-block-32 {
    margin-left: 0;
    text-decoration: none;
  }

  .div-block-359.min-width {
    max-width: 770px;
  }

  .div-block-360.centred {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-360.centred.margin-bottom._100-width {
    width: 100%;
  }

  .image-149 {
    width: 80%;
  }

  .div-block-366 {
    border: 1px solid var(--border-grey);
    background-color: var(--untitled-ui-gray50-501);
    border-radius: 2rem;
    width: 100%;
    padding-bottom: 2rem;
    transition: all .4s;
  }

  .div-block-366:hover {
    box-shadow: 0 2px 40px #0091ff;
  }

  .icons.bigger {
    width: 100px;
    margin-right: 15px;
  }

  .icons.bigger.line {
    width: 90px;
  }

  .icons.slightly-smaller {
    width: 80px;
  }

  .icons.slightly-smaller.contact-section {
    width: 60px;
  }

  .uui-text-size-large-12 {
    font-family: Exo, sans-serif;
  }

  .uui-blogsection11_layout-2 {
    z-index: 1;
    grid-template-columns: .75fr 1fr;
    position: relative;
  }

  .uui-blogsection11_layout-2.right {
    grid-template-columns: 1fr .75fr;
  }

  .uui-blogsection11_layout-2.right.hosting-version {
    grid-column-gap: 6.25rem;
  }

  .uui-container-large-14 {
    max-width: 80rem;
  }

  .grid-3 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-368 {
    align-items: center;
    margin-bottom: 10px;
    display: flex;
  }

  .div-block-370 {
    align-items: flex-start;
    margin-bottom: 25px;
    display: flex;
  }

  .div-block-370.top {
    border-radius: 2rem;
    margin-top: 45px;
  }

  .div-block-371 {
    margin-left: 50px;
  }

  .icon-div {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;
    display: flex;
  }

  .icon-div.centred {
    justify-content: flex-start;
    align-items: center;
  }

  .icon-div._50rem-wide {
    max-width: 50rem;
    margin-bottom: 12.5px;
    padding-right: 50px;
  }

  .div-block-373 {
    margin-top: 3.5rem;
  }

  .contactdiv {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .width {
    max-width: 50rem;
  }

  .div-block-375 {
    background-image: linear-gradient(180deg, white, var(--untitled-ui-gray50-501));
    overflow: visible;
  }

  .div-block-382 {
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .local-seo-images {
    overflow: visible;
  }

  .faq-container {
    width: 100vw;
    max-width: none;
    overflow: visible;
  }

  .div-block-391 {
    z-index: -1;
    position: relative;
    overflow: visible;
  }

  .div-block-391.no-margin-top {
    margin-top: -5%;
    padding-top: 0;
  }

  .div-block-392 {
    overflow: visible;
  }

  .whole-page {
    width: 100vw;
    overflow: hidden;
  }

  .div-block-400 {
    z-index: 5;
    transform: translate(0, -15%);
  }

  .div-block-401.below-test {
    margin-top: 23%;
    transform: translate(0, 20%);
  }

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

  .paragraph-21 {
    transform: translate(-138px);
  }

  .main {
    display: none;
  }

  .text-block-116 {
    color: var(--untitled-ui-gray600);
  }

  .image-151 {
    z-index: auto;
    width: 1400px;
    max-width: 150%;
    height: auto;
    transform: translate(0%, 1%);
  }

  .image-151.pmanager {
    transform: translate(-23%, 5%);
  }

  .image-151.pmanager.pen {
    max-height: 120%;
    transform: translate(2%, 5%);
  }

  .image-151.pmanager.pen.clown-image {
    max-height: 100%;
  }

  .orange-link {
    text-shadow: none;
    -webkit-text-fill-color: transparent;
    background-image: radial-gradient(circle at 0 100%, #ff8c00, gold);
    -webkit-background-clip: text;
    background-clip: text;
    font-weight: 700;
    text-decoration: underline;
  }

  .orange-link.underline {
    text-decoration: none;
  }

  .orange-link._3-rem {
    font-size: 3rem;
    line-height: 3rem;
  }

  .container-70.above.padding-bottom {
    padding-bottom: 5rem;
  }

  .it-section-local, .it-section-local.less-padding-top {
    padding-top: 0;
  }

  .it-section-local.padding-top {
    padding-top: 5rem;
  }

  .openingtimes {
    margin-top: 0;
  }

  .paragraph-22 {
    color: #333;
    max-width: 1160px;
  }

  .csdiv {
    display: flex;
  }

  .csdiv.centred {
    justify-content: center;
    align-items: center;
  }

  .circles.alt {
    opacity: .2;
    background-position: 50% 65%;
    background-size: cover;
    padding-bottom: 0;
    overflow: visible;
  }

  .backgroundcircle.left.more-left {
    width: 1250px;
    height: 1250px;
  }

  .case-study-background {
    z-index: -1;
    opacity: .3;
    background-image: url('../images/iStock-487705588.jpg');
    background-position: 50%;
  }

  .case-study-background.cswebr {
    overflow: visible;
  }

  .div-block-422 {
    position: relative;
  }

  .faqimage {
    background-position: 50%;
    background-size: cover;
  }

  .div-block-424 {
    display: none;
  }

  .div-block-425 {
    opacity: .1;
  }

  .white-section {
    z-index: 4;
    background-color: var(--relume-library-lite-rl-white);
    border-top-style: none;
    padding-bottom: 0;
    position: relative;
    transform: none;
  }

  .white-section.margin-top.padding-top {
    background-color: #fff;
    margin-top: 0;
    padding-top: 30px;
  }

  .counter-wrapper {
    z-index: auto;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 1.5rem;
    display: flex;
    position: static;
  }

  .counter-wrapper.padding-top {
    padding-top: 1.5rem;
  }

  .stat-number.clients, .stat-number.partners, .stat-number.experience, .stat-number.projects {
    font-size: 5rem;
  }

  .counter-section {
    z-index: 2;
    background-color: #3330;
    border-radius: 0;
    padding-top: 10rem;
    display: block;
    position: relative;
  }

  .counter-section.less-padding-top {
    padding-top: 0;
    transform: translate(0);
  }

  .large-numbers {
    color: var(--new-black);
  }

  .large-numbers.smaller {
    color: var(--new-black);
    font-size: 40px;
  }

  .number-wrap {
    z-index: 5;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 1390px;
    margin-top: 0;
    position: relative;
    transform: translate(0);
  }

  .container-72 {
    max-width: 1390px;
  }

  .pricing-section-2.it-services {
    min-height: 80vh;
    padding-top: 7rem;
  }

  .price-illustration.wwh-right {
    filter: saturate(80%);
    transform: none;
  }

  .price-illustration.wwh-right.flip {
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .price-illustration.wwh-right.flip._365 {
    filter: saturate(63%);
    width: 42%;
    display: block;
    transform: translate(-10%);
  }

  .price-illustration.wwh-right.flip.general {
    filter: saturate(72%);
    width: 49%;
    max-height: none;
    transform: translate(8%);
  }

  .price-illustration.wwh-right.flip.general._2 {
    filter: saturate(60%);
    width: 40%;
  }

  .price-illustration.wwh-right.flip.general._2.vm {
    transform: none;
  }

  .price-illustration.wwh-right.flip.general._2.pm {
    max-height: none;
  }

  .price-illustration.wwh-right.flip.general._3 {
    width: 40%;
  }

  .price-illustration.wwh-right.flip.general._3.brighter {
    filter: saturate(70%);
  }

  .price-illustration.wwh-right.flip.general._3.vm {
    transform: none;
  }

  .price-illustration.wwh-right.flip.speed-opt {
    width: 55%;
    max-height: none;
    transform: none;
  }

  .price-illustration.wwh-right.flip.onsite {
    filter: saturate(75%);
    width: 36.5%;
  }

  .price-illustration.wwh-right.lost-and-broken {
    filter: saturate(59%);
    width: 60%;
    max-height: none;
    transform: translate(10%);
  }

  .price-illustration.wwh-right.wordpress {
    width: auto;
    height: 70%;
    max-height: none;
    transform: translate(2%, -12%);
  }

  .price-illustration.wwh-right.reformatting {
    filter: saturate(61%);
    width: 42%;
    max-height: none;
  }

  .price-illustration.wwh-right.reformatting._4 {
    width: 30%;
  }

  .price-illustration.wwh-right.reformatting._4dv.faded {
    filter: saturate(50%);
  }

  .price-illustration.wwh-right.reformatting._4dv.vm {
    transform: none;
  }

  .price-illustration.wwh-right.other-way {
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .price-illustration.wwh-right.other-way.expanding {
    filter: saturate(80%);
  }

  .price-illustration.wwh-right.biggish {
    z-index: 2;
    filter: saturate(80%);
  }

  .price-illustration.wwh-right.wp {
    filter: saturate(85%);
    width: 60%;
    max-height: none;
    transform: translate(15%, -7%);
  }

  .price-illustration.wwh-right.wp.s-eo {
    filter: saturate(70%);
    transform: none;
  }

  .price-illustration.wwh-right.ecom {
    filter: saturate(67%);
    width: 55%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(0%, -15%);
  }

  .price-illustration.wwh-right.ecom.backups {
    filter: saturate(63%);
    width: 50%;
  }

  .price-illustration.wwh-right.ecom.wdopt {
    transform: none;
  }

  .price-illustration.wwh-right.managed {
    filter: saturate(70%);
    width: 40%;
    transform: translate(12%, 10%);
  }

  .price-illustration.wwh-right.avast {
    filter: saturate(57%);
    max-height: none;
    transform: translate(0%, 20%);
  }

  .price-illustration.wwh-right.admin {
    filter: saturate(46%);
    object-fit: contain;
    max-height: 80%;
  }

  .price-illustration.wwh-right.admin.ndis {
    transform: translate(5%, 6%);
  }

  .price-illustration.wwh-right._365 {
    filter: saturate(50%);
    width: 47%;
  }

  .price-illustration.wwh-right._1 {
    max-height: 100%;
  }

  .price-illustration.wwh-right._1.brghter {
    filter: saturate(60%);
  }

  .price-illustration.wwh-right._1.vm {
    transform: none;
  }

  .price-illustration.wwh-right._1.pm {
    max-height: none;
    transform: translate(0%, 10%);
  }

  .subtitle.narrow, .subtitle.narrow.charcoal {
    font-size: 1.2rem;
  }

  .subtitle.charcoal {
    color: #333;
  }

  .subtitle.charcoal._80-width {
    max-width: 80%;
  }

  .content-h1 {
    font-size: 10rem;
    line-height: 1.2;
  }

  .content-h1.cyber {
    color: var(--relume-library-lite-rl-white);
    text-shadow: 3px 3px 15px var(--relume-library-lite-rl-black);
    margin-top: 0;
    font-size: 10rem;
  }

  .content-h1.cyber.move-up {
    color: #0e141b;
    text-shadow: none;
  }

  .content-h1.white {
    color: var(--relume-library-lite-rl-white);
    text-align: center;
    text-shadow: 3px 3px 15px #000;
    font-size: 10rem;
  }

  .tab-pane-tab-1 {
    border: 2px none var(--relume-library-lite-rl-white);
  }

  .price-card-dark {
    border-style: solid;
    border-color: var(--relume-library-lite-rl-white);
    background-color: #051d31;
    border-radius: 1.87rem;
    width: 97%;
    min-height: 500px;
  }

  .price-card-dark.num2, .price-card-dark._3 {
    background-color: #0074a6;
    background-image: none;
    border-style: solid;
  }

  .title-wrap {
    max-width: 1390px;
  }

  .tab-link._2 {
    background-color: #0e141b;
  }

  .tab-link._2.w--current {
    filter: grayscale();
    background-color: #0e141b;
    background-image: url('../images/365-hero_1365 hero_00000.webp');
    background-repeat: no-repeat;
    background-size: contain;
  }

  .tab-link._1.sbitsupport, .tab-link._1.sbitsupport.w--current, .tab-link._3 {
    background-color: #0e141b;
  }

  .tab-link._3.w--current {
    background-color: var(--relume-library-lite-rl-black);
    filter: grayscale();
  }

  .other-web {
    border-top-style: none;
    padding-top: 0;
    position: static;
  }

  .section-20.dark {
    background-color: #3330;
    border-top-style: none;
    border-bottom-style: none;
    max-width: 1900px;
    min-height: 0;
    padding-top: 140px;
    padding-right: 20px;
  }

  .content_hint {
    font-size: 1rem;
  }

  .content_hint._6 {
    font-size: 14px;
  }

  .tabs_menu {
    width: 50%;
  }

  .tab_content {
    background-image: linear-gradient(#000000b3, #000000b3);
    border-style: solid;
    border-radius: 1.87rem;
    min-height: 400px;
  }

  .tab_content._3 {
    border-color: var(--relume-library-lite-rl-white);
    background-image: linear-gradient(#000, #000);
    min-height: 370px;
  }

  .tab_content._6 {
    background-image: linear-gradient(#000c, #000c);
  }

  .tab_content._1 {
    background-image: linear-gradient(to bottom, var(--relume-library-lite-rl-black), var(--relume-library-lite-rl-black));
  }

  .tab_item._1 {
    background-color: #000;
  }

  .tab_item._1.w--current {
    filter: invert();
    background-color: #0091ff;
  }

  .tab_item._5 {
    background-color: #000;
  }

  .tab_item._5.w--current {
    filter: invert();
    background-color: #0091ff;
  }

  .tab_item._6 {
    background-color: #000;
  }

  .tab_item._6.w--current {
    filter: invert();
    background-color: #0091ff;
  }

  .tab_item._3 {
    background-color: #000000b3;
  }

  .tab_item._3.w--current {
    filter: invert();
    background-color: #0091ff;
  }

  .tab_item._2 {
    background-color: #000;
  }

  .tab_item._2.w--current {
    filter: invert();
    background-color: #0091ff;
  }

  .tab_item.non-tab {
    border: 2px solid var(--relume-library-lite-rl-white);
    background-color: #fff0;
  }

  .header.absolute {
    display: flex;
  }

  .arrow-2 {
    filter: invert() brightness(130%);
  }

  .main-wrapper-2.dark-blue {
    background-color: var(--new-black);
    border: 10px #000;
    border-top-color: #333;
  }

  .container-large-2 {
    z-index: 3;
    max-width: 1390px;
    position: relative;
  }

  .heading-style-h1-2.centred {
    text-transform: capitalize;
    position: relative;
  }

  .heading-style-h1-2.centred.h3-size.left.smaller.centered.white {
    font-size: 3.45rem;
  }

  .heading-style-h1-2.centred._90._50 {
    width: 90%;
  }

  .heading-style-h1-2.white._90, .heading-style-h1-2.above.white {
    text-transform: capitalize;
  }

  .circle-text.pointer-events-none, .circle-text.pointer-events-none.web-d {
    font-size: 2.7rem;
  }

  .circle-text.pointer-events-none.phones {
    font-size: 3.5rem;
  }

  .circle-text.pointer-events-none.av {
    font-size: 2.5rem;
  }

  .circle-text.pointer-events-none.pm {
    font-size: 2rem;
  }

  .main-wrapper-3 {
    transform: none;
  }

  .main-wrapper-3._365 {
    padding-top: 25px;
  }

  .circle-cta.web-h {
    transform: translate(0, -20px);
  }

  .circle-cta.trans {
    opacity: 0;
  }

  .circle {
    width: 65%;
    height: 65%;
  }

  .cta-section {
    padding-top: 0;
  }

  .team-wrap {
    width: 500px;
    height: 500px;
  }

  .div-block-441.left.left-bigger {
    z-index: 5;
    opacity: 100;
    background-color: #0e141b;
    border-width: 2px;
    border-color: #f9fafb14;
    width: 680px;
    height: 680px;
    transform: translate(-68%, 15%);
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-441.left.left-bigger.webh, .div-block-441.left.left-bigger.tests {
    inset: auto auto 0% 0%;
  }

  .div-block-441.left.left-bigger.above {
    z-index: 6;
  }

  .div-block-441.smaller {
    z-index: 99999999;
    opacity: 100;
    background-color: #0e141b00;
    border-width: 2px;
    border-color: #f9fafb14;
    width: 450px;
    height: 450px;
    inset: 0% auto auto 0%;
    transform: translate(10%, -75%);
  }

  .div-block-441.smaller.none-biggest {
    display: none;
  }

  .wave-container {
    overflow: hidden;
  }

  .marquee-title {
    font-size: 4rem;
    line-height: 4.5rem;
  }

  .marquee-section {
    z-index: auto;
    border-top-style: none;
    padding-bottom: 5.5rem;
  }

  .marquee-section.padding-top {
    z-index: 1;
    padding-top: 3.5rem;
  }

  .full-container {
    z-index: auto;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .div-block-448 {
    max-width: 1390px;
  }

  .triple-circle {
    opacity: .08;
    transform: translate(30%)rotateX(180deg)rotateY(180deg)rotateZ(0);
  }

  .heading-4.black {
    filter: none;
    text-transform: capitalize;
  }

  .heading-4.black._10rem.above {
    text-transform: capitalize;
  }

  .other-web-wrapper-div {
    background-color: var(--relume-library-lite-rl-white);
    position: relative;
  }

  .other-web-wrapper-div.white {
    z-index: 3;
    border-top-style: solid;
    border-top-color: var(--relume-library-lite-rl-white);
    margin-top: -10px;
  }

  .div-block-451 {
    background-color: #fff0;
    border-top-style: solid;
    border-top-width: 15px;
    border-bottom-style: none;
    border-bottom-width: 5px;
    padding-top: 1.5rem;
    position: relative;
  }

  .div-block-451.white {
    background-color: var(--relume-library-lite-rl-white);
    opacity: 100;
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
  }

  .div-block-451.more-poadding-top {
    padding-top: 2.5rem;
  }

  .button.case-study-menu {
    color: var(--relume-library-lite-rl-black);
    padding-top: .55rem;
    padding-bottom: .55rem;
    font-size: 1.4rem;
  }

  .button.lighter {
    color: var(--relume-library-lite-rl-black);
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1.4rem;
  }

  .button.lighter.black-border {
    font-size: 1.3rem;
  }

  .button-101 {
    width: 100%;
    height: 100%;
    color: var(--relume-library-lite-rl-black);
    text-align: center;
    border: 3px solid #0000;
    margin: 0;
    padding-top: .55rem;
    padding-bottom: .55rem;
    font-size: 1.4rem;
  }

  .div-block-458 {
    border: 3px solid #0000;
    margin-top: 40px;
  }

  .div-block-458.margin-left {
    background-image: radial-gradient(circle at 0 100%, #ff8c00, gold);
    border: 4px solid #0000;
  }

  .div-block-458._10-margi-top {
    border: 3px solid #0000;
    margin-top: 10px;
  }

  .div-block-458._10-margi-top.above {
    z-index: 99;
    position: static;
  }

  .div-block-458._10-margi-top.above._10px-left, .div-block-458._10-margi-top._10px-margin-left {
    margin-left: 10px;
  }

  .div-block-459.cyber {
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    transform: none;
  }

  .image-165 {
    z-index: 1;
    opacity: .37;
  }

  .image-165._1 {
    z-index: 1;
  }

  .div-block-462 {
    max-width: 1390px;
    font-style: normal;
  }

  .div-block-462.not-rel {
    position: relative;
  }

  .section-29 {
    border-bottom-style: none;
    border-bottom-color: var(--relume-library-lite-rl-black);
    background-color: #051d3133;
    margin-bottom: -100px;
    padding-top: 7.5rem;
    padding-bottom: 0;
  }

  .bg-blue-wave.cyber {
    background-color: var(--new-dark-blue);
    background-image: none;
  }

  .tab, .tab.w--current {
    background-color: var(--relume-library-lite-rl-black);
  }

  .tab-image-wrapper.center {
    width: 100%;
    min-width: 750px;
  }

  .tab-heading-2.bigger {
    font-size: 2rem;
    line-height: 3rem;
  }

  .tab-grid {
    min-width: 1390px;
    max-width: 1390px;
    transform: translate(-30px);
  }

  .tab-container {
    max-width: 1390px;
  }

  .div-block-463 {
    background-image: none;
    border-bottom: 1px #000;
    margin-top: 3.5rem;
  }

  .div-block-465.cyber.centred {
    border-top: 1px #000;
  }

  .div-block-465.cyber.centred.padding-bottom {
    margin-top: 100px;
  }

  .div-block-466 {
    transform: translate(0, 5%);
  }

  .div-block-467 {
    position: static;
    overflow: hidden;
  }

  .code-embed-9 {
    opacity: .07;
    display: none;
  }

  .code-embed-9.opp.under {
    opacity: .07;
  }

  .code-embed-9.opp.under.over {
    opacity: .15;
  }

  .code-embed-9.opp.under.up-top {
    opacity: .07;
  }

  .code-embed-9.opp.under.up-top.above, .code-embed-9._1.opp {
    display: none;
  }

  .code-embed-9.flipped._100-widthand-height {
    width: 100%;
    height: 100%;
  }

  .code-embed-9.flipped.top {
    inset: 0% 0% auto;
  }

  .code-embed-9.white {
    display: none;
  }

  .div-block-469 {
    margin-top: 3.5rem;
  }

  .div-block-469.dark-blue {
    z-index: 999;
    border: 2px solid var(--mid-grey);
    background-color: #051d3100;
    background-image: linear-gradient(#00000080, #00000080), url('../images/cyber-security-background_00000.png');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    border-radius: 1.87rem;
    justify-content: flex-start;
    align-items: flex-end;
    width: auto;
    max-width: 1390px;
    padding: 5rem 3.5rem;
    position: static;
  }

  .div-block-469.dark-blue.charcoal {
    background-color: #3330;
    background-image: none;
    background-position: 0 0;
    border-style: none;
    justify-content: center;
    align-items: flex-end;
    min-width: 1390px;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .div-block-469.dark-blue.it-services {
    z-index: auto;
    background-image: none;
    border-style: none;
    justify-content: center;
    align-items: center;
    width: 95%;
    min-width: 1300px;
    padding: 1rem 0;
    position: relative;
    transform: translate(5px);
  }

  .div-block-469.dark-blue.cyber-services {
    background-image: none;
    border-style: none;
    justify-content: center;
    align-items: center;
    min-width: 1390px;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .button-102.lighter {
    color: var(--relume-library-lite-rl-black);
    border-width: 3px;
    padding-top: .7rem;
    padding-bottom: .7rem;
    font-size: 1.3rem;
  }

  .button-102.lighter.black-border {
    text-align: center;
    border-width: 4px;
    padding-top: .65rem;
    padding-bottom: .65rem;
    font-size: 1.25rem;
  }

  .div-block-475.margin-left {
    background-image: radial-gradient(circle at 0%, #ff8c00, gold);
    border: 4px solid #0000;
  }

  .div-block-475.margin-left.less-border {
    border-width: 2px;
  }

  .button-103 {
    color: var(--relume-library-lite-rl-black);
    text-align: center;
    border: 3px solid #0000;
    margin: 0;
    padding: .5rem 1.4rem;
    font-size: 1.3rem;
  }

  .button-103.smaller-text {
    border-width: 4px;
    margin: 0;
    font-size: 1.25rem;
  }

  .div-block-476 {
    padding-top: 40px;
  }

  .div-block-476.margin-top {
    z-index: 2;
    position: relative;
  }

  .div-block-476.margin-top.hero-section {
    margin-top: 0;
  }

  .div-block-476.margin-top.reviews-margin {
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 20px;
  }

  .div-block-476.less-margin-top {
    padding-top: 10px;
  }

  .section-30 {
    z-index: auto;
    background-image: linear-gradient(#fff0 40%, #0e141b 40%);
    display: block;
    overflow: visible;
  }

  .section-30.no-overflow {
    overflow: hidden;
  }

  .fn-heading-2 {
    position: static;
  }

  .fn-heading-2.min-width {
    width: 100%;
    min-width: 550px;
  }

  .div-block-481 {
    width: 100%;
    max-width: 1300px;
  }

  .column-40 {
    padding-right: 25px;
  }

  .image-170.orange {
    width: 40px;
  }

  .link-block-34 {
    width: 100%;
    max-width: 900px;
  }

  .columns-10 {
    width: 100%;
    max-width: 1300px;
  }

  .div-block-483 {
    overflow: hidden;
  }

  .gie-decor-2 {
    top: -7%;
  }

  .footersection {
    z-index: auto;
    background-image: radial-gradient(circle at 50% 100%, #00d4ff66, #fff0 45%);
    padding-top: 0;
    padding-bottom: 24em;
    overflow: hidden;
  }

  .gie-link-1 {
    border-bottom-color: var(--new-outline);
  }

  .gie-container-1 {
    z-index: 5;
  }

  .code-embed-11, .code-embed-11.white-version.upside-down {
    display: none;
  }

  .code-embed-11.white-version.upside-down.flipped {
    transform: rotateX(180deg)rotateY(0)rotateZ(0);
  }

  .code-embed-11.white-version.less-height {
    opacity: .15;
  }

  .code-embed-11.footer.flipped, .code-embed-11.footer.above {
    display: none;
  }

  .div-block-487 {
    width: 100%;
    max-width: 1390px;
  }

  .div-block-487.magin-bottom {
    z-index: 2;
  }

  .div-block-487.magin-bottom.absolute {
    z-index: 2;
    display: block;
    transform: none;
  }

  .div-block-487.magin-bottom.absolute.less-padding-bottom {
    padding-bottom: 0;
  }

  .div-block-487.magin-bottom.absolute.ab-top {
    inset: 0% 0% auto;
  }

  .div-block-487.magin-bottom.no-margin-bottom {
    padding-bottom: 0;
  }

  .div-block-487.less-margin-top {
    padding-top: 1rem;
  }

  .div-block-487.less-margin-top._80-width.no-margin-top.margin-bottom {
    margin-bottom: 40px;
  }

  .div-block-487.less-margin-top.more-margin-bottom {
    padding-bottom: 1.5rem;
  }

  .uui-text-size-medium-10, .uui-text-size-medium-10.centred {
    font-size: 1.2rem;
  }

  .uui-text-size-medium-10.centred._100 {
    width: 100%;
  }

  .uui-text-size-medium-10._100 {
    width: 100%;
    margin-top: 0;
  }

  .h3sized-new {
    color: var(--new-black);
    text-align: center;
    font-size: 1.95rem;
    line-height: 3rem;
  }

  .h3sized-new.centred {
    text-transform: capitalize;
  }

  .h3sized-new.smaller {
    font-size: 1.8rem;
  }

  .h3sized-new.smaller.web-d-smaller {
    font-size: 1.6rem;
  }

  .h3sized-new._75-width {
    color: #0e141b;
    width: 75%;
  }

  .h3sized-new._90-width {
    max-width: 90%;
  }

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

  .uui-layout34_content.centred.choice-it {
    background-color: var(--untitled-ui-gray50-501);
    border: 4px solid #c4c4c4;
    border-radius: 1.87rem;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 750px;
    padding: 1.5rem;
  }

  .uui-layout34_component._4-wide.emergency {
    grid-column-gap: 0rem;
    max-width: 1590px;
    margin-top: 1rem;
  }

  .uui-layout34_component._4-wide._1590-wide {
    max-width: 1590px;
  }

  .uui-layout34_component._4-wide._1590-wide.less-gap-horizontal {
    grid-row-gap: 16px;
  }

  .uui-layout34_component._2-wide.margin-top.it-services {
    grid-column-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 99%;
    max-width: 1900px;
    margin-left: 0;
    margin-right: 0;
  }

  .uui-layout34_component._2-wide.less-middle-gap {
    grid-column-gap: 0rem;
  }

  .uui-layout34_component._1590px-width {
    max-width: 1590px;
  }

  .uui-padding-vertical-xhuge.less-padding-bottom {
    padding-bottom: 0;
  }

  .uui-container-large {
    max-width: 1390px;
  }

  .section-31 {
    background-color: var(--relume-library-lite-rl-white);
    padding-top: 2.5rem;
  }

  .section-31.trans {
    background-color: #fff0;
  }

  .section-31.carousel-margi-top, .section-31.no-margin-top {
    padding-top: 0;
  }

  .div-block-488._1200 {
    max-width: 1200px;
  }

  .div-block-489.margin-left {
    margin-left: 20px;
  }

  .div-block-490 {
    height: 2px;
    position: static;
  }

  .div-block-490.light-grey {
    background-color: #f9fafb00;
  }

  .div-block-491 {
    max-width: 1390px;
  }

  .div-block-491.absolute {
    width: 100%;
    position: absolute;
    inset: auto auto 0%;
    transform: translate(0);
  }

  .div-block-491.absolute.av-common {
    inset: auto auto 0% 0%;
    transform: translate(-1.5%);
  }

  .section-32 {
    background-color: #0e141b00;
    margin-top: 3.8rem;
  }

  .section-32.black-border-bottom {
    border-bottom-style: none;
    margin-top: 0;
  }

  .section-32.black-border-bottom.border-top {
    z-index: 3;
    border-top: 3px solid var(--relume-library-lite-rl-white);
    border-bottom-style: solid;
    border-bottom-width: 15px;
    min-height: 0;
    margin-top: -.8rem;
    padding-top: .5rem;
    padding-bottom: 1rem;
  }

  .section-32.no-margin-top {
    margin-top: 0;
    padding-top: 2.5rem;
  }

  .div-block-494.static {
    position: static;
  }

  .div-block-494.white-border-top {
    border-top: 1px solid var(--relume-library-lite-rl-white);
  }

  .div-block-494.bottom-margin {
    padding-bottom: 40px;
  }

  .section-33 {
    background-image: none;
    padding-top: 0;
    padding-bottom: 4.5rem;
  }

  .section-33.padding-top {
    padding-top: 3rem;
  }

  .column-41 {
    height: auto;
    padding-right: 50px;
  }

  .div-block-496 {
    background-color: #0091ff00;
    background-image: radial-gradient(circle farthest-corner at 0% 100%, #0091ffb3, var(--light-blue) 62%, #ffffffb3);
    opacity: .8;
    filter: none;
    border-color: #ff8c0061;
    width: 95px;
    height: 95px;
    transform: translate(0, -15%)skew(-21deg);
    box-shadow: 6px 6px 20px 5px #0000004d;
  }

  .div-block-496.about-us {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--light-blue), #fff0 69%);
    filter: none;
    box-shadow: 0 0 50px #00d4ff4d;
  }

  .div-block-496.about-us.pops {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--light-blue), #fff0 69%);
    opacity: .1;
    filter: blur(2px);
    transform: translate(-40%, -400%);
    box-shadow: 0 0 50px #00d4ff4d;
  }

  .div-block-496.about-us.pops.faq {
    transform: translate(-120%, -400%);
    box-shadow: 0 0 50px #00d4ff4d;
  }

  .div-block-496.about-us.pops._1 {
    z-index: 1;
  }

  .div-block-496.cs {
    box-shadow: none;
    filter: none;
  }

  .div-block-496.headings {
    z-index: -1;
    filter: none;
    width: 100px;
    height: 100px;
    inset: auto 0% 0% auto;
    transform: translate(-11%, 35%)skew(-21deg);
    box-shadow: 3px 2px 20px 5px #0000004d;
  }

  .div-block-496.headings.cta-section {
    transform: skew(-21deg);
  }

  .div-block-496.headings.cta-section.big-version {
    width: 150px;
    height: 150px;
    inset: auto 0% 0% auto;
    transform: translate(0, 35%)skew(-21deg);
  }

  .div-block-496.headings.cta-section.big-version.emergency {
    z-index: 2;
    transform: translate(0, -350%)skew(-21deg);
  }

  .div-block-496.headings.cta-section.big-version.make-tech {
    transform: translate(133px, 71%)skew(-21deg);
  }

  .div-block-496.headings.cta-section.big-version.middle {
    display: none;
  }

  .div-block-496.headings.cta-section.opp {
    z-index: auto;
    width: 150px;
    height: 150px;
    inset: 0% auto auto 0%;
    transform: translate(-65%, 50%)skew(-21deg);
  }

  .div-block-496.headings.cta-section.opp.bigger.above {
    z-index: 4;
  }

  .div-block-496.headings.cta-section.blog {
    inset: auto auto 0% 0%;
    transform: translate(50%, 149%)skew(-21deg);
  }

  .div-block-496.test {
    inset: auto 0% 0% auto;
    transform: translate(-20%, -15%)skew(-21deg);
  }

  .div-block-497 {
    width: 120px;
    height: 120px;
    transform: translate(-20%, 200%);
  }

  .div-block-497.about-us-above {
    background-color: #051d31;
  }

  .div-block-497.cs {
    inset: 0% 0% auto auto;
    transform: translate(-70%, -40%);
  }

  .div-block-497.cs.white-border.grey {
    box-shadow: none;
  }

  .div-block-498.rel-5.test {
    border: 4px solid var(--new-black);
    background-image: linear-gradient(180deg, var(--untitled-ui-gray50-501), white);
    justify-content: center;
    align-items: center;
    box-shadow: 0 2px 20px 4px #0003;
  }

  .div-block-498.rel-5.test.testi-tilt, .div-block-498.rel-5.test.proof-card.proof--ribbon {
    border-width: 5px;
  }

  .heading-5 {
    color: var(--relume-library-lite-rl-black);
    font-size: 4rem;
    line-height: 4.5rem;
  }

  .heading-5.max-40 {
    max-width: 40%;
    padding-left: 20px;
    font-size: 4rem;
    line-height: 4.5rem;
  }

  .heading-5.centre {
    text-align: center;
    text-transform: capitalize;
    font-size: 3rem;
    line-height: 1.2;
  }

  .rl_testimonial15_client-name-text-2 {
    font-size: 25px;
  }

  .div-block-499.about-us {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #0091ff, var(--light-blue) 46%, #fff0 67%);
    width: 200px;
    height: 200px;
    transform: translate(65%, -20%);
  }

  .div-block-499.about-us.aboutus-me-n-pops {
    transform: translate(-30%, 30%);
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops {
    background-color: #051d3100;
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #0091ff, #fff0 68%, var(--light-blue) 71%);
    filter: blur(2px);
    transform: translate(50%, 45%);
    box-shadow: 0 0 50px #00d4ff4d;
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops.adrian {
    opacity: .1;
    filter: blur(2px);
    transform: translate(200%, 45%);
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops.about {
    opacity: 100;
    box-shadow: 0 0 50px #00d4ff4d;
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1 {
    z-index: 1;
    transform: translate(50%, 220%);
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1.law {
    filter: none;
    transform: translate(-188%, 59%);
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage {
    opacity: .8;
    filter: none;
    background-image: radial-gradient(circle, #00d4ff00, #00d4ffbf 53%, #fff 74%, #0091ff);
    background-size: auto;
    border-style: solid;
    border-color: #00d4ff7a;
    width: 90px;
    height: 90px;
    transform: translate(5%, 300%);
    box-shadow: 0 2px 20px 7px #0003;
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes {
    background-image: radial-gradient(circle, #00d4ff00, #00d4ffbf 53%, #fff 74%, #0091ff);
    background-size: auto;
    transform: translate(-131%, 98%);
    box-shadow: 0 2px 20px 5px #0003;
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes.headings {
    inset: 0% 0% auto auto;
    transform: translate(-131%, 113%);
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes.headings.big-version {
    z-index: 3;
    transform: translate(-650%, 89%);
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes.headings.opp {
    z-index: 9;
    inset: auto 0% 0% auto;
    transform: translate(-86%, -750%);
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes.headings.opp.down {
    transform: translate(-188%, -200%);
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes.headings.blog {
    transform: translate(-131%, 161%);
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes.headings.up {
    transform: translate(-131%, 92%);
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes.headings.ythismatters {
    transform: translate(-134%, 161%);
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.cs-quotes.up-slightly {
    transform: translate(-131%, 77%);
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.blob-glow.web-m {
    transform: translate(-255%, -200%);
  }

  .div-block-499.about-us._1 {
    z-index: -1;
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #0091ff, var(--light-blue) 46%, #fff0 67%);
    opacity: .8;
    filter: none;
    transform: translate(80%, -20%);
    box-shadow: 0 2px 20px 6px #0003;
  }

  .div-block-499.about-us._1.law {
    transform: translate(-5%, -20%);
    box-shadow: 0 2px 8px #0003;
  }

  .div-block-499.about-us._1.case-study {
    transform: translate(26%, -20%);
    box-shadow: 0 2px 20px #0003;
  }

  .div-block-499.about-us._1.case-study.headings {
    inset: 0% auto auto 0%;
    transform: translate(26%, -59%);
  }

  .div-block-499.about-us._1.case-study.headings.cta-section.big-version {
    width: 300px;
    height: 300px;
  }

  .div-block-499.about-us._1.case-study.headings.cta-section.big-version.alt {
    z-index: auto;
    inset: auto 0% 0% auto;
    transform: translate(26%, -128%);
  }

  .div-block-499.about-us._1.case-study.headings.cta-section.big-version.alt.flipped {
    inset: auto auto 0% 0%;
    transform: translate(26%, -128%);
  }

  .div-block-499.about-us._1.case-study.headings.cta-section.big-version.alt.flipped.down {
    transform: translate(26%, -65%);
  }

  .div-block-499.about-us._1.case-study.headings.cta-section.big-version.alt.flipped.down.up-slightly {
    transform: translate(26%, -92%);
  }

  .div-block-499.about-us._1.case-study.headings.cta-section.big-version.alt.down {
    transform: translate(26%, 35%);
  }

  .div-block-499.about-us._1.case-study.headings.cta-section.big-version.alt.above {
    z-index: 4;
    transform: translate(56%, -128%);
  }

  .div-block-499.about-us._1.case-study.headings.cta-section.big-version.above {
    z-index: auto;
  }

  .div-block-499.about-us._1.case-study.headings.cta-section.big-version.make-tech {
    transform: translate(-56%, -59%);
  }

  .div-block-499.about-us._1.case-study.headings.cta-section.big-version.middle {
    display: none;
  }

  .div-block-499.about-us._1.case-study.headings.cta-section.blog {
    z-index: 1;
    width: 300px;
    height: 300px;
    inset: 0% 0% 0% auto;
    transform: translate(26%, -56%);
  }

  .div-block-499.about-us._1.bigger {
    width: 250px;
    height: 250px;
  }

  .div-block-499.about-us._1.bigger.blob-glow.web-m {
    position: static;
    transform: translate(80%, 65%);
  }

  .div-block-499.cs {
    z-index: 6;
    border: 2px solid var(--new-outline);
    box-shadow: none;
    background-color: #0e141b00;
    inset: auto 0% 0% auto;
    transform: translate(-290%, 20%);
  }

  .rl-text-style-regular-9 {
    font-size: 22px;
  }

  .div-block-500 {
    margin-top: 25px;
  }

  .div-block-500.left {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-501 {
    background-color: #fff0;
    border: 1px #33333380;
    border-radius: 1rem;
    justify-content: space-around;
    align-items: center;
    width: 80%;
    padding: 0 1.5rem 2.5rem;
    display: flex;
    position: relative;
  }

  .div-block-501.less-margin-bottom {
    padding-bottom: 0;
  }

  .div-block-502 {
    border-color: var(--new-outline);
    filter: none;
    background-color: #0e141b;
    background-image: radial-gradient(circle at 50% 100%, #00d4ff66 35%, #fff0 61%);
    background-position: 0 0;
    width: 680px;
    height: 680px;
  }

  .column-42 {
    justify-content: center;
    align-items: center;
    transform: translate(0, 6%);
  }

  .div-block-504.medium-hero {
    width: 130px;
    height: 130px;
    transform: translate(-120%, 200%);
  }

  .div-block-504.little-hero {
    transform: translate(-1300%, 400%);
  }

  .div-block-504.lower-left-hero {
    width: 95px;
    height: 95px;
    transform: translate(-600%, 700%);
  }

  .div-block-504.bottom-right-hero {
    width: 100px;
    height: 100px;
    transform: translate(-140%, -330%);
  }

  .image-173 {
    width: 100%;
    display: inline-block;
    inset: auto 0% 0%;
  }

  .button-104.is-icon.background-color-blue.hide-mobile-portrait {
    padding-top: .55rem;
    padding-bottom: .55rem;
  }

  .nav__main {
    max-width: 1300px;
  }

  .nav__drop_wrapper {
    width: 33%;
    display: none;
  }

  .nav__main-static {
    margin-right: 20px;
  }

  .brand.is--dark {
    width: 14rem;
  }

  .nav__link.is--active-3, .nav__link.is--active-2, .nav__link.is--active-1 {
    min-width: 450px;
  }

  .page-wrapper-7 {
    z-index: 6;
  }

  .kjd-b-text-1 {
    font-size: 1.4rem;
  }

  .kjd-b-wrap-4 {
    max-height: 90vh;
    padding-top: .5em;
  }

  .kjd-b-heading-1 {
    text-transform: capitalize;
    margin-left: 10px;
    font-size: 1.2em;
  }

  .kjd-b-dropdown-1 {
    margin: .15rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .kjd-b-dropdown-1.b {
    padding-top: .55rem;
    padding-bottom: .55rem;
  }

  .kjd-b-grid-1 {
    grid-column-gap: .2em;
    grid-row-gap: 0em;
  }

  .kjd-b-grid-1.cybersecurity {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
  }

  .kjd-b-grid-1.webservices {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 10px;
  }

  .kjd-b-grid-1.webs {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
  }

  .kjd-b-grid-1.itservices {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .kjd-b-wrap-5 {
    background-color: #f9fafb;
    border-radius: 1.87rem;
    padding: 1em;
    transition: box-shadow .2s;
    position: relative;
  }

  .kjd-b-wrap-5:hover {
    background-color: var(--untitled-ui-gray50-501);
    box-shadow: 0 2px 5px #0003;
  }

  .kjd-b-link-block-1 {
    color: var(--new-black);
    background-color: #f9fafb00;
    border-radius: 1.87rem;
    padding: 0;
  }

  .kjd-b-link-block-1:hover {
    filter: none;
  }

  .kjd-b-list-1.w--open {
    transform: translate(29%, 54%);
  }

  .kjd-b-list-1._1.w--open {
    transform: translate(29%, 57%);
  }

  .kjd-b-list-1._3.w--open {
    transform: translate(12%, 54%);
  }

  .kjd-b-text-2 {
    margin-top: -8px;
    font-size: .9em;
    line-height: 1.2em;
  }

  .div-block-507 {
    width: 70%;
    margin-left: 10%;
    transform: translate(20%);
  }

  .div-block-507.centred {
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
    transform: translate(17%);
  }

  .div-block-507.centred.web-r {
    justify-content: center;
    align-items: flex-start;
  }

  .herobox-text {
    max-width: 600px;
    font-size: 1.4rem;
    line-height: 1.2;
  }

  .herobox-text.webr {
    min-width: 450px;
  }

  .herobox-text.webr.trans {
    opacity: 0;
  }

  .text-block-124 {
    margin-top: 0;
    margin-bottom: 5px;
    margin-left: 0;
  }

  .text-block-125 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .image-177 {
    margin-right: 8px;
  }

  .accordion-item {
    transform: translate(0);
  }

  .dropdown-list-3 {
    min-width: 450px;
  }

  .dropdown-link {
    background-color: #fff0;
  }

  .dropdown-link:hover {
    background-color: var(--untitled-ui-gray50-501);
    filter: none;
    box-shadow: 0 2px 5px #0003;
  }

  .image-179 {
    filter: hue-rotate(180deg);
  }

  .div-block-511 {
    max-width: 370px;
  }

  .heading-8 {
    font-size: 2.5rem;
    line-height: 1.2;
  }

  .text-block-127 {
    font-size: 1.4rem;
  }

  .small-head {
    font-size: 2.1rem;
    line-height: 1.2;
  }

  .div-block-38._1 {
    max-height: 335px;
  }

  .div-block-43.white {
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
  }

  .div-block-43.white.margin-bottom.largest-no-padding-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .div-block-43.dark-blue {
    background-image: linear-gradient(#0000 91%, #fff);
    padding-bottom: 3.5rem;
  }

  .div-block-43.white-gradient {
    overflow: visible;
  }

  .div-block-43.margin-bottom {
    width: auto;
    padding-bottom: 2.5rem;
  }

  .div-block-34 {
    max-width: 1300px;
  }

  .div-block-34.no-margin-top.no-margin-bottom {
    margin-bottom: 0;
  }

  .horizonal-scroll-content {
    grid-row-gap: 51px;
    width: 100%;
    max-width: 1390px;
  }

  .main-sections.margin-top.white.no-min-height.dark-blue {
    background-color: var(--new-black);
  }

  .main-sections.margin-top.white.no-min-height.dark-blue.centred-flex {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .main-sections.margin-top.white.margin-bottom._100 {
    width: 100%;
  }

  .main-sections.margin-top.trans {
    position: relative;
  }

  .main-sections.margin-top.trans.no-margin-top {
    margin-top: 0;
    overflow: hidden;
  }

  .main-sections.padding-bottom {
    padding-bottom: 7.5rem;
  }

  .medium-head.cented.black {
    filter: none;
  }

  .medium-head.cented.black.semi {
    filter: none;
    max-height: none;
    line-height: 1.2;
  }

  .div-block-37 {
    height: 50px;
  }

  .div-block-35 {
    max-width: 1300px;
  }

  .div-block-35.absolute.signs {
    inset: 0% 0% auto;
    transform: translate(5.5%);
  }

  .div-block-35.no-margin-bottom {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .section-35.centred.white-top.less-padding-bottom {
    padding-bottom: 5rem;
  }

  .section-36.white {
    background-color: var(--relume-library-lite-rl-white);
    opacity: 100;
  }

  .section-36.white.less-margin-top {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 1.5rem;
    display: flex;
  }

  .section-36.white.less-margin-top.no-overflow {
    overflow: hidden;
  }

  .section-36.margin-bottom {
    flex-flow: column;
    display: block;
  }

  .section-36.margin-bottom._100 {
    width: 100%;
  }

  .card.icon-left---content-right.trans {
    position: relative;
  }

  .card.icon-left---content-right.trans.minheight-300 {
    min-height: 300px;
  }

  .container-default {
    z-index: auto;
    max-width: 1390px;
  }

  .bigger-hero-text {
    color: #0e141b;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #0e141b;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    font-style: normal;
    line-height: 1;
  }

  .bigger-hero-text.trans {
    padding-left: 0;
    padding-right: 0;
  }

  .bigger-black-text {
    color: #0e141b;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #0e141b;
    font-size: 4.5rem;
    line-height: 1;
  }

  .bigger-black-text.smaller {
    font-size: 3.2rem;
    line-height: 1.2;
  }

  .bigger-black-text.smaller.bigger-on-1920 {
    font-size: 5.5rem;
  }

  .bigger-black-text.white-bigger.smaller.hp {
    color: var(--new-black);
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #fff0;
    font-size: 3.5vw;
  }

  .bigger-black-text.white-bigger.smaller.hp.gradient {
    background-image: radial-gradient(circle farthest-corner at 0% 100%, #0091ff, var(--light-blue));
    -webkit-text-stroke-width: 5px;
    width: auto;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 3.5vw;
    line-height: 1.2;
  }

  .bigger-black-text.white-bigger.smaller.hp.gradient.bigger {
    background-image: radial-gradient(circle at 0 100%, #0091ff, #00d4ff);
  }

  .bigger-black-text.white-bigger.smaller.hp.gradient.bigger.opp-gradient {
    background-image: radial-gradient(circle farthest-corner at 100% 0%, #0091ff, var(--light-blue));
    text-transform: capitalize;
  }

  .bigger-black-text.white-bigger.smaller.hp.trans-border {
    direction: ltr;
    width: auto;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 3.5vw;
    line-height: 1.2;
    overflow: visible;
  }

  .bigger-black-text.white-bigger.smaller.hp.trans-border.bigger {
    text-transform: capitalize;
    overflow: hidden;
  }

  .bigger-black-text.bigger {
    color: #0e141b;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: #0e141b;
    font-style: normal;
  }

  .bigger-black-text.slightly-smaller {
    font-size: 4rem;
  }

  .bigger-black-text.slightly-smaller.smaller {
    font-size: 3.8rem;
  }

  .uui-text-size-medium-11, .uui-text-size-medium-11.charcoal {
    font-size: 1.2rem;
  }

  .uui-container-large-15 {
    max-width: 1300px;
  }

  .uui-heading-xsmall-2.white.bigger {
    font-size: 2rem;
  }

  .uui-heading-xsmall-2.bigger {
    font-size: 1.6rem;
  }

  .uui-layout34_component-2 {
    grid-row-gap: 0rem;
    grid-template-rows: auto auto;
  }

  .uui-layout34_component-2._4-wide {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 95%;
  }

  .uui-layout34_component-2._4-wide.less-gap-vertical {
    grid-row-gap: 0px;
  }

  .uui-layout34_component-2._4-wide.less-gap-vertical._1590-wide {
    max-width: 1590px;
  }

  .uui-layout34_component-2._4-wide.less-gap-vertical._1590-wide.margin-bottom {
    margin-bottom: 2.5rem;
  }

  .uui-layout34_component-2._4-wide.less-gap-vertical._1590-wide.margin-bottom.pen {
    margin-bottom: 0;
    padding-top: 5rem;
  }

  .uui-layout34_component-2._4-wide.less-horiztonal-gap {
    grid-row-gap: 20px;
  }

  .uui-layout34_component-2._4-wide._1590-width {
    max-width: 1590px;
  }

  .uui-layout34_component-2._4-wide._1590-width._2wide-desktop {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .uui-layout34_content-2 {
    min-height: 400px;
  }

  .uui-layout34_content-2.centred {
    justify-content: flex-start;
    align-items: center;
  }

  .uui-layout34_content-2.centred.min-height {
    min-height: 300px;
  }

  .uui-layout34_content-2.centred.min-height._500 {
    justify-content: space-between;
    min-height: 500px;
  }

  .uui-layout34_content-2.centred.hidden {
    display: none;
  }

  .uui-layout34_content-2.centred.max-width-pen {
    max-width: 350px;
  }

  .paragraph-32._80 {
    width: 80%;
  }

  .div-block-533 {
    padding-bottom: 25px;
  }

  .div-block-535 {
    background-image: linear-gradient(to bottom, var(--new-black), var(--new-black));
    flex-flow: column;
    width: 100%;
    max-width: none;
    padding-bottom: 3.5rem;
    position: static;
  }

  .div-block-535.gradient {
    background-image: linear-gradient(180deg, var(--new-black) 85%, white 85%);
  }

  .div-block-536 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-538.argin-bottom.margin-top {
    margin-top: 40px;
  }

  .div-block-538.argin-bottom.less-margin-top {
    margin-top: -1rem;
  }

  .div-block-540.white {
    opacity: 100;
    position: relative;
  }

  .div-block-540.padding-bottom {
    justify-content: center;
    align-items: center;
    padding-bottom: 3.5rem;
  }

  .div-block-540.padding-bottom.flex-bottom {
    justify-content: center;
    align-items: flex-end;
  }

  .spark-container.spark-centered-content {
    z-index: 5;
    margin-top: 100px;
  }

  .spark-section.spark-hero-background-image-with-centered-content {
    min-height: 80vh;
  }

  .spark-section.spark-hero-background-image-with-centered-content.law-it-support {
    background-image: linear-gradient(#0e141be6, #0e141be6), url('../images/pexels-sora-shimazaki-5668473.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    min-height: 80vh;
  }

  .spark-section.spark-hero-background-image-with-centered-content.ndis-it-support {
    background-image: linear-gradient(#0e141be6, #0e141be6), url('../images/pexels-shkrabaanthony-6288088.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    display: flex;
  }

  .spark-section.spark-hero-background-image-with-centered-content.malaga-it-support {
    background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/market-3466906_1920.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.malaga-it-support._80vh-height {
    background-image: linear-gradient(#0e141be6, #0e141be6), url('../images/market-3466906_1920.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    min-height: 80vh;
  }

  .spark-section.spark-hero-background-image-with-centered-content.joondalup-it-support {
    background-image: linear-gradient(to bottom, var(--new-black-90), var(--new-black-90)), url('../images/beach-2413081_1920.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.subiaco-it-support {
    background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/pexels-catchavibe-1478401.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.fremantle-it-support {
    background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/pexels-rachel-claire-5864786.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.burswood-it-support {
    background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/pexels-pavel-danilyuk-7594369.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.mt-lawley-it-support {
    background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/couple-6112296_1920.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.northbridge-it-support {
    background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/pexels-chanwalrus-941864.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.ii {
    background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/veronic-southern-integrity-impressions.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode {
    background-image: radial-gradient(circle at 50% 100%, #00d4ff40, #fff0 65%), linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/DecodeWAhomebanner4_1.avif');
    background-position: 0 0, 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, cover;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 99vh;
    padding-bottom: 0;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.ii {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/veronic-southern-integrity-impressions.jpg');
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.bibby {
    background-image: linear-gradient(#0e141bb3, #0e141bb3), radial-gradient(circle at 50% 100%, #00d4ff40, #fff0 65%), linear-gradient(#fff0, #0e141bcc), url('../images/painted-face-for-blog_1painted face for blog.avif'), linear-gradient(#0e141b, #0e141b);
    background-position: 0 0, 0 0, 0 0, 50%, 0 0;
    background-repeat: repeat, repeat, repeat, no-repeat, repeat;
    background-size: auto, auto, auto, cover, auto;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.nls {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/career-herojpg.jpg');
    background-position: 0 0, 0 0, 50%;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.cfs {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/Case-Study-image-min1.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.dc {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/Screenshot-2025-10-24-160753.png');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.tbs {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/smiling-girl-beach-final.webp');
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.mbc {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/LARGE-BANNER.jpg');
    background-position: 0 0, 0 0, 50%;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.tolton {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141b80, #0e141b80), url('../images/header.webp');
    background-position: 0 0, 0 0, 70%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.wafs {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/bushfire.webp');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.simara {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141bd9, #0e141bd9), url('../images/Simara-Blends-Butterfly-Pea.jpg');
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.psia {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#051d31e6, #051d31e6), url('../images/jamie-street-JPyRvvUnQjU-unsplash-scaled_1.avif');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.bstimes {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/bstimes.png');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.oswald {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/john-f-kennedy-63160_1280.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.mishack {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/12A1204-e1563779294714-1920x617-c-center_1.avif');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.k2av {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/canvas_1.avif');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.guttergoblins {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/new-about-us-pic_1.avif');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode._11 {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/11-Recruitment_1.avif');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.ablife {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/future-2304561_1920.jpg');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.hpark {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/hp-creche-outdoors_1.avif');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.soap {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/cleaning-381090_1921.avif');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.holt {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/Wedding-DJ-Homepage-Slider_1.avif');
    background-position: 0 0, 0 0, 25%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.empower {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/web-service-background_00000.png');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, repeat;
    background-size: auto, auto, auto;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.charlies {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/fa2f9ae250a711f09510_1.avif');
    background-position: 0 0, 0 0, 62%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.fbhighfields {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/pexels-rachel-claire-5863643_1.avif');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.decode.legatha {
    background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/20160421_140147.avif');
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
  }

  .spark-section.spark-hero-background-image-with-centered-content.osborne-park-it-support {
    background-image: linear-gradient(to bottom, var(--new-black-90), var(--new-black-90)), url('../images/pexels-kindelmedia-9716233_1.avif');
    background-position: 0 0, 50%;
    min-height: 80vh;
  }

  .spark-section.spark-hero-background-image-with-centered-content.wangara-it-support {
    background-image: linear-gradient(#051d31b3, #051d31b3), url('../images/workshop-4863393_1921.avif');
    background-position: 0 0, 50%;
  }

  .spark-section.spark-hero-background-image-with-centered-content.finance-it-support {
    background-image: linear-gradient(#0e141be6, #0e141be6), url('../images/pexels-goumbik-590022_1.webp');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .spark-section h2 {
    opacity: 1;
    line-height: 1.2em;
  }

  .spark-section.charcoal {
    padding-bottom: 25px;
    overflow: visible;
  }

  .spark-section.charcoal.padding-bottom {
    padding-bottom: 92px;
  }

  .spark-hero-sub-paragraph {
    color: #333;
  }

  .spark-hero-sub-paragraph.white {
    color: var(--relume-library-lite-rl-white);
  }

  .spark-hero-sub-paragraph.white.centred._3-5rem-top {
    margin-top: -3.5rem;
  }

  .spark-flex-row.spark-wrapped.left {
    justify-content: flex-start;
    align-items: center;
  }

  .spark-flex-row.spark-wrapped.left._650 {
    min-height: 670px;
  }

  .spark-hero-section-left-side.centred-flex {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .spark-checked-item {
    background-color: var(--new-black);
    width: 99%;
    max-width: 700px;
    height: 96%;
    min-height: 150px;
    transition: all .2s;
  }

  .spark-checked-item:hover {
    background-image: linear-gradient(#ffffff0d, #ffffff0d);
    width: 99%;
    height: 96%;
    text-decoration: none;
  }

  .spark-checked-item.top-aligned.white {
    background-color: #0e141b00;
  }

  .spark-checked-item.phones {
    min-height: 0;
  }

  .spark-checked-item.phones.white {
    background-color: #0e141b00;
  }

  .spark-checked-item.cllour-backed {
    max-width: 700px;
    padding-right: 1rem;
  }

  .div-block-543 {
    background-color: var(--new-black);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .grid-7 {
    z-index: 5;
    grid-template-rows: auto auto auto auto;
  }

  .div-block-545.decode-im-2 {
    z-index: -1;
    border-color: var(--new-outline);
    background-image: url('../images/decodelaughing.jpg');
    border-radius: 50%;
    width: 750px;
    min-width: 0;
    height: 750px;
    min-height: 0;
    position: absolute;
    transform: translate(-5%);
  }

  .div-block-545.decode-im-2.ii-img-2 {
    background-image: url('../images/accounting-services-joondalup_1.avif');
    background-position: 50%;
  }

  .div-block-545.decode-im-2.bibby-img2 {
    background-image: url('../images/LinkedIn-Marketing-Strategy-1.webp');
    background-position: 50% 15%;
  }

  .div-block-545.decode-im-2.nls-imag-2 {
    background-image: url('../images/new-banner-no-limit-sports_00000.png');
    background-position: 4.5%;
  }

  .div-block-545.decode-im-2.cfs-img2 {
    background-image: url('../images/Aranmore-18-e1661928060896-1387x1108.jpg');
  }

  .div-block-545.decode-im-2.tbs-img2 {
    background-image: url('../images/NDIS-image-Target-Behaviour-Services.webp');
  }

  .div-block-545.decode-im-2.mbc-img-2 {
    background-image: url('../images/TT-30-4-24-e1714891820466-circle-0d61e1a8304d5eebaa31a76fa6bd56cd-6mscyiz19p7e.jpg');
  }

  .div-block-545.decode-im-2.tolton-img-3 {
    background-image: url('../images/about-us_1.avif');
  }

  .div-block-545.decode-im-2.wafs-img2 {
    background-image: url('../images/BALDocs1.jpg');
  }

  .div-block-545.decode-im-2.simara-img2 {
    background-image: url('../images/Sticky-Chai-Simara-Blends.jpg');
  }

  .div-block-545.decode-im-2.psia-img2 {
    background-image: url('../images/IMG_5377-768x1024.jpg.webp');
    background-position: 50%;
  }

  .div-block-545.decode-im-2.bst-img2 {
    background-image: url('../images/IMG_5942-720x576_1.avif');
  }

  .div-block-545.decode-im-2.mishack-img2 {
    background-image: url('../images/Marcus__024-copy-e1425976570751-1920x590-c-center_1.avif');
    background-repeat: repeat;
    background-size: contain;
  }

  .div-block-545.decode-im-2.oswalds-img-2 {
    background-image: url('../images/john-f-kennedy-63160_1280.jpg');
  }

  .div-block-545.decode-im-2.k2av-img2 {
    background-image: url('../images/k2-1080-01_1.avif');
  }

  .div-block-545.decode-im-2.guttergoblins-img2 {
    background-image: url('../images/pressure-washing-hero_1.avif');
    background-position: 20%;
  }

  .div-block-545.decode-im-2._11-img-2 {
    background-image: url('../images/11-Recruitment_1.avif');
    background-position: 50% 0;
  }

  .div-block-545.decode-im-2.ablife-img2 {
    background-image: url('../images/stop-4036139_1281.avif');
    background-position: 50%;
  }

  .div-block-545.decode-im-2.hpark-img2 {
    background-image: url('../images/hp-creche-outdoors_1.avif');
    background-position: 50%;
  }

  .div-block-545.decode-im-2.soap-img2 {
    background-image: url('../images/pexels-karolina-grabowska-4239067_1.avif');
    background-position: 100%;
  }

  .div-block-545.decode-im-2.holt-img-2 {
    background-image: url('../images/Corporate-DJ-Homepage-Slider_1.avif');
    background-position: 50%;
  }

  .div-block-545.decode-im-2.eup-img2 {
    background-image: url('../images/Aria-Schulz-6_1.avif');
    background-position: 50%;
    background-size: auto;
  }

  .div-block-545.decode-im-2.charlies {
    background-image: url('../images/e655b241b50111ee9681_1.avif');
    background-position: 78%;
  }

  .div-block-545.decode-im-2.fbhighfields-img-2 {
    background-image: url('../images/pexels-rosa-stone-1013669897-21235061_1.avif');
  }

  .div-block-545.decode-im-2.legtha-img-2 {
    background-image: url('../images/RiverviewPlace-2_1.avif');
  }

  .div-block-546.lawitsupport-img-1 {
    min-width: 650px;
    min-height: 670px;
    box-shadow: none;
    background-color: #0e141b00;
    background-image: url('../images/2151023395_1.avif');
    background-position: 50%;
    background-size: cover;
    border-radius: 50%;
  }

  .div-block-546.lawitsupport-img-1.ndis {
    filter: contrast(156%);
    background-image: none;
    border-radius: 0%;
    width: 670px;
    min-width: 670px;
    height: 670px;
  }

  .div-block-546.lawitsupport-img-1.finance {
    filter: none;
    background-image: url('../images/growth_1growth_00000.webp');
  }

  .div-block-546.decode-img-1 {
    border: 2px solid var(--relume-library-lite-rl-white);
    background-position: 50%;
    border-radius: 50%;
    width: 550px;
    height: 550px;
    box-shadow: 0 2px 17px 8px #0003;
  }

  .div-block-546.decode-img-1.ii-img-1 {
    background-image: url('../images/why-integrity-impressions-accountants-perth-1024x683.jpg');
    background-position: 80%;
  }

  .div-block-546.decode-img-1.bibby-img1 {
    background-image: url('../images/LinkedIn-Marketing-Agency-Team.webp');
    background-position: 50% 20%;
  }

  .div-block-546.decode-img-1.nls-img-1 {
    background-image: url('../images/nls-oosh.jpg');
    background-position: 20%;
    background-size: cover;
  }

  .div-block-546.decode-img-1.cfs-img1 {
    background-image: url('../images/Centre-for-stories-26-Oct-2024-324-2-1419x940.jpg');
  }

  .div-block-546.decode-img-1.tbs-img1 {
    background-image: url('../images/girl-painted-hands-final.webp');
  }

  .div-block-546.decode-img-1.mbc-img-1 {
    background-image: url('../images/typorama-copy-600x570.png');
  }

  .div-block-546.decode-img-1.tolton-img-1 {
    background-image: url('../images/about-us-group_1.avif'), linear-gradient(to bottom, var(--relume-library-lite-rl-white), var(--relume-library-lite-rl-white));
    background-position: 50%, 0 0;
    background-size: cover, auto;
    border-style: none;
    border-width: 2px;
  }

  .div-block-546.decode-img-1.tolton-img-1.overlay-tolton {
    filter: none;
    background-image: url('../images/about-us-group_1.avif');
    background-position: 50%;
    background-size: cover;
    border-style: solid;
    display: none;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .div-block-546.decode-img-1.wafs-img1 {
    background-image: url('../images/bushfire-management-plan.webp');
    background-position: 50% 35%;
  }

  .div-block-546.decode-img-1.simara-img1 {
    background-image: url('../images/Golden-Turmeric-Latte-Powder-Simara-Blends-500x625.jpg');
    background-position: 50%;
    background-size: cover;
    border-style: solid;
  }

  .div-block-546.decode-img-1.psia-img-1 {
    background-image: url('../images/playground-855703_1281.avif');
  }

  .div-block-546.decode-img-1.bst-img1 {
    background-image: url('../images/900-SSD-01-560x560_1.avif');
  }

  .div-block-546.decode-img-1.mishack-img-1 {
    background-image: url('../images/IMG_5888-3-1920x1000-c-center_1.avif');
    background-position: 30%;
    background-size: cover;
  }

  .div-block-546.decode-img-1.oswald-img-1 {
    background-image: url('../images/j-f-kennedy-2296538_1281.avif');
  }

  .div-block-546.decode-img-1.k2av-img-1 {
    background-image: url('../images/Council-Chambers5-scaled-1-1024x683_adobespark-1_1.avif');
  }

  .div-block-546.decode-img-1.guttergoblins-img1 {
    background-image: url('../images/house-washing-hero_1.avif');
    background-position: 50%;
  }

  .div-block-546.decode-img-1._11 {
    background-image: url('../images/Home-01.webp');
    background-position: 50% 20%;
  }

  .div-block-546.decode-img-1.ablife-im1 {
    background-image: url('../images/rossmarie.avif');
  }

  .div-block-546.decode-img-1.hpark-img1 {
    background-image: url('../images/HollandParkCreche_Environment_-21_1.avif');
  }

  .div-block-546.decode-img-1.soap-img1 {
    background-image: url('../images/pexels-karolina-grabowska-4239031_1.avif');
  }

  .div-block-546.decode-img-1.holt-img1 {
    background-image: url('../images/Party-DJ-Homepage-Slider_1.avif');
  }

  .div-block-546.decode-img-1.eup-im1 {
    background-image: url('../images/SVG-WEBSITE-STUFF-2-1024x1024.avif'), linear-gradient(to bottom, var(--combine-library-white), var(--combine-library-white));
    background-position: 50%, 0 0;
    background-size: cover, auto;
  }

  .div-block-546.decode-img-1.charlies-img-1 {
    background-image: url('../images/ffc7968a50b411f09510_1.avif');
    background-position: 28%;
  }

  .div-block-546.decode-img-1.fbhighfields-img-1 {
    background-image: url('../images/pexels-valeriya-1123250_1.avif');
  }

  .div-block-546.decode-img-1.legatha {
    background-image: url('../images/20160421_135934.avif');
    background-position: 50%;
  }

  .columns-14.less-margin-bottom {
    padding-bottom: 0;
  }

  .cslogo {
    border-radius: 10px;
  }

  .cslogo.white.decode {
    width: 300px;
  }

  .cslogo.white.decode.bibby {
    filter: none;
  }

  .cslogo.white.decode.nls {
    width: 200px;
  }

  .cslogo.white.decode.cfs {
    filter: none;
    width: 200px;
  }

  .cslogo.white.decode.tbs {
    width: 250px;
  }

  .cslogo.white.decode.tolton {
    filter: none;
    width: 200px;
  }

  .cslogo.white.decode.whiter {
    filter: brightness(200%) brightness(200%) brightness(200%) brightness(200%) brightness(200%) grayscale();
  }

  .h5-cs {
    font-weight: 700;
  }

  .h5-cs.white.cs {
    opacity: 100;
    text-transform: capitalize;
    margin-top: 3.5rem;
    font-size: 2rem;
    font-weight: 600;
  }

  .h5-cs.white.cs.no-margin-top {
    margin-top: 0;
  }

  .h5-cs.white.teams-pricing {
    text-transform: capitalize;
    font-size: 1.8rem;
  }

  .h5-cs.not-bold {
    text-align: left;
    font-weight: 400;
  }

  .div-put {
    height: 650px;
  }

  .slider-image-container.tolton {
    background-image: url('../images/about-us-updated.webp');
    background-position: 50%;
    background-size: cover;
  }

  .slider-image-container.simara {
    background-image: url('../images/Simara-Blends-Butterfly-Pea.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .slider-image-container.bstimes {
    background-image: url('../images/IMG_5942-720x576_1.avif');
    background-position: 50%;
    background-size: cover;
  }

  .slider-image-container.psia {
    background-image: url('../images/playground-855703_1281.avif');
    background-position: 50%;
    background-size: cover;
  }

  .slider-image-container.mishack {
    background-image: url('../images/12A1204-e1563779294714-1920x617-c-center_1.avif');
    background-position: 50%;
    background-size: cover;
  }

  .slider-image-container.k2av {
    background-image: url('../images/canvas_1.avif');
    background-position: 50%;
    background-size: cover;
  }

  .slider-image-container.guttergoblins {
    background-image: url('../images/new-about-us-pic_1.avif');
    background-position: 50%;
    background-size: cover;
  }

  .slider-image-container._11 {
    background-image: url('../images/11-Recruitment_1.avif');
    background-size: cover;
  }

  .slider-image-container.ablife {
    background-image: url('../images/stop-4036139_1281.avif');
    background-position: 50%;
    background-size: cover;
  }

  .slider-image-container.hpark {
    background-image: url('../images/hp-creche-outdoors_1.avif');
    background-position: 50%;
    background-size: cover;
  }

  .slider-image-container.soap {
    background-image: url('../images/pexels-karolina-grabowska-4239067_1.avif');
    background-position: 50%;
    background-size: cover;
  }

  .slider-image-container.holt {
    background-image: url('../images/Wedding-DJ-Homepage-Slider_1.avif');
    background-position: 25%;
    background-size: cover;
  }

  .slider-image-container.empower {
    background-image: url('../images/SVG-WEBSITE-STUFF-2-1024x1024.avif'), linear-gradient(to bottom, var(--relume-library-lite-rl-white), var(--relume-library-lite-rl-white));
    background-position: 50%, 0 0;
    background-size: 550px, auto;
  }

  .slider-image-container.charlies {
    background-image: url('../images/e655b241b50111ee9681_1.avif');
    background-position: 50%;
    background-size: cover;
  }

  .slider-image-container.fbhighfields {
    background-image: url('../images/pexels-valeriya-1123250_1.avif');
    background-position: 50%;
    background-size: cover;
  }

  .slider-image-container.legatha {
    background-image: url('../images/RiverviewPlace-2_1.avif');
    background-position: 50%;
    background-size: cover;
  }

  .paragraph-2 {
    text-transform: capitalize;
  }

  .container-78 {
    max-width: 1590px;
  }

  .blue-3 {
    background-image: linear-gradient(to bottom, var(--new-black), var(--new-black));
  }

  .slide {
    transform: translate(0);
  }

  .paragraph-35.margin-top.bottom-margin {
    margin-bottom: 40px;
  }

  .div-block-553 {
    align-items: center;
    margin-bottom: 10px;
    display: flex;
  }

  .image-189 {
    border-bottom-right-radius: 35%;
    border-bottom-left-radius: 39%;
    width: 400px;
  }

  .image-189.pops {
    border-bottom-right-radius: 32%;
    border-bottom-left-radius: 43%;
  }

  .uui-page-padding-16 {
    margin-right: 4%;
  }

  .div-block-555 {
    z-index: -1;
    background-image: linear-gradient(#0091ff80, #0091ff80), url('../images/pexels-nemuel-sereti-6424590_1pexels-nemuel-sereti-6424590.webp');
    background-position: 0 0, 50%;
    background-size: auto, auto;
    height: 92%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .div-block-555.adrian {
    z-index: 3;
    border: 2px solid var(--new-outline);
    filter: none;
    background-color: #c4c4c400;
    background-image: none;
    border-radius: 50%;
    width: 330px;
    height: 330px;
  }

  .grid-8 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .waves-forhero {
    height: 100%;
    display: block;
  }

  .waves-forhero.web-h {
    z-index: 2;
    background-image: linear-gradient(180deg, #fff0 73%, var(--new-black) 99%);
    background-position: 0 0;
    height: 100%;
    display: block;
  }

  .waves-forhero.web-h.no-overflow {
    display: block;
  }

  .waves-forhero.home {
    height: 107%;
    display: none;
  }

  ._100-width-div-centred {
    margin-bottom: -50px;
  }

  ._100-width-div-centred.padding-bottom {
    padding-bottom: 7.5rem;
    position: relative;
  }

  ._100-width-div-centred.padding-bottom.vertical.padding-top {
    background-image: none;
    margin-top: 5rem;
    padding-top: 0;
  }

  ._100-width-div-centred.padding-top {
    margin-top: 30px;
  }

  ._100-width-div-centred.bottom-margin {
    margin-bottom: 0;
  }

  .code-embed-17.bottom.above {
    z-index: auto;
  }

  .paragraph-39 {
    color: #333;
  }

  .tabs-content-4 {
    width: 100%;
  }

  .div-block-564 {
    z-index: 3;
    padding-bottom: 0;
  }

  .div-block-567 {
    width: 95%;
  }

  .paragraph-40 {
    color: #333;
  }

  .outline-only {
    color: #0000;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: var(--relume-library-lite-rl-black);
  }

  .outline-only.web {
    text-shadow: none;
  }

  .div-block-569 {
    width: 100%;
    height: 100%;
    display: block;
  }

  .paragraph-41 {
    z-index: 2;
    position: relative;
  }

  .vertical-img {
    border-bottom-right-radius: 1.87rem;
    height: 130%;
  }

  .vertical-img.hosting {
    width: 60%;
    height: 150%;
    transform: translate(0, 10%);
  }

  .vertical-img.design {
    transform: translate(22%, -10px);
  }

  .accordion_verical-bottom.current {
    overflow: visible;
  }

  .grid-10 {
    max-width: 1690px;
  }

  .grid-10.service-menu-hp {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: 1390px;
  }

  .div-block-570 {
    background-image: radial-gradient(circle at 0%, #0e141b, #fff0 44%), linear-gradient(#0000 32%, #0e141b 65%);
  }

  .service-box._1 {
    width: 80%;
    max-width: 470px;
    min-height: 150px;
    display: block;
  }

  .text-block-131 {
    z-index: 2;
    font-size: 2rem;
    position: relative;
  }

  .section-53.small {
    display: block;
  }

  .spark-container-2 {
    max-width: 1900px;
  }

  .spark-section-2 {
    background-color: #0e141b;
    padding-bottom: 3.5rem;
  }

  .spark-section-2 h1 {
    z-index: 1;
    color: #fff;
    -webkit-text-stroke-width: 3px;
    font-family: Exo, sans-serif;
    font-size: 14rem;
    line-height: .5;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .spark-section-2 p {
    text-align: center;
  }

  .spark-section-2.more-padding-bottom {
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0;
    display: block;
  }

  .spark-section-2.more-padding-bottom.centred-bb {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .spark-tab._3.w--current {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .spark-tab._3.law-it {
    font-size: 1.8rem;
  }

  .spark-tabs-menu {
    border-bottom: 2px solid var(--new-outline);
  }

  .spark-tabs-parent {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    /* min-width: 1920px; (neutralised - was forcing 23px overflow on Edge at 1897) */
    display: block;
    overflow: visible;
  }

  .spark-tabs-content {
    padding-top: 0;
    padding-bottom: 8rem;
    overflow: visible;
  }

  .container-large-3 {
    max-width: 1900px;
  }

  .container-large-3.vertical.hidden-just-incase {
    display: none;
  }

  .section-hero-2 {
    overflow: visible;
  }

  .cards-wrapper {
    justify-content: center;
    align-items: stretch;
    margin-top: 20px;
    font-family: Exo, sans-serif;
  }

  .cards-wrapper.centred.hidden-just-incase {
    display: none;
  }

  .main-wrapper-4 {
    justify-content: stretch;
  }

  .card_component._3 {
    border-style: solid;
    border-color: var(--new-outline);
    background-image: linear-gradient(#0e141b, #0e141b);
    min-width: 335px;
    height: 24rem;
  }

  .card_component.review {
    border-color: var(--new-outline);
    justify-content: space-between;
    min-width: 335px;
    height: 26rem;
  }

  .card_component.review.hidden-just-incase, .card_component.review.hidden-1920 {
    display: none;
  }

  .card_scroll {
    z-index: 3;
    padding: 0 2rem;
    transform: translate(0, 101%);
  }

  .div-block-577 {
    width: 98%;
    height: 96%;
    min-height: 150px;
    margin-top: 4px;
    margin-bottom: 4px;
    transition: filter .2s;
  }

  .div-block-577:hover {
    filter: invert();
  }

  .lottie-animation-2.flip.brighter.absolute.opp {
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.flip.brighter.opp {
    transform: none;
  }

  .lottie-animation-2.flip.brighter.none {
    display: none;
  }

  .lottie-animation-2.flip.web-repair {
    filter: contrast(84%) saturate(141%);
  }

  .lottie-animation-2.flip.web-repair.relative {
    z-index: 1;
    width: 10rem;
    margin-right: 70px;
    position: relative;
  }

  .lottie-animation-2.flip.web-repair.relative.cog {
    z-index: 2;
    width: 7rem;
    transform: translate(98%, -20%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.flip.web-repair.relative.cog.navbar {
    z-index: 2;
    width: 5rem;
    transform: translate(95%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.flip.web-repair.relative.cog.cs {
    width: 6rem;
    height: 6rem;
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair {
    transform: translate(0, 10%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute {
    position: absolute;
    transform: translate(56%, -8%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.password {
    transform: translate(20%, -7%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.password.services {
    transform: translate(20%, -12%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.password.none {
    display: none;
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.web-h {
    width: 16rem;
    transform: translate(20%, 15%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.web-h.navbar {
    filter: saturate(141%) contrast(84%);
    width: 8rem;
    height: 8rem;
    transform: translate(5%, 15%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.web-h.cs {
    transform: translate(-3%, 15%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.navbar {
    z-index: 2;
    width: 8rem;
    height: 8rem;
    transform: translate(23%, -6%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.cs {
    z-index: 3;
    transform: translate(38%, -5%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.navbar {
    width: 8rem;
    height: 8rem;
    transform: translate(16px, 10%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.brighter.absolute {
    position: absolute;
    transform: none;
  }

  .lottie-animation-2.brighter.absolute.flip {
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.brighter.absolute.flip.navbar {
    width: 8rem;
    height: 8rem;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.brighter.absolute.flip.navbar.vm {
    width: 6rem;
    height: 6rem;
    transform: translate(-20%, 15%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.brighter.absolute.flip.cs {
    filter: saturate(118%) brightness(130%);
    width: 12rem;
    transform: translate(-10%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.brighter.absolute.navbar {
    width: 8rem;
    height: 8rem;
  }

  .lottie-animation-2.brighter.absolute.navbar.webm {
    transform: translate(-8%, -17%);
  }

  .lottie-animation-2.brighter.absolute.webm {
    height: 12rem;
  }

  .lottie-animation-2.brighter.none {
    display: none;
  }

  .lotties {
    position: relative;
  }

  .lotties.hero-menu {
    z-index: 1;
    width: 8rem;
    position: absolute;
    inset: auto 0% 0% auto;
    transform: translate(0, 25%);
  }

  .lotties.navbar {
    width: 8rem;
    height: 8rem;
  }

  .lotties.cs {
    width: 12rem;
    height: 12rem;
  }

  .lotties.cs.web-r {
    transform: translate(0, -8%);
  }

  .div-block-578 {
    z-index: 5;
    position: static;
  }

  .div-block-580 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .swiper-slide {
    height: 50vh;
  }

  .slide-back {
    background-color: #fff0;
  }

  .swiper-nav-btn.next {
    border: 2px solid #ffffff80;
  }

  .swiper-nav-btn.next:hover {
    border: 2px solid var(--relume-library-lite-rl-white);
    background-color: #7854f700;
    background-image: radial-gradient(circle at 100% 100%, #ff8c00, gold);
  }

  .swiper-nav-btn.prev {
    border-style: solid;
    border-color: #ffffff80;
  }

  .swiper-nav-btn.prev:hover {
    background-color: #7854f700;
  }

  .slide-image_wrapper {
    border: 2px solid var(--new-outline);
    border-radius: 1.87rem;
  }

  .slide-image_wrapper._3 {
    background-image: url('../images/Wordpress-Web-Hosting-Stressed-Owner-Perth-IT-Care.jpg');
    background-position: 50%;
    background-size: cover;
    border-radius: 1.87rem;
  }

  .slide-image_wrapper._2 {
    border: 2px solid var(--relume-library-lite-rl-white);
    background-image: url('../images/website-hacking-google-rankings-hero.webp');
    background-position: 50%;
    background-size: cover;
    border-radius: 1.87rem;
  }

  .slide-image_wrapper._1 {
    background-image: url('../images/poison-apple-b2_1poison apple b2_00000.webp'), radial-gradient(circle farthest-corner at 50% 50%, #0091ff, var(--light-blue));
    background-position: 50%, 0 0;
    background-size: cover, auto;
  }

  .slide-image_wrapper._4 {
    background-image: url('../images/pexels-markusspiske-1921326.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .slide-image_wrapper._5 {
    background-image: url('../images/how-to-safely-update-wordpress-1.webp');
    background-position: 50%;
    background-size: cover;
  }

  .slide-image_wrapper._6 {
    background-image: url('../images/pexels-gabby-k-7412094_1pexels-gabby-k-7412094.avif');
    background-position: 50%;
    background-size: cover;
  }

  .swiper-wrapper {
    aspect-ratio: 340 / 193;
    height: auto;
  }

  .swiper {
    overflow: hidden;
  }

  .slide-text-wrap {
    overflow: visible;
  }

  .page-wrapper-11 {
    background-color: var(--relume-library-lite-rl-white);
    padding-top: 2.5rem;
    position: relative;
    overflow: hidden;
  }

  .page-wrapper-11.trans {
    background-color: #fff0;
    overflow: hidden;
  }

  .section_causes-hero-2 {
    min-height: 100vh;
    max-height: 100vh;
  }

  .slide-content-2 {
    border-color: var(--new-outline);
    border-radius: 1.87rem;
  }

  .blog-heading {
    color: var(--combine-library-white);
    text-align: left;
    text-transform: capitalize;
  }

  .text-block-136 {
    opacity: .9;
    color: var(--combine-library-white);
    text-align: left;
    margin-bottom: 10px;
  }

  .big-menu-heading {
    color: #fff0;
    text-align: center;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: var(--relume-library-lite-rl-white);
    text-transform: uppercase;
    padding-top: 3.5rem;
    font-family: Exo, sans-serif;
    font-size: 13.7rem;
    font-weight: 800;
    line-height: .9;
    transform: translate(0, 30px);
  }

  .big-menu-heading.cyber {
    -webkit-text-stroke-color: var(--new-outline);
    padding-top: 0;
    font-size: 11.5rem;
    inset: auto auto 0% 0%;
    transform: translate(3%, 42%);
  }

  .big-menu-heading.cyber.lost-broken {
    text-align: left;
    font-size: 9.5rem;
  }

  .big-menu-heading.cyber.hp3 {
    text-align: left;
    padding-top: 3.5rem;
    font-size: 8vw;
    position: absolute;
    transform: translate(0%, 85%);
  }

  .big-menu-heading.cyber.tbs {
    font-size: 6rem;
  }

  .big-menu-heading.cyber.gg {
    font-size: 10rem;
  }

  .big-menu-heading.cyber.tight-knit {
    z-index: 2;
    font-size: 9.5rem;
  }

  .big-menu-heading.cyber.expanding {
    padding-top: 0;
    font-size: 9rem;
    transform: translate(-2%, 50%);
  }

  .big-menu-heading.cyber.biggish {
    font-size: 9rem;
  }

  .big-menu-heading.cyber.admin {
    font-size: 10rem;
  }

  .big-menu-heading.cyber.web-o {
    inset: auto auto 0% 0%;
    transform: translate(32%, 42%);
  }

  .big-menu-heading.cyber.iprotect, .big-menu-heading.cyber.ignored {
    font-size: 8.5rem;
  }

  .big-menu-heading.cyber.uncontrolled {
    font-size: 7.5rem;
  }

  .big-menu-heading.cyber.uncontrolled.smaller {
    font-size: 6.5rem;
  }

  .big-menu-heading.cyber.smallest {
    font-size: 5.5rem;
  }

  .big-menu-heading.web {
    -webkit-text-stroke-color: var(--new-outline);
    font-size: 10rem;
    transform: translate(0, -8%);
  }

  .big-menu-heading-2 {
    color: #fff0;
    text-align: center;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: white;
    padding-top: 3.5rem;
    font-family: Exo, sans-serif;
    font-size: 14rem;
    font-weight: 800;
    line-height: .9;
    transform: translate(0, 30px);
  }

  .big-menu-heading-2.it {
    -webkit-text-stroke-color: var(--new-outline);
    text-transform: uppercase;
    font-size: 8vw;
    transform: translate(0, -11%);
  }

  .div-block-584 {
    justify-content: center;
    align-items: flex-start;
    width: auto;
    min-width: 245px;
    max-width: none;
    margin-bottom: 0;
  }

  .div-block-584.margin-left-and-right {
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-585 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: none;
    display: flex;
  }

  .div-block-586 {
    width: 100%;
    min-width: 650px;
    max-width: none;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .grid-11 {
    grid-column-gap: 50px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: .25fr 1fr;
    max-width: 1390px;
  }

  .grid-11.max-width {
    max-width: 1390px;
  }

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

  .div-block-588 {
    border: 2px none var(--mid-grey);
    background-color: #0e141b00;
    border-radius: 1.87rem;
    padding: 2.5rem .5rem 1.5rem;
  }

  .div-block-589 {
    background-image: url('../images/ad1556d3-4814-4795-84dd-7eaa361ec660_1.avif');
    background-position: 50% 0;
    background-size: cover;
    border: 1px #000;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    box-shadow: 0 2px 11px 9px #0003;
  }

  .div-block-589.abs {
    z-index: -1;
    opacity: .7;
    filter: none;
    background-image: url('../images/85ae279c-f7bb-4432-ab18-e8c892da7b2b_removalai_preview.png');
    width: 950px;
    height: 950px;
    display: none;
    position: absolute;
    inset: 0%;
    transform: translate(-277px, -151px);
  }

  .div-block-590, .div-block-591, .div-block-592 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .div-block-593 {
    background-color: var(--new-outline);
    width: 300px;
    height: 1.5rem;
  }

  .div-block-595._3-5rem-bottom {
    margin-bottom: -3.5rem;
  }

  .div-block-597.margin-bottom.more {
    margin-bottom: 40px;
  }

  .div-block-597.margin-bottom.more.padding-top {
    padding-top: 3.5rem;
  }

  .div-block-598 {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .grid-12 {
    overflow: visible;
  }

  .div-block-599 {
    background-color: #0e141b;
    padding-top: 3.5rem;
    padding-bottom: 7rem;
  }

  .bold-text-8 {
    font-size: 2.2rem;
  }

  .div-block-600.margin-bottom {
    margin-bottom: 50px;
  }

  .div-block-601.middle {
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-602 {
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .centred.margin-top.black.bigger {
    max-width: 1190px;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
  }

  .centred.black {
    color: #333;
  }

  .centred.black.bottom-margin {
    margin-bottom: 40px;
  }

  .div-block-604 {
    z-index: 6;
    width: 100%;
    height: 35vh;
    min-height: 500px;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
  }

  .ggle-map {
    z-index: 6;
    margin-top: -80px;
    position: absolute;
    transform: none;
  }

  .container-79 {
    max-width: 1390px;
  }

  .section-55 {
    display: flex;
  }

  .div-block-608.absolute.protection {
    inset: auto 0% 0%;
  }

  .other-web-div.white.less-margin-bottom.above {
    z-index: auto;
  }

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

  .marquee-content.scroll, .marquee-content.scroll.reverse {
    border-top: 2px solid var(--new-outline);
    border-bottom: 2px solid var(--new-outline);
    background-color: var(--new-outline);
    background-image: none;
    padding-top: 1rem;
  }

  .marquee._400-px-wide-p-2 {
    max-width: 100%;
  }

  .text-block, .text-block._2 {
    font-family: Exo, sans-serif;
  }

  .text-color-white.margin-bottom {
    margin-bottom: 10px;
  }

  .dot {
    background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--light-blue), #00d4ff00 69%);
    opacity: 1;
    border: 1px solid #f9f5ff66;
    width: 35px;
    height: 35px;
  }

  ._2-column_image {
    filter: none;
    border-radius: 1.87rem;
    width: 50%;
  }

  ._2-column_image.eval {
    filter: none;
    border-style: none;
    width: 50%;
    transform: rotateX(0)rotateY(180deg)rotateZ(0)translate(0%);
  }

  ._2-column_image.reinforce {
    position: absolute;
    transform: translate(0, 92px);
  }

  ._2-column_image.pooch {
    filter: none;
    width: 50%;
    transform: rotate(0)translate(101%);
  }

  ._2-column_image.smoothop {
    transform: translate(10%);
  }

  ._2-column_image.superme {
    width: 100%;
    height: auto;
  }

  .text-size-medium {
    color: var(--relume-library-lite-rl-white);
    font-size: 1.2rem;
  }

  .timeline_progress_fill {
    opacity: 1;
    background-image: linear-gradient(#161616, #0091ffcc 77%, #00d4ffcc);
  }

  ._2-column_image-wrapper {
    border-style: solid;
    border-radius: 1.87rem;
  }

  ._2-column_image-wrapper.right {
    background-image: url('../images/5dce0280-e449-4a9b-b62f-7275c3268f73_1.avif');
    background-position: 50%;
    background-size: cover;
    min-height: 350px;
    overflow: hidden;
  }

  ._2-column_image-wrapper.bottom-right {
    background-image: linear-gradient(#0000005c, #0000005c), radial-gradient(circle at 100% 100%, #00d4ff66, #fff0 55%), url('../images/14304.jpg');
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
    min-height: 350px;
    overflow: hidden;
  }

  ._2-column_image-wrapper.bottom-right._1 {
    background-image: url('../images/0c6186f5-14b7-4206-ac2c-a1076aa7efa3_1.avif');
    background-position: 50% 10%;
    background-size: cover;
  }

  ._2-column_image-wrapper.top-left {
    background-image: url('../images/5b378b91-23fa-4dd4-99e7-39bd783c85f8_1.avif');
    background-position: 50% 10%;
    background-size: cover;
    min-height: 350px;
  }

  ._2-column_image-wrapper.top-left.code {
    background-image: radial-gradient(circle at 0 0, #00d4ff66, #fff0 55%);
    background-position: 0 0;
    background-size: auto;
  }

  ._2-column_image-wrapper.bottom-left {
    background-image: radial-gradient(circle at 0 100%, #00d4ff66, #fff0 55%), linear-gradient(#000000ad, #000000ad), url('../images/29615.jpg');
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
    width: 100%;
    min-height: 450px;
  }

  ._2-column_image-wrapper.bottom-left.blck {
    background-image: radial-gradient(circle farthest-corner at 0% 100%, #000 22%, #fff0 43%), radial-gradient(circle farthest-corner at 0% 100%, #00d4ff66, #fff0 55%), linear-gradient(to bottom, var(--new-black), var(--new-black));
  }

  ._2-column_image-wrapper.bottom-left.blck.control {
    background-image: url('../images/347b7958-4303-4cff-ad0c-7138ad468220_1.avif'), radial-gradient(circle farthest-corner at 0% 100%, var(--new-black) 22%, #fff0 43%), radial-gradient(circle farthest-corner at 0% 100%, #00d4ff66, #fff0 55%), linear-gradient(to bottom, var(--new-black), var(--new-black));
    background-position: 50%, 0 0, 0 0, 0 0;
    background-size: cover, auto, auto, auto;
  }

  ._2-column_image-wrapper.bottom-left.blck.evaluate {
    background-image: url('../images/fc7cf12f-30df-4b00-9f84-45896d045f5c_1.avif'), radial-gradient(circle farthest-corner at 0% 100%, #000 22%, #fff0 43%), radial-gradient(circle farthest-corner at 0% 100%, #00d4ff66, #fff0 55%), linear-gradient(to bottom, var(--new-black), var(--new-black));
    background-position: 50%, 0 0, 0 0, 0 0;
    background-size: cover, auto, auto, auto;
  }

  ._2-column_image-wrapper.bottom-left.blck.repair {
    background-image: url('../images/hacked-website-repair-perth-it-care_1.avif'), radial-gradient(circle farthest-corner at 0% 100%, #000 22%, #fff0 43%), radial-gradient(circle farthest-corner at 0% 100%, #00d4ff66, #fff0 55%), linear-gradient(to bottom, var(--new-black), var(--new-black));
    background-position: 50%, 0 0, 0 0, 0 0;
    background-size: cover, auto, auto, auto;
  }

  ._2-column_image-wrapper.bottom-left.blck.reinforce {
    background-image: url('../images/website-hardening_1.avif'), radial-gradient(circle farthest-corner at 0% 100%, #000 22%, #fff0 43%), radial-gradient(circle farthest-corner at 0% 100%, #00d4ff66, #fff0 55%), linear-gradient(to bottom, var(--new-black), var(--new-black));
    background-position: 50%, 0 0, 0 0, 0 0;
    background-size: cover, auto, auto, auto;
  }

  ._2-column_image-wrapper._2 {
    filter: brightness(114%) saturate(93%);
    background-image: url('../images/5dce0280-e449-4a9b-b62f-7275c3268f73_1.avif');
    background-position: 50% 10%;
    background-size: cover;
    min-height: 350px;
  }

  ._2-column_image-wrapper.column-30 {
    background-image: url('../images/88b9fb07-45af-4e1e-aeb9-a911bef78dcc_1.avif');
    background-position: 50%;
    background-size: cover;
    min-height: 350px;
  }

  ._2-column_image-wrapper._4 {
    background-image: url('../images/de9002d3-a5b2-4a2d-a1c4-2adfe1f44e6f_1.avif');
    background-position: 50%;
    background-size: cover;
    min-height: 350px;
  }

  ._2-column_image-wrapper._5 {
    background-image: url('../images/ce6ec345-0c30-4415-b7b9-a374a78a2371_1.avif');
    background-position: 50% 0;
    background-size: cover;
    min-height: 350px;
  }

  .main-wrapper-6 {
    z-index: -2;
  }

  .main-wrapper-6.border-bottom {
    z-index: -2;
    border-bottom: 2px none var(--new-outline);
  }

  ._2-column_content {
    position: relative;
  }

  ._2-column_content.rel2 {
    z-index: 2;
    display: block;
  }

  .heading-15 {
    font-size: 4rem;
    line-height: 1.2;
  }

  .imagesurround.decode-2 {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    border-style: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .paragraph-42 {
    color: #333;
  }

  .tab-pane-tab-1-3 {
    overflow: visible;
  }

  .div-block-616 {
    display: flex;
  }

  .text-span-368 {
    color: var(--new-black);
  }

  .div-block-618 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .text-block-138 {
    color: var(--new-black);
    font-weight: 700;
  }

  .div-block-619 {
    position: relative;
  }

  .div-block-620 {
    flex-flow: column;
    justify-content: space-around;
    display: flex;
    position: relative;
  }

  .div-block-625 {
    z-index: 2;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    display: flex;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .grid-15 {
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    width: 60%;
    height: 100%;
    position: absolute;
    inset: 0% 0% 0% auto;
    transform: translate(40%)rotate(45deg);
  }

  .div-block-626 {
    background-image: url('../images/tbs-website_1.avif');
    background-position: 50%;
    background-size: cover;
    border: 8px solid #000;
    border-radius: 25px;
    width: 100%;
    height: 100%;
  }

  .div-block-626._1 {
    width: 100%;
    height: 100%;
  }

  .div-block-626._2 {
    background-image: url('../images/tbs-screenshot-2_1.avif');
    width: 100%;
    height: 100%;
  }

  .div-block-626._3 {
    background-image: url('../images/tbs-screenshot-3_1.avif');
    width: 100%;
    height: 100%;
  }

  .div-block-626._4 {
    background-image: url('../images/tbs-creenshot-4_1.avif');
    width: 100%;
    height: 100%;
  }

  .div-block-626._5 {
    background-image: url('../images/tbs-screenshot-5_1.avif');
    width: 100%;
    height: 100%;
  }

  .div-block-626.gg1 {
    background-image: url('../images/screenshot-gutter-goblins_1screenshot gutter goblins.webp');
  }

  .div-block-626.gg2 {
    background-image: url('../images/gg-screenshot-1_1.avif');
  }

  .div-block-626.gg3 {
    background-image: url('../images/gg-screenshot-2_1.avif');
  }

  .div-block-626.gg4 {
    background-image: url('../images/gg-screenshot-3_1.avif');
  }

  .div-block-626.gg5 {
    background-image: url('../images/gg-screenshot-4_1.avif');
  }

  .div-block-626.jd-1 {
    background-image: url('../images/jd-screenshot-1_1.avif');
  }

  .div-block-626.jd-2 {
    background-image: url('../images/screenshot-3_1.avif');
    background-position: 50%;
  }

  .div-block-626.jd3 {
    background-image: url('../images/jd-screenshot-2_1.avif');
  }

  .div-block-626.jd-4 {
    background-image: url('../images/jd-screenshot-3_1.avif');
  }

  .div-block-626.jd-5 {
    background-image: url('../images/jd-screenshot-5_1.avif');
  }

  .div-block-626.ccms-1 {
    background-image: url('../images/ccms-website_1.avif');
  }

  .div-block-626.ccms-2 {
    background-image: url('../images/ccms-screenshot-4_1.avif');
  }

  .div-block-626.ccms-3 {
    background-image: url('../images/ccms-screenshot-2_1.avif');
  }

  .div-block-626.ccms-4 {
    background-image: url('../images/ccms-screenshot-3_1.avif');
  }

  .div-block-626.ccms-5 {
    background-image: url('../images/ccms-screenshot-5_1.avif');
  }

  .div-block-627 {
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
  }

  .div-block-627.bottom-right {
    inset: auto 0% 0% auto;
  }

  .image-191, .image-192, .image-193 {
    display: block;
  }

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

  .tab-title {
    font-weight: 600;
  }

  .tabs-menu-2 {
    border-radius: 1.87rem;
    margin-bottom: 50px;
    padding: 0;
  }

  .tabs-menu-2.less-margin-bottom {
    max-width: 900px;
    margin-bottom: 15px;
  }

  .tab-link-2 {
    color: #333;
    text-align: center;
    text-transform: uppercase;
    width: 450px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1.5rem;
  }

  .tab-link-2.w--current {
    width: 450px;
    color: var(--new-black);
    text-align: center;
    text-transform: uppercase;
    background-color: #05073500;
    background-image: radial-gradient(circle at 0%, #ff8c00, gold);
    border-radius: 1.87rem 0 0 1.87rem;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 600;
  }

  .tab-link-2._2.w--current {
    border-radius: 0 1.87rem 1.87rem 0;
  }

  .pricing-card {
    background-color: var(--relume-library-lite-rl-white);
    border: 5px solid #0091ff;
    border-radius: 1.87rem;
    justify-content: flex-start;
    min-height: 470px;
  }

  .title-wrap-2.less-margin-bottom {
    margin-bottom: 15px;
  }

  .card-description {
    color: var(--new-black);
    text-align: center;
    text-transform: capitalize;
  }

  .content-section {
    background-image: linear-gradient(180deg, var(--new-black), var(--new-black) 71%, var(--relume-library-lite-rl-white) 71%, var(--relume-library-lite-rl-white));
  }

  .paragraph-small {
    opacity: .9;
    color: #333;
  }

  .container-80 {
    max-width: 1390px;
  }

  .text-block-139 {
    color: var(--combine-library-white);
    text-align: center;
    margin-bottom: 20px;
  }

  .text-block-139.charcoal {
    color: #333;
    margin-top: 50px;
  }

  .text-block-139.charcoal.bigger {
    font-size: 2rem;
    font-weight: 500;
  }

  .text-block-139.charcoal.bigger.black {
    color: var(--new-dark-blue);
  }

  .text-block-139._80-width {
    width: 80%;
  }

  .image-194 {
    width: 30%;
  }

  .tab-pane-tab-2 {
    opacity: 1;
  }

  .margin-bottom {
    width: 70%;
    margin-bottom: 20px;
  }

  .margin-bottom._1-row {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    margin-bottom: 0;
  }

  .margin-bottom.more-margin-bottom {
    margin-bottom: 40px;
  }

  .margin-bottom.more-margin-bottom.margin-top {
    position: relative;
  }

  .margin-bottom.more-margin-bottom.margin-top.rel-1 {
    z-index: 1;
  }

  .div-block-628 {
    border-bottom: 1px #000;
  }

  .text-block-140 {
    color: #333;
    margin-left: -20px;
  }

  .white-stripe {
    border-top: 2px solid var(--relume-library-lite-rl-white);
    background-color: var(--new-black);
    width: 100%;
    height: 15px;
    max-height: 15px;
  }

  .text-block-141 {
    color: #333;
    text-align: center;
    max-width: 1190px;
  }

  .div-block-631 {
    background-color: #0e141b;
    background-image: url('../images/ChatGPT-Image-Aug-19-2025-03_56_39-PM_1.avif'), radial-gradient(circle farthest-corner at 50% 100%, #00d4ff66, var(--new-black) 65%);
    background-position: 50%, 0 0;
    background-size: 745px, auto;
    border-radius: 50%;
    width: 670px;
    height: 670px;
    position: relative;
    box-shadow: 0 2px 20px 4px #0003;
  }

  .div-block-631.fin {
    background-image: url('../images/ChatGPT-Image-Aug-19-2025-04_19_42-PM_1.webp'), radial-gradient(circle farthest-corner at 50% 100%, #00d4ff66, var(--new-black) 65%);
    background-position: 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
  }

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

  .bold-text-9 {
    text-transform: capitalize;
  }

  .grid-16 {
    width: 1390px;
  }

  .text-span-369 {
    font-weight: 600;
    line-height: 2;
  }

  .white-logo {
    background-color: var(--relume-library-lite-rl-white);
  }

  .footerextender {
    background-color: var(--new-black);
    height: 100px;
  }

  .grid-17 {
    grid-template-rows: auto;
  }

  .grid-18 {
    grid-column-gap: 29px;
    grid-template-rows: auto;
  }

  .grid-18.padding-bottom {
    padding-bottom: 5rem;
  }

  .fn-container-grid-2 {
    margin-top: 3.5rem;
    margin-bottom: -2rem;
  }

  .fn-section-off-black {
    background-color: var(--new-black);
    padding-top: 50px;
    padding-bottom: 0;
  }

  .fn-hero-quote {
    color: var(--new-outline);
  }

  .cs-quotes {
    font-size: 3.5rem;
    line-height: 1.2px;
  }

  .div-block-640 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    transform: none;
  }

  .image-197 {
    width: 120px;
    margin-top: 2.5rem;
  }

  .case-study-icon {
    width: 100px;
    max-width: 80px;
    margin-right: 8px;
  }

  .cscolour-wrap {
    background-image: none;
    background-color: transparent;
    border: 0;
    padding: 0;
    border-radius: 1.87rem;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .div-block-643 {
    flex-flow: column;
    order: 0;
    justify-content: center;
    align-items: flex-start;
    display: block;
  }

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

  .image-198 {
    z-index: auto;
    max-width: 100%;
    max-height: 500px;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .image-199 {
    max-width: 100%;
    max-height: 520px;
    position: absolute;
    inset: auto 0% 0% auto;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .tab-pane-tab-1-4 {
    max-width: none;
  }

  .grid-19 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding-top: 3.5rem;
  }

  .div-block-645 {
    position: relative;
  }

  .div-block-646 {
    z-index: 9;
    justify-content: center;
    align-items: flex-end;
    display: flex;
    position: relative;
  }

  .div-block-646.up-15px {
    transform: translate(0, -15px);
  }

  ._4-wide {
    grid-row-gap: 56px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 100%;
    max-width: 1390px;
  }

  .image-200 {
    max-width: 70%;
  }

  .div-block-647 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .link-171 {
    text-decoration: none;
  }

  .body {
    background-color: #0e141b00;
  }

  .section-56 {
    background-color: var(--new-black);
    height: auto;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .text-block-142 {
    color: var(--combine-library-white);
    text-align: center;
    font-family: Exo, sans-serif;
    font-size: 3rem;
    line-height: 1.2;
  }

  .text-block-142.address {
    text-align: left;
    text-transform: capitalize;
    margin-top: 25px;
    font-size: 2.5rem;
  }

  .text-block-142.margin-top.less {
    margin-top: 15px;
  }

  .image-202 {
    filter: saturate(156%);
    width: 350px;
  }

  .div-block-648 {
    border-right: 5px solid var(--new-outline);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-203 {
    border: 2px solid var(--new-outline);
    border-radius: 1.87rem;
    width: 64%;
    max-height: 700px;
    margin-top: 0;
    transform: rotate(0);
  }

  .div-block-649 {
    width: 100%;
    max-height: none;
  }

  .grid-20 {
    grid-template-columns: .75fr 1fr;
  }

  .sig-link {
    color: #ff8c00;
    -webkit-text-fill-color: transparent;
    background-image: radial-gradient(circle at 0 100%, #ff8c00, gold);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 2px;
    margin-bottom: 16px;
    font-size: 1.8rem;
    text-decoration: underline;
  }

  .sig-link.margin-top {
    margin-top: 40px;
  }

  .sig-link.margin-top.white {
    opacity: 100;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    margin-top: 25px;
  }

  .sig-link.white {
    opacity: 100;
    color: var(--relume-library-lite-rl-white);
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    text-decoration: none;
  }

  .div-block-651 {
    width: 95%;
    margin-left: 20px;
  }

  .div-block-652 {
    border: 2px solid var(--new-outline);
    background-image: url('../images/84915e6d-875b-4078-9cdd-b02dac317b7b_removalai_preview.avif'), radial-gradient(circle at 50% 100%, #00d4ff66, #fff0 65%);
    background-position: 50% 10%, 0 0;
    background-size: cover, auto;
    border-radius: 50%;
    width: 280px;
    height: 280px;
  }

  .text-span-370 {
    font-size: 2.5rem;
  }

  .div-block-653 {
    position: relative;
  }

  .image-204 {
    padding-top: 7px;
  }

  .homepage-hero {
    z-index: auto;
    filter: saturate(70%);
    max-width: none;
    height: 100%;
    max-height: none;
    display: inline-flex;
    position: absolute;
    inset: 0% 0% auto auto;
    transform: translate(26%);
  }

  .homepage-hero.av {
    z-index: auto;
  }

  .homepage-hero.clown-image {
    width: auto;
  }

  .homepage-hero.clown-image.webh-mob {
    height: auto;
  }

  .homepage-hero.mob-only {
    display: none;
  }

  .other-it {
    filter: saturate(80%);
    width: 300px;
  }

  .other-it.smaller {
    width: 220px;
  }

  .button-div-horizotal {
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .div-block-654 {
    width: 100%;
    height: 100%;
    padding-left: 0;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .div-block-656 {
    border-top: 5px none var(--light-blue);
    border-bottom: 5px none var(--light-blue);
    background-color: var(--new-black);
    background-image: linear-gradient(to bottom, var(--relume-library-lite-rl-white), var(--relume-library-lite-rl-white));
    width: 100%;
    height: 100%;
    min-height: 0;
    padding-top: 3.5rem;
    padding-bottom: 1rem;
  }

  .div-block-657 {
    z-index: 99;
    border-top: 2px solid var(--relume-library-lite-rl-white);
    width: 100%;
    margin-top: -15px;
    padding-top: 15px;
    position: relative;
  }

  .h-button {
    justify-content: center;
    align-items: flex-end;
    display: flex;
  }

  .image-207 {
    max-width: 1350px;
    transform: translate(10%, 4%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .image-207.cyber {
    max-width: 1150px;
  }

  .image-208 {
    height: 100%;
    inset: auto 0% 0% auto;
    transform: translate(20%);
  }

  .grid-21 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block-661 {
    background-color: var(--untitled-ui-gray50-501);
    border-radius: 1.87rem;
    justify-content: center;
    align-items: center;
    min-width: 250px;
    min-height: 150px;
    text-decoration: none;
    transition: opacity .2s;
    display: flex;
  }

  .div-block-661:hover {
    box-shadow: 0 2px 5px #0003;
  }

  .text-block-150 {
    font-size: 3rem;
  }

  .text-block-151 {
    color: #333;
    font-size: 3rem;
    font-weight: 600;
    text-decoration: none;
  }

  .section-57 {
    margin-top: 50px;
  }

  .text-block-152 {
    color: #475467;
  }

  .text-block-153 {
    color: #333;
    text-align: center;
    margin-top: 40px;
    font-size: 2rem;
    font-weight: 600;
  }

  .div-block-662 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 1300px;
    display: flex;
  }

  .div-block-663 {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    display: flex;
  }

  .heading-16 {
    color: var(--new-black);
  }

  .link-172 {
    color: #333;
  }

  .div-block-664 {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    display: flex;
  }

  .link-173 {
    color: var(--darkorange);
  }

  .div-block-665 {
    border-top: 3px solid var(--relume-library-lite-rl-white);
    width: 100%;
    height: 8%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .div-block-665.phones {
    height: 45px;
    transform: translate(0);
  }

  .div-block-666 {
    background-color: var(--relume-library-lite-rl-white);
    width: 100%;
    height: 90%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .div-block-667 {
    background-color: var(--relume-library-lite-rl-black);
    width: 100%;
    height: 2px;
  }

  .bigger-heading-cs {
    font-size: 4.5rem;
  }

  .div-block-668 {
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
    display: flex;
  }

  .div-block-669 {
    display: none;
  }

  .columns-15 {
    padding-bottom: 3rem;
  }
}

@media screen and (max-width: 991px) {
  .cf-pricing-plan-pointer-text-18px, .cf-body---18px {
    line-height: 150%;
  }

  .cf-different-tabs-content {
    margin-top: 60px;
    margin-left: 0;
  }

  .cf-different-menu {
    grid-column-gap: 20px;
    flex-flow: wrap;
    justify-content: center;
    width: 100%;
    max-width: 660px;
    margin-right: 0%;
  }

  .cf-different-tabs {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .cf-wrapper-1160 {
    flex-direction: column;
  }

  .cf-wrapper-1160.different-flex {
    align-items: center;
    padding-top: 100px;
    padding-bottom: 0;
  }

  .combine-text-size-regular, .combine-text-weight-semibold {
    font-family: Exo, sans-serif;
  }

  .combine-pricing5_details {
    justify-content: flex-end;
    align-items: center;
  }

  .combine-pricing5_table-header.web-hosting {
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
  }

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

  .combine-padding-global.no-padding-tab {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .pricing-section.webh {
    padding-bottom: 0;
  }

  .pricing-section.pad-sides-tab {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .content-container {
    align-items: center;
    max-width: none;
    padding-bottom: 2rem;
    display: flex;
  }

  .content-container.wider.below.right {
    align-items: flex-end;
    display: flex;
  }

  .content-container.centred {
    display: flex;
  }

  .h2-heading-centred {
    padding-left: 20px;
    padding-right: 20px;
  }

  .h2-heading-centred.left {
    width: 90%;
  }

  .pricing-text {
    font-family: Exo, sans-serif;
  }

  .cf-menu-button {
    align-items: flex-start;
    padding: 10px;
    display: flex;
  }

  .cf-menu-button.w--open {
    color: #b16cea;
    background-color: #0000;
    justify-content: space-between;
    display: flex;
    transform: rotate(-90deg);
  }

  .cf-navigation-1-link {
    display: flex;
  }

  .cf-navigation-1-arrow-image {
    width: 40px;
  }

  .cf-navigation-1-link-heading {
    font-size: 36px;
  }

  .cf-navigation-1-number-subtext {
    margin-right: 20px;
    font-size: 18px;
  }

  .cf-navigation-headings-contain {
    width: auto;
  }

  .cf-dropdown-links {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .cf-navigation-1-dropdown-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .cf-dropdown-list-full-wrapper {
    box-shadow: none;
  }

  .cf-dropdown-lists.w--open {
    width: 80%;
    padding-top: 0;
    position: relative;
    top: 0;
  }

  .cf-navigation-1-dropdown {
    margin-left: 0;
  }

  .cf-navigation-1-dropdown.w--open {
    border: 1px #000;
  }

  .cf-navigation-1-dropdown-wrapper {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
    display: flex;
  }

  .cf-navigation-1-links-contain {
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
  }

  .cf-navigation-1-links-wrapper {
    background-color: #fff;
    position: absolute;
    box-shadow: 0 140px 120px #0000001f;
  }

  .cf-navigation-1-logo {
    margin-bottom: 0;
    padding-left: 0;
  }

  .cf-navigation-1-wrapper {
    width: 90%;
  }

  .h3-headings-centred-black {
    width: 90%;
    margin-bottom: 20px;
    line-height: 27px;
  }

  .cf-footer-banner {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cf-footer-bold-text-14px {
    line-height: 150%;
  }

  .cf-social-media-bottom-container {
    width: 50%;
  }

  .cf-footer-right-wrapper {
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .cf-body---18px-2 {
    line-height: 150%;
  }

  .cf-footer-left-wrapper {
    width: 100%;
  }

  .cf-wrapper-1161 {
    flex-direction: column;
  }

  .cf-wrapper-1161.footer-black-flex {
    flex-direction: row;
    padding-top: 0;
    padding-bottom: 57px;
  }

  .reviews {
    height: auto;
    margin-top: 30px;
  }

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

  .margin-bottom.margin-small {
    display: block;
  }

  .margin-bottom.margin-small.absolute {
    width: 100%;
    inset: 0% auto 0% 0%;
    transform: none;
  }

  .margin-bottom.margin-small.absolute.t {
    transform: none;
  }

  .margin-bottom.margin-small.t {
    display: block;
  }

  .faq_wrap-grid {
    grid-template-columns: 1fr;
    padding-left: 10px;
  }

  .html-embed-2 {
    display: block;
  }

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

  .contact-form.wbcf2 {
    height: auto;
    margin-top: 0;
    padding-top: 19px;
    padding-bottom: 20px;
  }

  .text-block-5 {
    margin-bottom: 0;
    margin-left: 29px;
    padding-bottom: 10px;
  }

  .rl_team8_spacing-block-3 {
    padding-bottom: 4.5rem;
  }

  .team-section {
    margin-bottom: 0;
    padding-bottom: 3.5rem;
  }

  .title-box-left, .title-box-left.above-hero {
    margin-left: 25px;
    margin-right: 25px;
  }

  .title-box-left.above-hero.hp.home {
    transform: translate(0, -6.5%);
  }

  .title-box-left.hp.home.tablet {
    padding-top: 15px;
    transform: none;
  }

  .web-recovery-and-repair-services {
    padding-top: 5.3rem;
    padding-bottom: 9.2rem;
  }

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

  .page-padding {
    z-index: 1;
    padding-top: 0;
    position: relative;
  }

  .faq_wrap-grid-2 {
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .faq_title-wrap-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 0;
    display: flex;
  }

  .text-block-43 {
    font-size: 8rem;
  }

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

  .h3-full-stop {
    text-transform: none;
  }

  .faq-web-design-perth {
    flex-wrap: wrap;
    padding-top: 0;
    padding-bottom: 24px;
  }

  .rl_blog33_spacing-block-8 {
    padding-bottom: 3.5rem;
  }

  .rl_blog33_list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .rl_blog33_spacing-block-3 {
    padding-bottom: 4.5rem;
  }

  .rl-padding-section-large-8 {
    padding-top: 0;
    padding-bottom: 6rem;
  }

  .rl-padding-section-large-8.no-padding {
    padding-bottom: 0;
  }

  .our-local-services {
    width: 100%;
    padding-bottom: 0;
  }

  .our-local-services.hp {
    padding-bottom: 0;
  }

  .featured-blogs {
    padding-top: 0;
  }

  .managed-it-support {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }

  .contact-us {
    width: 100%;
  }

  .image-hero {
    background-position: 0 0, 0 0, 0%;
  }

  .image-hero.web-hosting-hero {
    filter: brightness(75%);
    background-image: url('../images/hosting-girl-new-with-feather_1hosting girl new with feather_00000.webp');
    background-position: 75%;
    background-size: cover;
  }

  .image-hero.web-rescue-hero {
    filter: brightness(80%);
    background-position: 60%;
  }

  .image-hero.home-page-hero {
    filter: brightness(80%);
  }

  .image-hero.web-design {
    background-position: 75%;
    width: 100%;
  }

  .image-hero.maintenance-hero {
    z-index: auto;
    filter: blur(3px);
    background-position: 32%;
  }

  ._150-image {
    background-image: url('../images/home-hero-2_1home hero 2.webp');
  }

  ._150-image._3 {
    background-image: url('../images/web-managment_1web managment.webp');
    background-position: 90%;
  }

  ._150-image._4 {
    background-image: url('../images/third-party-horiztonal_1third party horiztonal.webp');
    background-position: 50% 100%;
    background-size: auto;
  }

  ._150-image._2 {
    background-image: url('../images/website-maintenance-hero_1website maintenance hero.webp');
  }

  .demo-wrapper {
    flex: 0 auto;
  }

  .moving-section {
    clear: both;
  }

  ._150-image-wrapper-outer {
    justify-content: center;
    align-items: flex-start;
  }

  .browser-demo {
    flex-direction: column;
    justify-content: center;
    width: 700px;
    height: 500px;
    margin-bottom: 100px;
  }

  .demo-container {
    clear: both;
    flex-direction: row;
    justify-content: center;
    display: flex;
    overflow: hidden;
  }

  .resize-text {
    color: #ce3434;
    text-align: center;
    background-color: #0000;
    width: auto;
    max-width: 480px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.2;
  }

  .demo-right-arrow-wrapper {
    position: fixed;
  }

  ._150-image-wrapper-inner {
    width: 200vw;
  }

  .custom-code-wrap {
    overflow: hidden;
  }

  .dropdown-toggle {
    color: #eee;
    justify-content: space-between;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 24px;
    display: flex;
  }

  .dropdown-toggle.w--open {
    color: #eee;
  }

  .mega-category-list {
    display: none;
  }

  .tablet-mobile-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .navigation-links {
    display: flex;
  }

  .projects-search-wrapper {
    grid-template-columns: 1fr;
  }

  .nav-list-item {
    height: auto;
    font-size: 16px;
  }

  .nav-list-item.nav-layout {
    color: #fff;
    letter-spacing: 2px;
    min-height: 60px;
    padding: 15px 24px;
    font-size: .95rem;
  }

  .dropdown-title {
    color: #fff;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 5px 11px 5px 0;
    font-size: .95rem;
    font-weight: 300;
    line-height: 1.25;
  }

  .tablet-mobile-nav-links {
    padding: 7px 11px;
    display: flex;
  }

  .left-navbar {
    width: 100%;
  }

  .menu-wrapper {
    display: block;
  }

  .nav-menu {
    display: none;
  }

  .large-menu-wrapper {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    padding-top: 75px;
    padding-bottom: 0;
  }

  .dropdown-lottie {
    filter: invert();
    justify-content: center;
    align-items: center;
    width: 18px;
    margin-left: 24px;
    display: flex;
  }

  .nav-btn-text {
    color: #fff;
    font-size: .65rem;
  }

  .mega-menu-overlay {
    display: block;
  }

  .nav-link {
    margin-left: 7px;
    margin-right: 7px;
    padding: 20px 12px;
    font-weight: 700;
    text-decoration: none;
  }

  .nav-link.w--current {
    color: #090b19;
  }

  .nav-link-hover-button {
    background-color: #ff8c00;
  }

  .dropdown-list {
    background-color: #fff;
    position: relative;
    inset: 0% 0% auto;
    overflow: hidden;
  }

  .dropdown-list.w--open {
    background-color: #0000;
  }

  .mega-navbar {
    display: block;
  }

  .dropdown {
    border-bottom: 1px solid #e2e7f180;
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .dropdown.top {
    border-top: 1px solid #e2e7f180;
  }

  .text-block-80 {
    text-transform: none;
  }

  .text-block-80.alt-capitals {
    text-transform: uppercase;
  }

  .div-block-227, .text-block-81, .text-block-82, .text-block-83, .text-block-85, .text-block-86 {
    text-transform: none;
  }

  .nav-section {
    display: none;
  }

  .mini-h1.white, .mini-h1.white.not-white-on-desktop {
    color: #fff;
  }

  .contact.less-top-padding.contact-form {
    overflow: hidden;
  }

  .div-block-228 {
    border-width: 5px;
    margin-left: 0;
    padding-top: 20px;
  }

  .text-block-95 {
    width: 90%;
  }

  .testimonials {
    background-image: linear-gradient(#f9fafb 17%, #ff8c00 17%);
    padding-top: 3.5rem;
    padding-bottom: 0;
  }

  .message-before-contact-form {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .rl_testimonial15_divider {
    display: block;
  }

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

  .rl_testimonial15_client.margin-top {
    z-index: 1;
    width: 100%;
    position: relative;
  }

  .rl_layout1_content-9.general-web-repair, .rl_layout1_content-9.lost-and-broken {
    padding: 0;
  }

  .rl_layout1_content-9.wordpress-web-repair {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .rl_layout1_content-9.website-reformatting {
    margin-bottom: 0;
  }

  .rl_layout1_component-9 {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .slow-websites {
    padding-bottom: 33.8rem;
  }

  .paragraph-9 {
    font-size: .8rem;
  }

  .rl_layout192_component-5 {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .rl-padding-section-large-9 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .website-maintenance-pricing {
    padding-bottom: 0;
  }

  .uui-layout75_list {
    grid-template-columns: 1fr 1fr;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-layout09_component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .h2-heading-new.multi-colour._48-rem.margin-top.backups, .h2-heading-new.multi-colour._48-rem.cs {
    width: 90%;
    font-size: 2rem;
  }

  .h2-heading-new.multi-colour.large.colour-more-black.white.above {
    width: 100vw;
  }

  .h2-heading-new.multi-colour.large.colour-more-black.white.above.faqheading {
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .h2-heading-new.multi-colour.faq.marcus {
    border-left-width: 3px;
    width: 70%;
  }

  .h2-heading-new.multi-colour.centered.integrity-review {
    width: 90%;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.decode-review.decode-bigger {
    width: 100%;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.bigger {
    width: 95%;
  }

  .h2-heading-new.multi-colour.centered.blue {
    font-size: 3rem;
    line-height: 1.2;
  }

  .h2-heading-new.multi-colour._80-rem.more-line-space, .h2-heading-new.multi-colour.dont-stress-web-r {
    width: 90%;
  }

  .h2-heading-new.under-h1.white.smaller.web-h-heading {
    text-shadow: 2px 2px 3px #000;
  }

  .h2-heading-new.under-h1.white.smaller.web-h-heading.trans.less-shadow {
    opacity: 0;
  }

  .h2-heading-new.under-h1.white.homepage {
    text-shadow: 0 1px 3px #000;
  }

  .h2-heading-new.h3-size.menu.white.bigger._70-tablet {
    width: 70%;
    line-height: 1.2;
  }

  .h2-heading-new.multi-colour.faq.white.smaller {
    opacity: 100;
  }

  .image-100.image-reasons-hacked {
    width: 50%;
    height: auto;
  }

  .div-block-269.wd-option {
    border-top-left-radius: 1px;
  }

  .uui-layout32_timeline-step {
    grid-column-gap: 24px;
  }

  .uui-layout32_component {
    grid-column-gap: 2rem;
  }

  .uui-padding-vertical-xhuge-3 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-block-274 {
    filter: brightness(90%);
  }

  .uui-layout79_content {
    grid-column-gap: 3rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
  }

  .uui-layout79_content.protection-grid {
    z-index: 1;
    position: relative;
  }

  .uui-padding-vertical-xhuge-4 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .protection {
    padding-bottom: 0;
  }

  .image-102 {
    width: 70%;
  }

  .image-102.syringe-apple-bottom-left-curve {
    width: 65%;
    height: auto;
  }

  .div-block-278.white-and-no-shadow.blue-border-right.clear.no-border.margin1920-bottm {
    border-top-right-radius: 0;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-278.clear {
    margin-left: 10px;
  }

  .uui-layout97_list {
    grid-template-columns: 1fr 1fr;
  }

  .uui-layout97_content {
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-5 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-layout75_list-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

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

  .div-block-282 {
    width: 60%;
    height: 80%;
    transform: translate(-8%, -20%);
  }

  .div-block-283 {
    background-position: 20%;
    height: 55%;
    transform: translate(0, 25%);
  }

  .div-block-283.it {
    transform: translate(13%, 8%);
  }

  .div-block-284 {
    border-right-style: solid;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding: 1.5rem;
    display: flex;
  }

  .div-block-284.smaller-div {
    max-height: none;
  }

  .div-block-285 {
    padding: 1.5rem;
  }

  .div-block-287 {
    max-width: 35rem;
  }

  .image-103 {
    width: 75%;
    transform: translate(-30%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .image-103.hidden-mobile {
    display: none;
  }

  .image-103.alt-mobile-image {
    display: block;
    transform: translate(-30%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .div-block-289 {
    background-position: 45%;
    width: 55%;
  }

  .div-block-291.website-refor {
    background-position: 0 29%;
    transform: translate(-5%);
  }

  .hover-text-header-outline {
    font-size: 4.5rem;
  }

  .hover-text-header-outline.web-r {
    font-size: 3.7rem;
  }

  .hover-text-header {
    font-size: 4.5rem;
  }

  .hover-text-header.web-r {
    font-size: 3.7rem;
  }

  .hover-text-section.left-gap {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-left: 0%;
  }

  .logo-carousel-item {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .review-surround {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .review-surround.rel-5 {
    width: 98%;
  }

  .review-surround.rel-5.centred.less-height {
    border-width: 5px;
    width: 100%;
    padding-left: 10px;
  }

  .review-surround.rel-5.centred.less-height.proof-card.proof--ribbon {
    border-width: 5px;
  }

  .div-block-296 {
    border-radius: 0 0 2rem 2rem;
    width: 95%;
  }

  .div-block-296.absolute {
    border: 1px solid #33333340;
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-296.more-padding {
    width: 95%;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .div-block-298, .div-block-299 {
    padding-bottom: 0;
  }

  .div-block-302 {
    width: 85%;
    margin-left: 0%;
  }

  .div-block-302.marcus {
    box-shadow: none;
  }

  .hero-heading.below.homepage {
    font-size: 3vw;
    font-weight: 700;
    line-height: 4.5vw;
  }

  .hero-heading.below.homepage.white.hp.no-shadow {
    margin-top: 20px;
  }

  .hero-heading.below.web-m-below {
    max-width: 60rem;
  }

  .hero-heading.homepage {
    font-size: 4rem;
    line-height: 5rem;
  }

  .hero-heading.web-h-heading {
    max-width: 40rem;
    font-size: 7vw;
    line-height: 8.5vw;
  }

  .hero-heading.webmhead {
    max-width: 60rem;
  }

  .image-110 {
    z-index: 99999;
    width: 80%;
    transform: translate(-26%);
  }

  .uui-padding-vertical-xhuge-7 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-blogsection11_item {
    grid-column-gap: 2rem;
  }

  .uui-blogsection11_list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .uui-blogsection11_layout {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .image-111 {
    width: 1150px;
    max-width: none;
    transform: rotate(.2deg)translate(0%, -13%);
  }

  .html-embed-8 {
    display: block;
    transform: rotate(-.2deg)translate(-2px, -5%);
  }

  .div-block-307 {
    background-image: radial-gradient(circle farthest-side at 100% 0, #f9fafbe6, #333333e6), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 50% 5%;
    background-size: auto, 2500px;
  }

  .div-block-308 {
    border: 1px solid #33333340;
    width: 98%;
    height: 77%;
    transform: translate(1%, 30%);
    box-shadow: 0 2px 5px #0003;
  }

  .div-block-309 {
    width: 90%;
    margin-right: 0%;
  }

  .div-block-309.web-h-version {
    width: 95%;
    margin-right: 0%;
  }

  .uui-layout75_list-3.web-h-grid {
    grid-template-columns: 1fr 1fr;
  }

  .uui-padding-vertical-xhuge-8 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-block-313.darker-version {
    z-index: 99;
  }

  .div-block-314.customer-exp {
    width: 95%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-block-314.your-it-should {
    border: 1px solid #33333340;
    width: 95%;
    padding-bottom: 3.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-block-315.opposite {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-316 {
    z-index: 1;
    flex-direction: row;
    justify-content: flex-end;
    align-self: flex-end;
    width: 73%;
    margin-left: 0%;
    margin-right: 10px;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .div-block-317 {
    width: 90%;
  }

  .image-116.below.hacked-image-hop {
    z-index: 9;
  }

  .uui-text-size-medium-6.white._55-width {
    max-width: 70%;
    font-size: 1rem;
  }

  .image-122 {
    display: none;
  }

  .div-block-321 {
    width: 90%;
  }

  .image-125 {
    position: static;
  }

  .customer-experience {
    padding-bottom: 32.1rem;
  }

  .customer-experience.wh {
    padding-bottom: 0;
  }

  .website-burden {
    padding-bottom: 28.7rem;
  }

  .website-burden.it-version {
    padding-bottom: 7rem;
  }

  .image-126.it-run-better-image {
    width: 100%;
    max-width: 100%;
    position: static;
    transform: none;
  }

  .it-support-services {
    padding-bottom: 7.5rem;
  }

  .image-131 {
    transform: translate(56%, 5%);
  }

  .flower-wrap {
    justify-content: flex-end;
    align-items: flex-end;
    height: auto;
    display: flex;
  }

  .web-h-quote {
    width: 100%;
  }

  .hacked-signs-section {
    padding-bottom: 6.2rem;
  }

  .phones-hero-image {
    filter: brightness(60%);
    width: auto;
    max-width: none;
    height: 90%;
  }

  .div-block-327 {
    width: 80%;
  }

  .div-block-327.alt {
    margin-top: 50px;
  }

  .uui-layout56_content {
    position: relative;
  }

  .uui-layout56_component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .uui-padding-vertical-xhuge-11 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-block-329 {
    flex-direction: column;
  }

  .uui-team09_list {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .uui-team09_component {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-padding-vertical-xhuge-12 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-block-342, .text-block-114.white.hidden-tab {
    display: none;
  }

  .image-145 {
    filter: brightness(60%);
    width: 150%;
    max-width: 150%;
    transform: translate(-35%, 10%);
  }

  .image-145.web-o {
    transform: none;
  }

  .uui-layout97_content-2 {
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-14 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-layout97_list-3 {
    grid-template-columns: 1fr;
  }

  .image-148.teams-image {
    width: 78%;
  }

  .image-148.webr-image {
    width: 79%;
  }

  .div-block-355.it-div {
    width: 95%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .link-block-31, .link-block-32 {
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .div-block-359.min-width {
    padding-top: 0;
  }

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

  .uui-blogsection11_list-2 {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .uui-blogsection11_layout-2 {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-blogsection11_layout-2.right.hosting-version {
    grid-column-gap: 2.25rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-15 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-block-370 {
    justify-content: center;
    align-items: center;
  }

  .div-block-371.centred, .div-block-373, .div-block-376 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-376.web-h-quote {
    padding-top: 0;
  }

  .div-block-382 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .rl-padding-section-large-11 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .navigation {
    display: none;
  }

  .white-section {
    flex: 1;
    order: 0;
    align-self: auto;
    padding-top: 0;
    padding-left: 60px;
    padding-right: 60px;
  }

  .white-section.margin-top.padding-top.white.no-up {
    transform: none;
  }

  .text {
    font-size: 16px;
    line-height: 22px;
  }

  .counter-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .counter-section.less-padding-top {
    padding-bottom: 0;
    transform: none;
  }

  .large-numbers.smaller {
    font-size: 40px;
  }

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

  .number-wrap.free-of-charge {
    margin-top: -15px;
    padding-top: 30px;
  }

  .is-main {
    font-size: 3rem;
  }

  .tabs-content {
    width: 100%;
  }

  .tabs-menu {
    flex-direction: row;
    justify-content: center;
    width: 100%;
    padding-top: 10px;
  }

  .price-illustration {
    display: none;
  }

  .price-illustration.wwh-right.flip._365 {
    z-index: 1;
    display: block;
    transform: translate(10%);
  }

  .price-illustration.wwh-right.flip.general, .price-illustration.wwh-right.lost-and-broken, .price-illustration.wwh-right.reformatting {
    display: block;
  }

  .price-illustration.wwh-right.wp {
    z-index: 1;
    display: block;
    transform: translate(15%, -20%);
  }

  .price-illustration.wwh-right.ecom {
    display: block;
    transform: translate(16%, -15%);
  }

  .subtitle.narrow.charcoal {
    padding-top: 0;
  }

  .subtitle.narrow.charcoal.margin-top.no-margin-top-tablet {
    margin-top: 0;
  }

  .subtitle.narrow.smaller-text-tablet {
    font-size: 1.05rem;
  }

  .tabs {
    flex-direction: column;
  }

  .price-card-dark {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
  }

  .title-wrap {
    margin-bottom: 60px;
  }

  .tab-link {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 26px;
  }

  .container-73 {
    max-width: 90%;
  }

  .tabs_menu {
    width: 50%;
    margin-top: 40px;
  }

  .tab_item {
    width: 22%;
  }

  .slider-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-direction: column;
  }

  .slider-content {
    height: auto;
  }

  .heading-style-h1-2.centred {
    font-size: 2.5rem;
  }

  .heading-style-h1-2.white._90, .heading-style-h1-2.above.white {
    font-size: 3rem;
  }

  .slider-tab {
    margin-top: 3rem;
  }

  .marquee-title {
    font-size: 30px;
    line-height: 35px;
  }

  .triple-circle {
    inset: 0% 0% 0% auto;
    transform: translate(29%, -30%)rotateX(180deg)rotateY(180deg)rotateZ(0);
  }

  .heading-4.black {
    max-height: none;
  }

  .heading-4.black._10rem.above {
    max-height: none;
    font-size: 6vw;
  }

  .button.lighter.black-border {
    text-align: center;
    min-width: 230px;
  }

  .button-101 {
    text-align: center;
    width: 98%;
    min-width: 230px;
  }

  .bg-blue-wave {
    background-position: 50% 101%;
    background-size: auto;
  }

  .tab {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .tab-image-wrapper {
    max-height: none;
  }

  .tab-grid {
    flex-direction: column;
  }

  .tab-container {
    flex: 0 auto;
  }

  .tab-menu {
    justify-content: flex-start;
  }

  .div-block-476.margin-top {
    z-index: 1;
    position: relative;
  }

  .fn-heading-2 {
    margin-bottom: 12px;
    font-size: 3rem;
  }

  .fn-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-481 {
    width: 95%;
    max-width: 1300px;
  }

  .column-40 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .columns-10 {
    width: 95%;
    max-width: 1300px;
  }

  .gie-decor-2 {
    background-size: cover;
    top: -2.5em;
  }

  .footersection {
    padding-bottom: 24.9em;
    font-size: 1.3vw;
  }

  .gie-wrap-4 {
    margin-left: 2em;
  }

  .gie-wrap-4.non-mob-hidden {
    display: none;
  }

  .gie-logo-1 {
    max-width: 160px;
  }

  .uui-text-size-medium-10.centred._100._80-tablet {
    width: 80%;
  }

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

  .uui-layout34_component {
    grid-template-columns: 1fr 1fr;
  }

  .uui-layout34_component._4-wide.emergency {
    grid-template-columns: 1fr 1fr;
    width: 80%;
    padding-top: 50px;
  }

  .uui-layout34_component.single-on-tablet {
    grid-template-columns: 1fr;
  }

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

  .uui-container-large {
    max-width: none;
  }

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

  .section-32.black-border-bottom.border-top.hp-only {
    z-index: 6;
    transform: translate(0, 20px);
  }

  .div-block-498 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-498.rel-5.test.proof-card.proof--ribbon {
    max-width: 100%;
  }

  .div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.blob-glow.tablet {
    opacity: 1;
    transform: translate(107%, -44%);
  }

  .div-block-501 {
    flex-flow: column;
  }

  .column-42 {
    justify-content: flex-start;
    align-items: center;
  }

  .button-104.is-icon.background-color-blue.hide-mobile-portrait {
    padding-left: .85rem;
    padding-right: .85rem;
  }

  .nav__main {
    padding-top: 1.9rem;
  }

  .nav__main-static {
    right: 10.5rem;
  }

  .nav__link {
    padding-left: .85rem;
    padding-right: .85rem;
  }

  .navbutton-surround {
    display: none;
  }

  .kjd-b-wrap-4 {
    margin-top: 3em;
    margin-left: -25.8em;
  }

  .kjd-b-dropdown-1, .kjd-b-wrap-1 {
    align-items: center;
    display: flex;
  }

  .kjd-b-list-1.w--open {
    position: absolute;
    inset: 0% 0% auto;
  }

  .div-block-507.centred {
    display: none;
  }

  .herobox-text.webr.trans {
    opacity: 0;
  }

  .herobox-text.webr.mob-v {
    text-align: center;
    width: 33%;
    min-width: 0;
    max-width: 33%;
  }

  .herobox-text.webr.mob-v.right-margin {
    margin-right: 5px;
  }

  .sticky-text_wrapper.steps {
    margin-top: 3vh;
    margin-bottom: 3vh;
  }

  .circle-number {
    margin-top: 0;
    margin-bottom: 24px;
  }

  .phone-mock_border {
    border-width: 8px;
    border-radius: 1.5em;
  }

  .phone-screen_wrapper {
    border-radius: 1.2em;
  }

  .phone-mock {
    border-radius: 1.5em;
    width: 90%;
    padding: 8px;
  }

  .phone-mock_tab {
    height: 3vw;
  }

  .div-block-38 {
    min-height: 450px;
    max-height: 400px;
  }

  .div-block-43 {
    width: 95%;
    height: auto;
    padding-left: 0;
  }

  .div-block-43.white, .div-block-43.white-gradient {
    width: 100%;
  }

  .div-block-34 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .horizonal-scroll-content {
    grid-template-columns: 1fr;
    width: auto;
  }

  .main-sections.margin-top.white.margin-bottom._100 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .medium-head.cented, .medium-head.cented.black.semi {
    font-size: 3rem;
  }

  .div-block-35.absolute.signs {
    transform: none;
  }

  .section-35.centred.white-top.less-padding-bottom {
    background-image: linear-gradient(180deg, var(--relume-library-lite-rl-white) 75%, var(--new-black) 75%);
    flex-flow: column;
  }

  .section-36 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .section-36.white.less-margin-top.no-overflow.no-margin-bottom-tablet {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 5px;
    display: flex;
  }

  .square-icon.mg-right-24px.mg-bottom-16px-t {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .card.icon-left---content-right {
    flex-direction: column;
    padding-left: 32px;
    padding-right: 32px;
  }

  .heading-11 {
    font-size: 3rem;
  }

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

  .bigger-hero-text.gradient, .bigger-hero-text.trans.trans-border {
    font-size: 4rem;
  }

  .bigger-hero-text.band-reveal {
    font-size: 7vw;
  }

  .bigger-black-text {
    font-size: 2.9rem;
    line-height: 1.2;
  }

  .bigger-black-text.white-bigger.smaller.hp.gradient.bigger, .bigger-black-text.white-bigger.smaller.hp.gradient.bigger.opp-gradient, .bigger-black-text.white-bigger.smaller.hp.trans-border.bigger {
    font-size: 4rem;
  }

  .bigger-black-text.bigger.band-reveal {
    font-size: 8vw;
  }

  .bigger-black-text.band-reveal {
    font-size: 4rem;
  }

  .rl-padding-section-large-12 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .rl-heading-style-h2 {
    font-size: 2.75rem;
  }

  .rl_layout207_component {
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-layout34_component-2 {
    grid-template-columns: 1fr 1fr;
  }

  .uui-layout34_component-2._4-wide.less-gap-vertical._1590-wide.margin-bottom._2-wide-tablet {
    grid-template-columns: 1fr 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .uui-layout34_content-2.centred {
    align-items: center;
  }

  .uui-layout34_content-2.centred.hidden {
    display: none;
  }

  .uui-padding-vertical-xhuge-16 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .div-block-533, .div-block-535, .div-block-537 {
    flex-flow: column;
  }

  .div-block-538.argin-bottom.less-margin-top {
    background-image: linear-gradient(180deg, #fff0 60%, var(--new-black) 60%);
    flex-flow: column;
  }

  .div-block-540 {
    flex-flow: column;
  }

  .spark-section {
    padding-top: 104px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .spark-hero-section-left-side {
    width: 100%;
  }

  .spark-checked-item {
    width: 98%;
    max-width: none;
  }

  .spark-checked-item.cllour-backed {
    max-width: none;
  }

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

  .div-block-545.decode-im-2 {
    position: static;
  }

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

  .mask {
    width: 100%;
  }

  .div-put {
    height: 580px;
  }

  .section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider-image-container {
    height: 45%;
  }

  .arrow.l {
    right: 15%;
  }

  .slide {
    width: 55%;
  }

  .uui-padding-vertical-xhuge-17 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .image-189 {
    border-bottom-right-radius: 47%;
    width: 310px;
  }

  .image-189.pops {
    border-bottom-right-radius: 41%;
    border-bottom-left-radius: 45%;
    transform: translate(-10px);
  }

  .div-block-555.adrian {
    width: 300px;
    height: 300px;
  }

  .waves-forhero.home {
    display: block;
  }

  .fn-features-card:hover {
    border-color: #0f1213;
  }

  .paragraph-39 {
    margin-left: 4px;
    margin-right: 4px;
  }

  .div-block-567 {
    max-width: 100%;
    padding-top: 5rem;
  }

  .accordion_vertical-component.current {
    height: auto;
  }

  .mask-horizontal {
    flex-flow: column;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 3rem;
  }

  .accordions_vertical {
    width: 100%;
    max-width: none;
    padding-top: 0;
  }

  .header-wrap {
    padding-bottom: .5rem;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .grid-10.service-menu-hp {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .grid-6-columns.logo-strip {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section-53 {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .section-53.small {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .spark-container-2, .spark-container-2.margin-bottom {
    max-width: 100%;
  }

  .spark-section-2 {
    padding-top: 104px;
    padding-left: 0;
    padding-right: 0;
  }

  .spark-section-2.more-padding-bottom, .spark-section-2.no-padding-top-tab {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .spark-section-2.no-padding-toip-tablet {
    padding-top: 0;
  }

  .spark-tab._3 {
    min-width: 30%;
    padding: 20px 10px;
    font-size: 1rem;
  }

  .spark-tab._3.w--current {
    min-width: 30%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .spark-tabs-menu {
    flex-flow: column;
    margin-bottom: 64px;
    margin-left: 32px;
    margin-right: 32px;
  }

  .spark-tabs-content {
    padding-top: 0;
  }

  .spark-wrapped-card {
    width: 45%;
  }

  .container-large-3 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .card-img {
    display: none;
  }

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

  .cards-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .main-wrapper-4 {
    overflow: auto;
  }

  .card_component {
    width: 30rem;
  }

  .card_component:hover {
    opacity: 1;
  }

  .card_scroll {
    width: auto;
  }

  .lottie-animation-2.flip.web-repair.relative.cog {
    z-index: 1;
    width: 7rem;
    height: 7rem;
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute {
    transform: translate(50%, -26%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.password.services {
    transform: translate(-5%, -8%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .div-block-580.mobile-device-padding-sides {
    padding-left: 20px;
    padding-right: 20px;
  }

  .uui-blogsection03_heading-wrapper {
    grid-column-gap: 3rem;
  }

  .uui-blogsection03_button-row {
    flex: none;
  }

  .uui-blogsection03_heading {
    margin-right: 3rem;
  }

  .uui-blogsection03_list {
    grid-template-columns: 1fr 1fr;
  }

  .uui-padding-vertical-xhuge-18 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .wheel-slider {
    position: relative;
  }

  .swiper-slide {
    width: 45%;
    height: 40vh;
    transform: none;
  }

  .swiper-slide.details-slide {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
    height: 32vh;
  }

  .swiper-nav-btn.next {
    right: 16%;
  }

  .swiper-nav-btn.prev {
    left: 16%;
  }

  .slide-heading-2 {
    font-size: 36px;
  }

  .big-menu-heading.cyber {
    -webkit-text-stroke-width: 1.5px;
  }

  .big-menu-heading.cyber.lost-broken {
    -webkit-text-stroke-width: 1.5px;
    font-size: 9vw;
  }

  .grid-11, .grid-11.max-width {
    grid-template-columns: 1fr;
  }

  .div-block-587 {
    margin-top: 25px;
  }

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

  .block_wrap {
    width: 50%;
  }

  .marquee-content.scroll.reverse {
    padding-top: .5rem;
  }

  ._2-column_image-wrapper.bottom-left.blck.repair {
    background-position: 50% 0, 0 0;
  }

  .main-wrapper-6 {
    z-index: -2;
  }

  ._2-column_item_component {
    grid-column-gap: 1.5rem;
    grid-template-columns: 1fr 3px 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

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

  .div-block-616 {
    flex-flow: column;
    padding-top: 25px;
  }

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

  .container-80 {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .grid-16 {
    grid-template-columns: 1fr;
    width: 98%;
  }

  .fn-container-grid-2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .fn-section-off-black {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .fn-heading-jambo {
    font-size: 76px;
  }

  .fn-hero-quote {
    display: none;
  }

  .grid-19._2-wide-tablet {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-646 {
    z-index: 5;
    flex-flow: column;
    position: relative;
  }

  .div-block-646.up-15px {
    z-index: 5;
    position: relative;
  }

  ._4-wide.min-height-desktop {
    width: 80%;
  }

  .homepage-hero.clown-image {
    width: 115%;
    max-width: 115%;
  }

  .homepage-hero.mob-only, .div-block-665 {
    display: none;
  }

  .div-block-669 {
    display: flex;
  }

  .div-block-669.trans-tablet {
    opacity: 1;
    display: block;
  }

  .div-block-669.trans-mob {
    display: none;
  }

  .div-block-669.trans {
    opacity: 0;
  }

  .grid-22 {
    grid-row-gap: 45px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-left: 20px;
    margin-right: 20px;
  }

  .grid-23, .grid-24 {
    grid-template-columns: 1fr;
  }

  .div-block-671 {
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .text-under-h1-div {
    min-width: 0;
    display: block;
  }

  .text-under-h1-div.hp {
    display: none;
  }

  .text-under-h1-div.web-r {
    transform: translate(-20%);
  }

  .cf-body---18px {
    font-size: 16px;
  }

  .cf-h3-heading-40px {
    font-size: 22px;
  }

  .cf-different-tab-link {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
  }

  .cf-different-menu {
    grid-row-gap: 10px;
    width: 100%;
  }

  .combine-pricing5_table-item {
    border-bottom: 1px solid var(--combine-library-grey-100);
    padding-bottom: .5rem;
  }

  .combine-pricing5_table-content {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .combine-pricing5_table-content.dark {
    grid-template-rows: auto auto;
  }

  .combine-pricing5_table-content.web-hosting {
    grid-template-columns: 1.5fr 1fr 1fr;
  }

  .combine-pricing5_table-content.no-shadow.pricing-web-m {
    grid-template-columns: 1fr 1fr;
  }

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

  .combine-pricing5_table-header, .combine-pricing5_table-header.web-hosting {
    grid-template-columns: 1fr 1fr;
  }

  .combine-padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .pricing-section.webh {
    padding-bottom: 0;
  }

  .content-container.wider.below.right {
    align-items: center;
    padding-bottom: 30.9rem;
  }

  .h2-heading-centred {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .h2-orange-text-span {
    text-shadow: none;
  }

  .cf-menu-button.w--open {
    color: #b16cea;
  }

  .cf-navigation-1-arrow-image {
    width: 34px;
  }

  .cf-navigation-1-link-heading {
    font-size: 32px;
  }

  .cf-navigation-1-number-subtext {
    font-size: 16px;
  }

  .cf-dropdown-links {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .cf-copyright-text-3 {
    color: #fff;
    font-family: Poppins, sans-serif;
    position: relative;
  }

  .cf-footer-banner.black-banner-version {
    color: #ffffff80;
  }

  .cf-footer-text-link-16px {
    color: #fff;
  }

  .cf-footer-text-link-16px.white-text-footer-link:hover {
    border-bottom-color: #0091ff;
  }

  .cf-footer-sub-grid {
    margin-top: 0;
  }

  .cf-footer-bold-text-14px {
    z-index: 9999;
    padding-bottom: 20px;
    position: relative;
  }

  .cf-footer-links-wrapper-2 {
    margin-top: 60px;
  }

  .cf-footer-center-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .cf-social-media-container.mob-footer {
    margin-left: 13%;
  }

  .cf-footer-right-wrapper {
    justify-content: flex-start;
    align-self: flex-start;
  }

  .cf-body---18px-2 {
    font-size: 16px;
  }

  .cf-body---18px-2.white {
    text-align: left;
  }

  .cf-brand-logo {
    z-index: 10;
    width: 100%;
    display: block;
    position: relative;
  }

  .cf-brand-link-block {
    z-index: 1;
    width: 35%;
    position: relative;
  }

  .cf-footer-left-wrapper {
    align-self: flex-start;
  }

  .cf-wrapper-1161.footer-black-flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer.black-version {
    background-color: #333;
    border-top-style: solid;
    padding-top: 1rem;
    position: relative;
  }

  .reviews {
    height: auto;
    margin-top: 45px;
  }

  .html-embed {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .faq_answer-wrap {
    padding-right: 0;
  }

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

  .html-embed-2 {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .contact-form {
    flex-flow: wrap;
    place-content: stretch center;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 20px;
    display: flex;
  }

  .contact-form.wbcf2 {
    flex-direction: column;
    align-content: center;
    margin-top: 7rem;
    margin-bottom: 7rem;
    padding-top: 20px;
  }

  .text-block-5 {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 20px;
    font-size: 17px;
  }

  .div-block-86 {
    max-width: 1000px;
    margin-bottom: 65px;
  }

  .rl_team8_spacing-block-3 {
    padding-bottom: 3rem;
  }

  .rl_team8_spacing-block-2 {
    padding-bottom: 1.25rem;
  }

  .rl_team8_spacing-block-1 {
    padding-bottom: .75rem;
  }

  .rl-padding-global {
    padding-left: 0%;
    padding-right: 0%;
  }

  .column-25 {
    padding-bottom: 5rem;
  }

  .web-rescue-hero {
    height: 780px;
  }

  .title-box-left {
    justify-content: center;
    align-items: flex-start;
  }

  .title-box-left.above-hero {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .title-box-left.above-hero.web-h.trans {
    display: flex;
  }

  .title-box-left.above-hero.hp.home {
    height: auto;
    min-height: 90%;
    transform: translate(0, .3%);
  }

  .title-box-left.hp.home.tablet {
    height: auto;
    min-height: 90%;
    transform: none;
  }

  .web-recovery-and-repair-services {
    border-top-left-radius: 0;
    padding-bottom: 20rem;
  }

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

  .page-padding, .container-large.is--padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .faq_wrap-grid-2 {
    grid-row-gap: 3rem;
  }

  .dream-big-box {
    display: none;
    top: 41%;
  }

  .text-block-43 {
    font-size: 6rem;
  }

  .rl-padding-section-large-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .faq-web-design-perth {
    min-height: 20vh;
    margin-top: 0;
  }

  .rl_blog33_spacing-block-8 {
    padding-bottom: 2.5rem;
  }

  .rl_blog33_spacing-block-7, .rl_blog33_spacing-block-4 {
    padding-bottom: 1.25rem;
  }

  .rl_blog33_item {
    padding-bottom: 3rem;
  }

  .rl_blog33_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    padding-bottom: 0;
  }

  .rl_blog33_spacing-block-3 {
    padding-bottom: 3rem;
  }

  .rl_blog33_spacing-block-2 {
    padding-bottom: 1.25rem;
  }

  .rl_blog33_spacing-block-1 {
    padding-bottom: .75rem;
  }

  .t-c-heading-h2 {
    font-size: 18px;
  }

  .tandcheading {
    padding-left: 5px;
    padding-right: 5px;
  }

  .seo {
    padding-top: 15rem;
  }

  .rl-padding-section-large-8 {
    padding-top: 1rem;
    padding-bottom: 0;
  }

  .our-local-services {
    width: 100%;
    display: flex;
  }

  .our-local-services.hp {
    flex-flow: column;
  }

  .remote-session {
    padding-top: 13rem;
  }

  .managed-it-support {
    padding-top: 17rem;
  }

  .contact-us {
    width: 100%;
  }

  .image-hero {
    background-position: 0 0, 0 0, 10%;
  }

  .image-hero.web-hosting-hero {
    filter: brightness(50%);
    background-image: url('../images/hosting-girl-new-with-feather_1hosting girl new with feather_00000.webp');
    background-position: 71%;
    background-size: cover;
    border-bottom-left-radius: 50px;
    width: 97%;
    height: 100%;
    margin-left: 1%;
    display: flex;
  }

  .image-hero.web-rescue-hero {
    filter: brightness(70%);
    background-image: url('../images/new-webrescue-hero-trans-background_1new webrescue hero trans background_00000.webp');
    background-position: 70%;
    background-size: cover;
    height: 100%;
  }

  .image-hero.home-page-hero {
    filter: brightness(60%);
    width: 63%;
  }

  .image-hero.web-design {
    filter: brightness(60%);
    background-position: 30%;
  }

  .image-hero.maintenance-hero {
    filter: brightness(69%);
    background-position: 30%;
    width: 80%;
  }

  .subheading-container {
    justify-content: center;
    align-items: center;
    display: flex;
  }

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

  .team-image-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .team-image-container.pops-image {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  ._150-image._4 {
    background-position: 55% 100%;
  }

  ._150-image._2 {
    background-position: 50%;
  }

  .demo-wrapper {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .moving-section {
    width: 100%;
  }

  .browser-demo {
    flex-flow: column;
    justify-content: center;
    width: 400px;
    height: 500px;
    margin-bottom: 100px;
    margin-left: 110px;
    margin-right: 110px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .demo-container {
    background-image: linear-gradient(#0000, #0000);
    background-attachment: scroll;
    align-items: center;
    display: flex;
  }

  .resize-text {
    color: #333;
    line-height: 1.5;
    display: none;
  }

  .dropdown-toggle {
    min-height: 60px;
    padding-left: 18px;
    padding-right: 18px;
  }

  .list-item-arrow {
    width: 14px;
    min-width: 14px;
  }

  .navigation-links {
    grid-template-columns: 1fr;
  }

  .projects-search-wrapper {
    height: 65px;
  }

  .dropdown-title {
    padding: 5px 8px;
  }

  .left-navbar {
    width: 100%;
    min-width: auto;
    padding-left: 0;
  }

  .menu-wrapper {
    display: none;
  }

  .mega-social-wrapper {
    padding-left: 18px;
    padding-right: 18px;
  }

  .large-menu-wrapper {
    grid-template-rows: 65px auto;
  }

  .nav-btn-text {
    letter-spacing: 2px;
  }

  .mega-menu-overlay {
    display: block;
  }

  .nav-link {
    font-size: 10px;
  }

  .nav-link.bottom {
    border-bottom-style: none;
  }

  .mega-navbar, .nav-section {
    display: block;
  }

  .mini-h1.white {
    text-shadow: 0 1px 3px #000;
  }

  .contact {
    padding-bottom: 7.3rem;
  }

  .div-block-228 {
    border-width: 5px;
  }

  .testimonials {
    background-image: linear-gradient(#f9fafb 17%, #ff8c00 17%);
  }

  .uui-testimonial05_content {
    max-width: none;
  }

  .rl_testimonial15_client {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .rl_layout1_spacing-block-3-9 {
    padding-bottom: 1.5rem;
  }

  .rl_layout1_spacing-block-2-9 {
    padding-bottom: 1.25rem;
  }

  .rl_layout1_content-9.general-web-repair {
    width: 100%;
    height: 100%;
    padding: 0;
  }

  .rl_layout1_content-9.lost-and-broken {
    padding: 0;
  }

  .rl_layout1_content-9.wordpress-web-repair {
    padding-left: 10px;
  }

  .rl_layout1_content-9.website-reformatting {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .rl_layout1_component-9 {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .rl_layout1_component-9.wordpress-repair {
    grid-template-columns: 1fr;
  }

  .general-web-repair {
    padding-top: 0;
    padding-bottom: 0;
  }

  .wordpress-web-repair, .website-reformatting {
    margin-top: 0;
  }

  .contact-form-embed {
    z-index: 999;
    position: relative;
  }

  .slow-websites {
    margin-bottom: 7.5rem;
    padding-bottom: 24.6rem;
  }

  .paragraph-9 {
    font-size: 1.5rem;
  }

  .rl_layout192_spacing-block-3-5 {
    padding-bottom: 1.5rem;
  }

  .rl_layout192_spacing-block-2-5 {
    padding-bottom: 1.25rem;
  }

  .rl_layout192_spacing-block-1 {
    padding-bottom: .75rem;
  }

  .rl_layout192_component-5 {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .rl-padding-section-large-9 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .html-embed-6 {
    max-width: 95%;
    height: 260px;
  }

  .image-96.dcode-logo {
    z-index: 1;
    position: relative;
  }

  .website-maintenance-pricing {
    padding-bottom: 0;
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-layout75_icon {
    margin-top: 0;
  }

  .uui-layout75_item {
    width: 80%;
  }

  .uui-layout75_list {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .uui-badge {
    padding: .125rem .5rem;
  }

  .uui-layout75_component {
    align-items: stretch;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

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

  .uui-layout09_component {
    grid-row-gap: 3rem;
  }

  .div-block-266.no-white-border.full.emergency-section {
    width: 60%;
  }

  .h2-heading-new.multi-colour.faq.marcus {
    text-align: center;
    border-left-style: none;
    width: 90%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .h2-heading-new.multi-colour.centered.integrity-review {
    border-left-width: 3px;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.decode-review.decode-bigger {
    background-image: radial-gradient(circle at 0 0, #000 18%, #ff8c00 62%);
    width: 100%;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.bigger {
    font-size: 3rem;
    line-height: 4.5rem;
  }

  .h2-heading-new.multi-colour._80-rem.white._2-5-x-4rem {
    border-left-width: 3px;
    width: 90%;
  }

  .h2-heading-new.under-h1.white {
    text-shadow: 0 1px 3px #000;
  }

  .h2-heading-new.h3-size.menu {
    background-image: radial-gradient(circle at 0 0, #000 11%, #ff8c00 39%);
  }

  .h2-heading-new.h3-size.menu.white.bigger {
    background-image: none;
    font-size: 2rem;
    line-height: 1.2;
  }

  .image-100.image-reasons-hacked {
    width: 55%;
  }

  .div-block-269.wd-option.it-option {
    box-shadow: none;
    border-top-left-radius: 0;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .uui-layout32_component {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .div-block-274 {
    display: none;
  }

  .uui-layout79_content {
    grid-row-gap: 1rem;
  }

  .uui-layout79_component {
    align-items: stretch;
  }

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

  .image-102, .image-102.syringe-apple-bottom-left-curve {
    width: 60%;
  }

  .section-8._100.white.auto-z {
    padding-top: 5.5rem;
  }

  .uui-heading-xxsmall-2 {
    font-size: 1.125rem;
  }

  .uui-layout97_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .uui-heading-medium-2 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-layout97_content {
    grid-row-gap: 1rem;
  }

  .uui-layout97_component {
    align-items: stretch;
  }

  .uui-padding-vertical-xhuge-5 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

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

  .uui-heading-xxsmall-3 {
    color: #333;
    font-size: 27px;
    line-height: 27px;
  }

  .uui-space-xsmall-3 {
    min-height: 1.5rem;
  }

  .uui-layout75_item-2 {
    width: 300px;
  }

  .uui-layout75_list-2 {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .uui-layout75_component-2 {
    align-items: stretch;
  }

  .uui-padding-vertical-xhuge-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-5 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-block-282 {
    height: 50%;
    transform: translate(-8%, -65%);
  }

  .div-block-282.general-web-r.web-r {
    width: 100%;
    height: 500px;
    position: static;
    transform: none;
  }

  .div-block-282.it {
    width: 100%;
    transform: translate(-8%, -86%);
  }

  .div-block-283 {
    transform: translate(0, -30%);
  }

  .div-block-283.faq-web-rescue.hand-lost {
    width: 100%;
    height: 100%;
    position: static;
    transform: none;
  }

  .div-block-283.it {
    width: 100%;
    height: 35%;
    transform: translate(0, -15%);
  }

  .div-block-284 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .div-block-284.smaller-div {
    background-color: #fff;
    border-right-style: solid;
    max-height: 380px;
    margin-left: 20px;
    margin-right: 20px;
    padding-right: 0;
  }

  .div-block-284.general-web-repair {
    border-right-style: solid;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    padding: 1.5rem;
    display: flex;
  }

  .div-block-285 {
    min-height: 450px;
    margin-right: 20px;
    padding: 1.5rem;
    position: static;
  }

  .div-block-285.lost-and-broken {
    margin-right: 20px;
  }

  .div-block-285.managed-it-supp {
    background-color: #fff;
  }

  .div-block-287 {
    width: 95%;
    max-width: none;
  }

  .image-103 {
    width: 100%;
    transform: translate(-30%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .div-block-289 {
    width: 60%;
    height: 80%;
    transform: translate(0, -20%);
  }

  .div-block-289.web-r {
    width: 100%;
    height: 500px;
    margin-bottom: -20%;
    position: static;
    transform: none;
  }

  .div-block-291.website-refor {
    height: 500px;
    margin-bottom: -60px;
    position: static;
  }

  .hover-text-header-outline {
    font-size: 3rem;
  }

  .hover-text-header-outline.web-r {
    font-size: 2.5rem;
  }

  .review-surround {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
  }

  .review-surround.rel-5.centred.less-height.proof-card.proof--ribbon {
    border-width: 5px;
  }

  .div-block-296 {
    border-radius: 0 0 2rem 2rem;
    width: 95%;
  }

  .div-block-296.absolute {
    border-radius: 50px;
    width: 100%;
    height: auto;
  }

  .image-104._2-hands-hp {
    width: 100%;
    max-width: 1000px;
    transform: none;
  }

  .div-block-302.marcus {
    background-color: #f9fafb00;
    border-bottom-left-radius: 50px;
    width: 100%;
  }

  .image-107 {
    z-index: 2;
  }

  .page-wrapper {
    min-height: 680px;
  }

  .hero-heading.below.homepage {
    -webkit-text-stroke-width: 1.5px;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .hero-heading.below.homepage.white.hp.no-shadow {
    -webkit-text-stroke-width: 0px;
  }

  .hero-heading.below.web-m-below {
    font-size: 3rem;
    line-height: 4.5rem;
  }

  .hero-heading.homepage.above-hero {
    -webkit-text-stroke-width: 1.5px;
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .hero-heading.homepage.above-hero.white {
    -webkit-text-stroke-width: 0px;
  }

  .hero-heading.web-h-heading.web-r {
    font-weight: 600;
  }

  .hero-heading.webmhead {
    -webkit-text-stroke-width: 1px;
    font-size: 3rem;
    line-height: 4.5rem;
  }

  .image-110 {
    border-bottom-left-radius: 0;
    width: 100%;
    transform: translate(-26%);
  }

  .uui-padding-vertical-xhuge-7 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-heading-xxsmall-4 {
    font-size: 1.125rem;
  }

  .uui-blogsection11_item-content {
    justify-content: center;
    align-items: flex-start;
    width: 95%;
  }

  .uui-blogsection11_image-wrapper {
    height: 100%;
  }

  .uui-blogsection11_image-link:hover {
    box-shadow: none;
  }

  .uui-blogsection11_item {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
    padding-bottom: 1.5rem;
  }

  .uui-blogsection11_item.padding.industry-types {
    grid-auto-flow: column;
  }

  .uui-blogsection11_list, .uui-blogsection11_layout {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .div-block-307 {
    height: 100%;
  }

  .div-block-308 {
    height: 85.5%;
    transform: translate(1%, 17%);
  }

  .div-block-309 {
    width: 90%;
  }

  .uui-space-xsmall-5 {
    min-height: .75rem;
  }

  .uui-layout75_list-3 {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .uui-layout75_list-3.web-h-grid {
    grid-template-columns: 1fr;
  }

  .uui-layout75_component-3 {
    align-items: stretch;
  }

  .uui-padding-vertical-xhuge-8 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-7 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .before-you-scroll {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-313.darker-version {
    z-index: 99;
  }

  .div-block-314.customer-exp {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 95%;
    margin-left: 0%;
    padding-left: 25px;
    display: flex;
  }

  .div-block-315 {
    align-items: center;
  }

  .div-block-316 {
    z-index: -1;
    border-radius: 50px;
    justify-content: center;
    width: 95%;
    margin-right: 10px;
    position: relative;
  }

  .image-116.below.hacked-image-hop {
    z-index: 9;
    width: 100%;
    max-width: 100%;
    transform: translate(-2%, -70%);
  }

  .uui-text-size-medium-6.white._55-width {
    z-index: 2;
    font-size: 1rem;
    position: relative;
  }

  .image-125 {
    width: 100%;
  }

  .customer-experience {
    padding-bottom: 27.9rem;
  }

  .customer-experience.wh {
    padding-bottom: 0;
  }

  .image-126.it-run-better-image {
    width: 120%;
    max-width: 120%;
  }

  .it-support-services {
    padding-bottom: 18.9rem;
  }

  .onsite-it-support {
    padding-top: 15rem;
  }

  .image-131 {
    inset: 0% 0% auto auto;
  }

  .hacked-signs-section {
    padding-bottom: 0;
  }

  .phones-hero-image {
    filter: brightness(45%);
    transform: none;
  }

  .div-block-327, .div-block-327.alt, .div-block-327.alt.oppcurve {
    min-height: 600px;
  }

  .uui-space-xsmall-7 {
    min-height: .75rem;
  }

  .uui-layout56_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-11 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-10 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-space-xsmall-8 {
    min-height: .75rem;
  }

  .uui-team09_item {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .uui-team09_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-space-medium-2 {
    min-height: 1.5rem;
  }

  .uui-team09_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-12 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-11 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-block-342.web-d.web-m.web-m-only {
    z-index: 1;
    display: none;
  }

  .image-145 {
    transform: translate(-35%, 23%);
  }

  .image-145.web-o {
    width: auto;
    max-width: none;
    height: 90%;
  }

  .div-block-346 {
    z-index: 1;
    height: 8%;
  }

  .uui-layout97_content-2 {
    grid-row-gap: 1rem;
  }

  .uui-layout97_component-2 {
    align-items: stretch;
  }

  .uui-padding-vertical-xhuge-14 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-13 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-layout97_list-3 {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .div-block-359 {
    width: 95%;
  }

  .uui-space-xsmall-11 {
    min-height: .75rem;
  }

  .uui-blogsection11_list-2 {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

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

  .uui-blogsection11_layout-2 {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .uui-blogsection11_layout-2.right.hosting-version {
    grid-template-columns: 1fr;
  }

  .uui-padding-vertical-xhuge-15 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding-14 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-block-370.top.up-top, .div-block-370.up-top {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-371 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .icon-div._50rem-wide.top {
    margin-top: 25px;
  }

  .rl_gallery10_masonry-grid-2 {
    column-count: 1;
    column-gap: 1.5rem;
  }

  .rl-padding-section-large-11 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .div-block-396 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-403 {
    width: 95%;
  }

  .white-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .white-section.no-mragin-bottom {
    transform: none;
  }

  .stat-number {
    font-size: 54px;
    line-height: 60px;
  }

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

  .counter-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .counter-section.less-padding-top {
    padding-top: 10px;
  }

  .large-numbers {
    font-weight: 700;
  }

  .number-wrap {
    grid-column-gap: 20px;
    flex-wrap: wrap;
  }

  .is-main {
    font-size: 2.5rem;
    line-height: 1;
  }

  .price-illustration {
    max-width: 20%;
    display: block;
    bottom: 0%;
  }

  .price-illustration.wwh-right.flip._365 {
    max-width: 40%;
    transform: translate(10%, -30%);
  }

  .price-illustration.wwh-right.flip.general {
    max-width: 45%;
  }

  .price-illustration.wwh-right.lost-and-broken {
    max-width: 50%;
  }

  .price-illustration.wwh-right.reformatting {
    max-width: 40%;
  }

  .price-illustration.wwh-right.wp {
    max-width: 50%;
    transform: translate(15%, -38%);
  }

  .price-illustration.wwh-right.ecom {
    z-index: 1;
    max-width: 50%;
    transform: translate(16%, -62%);
  }

  .subtitle.narrow.charcoal {
    padding-top: 0;
  }

  .content-h1 {
    font-size: 55px;
  }

  .price-card-dark {
    padding-left: 24px;
    padding-right: 24px;
  }

  .tabs-content-3 {
    width: 100%;
  }

  .tabs_menu {
    width: 100%;
    height: 350px;
  }

  .tabs-2 {
    flex-direction: column;
  }

  .tab_item {
    width: 16%;
  }

  .heading-style-h1-2 {
    font-size: 2.5rem;
  }

  .heading-style-h1-2.white._90 {
    line-height: 1.2;
  }

  .arrow-icon {
    width: 10%;
    height: 10%;
  }

  .circle-text.pointer-events-none {
    font-size: 2.8rem;
  }

  .circle-cta {
    width: 28.125rem;
    height: 14.06rem;
  }

  .circle-cta.web-h {
    justify-content: center;
    align-items: center;
    height: 14.06rem;
    transform: translate(-10%, -20%);
  }

  .circle {
    width: 150px;
    height: 150px;
  }

  .marquee-title {
    font-size: 30px;
    line-height: 28px;
  }

  .marquee-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .heading-4.black {
    font-size: 3rem;
  }

  .heading-4.black._10rem.above {
    max-height: none;
    font-size: 3rem;
    line-height: 1.2;
  }

  .tab {
    margin: 10px 0;
  }

  .tab-menu {
    flex-direction: column;
  }

  .button-102.lighter.w--current {
    text-align: center;
  }

  .fn-heading-2 {
    font-size: 34px;
  }

  .fn-section {
    padding-top: 32px;
    padding-bottom: 32px;
    overflow: visible;
  }

  .gie-decor-2 {
    background-size: contain;
    top: -2em;
  }

  .footersection {
    padding-bottom: 27em;
    font-size: 1.69vw;
  }

  .gie-grid-1 {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .gie-decor-1 {
    flex-flow: row;
  }

  .gie-decor-1.footer-logo {
    width: 100%;
    margin-bottom: 20px;
  }

  .gie-wrap-1 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .gie-wrap-4 {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .gie-wrap-4.footer-hidden {
    display: none;
  }

  .gie-wrap-4.non-mob-hidden {
    width: 100%;
  }

  .div-block-487.less-margin-top {
    width: 98%;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-text-size-medium-10._100-mob {
    width: 100%;
  }

  .h3sized-new {
    font-size: 1.25rem;
  }

  .uui-layout34_component {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

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

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-block-494.bottom-margin {
    padding-bottom: 2.5rem;
  }

  .column-41 {
    height: auto;
    position: static;
  }

  .div-block-498 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
  }

  .div-block-498.rel-5.test.proof-card.proof--ribbon {
    z-index: 5;
  }

  .div-block-500.left {
    position: relative;
  }

  .nav__main {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .nav__main-static {
    display: none;
  }

  .navigation-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .kjd-b-wrap-4 {
    box-shadow: 1px 1px 1.2em -.2em #7a4ff469;
  }

  .kjd-b-wrap-1 {
    display: none;
  }

  .kjd-b-link-block-1:hover {
    background-color: #a98bff1a;
  }

  .herobox-text.webr.mob-v {
    width: 47%;
    max-width: 47%;
    font-size: 1rem;
  }

  .phone-mock_wrapper {
    position: absolute;
    left: auto;
    right: -28px;
    overflow: hidden;
  }

  .h3 {
    font-size: 1.7rem;
  }

  .sticky-text_wrapper.steps {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 40px 1fr;
  }

  .circle-number {
    font-size: 1.1rem;
  }

  .circle-number.steps1 {
    width: 40px;
    height: 40px;
    margin-bottom: 16px;
  }

  .circle-number.steps3, .circle-number.steps2, .circle-number.steps4 {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
  }

  .sticky-img_wrapper {
    width: 100%;
  }

  .sticky-container {
    height: auto;
  }

  .paragraph-l {
    font-size: 1.1rem;
  }

  .paragraph-l.cc-sm-small {
    font-size: 1rem;
  }

  .phone-mock {
    width: 150%;
    box-shadow: none;
  }

  .phone-mock_tab {
    border-bottom-right-radius: .5em;
    border-bottom-left-radius: .5em;
    height: 29px;
  }

  .section-34 {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .small-head {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .div-block-34 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .medium-head {
    font-size: 28px;
  }

  .div-block-35.absolute.signs {
    inset: auto 0% 0%;
    transform: none;
  }

  .section-36 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .square-icon {
    border-radius: 12px;
    max-width: 56px;
  }

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

  .heading-11 {
    line-height: 1.2;
  }

  .container-77 {
    width: 100%;
    padding-left: 28px;
    padding-right: 28px;
  }

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

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

  .bigger-hero-text.gradient, .bigger-hero-text.trans.trans-border, .bigger-black-text.smaller.bigger-on-1920.band-reveal {
    line-height: 1.2;
  }

  .bigger-black-text.bigger.band-reveal {
    font-size: 4rem;
  }

  .slider-data-grid {
    grid-template-columns: 1fr 1fr;
  }

  .rl-padding-section-large-12 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .rl-heading-style-h2 {
    font-size: 2.25rem;
  }

  .rl_layout207_component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .rl_layout270_spacing-block-2 {
    padding-bottom: 1.25rem;
  }

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

  .rl_layout270_spacing-block-3 {
    padding-bottom: 1.25rem;
  }

  .heading-style-h1-4 {
    font-size: 2.5rem;
  }

  .heading-style-h1-4.text-color-alternate {
    font-size: 10vw;
  }

  .uui-page-padding-15 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-heading-xsmall-2 {
    font-size: 1.25rem;
  }

  .uui-layout34_component-2 {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .uui-space-small-5 {
    min-height: 1.25rem;
  }

  .uui-padding-vertical-xhuge-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .div-block-537 {
    background-image: linear-gradient(180deg, #fff0 33%, var(--new-black) 33%);
  }

  .spark-container {
    width: 100%;
  }

  .spark-section {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .spark-hero-sub-paragraph {
    margin-bottom: 32px;
  }

  .spark-flex-row {
    flex-direction: column;
  }

  .spark-flex-row.spark-wrapped {
    justify-content: center;
    align-items: center;
  }

  .spark-hero-section-left-side {
    width: 100%;
  }

  .spark-checked-item {
    text-decoration: none;
  }

  .text-block-129.white {
    font-style: normal;
    text-decoration: none;
  }

  .spark-secondary-paragraph {
    margin-bottom: 32px;
  }

  .div-block-543 {
    max-width: none;
  }

  .grid-7 {
    grid-template-rows: auto auto auto;
  }

  .div-block-545.decode-im-2 {
    width: 450px;
    height: 450px;
  }

  .mask {
    width: 100%;
  }

  .div-put {
    height: 550px;
  }

  .slider-hearing {
    font-size: 1.6rem;
  }

  .section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider-image-container {
    height: 44%;
    margin-bottom: 20px;
  }

  .slider-image-container.decode, .slider-image-container.ii {
    height: 30%;
  }

  .arrow, .arrow.l {
    width: 64px;
    height: 64px;
  }

  .uui-padding-vertical-xhuge-17 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .image-189 {
    border-bottom-right-radius: 42%;
    width: 250px;
  }

  .image-189.pops {
    border-bottom-right-radius: 35%;
    border-bottom-left-radius: 40%;
    transform: none;
  }

  .uui-space-xsmall-12 {
    min-height: .75rem;
  }

  .uui-team09_item-2 {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .uui-page-padding-16 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .div-block-555.adrian {
    width: 250px;
    height: 250px;
  }

  ._400-px-wide-p-2.white {
    width: 80%;
  }

  .fn-features-card {
    padding: 12px;
  }

  .div-block-567 {
    padding-top: 1.5rem;
  }

  .button-wrap {
    width: 2.25rem;
    height: 2.25rem;
  }

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

  .mask-horizontal {
    margin-bottom: 1rem;
    padding: 2rem 1rem;
  }

  .accordion_verical-bottom, .accordion_verical-bottom.current {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .accordion2_icon {
    width: 1.75rem;
  }

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

  .accordion_vertical-top {
    padding: 1.25rem;
  }

  .heading-style-h2 {
    font-size: 1.75rem;
  }

  .grid-10.service-menu-hp {
    width: 95%;
  }

  .service-box._1 {
    min-height: 100px;
  }

  .text-block-131 {
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.2;
  }

  .grid-6-columns.logo-strip {
    grid-column-gap: 72px;
    grid-row-gap: 32px;
    grid-template-columns: auto auto;
    transform: scale(.96);
  }

  .section-53 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-53.small {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .spark-container-2 {
    width: 100%;
  }

  .spark-section-2 {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .spark-tab._3, .spark-tab._3.w--current {
    font-size: 1.2rem;
  }

  .spark-wrapped-card {
    width: 100%;
  }

  .page-padding-3 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .card-img {
    width: 10rem;
    height: 10rem;
  }

  .section-hero-2 {
    align-items: center;
  }

  .main-wrapper-4 {
    grid-template-columns: 100%;
    width: 100%;
  }

  .card-front {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
  }

  .card-head {
    text-align: left;
    width: auto;
    font-size: 2rem;
  }

  .card_component {
    width: 30rem;
    height: 11rem;
    padding: 2rem;
  }

  .card_component.review {
    height: 26rem;
  }

  .card_scroll {
    width: 100%;
  }

  .div-block-577 {
    min-width: 0;
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute {
    transform: translate(62%, -17%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.brighter.absolute {
    transform: translate(50%, 20%);
  }

  .lottie-animation-2.brighter.absolute.flip {
    transform: translate(44%, 8%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

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

  .uui-page-padding-17 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui-primary600);
    background-color: var(--untitled-ui-primary600);
  }

  .uui-heading-xsmall-3 {
    font-size: 1.25rem;
  }

  .uui-button-wrapper.max-width-full-mobile-landscape {
    width: 100%;
  }

  .uui-blogsection03_heading-wrapper {
    grid-row-gap: 2rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .uui-blogsection03_button-row {
    justify-content: flex-start;
    width: 100%;
  }

  .uui-blogsection03_button-row.mobile-landscape {
    margin-top: 2.5rem;
    display: flex;
  }

  .uui-blogsection03_heading {
    margin-right: 0;
  }

  .uui-blogsection03_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    margin-top: 3rem;
  }

  .uui-blogsection03_image-link {
    margin-bottom: 1.5rem;
  }

  .uui-blogsection03_image-link:hover {
    box-shadow: none;
  }

  .uui-space-xsmall-13 {
    min-height: .75rem;
  }

  .uui-padding-vertical-xhuge-18 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .swiper-slide {
    width: 60%;
  }

  .swiper-nav-btn {
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
  }

  .swiper-nav-btn.next {
    right: 14%;
  }

  .swiper-nav-btn.prev {
    left: 14%;
  }

  .swiper.details-slider {
    max-width: 65%;
  }

  .slide-3 {
    background-color: #503bc7;
  }

  .swiper-nav-btn-icon-2 {
    width: 40%;
  }

  .big-menu-heading.cyber, .big-menu-heading.web {
    -webkit-text-stroke-width: 1.5px;
  }

  .div-block-586 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .div-block-604 {
    height: 350px;
  }

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

  .main-wrapper-6 {
    z-index: -2;
  }

  .timeline_progress_wrapper {
    justify-content: flex-start;
    align-items: stretch;
    left: 1rem;
  }

  ._2-column_item_component {
    grid-row-gap: 3rem;
    grid-template-columns: 3px 1fr;
  }

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

  .padding-global-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .tabs-menu-2 {
    flex-direction: column;
    display: flex;
  }

  .pricing-card {
    max-width: 350px;
  }

  .fn-container-grid-2 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .fn-section-off-black {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .fn-heading-jambo {
    margin-bottom: 12px;
    font-size: 54px;
  }

  .grid-19._2-wide-tablet {
    grid-template-columns: 1fr;
  }

  .div-block-669 {
    flex-flow: column;
  }

  .div-block-669.trans-tablet {
    opacity: 100;
    display: flex;
  }

  .div-block-669.trans-mob {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .h1-full-stop {
    font-size: 55px;
  }

  .text-under-h1-div {
    width: 100%;
    padding-left: 0;
    display: block;
  }

  .navbar-section {
    display: block;
  }

  .cf-pricing-plan-pointer-text-18px {
    font-size: 16px;
  }

  .cf-pricing-plan-check-icon {
    margin-right: 8px;
  }

  .cf-h3-heading-40px {
    font-size: 20px;
  }

  .cf-different-tab-link.w--current {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .cf-different-menu {
    justify-content: flex-start;
  }

  .cf-wrapper-1160 {
    width: 90%;
  }

  .combine-text-size-regular {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px;
  }

  .combine-pricing5_table-content.dark.backup {
    border: 1px solid #33333340;
  }

  .combine-pricing5_table-content.web-hosting {
    grid-column-gap: .35rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: .25fr;
  }

  .combine-background-color-grey.no-colour {
    border-style: none;
  }

  .combine-button-small {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
    font-size: 13px;
  }

  .combine-pricing5_cost-tertiary {
    font-size: 1.25rem;
  }

  .combine-pricing5_details {
    justify-content: space-between;
    padding: 0;
    font-size: .875rem;
  }

  .combine-pricing5_cost-primary, .pricing-amount {
    font-size: 1.25rem;
  }

  .combine-pricing5_table-header {
    grid-column-gap: .5rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .combine-pricing5_table-header._2-column {
    grid-template-columns: 1fr 1fr;
  }

  .combine-padding-global {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-section.webh {
    padding-bottom: 0;
    overflow: hidden;
  }

  .content-container {
    padding-bottom: 0;
  }

  .content-container.wider.below.right {
    z-index: 1;
    position: relative;
  }

  .h2-heading-centred {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
    font-size: 30px;
    line-height: 40px;
  }

  .full-stop-h2 {
    font-size: 40px;
  }

  .h2-orange-text-span {
    background-image: none;
  }

  .cf-navigation-1-link {
    font-size: 16px;
  }

  .cf-navigation-1-arrow-image {
    width: 30px;
  }

  .cf-navigation-1-link-heading {
    font-size: 28px;
  }

  .cf-navigation-1-number-subtext {
    margin-top: 5px;
    margin-right: 16px;
  }

  .cf-dropdown-links {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 10px;
  }

  .cf-navigation-1-dropdown-container {
    grid-template-columns: 1fr;
  }

  .cf-navigation-1-dropdown {
    font-size: 16px;
  }

  .h2-headings-left-black.margin-top._100-width {
    width: 100%;
  }

  .h3-headings-centred-black {
    font-size: 25px;
  }

  .h3-headings-centred-black.hosting-plan {
    font-size: 18px;
  }

  .cf-copyright-text-3 {
    text-align: center;
  }

  .cf-footer-banner {
    padding-left: 4px;
    padding-right: 4px;
  }

  .cf-footer-links-wrapper-2 {
    margin-top: 100px;
  }

  .cf-footer-center-grid {
    grid-column-gap: 30px;
    grid-row-gap: 17px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    place-items: center start;
  }

  .cf-footer-center-wrapper {
    max-width: 300px;
  }

  .cf-footer-right-wrapper {
    justify-content: flex-start;
  }

  .cf-brand-logo {
    display: none;
  }

  .cf-brand-link-block {
    width: 50%;
    padding-left: 0;
  }

  .cf-wrapper-1161 {
    width: 90%;
  }

  .cf-wrapper-1161.footer-black-flex {
    flex-direction: column;
    align-items: flex-start;
    width: 73%;
  }

  .footer.black-version {
    background-color: #3330;
    background-image: radial-gradient(circle at 100% 0, #333333f2 11%, #838383f2), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, repeat-y;
    background-size: auto, 2500px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
    display: flex;
  }

  .reviews {
    margin-top: 0;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    overflow: hidden;
  }

  .html-embed {
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    overflow: hidden;
  }

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

  .column-2 {
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
    padding-right: 10px;
    display: flex;
  }

  .html-embed-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-form {
    flex-flow: wrap;
    align-items: center;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    overflow: hidden;
  }

  .contact-form.wbcf2 {
    margin-top: 0;
    margin-bottom: 7rem;
    overflow: hidden;
  }

  .text-block-5 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-86 {
    flex-direction: column;
    max-width: 100vw;
    margin: auto;
  }

  .column-25 {
    padding-bottom: 3rem;
    padding-left: 10px;
    padding-right: 10px;
  }

  .column-26 {
    padding-left: 10px;
  }

  .web-rescue-hero {
    justify-content: center;
    height: 780px;
  }

  .title-box-left {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2rem;
    display: none;
  }

  .title-box-left.above-hero {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 2rem;
    display: flex;
  }

  .title-box-left.above-hero.web-m {
    padding-top: 5px;
  }

  .title-box-left.above-hero.hp.home {
    display: flex;
    transform: translate(0, -7.5%);
  }

  .title-box-left.hidden {
    display: flex;
  }

  .title-box-left.hidden.web-m {
    padding-top: 7px;
    padding-bottom: 0;
  }

  .title-box-left.web-h {
    display: flex;
  }

  .title-box-left.hp.home.tablet {
    padding-top: 0;
    display: flex;
    inset: 0% auto auto 0%;
    transform: none;
  }

  .web-recovery-and-repair-services {
    padding-bottom: 14.1rem;
  }

  .faq-web-rescue {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

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

  .page-padding {
    overflow: hidden;
  }

  .faq_title-wrap-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 60px;
    font-family: Poppins, sans-serif;
  }

  .dream-big-box {
    display: none;
    inset: auto 0% -469%;
  }

  .text-block-43 {
    text-align: center;
    font-size: 3rem;
  }

  .rl-padding-global-7 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .faq-web-design-perth {
    min-height: 100vh;
    margin-top: 0;
    padding-top: 0;
    overflow: hidden;
  }

  .rl-padding-global-9 {
    padding-left: 2px;
    padding-right: 2px;
  }

  .our-local-services {
    width: 100%;
    padding-bottom: 0;
  }

  .our-local-services.hp {
    padding-bottom: 0;
  }

  .featured-blogs {
    overflow: hidden;
  }

  .managed-it-support {
    padding-top: 3rem;
  }

  .contact-us {
    width: 100%;
  }

  .image-hero {
    background-image: linear-gradient(168deg, #0003, #0000 33%), radial-gradient(circle at 100% 90%, #ffffffab 35%, #0000 54%), url('../images/home-hero-using-2_1home hero using 2.webp');
    background-position: 0 0, 0 0, 10%;
    background-size: auto, auto, cover;
  }

  .image-hero.web-hosting-hero {
    z-index: 5;
    filter: brightness(25%);
    background-image: url('../images/hosting-girl-new-with-feather_1hosting girl new with feather_00000.webp');
    background-position: 66%;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-right-radius: 50px;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 100%;
    margin-top: 0%;
    margin-left: 0%;
    margin-right: 0%;
    display: none;
    transform: none;
  }

  .image-hero.web-rescue-hero {
    filter: brightness(30%);
    background-image: url('../images/Hoodie-hacker_1Hoodie hacker_00000.webp');
    background-position: 40%;
    background-size: cover;
    border-bottom-left-radius: 3rem;
    height: 50%;
    inset: auto 0% 0%;
  }

  .image-hero.web-rescue-hero.antivirus {
    filter: brightness(48%);
    background-position: 75%;
  }

  .image-hero.web-rescue-hero.keeper {
    filter: brightness(63%) grayscale();
    background-position: 65%;
    height: 45%;
    transform: none;
  }

  .image-hero.web-rescue-hero.dvm {
    filter: brightness(84%);
    background-position: 70%;
    height: 60%;
  }

  .image-hero.home-page-hero {
    z-index: 3;
    filter: brightness(30%);
    background-position: 40%;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .image-hero.web-design {
    filter: brightness(30%);
    background-image: url('../images/bird-and-flower_1bird and flower_00000.webp');
    background-position: 35%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 40%;
    transform: translate(0, -15%)translate(0, -1%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .image-hero.maintenance-hero {
    background-position: 30% 0;
    background-repeat: no-repeat;
    background-size: 1000px;
    width: 100%;
    transform: none;
  }

  .image-hero._365-hero {
    filter: grayscale();
    background-image: url('../images/365-hero_1365 hero_00000.webp');
    background-position: 50%;
    background-size: cover;
    height: 60%;
    inset: auto 0% 0%;
  }

  .h2-container {
    width: 100%;
  }

  .image-3 {
    margin-left: 0;
    margin-right: 0;
  }

  ._150-image {
    background-color: #0091ff;
    background-image: none;
  }

  ._150-image._15 {
    background-position: 25%;
  }

  ._150-image._2 {
    background-position: 70%;
  }

  .demo-arrow-text {
    display: none;
  }

  .demo-bottom-buttons {
    flex-direction: column;
    align-items: flex-end;
    bottom: 20px;
    left: 20px;
  }

  .browser-demo {
    width: 300px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .resize-text {
    margin-left: 20px;
    margin-right: 20px;
  }

  .demo-arrow-wrapper {
    justify-content: center;
    margin-left: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .demo-arrow-wrapper.next {
    justify-content: center;
  }

  .demo-right-arrow-wrapper {
    width: 50px;
  }

  ._150-image-wrapper-inner {
    width: 300vw;
  }

  .dropdown-toggle {
    color: #fff;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .tablet-mobile-menu {
    width: 300px;
  }

  .navigation-links {
    flex-direction: column;
  }

  .nav-item-img {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .nav-list-item.nav-layout {
    height: auto;
  }

  .nav-menu-title-wrap {
    grid-template-columns: 1fr;
  }

  .mega-menu-list-wrapper {
    grid-template-rows: auto;
    grid-auto-rows: auto;
    align-items: start;
  }

  .left-navbar {
    border: 1px #000;
  }

  .left-navbar.frost {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .large-menu-wrapper {
    padding-top: 65px;
  }

  .wrapper.navbar-wrapper {
    display: block;
  }

  .dropdown-list {
    height: auto;
  }

  .mega-navbar {
    height: 65px;
    display: block;
  }

  .column-30 {
    padding-top: 4rem;
  }

  .nav-section {
    display: none;
  }

  .column-31 {
    margin-top: 2rem;
  }

  .mini-h1.white {
    text-align: left;
    font-size: .8rem;
    line-height: 1.8rem;
  }

  .mini-h1.white.not-white-on-desktop {
    margin-top: 30px;
    font-size: .8rem;
    line-height: 1.8rem;
  }

  .text-block-94 {
    width: 85%;
  }

  .contact.less-top-padding {
    padding-bottom: 0;
  }

  .div-block-228 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    padding-left: 10px;
    padding-right: 0;
    display: block;
  }

  .testimonials {
    background-image: linear-gradient(#f9fafb 17%, #ff8c00 17% 77%);
    margin-bottom: 3.5rem;
    padding-bottom: 3rem;
    overflow: hidden;
  }

  .message-before-contact-form {
    padding-bottom: 0;
    overflow: hidden;
  }

  .rl_testimonial15_logo-wrapper.dcode-kaz {
    margin-top: -20px;
  }

  .rl_testimonial15_divider.white-1-px.black {
    display: none;
  }

  .rl_testimonial15_client-info {
    text-align: center;
    width: 60%;
  }

  .rl_testimonial15_client {
    z-index: 1;
    flex-flow: row;
    align-items: center;
    position: relative;
  }

  .rl_testimonial15_client.decode {
    flex-direction: column;
  }

  .rl_testimonial15_client.margin-top {
    flex-flow: row;
  }

  .rl_testimonial15_client.padding-top-mob {
    margin-top: 20px;
  }

  .rl-container-large-10 {
    max-width: none;
  }

  .rl_layout1_image.not-round-bottom-right-corner {
    border-bottom-right-radius: 0;
  }

  .rl_layout1_spacing-block-3-9 {
    padding-bottom: 0;
  }

  .rl_layout1_content-9.general-web-repair {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .rl_layout1_content-9.lost-and-broken {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .rl_layout1_content-9.wordpress-web-repair {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .rl_layout1_content-9.website-reformatting {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex;
  }

  .rl_layout1_component-9 {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .faq-original {
    overflow: hidden;
  }

  .faq-original.not-hidden {
    overflow: visible;
  }

  .team-section-original {
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .privacy-policy, .case-study {
    overflow: hidden;
  }

  .slow-websites {
    margin-bottom: 0;
    padding-bottom: 15rem;
    overflow: visible;
  }

  .paragraph-9 {
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), url('../images/logo_1logo.webp');
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
    margin-top: -75px;
    font-size: .5rem;
    line-height: 1rem;
  }

  .rl_layout192_component-5 {
    grid-template-columns: 1fr;
  }

  .html-embed-6 {
    height: 250px;
  }

  .image-96.smaller {
    width: 70px;
  }

  .image-96.no-margin-top {
    max-width: 70%;
    display: none;
  }

  .image-96.no-margin-top.smaller {
    display: none;
  }

  .image-96.no-margin-top.smaller.mobile {
    margin-top: 25px;
    display: none;
  }

  .image-96.no-margin-top.white {
    max-width: 70%;
    display: none;
  }

  .image-96.no-margin-top.charcoal {
    display: none;
  }

  .image-96.dcode-logo {
    margin-top: -20px;
    padding-top: 0;
  }

  .website-maintenance-pricing {
    padding-bottom: 0;
    overflow: hidden;
  }

  .uui-layout75_item {
    width: 95%;
    height: 240px;
    min-height: 240px;
  }

  .uui-padding-vertical-xhuge-2.padding-bottom {
    padding-bottom: 0;
  }

  .uui-container-large-3 {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .uui-page-padding-3, .uui-page-padding-3.emergency {
    padding-left: 0;
    padding-right: 0;
  }

  .uui-layout09_item.rescue-emergency {
    flex-flow: column;
  }

  .uui-layout09_content {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-layout09_content.web-r {
    width: 90%;
    padding-bottom: 0;
  }

  .uui-layout09_content.homepage {
    width: 100%;
  }

  .uui-layout09_component {
    grid-template-rows: auto auto;
    width: 95%;
  }

  .uui-section_layout09.homepage {
    width: 90%;
  }

  .div-block-266, .div-block-266.no-white-border.full.emergency-section, .div-block-266.contact-form-part {
    display: none;
  }

  .h2-heading-new.multi-colour._48-rem {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }

  .h2-heading-new.multi-colour._48-rem.margin-top.cs {
    background-image: radial-gradient(circle at 0 0, #000 13%, #ff8c00 65%);
  }

  .h2-heading-new.multi-colour._48-rem.margin-top.cs.h3-version.white.cases {
    text-align: center;
    line-height: 1.2;
  }

  .h2-heading-new.multi-colour.bigger.left-5px-margin {
    margin-left: 5px;
  }

  .h2-heading-new.multi-colour.faq.centred {
    background-image: radial-gradient(circle at 0 0, #000 20%, #ff8c00 59%);
  }

  .h2-heading-new.multi-colour.faq.marcus {
    background-image: radial-gradient(circle at 0 0, #000 22%, #ff8c00 65%);
    width: 100%;
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .h2-heading-new.multi-colour.faq.marcus.centred.less-margin {
    background-image: none;
    padding-left: 0;
    padding-right: 0;
  }

  .h2-heading-new.multi-colour.faq.whiter.centred {
    background-image: none;
  }

  .h2-heading-new.multi-colour.centered {
    background-image: radial-gradient(circle at 0 0, #000 9%, #ff8c00 51%);
  }

  .h2-heading-new.multi-colour.centered.integrity-review {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.5rem;
    line-height: 2.5rem;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.decode-review.decode-bigger {
    font-size: 2.5rem;
    line-height: 4.5rem;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.bigger {
    border-left-style: none;
    padding-left: 0;
    padding-right: 0;
    font-size: 2rem;
  }

  .h2-heading-new.multi-colour.centered.integrity-review.smaller-test {
    width: 95%;
    font-size: 1.4rem;
  }

  .h2-heading-new.multi-colour._80-rem.more-line-space {
    font-size: 2rem;
    line-height: 3.5rem;
  }

  .h2-heading-new.multi-colour._80-rem.white._2-5-x-4rem {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.5rem;
    line-height: 3rem;
  }

  .h2-heading-new.multi-colour.smaller {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }

  .h2-heading-new.multi-colour.thankyouheading {
    text-align: center;
    margin-left: 0%;
  }

  .h2-heading-new.multi-colour.margin-top.big-menu {
    font-size: 4rem;
    line-height: 5rem;
  }

  .h2-heading-new.under-h1 {
    color: #fff;
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .h2-heading-new.under-h1.white.smaller.web-h-heading {
    max-width: none;
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .h2-heading-new.under-h1.white.smaller.web-h-heading.trans.less-shadow {
    opacity: 0;
  }

  .h2-heading-new.under-h1.white.homepage {
    color: #fff;
    text-shadow: 0 1px 3px #000;
    line-height: 2rem;
  }

  .h2-heading-new.under-h1.web-h-heading {
    max-width: none;
    font-size: 1.1rem;
    line-height: 1.6rem;
  }

  .h2-heading-new.multi-colour.faq {
    font-size: 1.3rem;
    line-height: 2.3rem;
  }

  .h2-heading-new.multi-colour.faq.white.team-mobile {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }

  .h2-heading-new.multi-colour.white {
    background-image: radial-gradient(circle at 0 0, #fff 14%, #ff8c00 54%);
  }

  .div-block-267 {
    display: block;
  }

  .image-100.image-reasons-hacked {
    width: 100%;
  }

  .contact-form-section {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .secure-hosting.wd.bottom-gap.no-margin-left.linear {
    overflow: hidden;
  }

  .div-block-270 {
    height: 600px;
  }

  .white.bold.bigger.margin-top-10px {
    margin-top: 10px;
  }

  .uui-layout79_content-right {
    width: 95%;
  }

  .uui-layout79_content.protection-grid {
    grid-template-columns: 1fr;
  }

  .protection {
    padding-bottom: 3.1rem;
  }

  .div-block-275 {
    display: none;
  }

  .image-102 {
    width: 100%;
  }

  .image-102.syringe-apple-bottom-left-curve {
    border-bottom-left-radius: 3.5rem;
    width: 100%;
  }

  .div-block-278.clear {
    width: 100%;
    max-width: none;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    position: relative;
  }

  .div-block-278.it {
    width: 95%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .uui-layout75_item-2 {
    width: 90%;
  }

  .div-block-282 {
    width: 100%;
    height: 40%;
    transform: translate(-8%, -77%);
  }

  .div-block-282.it {
    transform: translate(0%, -86%);
  }

  .div-block-283 {
    width: 100%;
    height: 25%;
    transform: translate(0, -23%);
  }

  .div-block-283.faq-web-rescue.hand-lost {
    background-position: 20% 85%;
  }

  .div-block-284 {
    padding-bottom: 3.5rem;
  }

  .div-block-284.smaller-div {
    max-height: none;
    padding-right: 1.5rem;
  }

  .div-block-285 {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding: 1.5rem 1.5rem 3.5rem;
    display: flex;
  }

  .div-block-285.lost-and-broken {
    width: 90%;
    margin-right: 0;
  }

  .image-103 {
    width: 100%;
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .image-103.hidden-mobile {
    display: none;
  }

  .image-103.alt-mobile-image {
    transform: rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .div-block-289 {
    width: 100%;
    height: 40%;
    transform: translate(0, -11%);
  }

  .hover-text-header-outline {
    font-size: 1.7rem;
    display: none;
  }

  .hover-text-header-outline.web-r {
    font-size: 1.5rem;
    display: none;
  }

  .carousel-component {
    overflow: hidden;
  }

  .protect-heading {
    width: 90%;
    margin-top: 0;
    padding-top: 0;
  }

  .review-surround.rel-5.centred.less-height.proof-card.proof--ribbon {
    padding-left: 10px;
  }

  .div-block-296 {
    border-radius: 0 0 2rem 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .div-block-296.absolute {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .div-block-297 {
    padding-bottom: 1.5rem;
  }

  .div-block-300 {
    margin-top: 0%;
    padding-top: 10rem;
    padding-bottom: 159px;
  }

  .image-104._2-hands-hp {
    display: none;
  }

  .div-block-303 {
    height: 70%;
  }

  .image-107 {
    width: 120%;
    max-width: 120%;
  }

  .section-hero {
    min-height: 100vh;
  }

  .page-wrapper {
    min-height: 720px;
    overflow: visible;
  }

  .hero-heading.below {
    color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
  }

  .hero-heading.below.homepage {
    max-width: none;
    font-size: 8vw;
    font-weight: 600;
    line-height: 9vw;
  }

  .hero-heading.below.homepage.white, .hero-heading.below.homepage.white.hp.no-shadow {
    line-height: 1.2;
  }

  .hero-heading.below.web-h-heading {
    font-weight: 600;
  }

  .hero-heading.below.web-m-below {
    -webkit-text-stroke-width: 1px;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.5rem;
  }

  .hero-heading.below.it-heading {
    font-weight: 600;
  }

  .hero-heading.homepage.above-hero {
    -webkit-text-stroke-width: 1.5px;
    max-width: none;
    font-size: 8vw;
    font-weight: 600;
    line-height: 9vw;
  }

  .hero-heading.homepage.above-hero.white {
    -webkit-text-stroke-width: 1px;
    line-height: 1.2;
  }

  .hero-heading.homepage.above-hero.white._60width-rem {
    -webkit-text-stroke-width: 0px;
  }

  .hero-heading.web-h-heading {
    max-width: 100%;
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
  }

  .hero-heading.webmhead {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }

  .hero-heading.it-heading {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 3rem;
  }

  .server-part {
    overflow: hidden;
  }

  .image-110 {
    border-bottom-left-radius: 0;
    width: 140%;
    max-width: 140%;
    transform: translate(-25%);
  }

  .uui-blogsection11_item-content {
    width: 90%;
  }

  .uui-blogsection11_image._2.smaller, .uui-blogsection11_image._3.smaller {
    object-fit: contain;
    transform: none;
  }

  .uui-blogsection11_image.blog-image-1.smaller {
    transform: none;
  }

  .uui-blogsection11_image-wrapper {
    padding-top: 66%;
    overflow: visible;
  }

  .uui-blogsection11_item {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    min-height: 400px;
    padding-bottom: 1.5rem;
  }

  .image-111, .html-embed-8 {
    display: none;
  }

  .div-block-307 {
    z-index: auto;
    background-color: #333;
    background-image: radial-gradient(circle at 0 0, #333c 35%, #f9fafbf2), url('../images/logo-tight_1logo tight_00000.webp');
    background-position: 0 0, 50% 0;
    background-size: auto, 2500px;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-left-radius: 0;
    height: 100%;
    margin-left: 0%;
  }

  .button-div {
    margin-top: 45px;
  }

  .main-button-n {
    box-shadow: 0 0 50px #0091ff99;
  }

  .main-button-n:hover {
    box-shadow: 0 0 80px #0091ff;
  }

  .button-bg {
    background-color: #0091ff;
  }

  .button-bg.lighter {
    background-color: #ff8c00;
  }

  .button-inside {
    text-transform: uppercase;
    background-color: #bba6a6;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), linear-gradient(#15151599, #15151599);
    background-position: 0 0, 0 0;
    background-size: auto, auto;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1.7rem;
  }

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

  .div-block-309.web-h-version {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .before-you-scroll {
    overflow: hidden;
  }

  .div-block-312.no-margin-bottom {
    margin-left: 0%;
  }

  .div-block-313.darker-version {
    z-index: 999;
    border-left-style: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .div-block-314.customer-exp {
    padding: 1rem 1.5rem 3rem;
  }

  .div-block-316 {
    z-index: -1;
    border: 1px solid #33333340;
    border-radius: 0;
    width: 100%;
    margin-right: 0;
    padding-bottom: 5rem;
    position: relative;
  }

  .image-116.below.hacked-image-hop {
    z-index: 9;
    width: 150%;
    max-width: 150%;
    transform: translate(-20%, -80%);
  }

  .uui-text-size-medium-6.white._55-width {
    max-width: 100%;
  }

  .link-block-30 {
    min-height: 0;
    overflow: visible;
  }

  .customer-experience {
    overflow: hidden;
  }

  .website-burden {
    padding-bottom: 19.1rem;
  }

  .image-126.it-run-better-image {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .image-131 {
    width: 150%;
    max-width: 150%;
    position: static;
    transform: translate(0%, 43%);
  }

  .emergency-section {
    background-color: #ff8c00;
  }

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

  .hacked-signs-section {
    padding-bottom: 6rem;
    overflow: hidden;
  }

  .phones-hero-image {
    height: 50%;
    transform: translate(10.5%);
  }

  .new-case-studies {
    z-index: 1;
    position: relative;
    overflow: hidden;
  }

  .div-block-327 {
    width: 95%;
    margin-left: 0;
  }

  .div-block-327.alt {
    margin-left: 0;
  }

  .uui-team09_item {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .section_team09.right.no-margin-left {
    border-right-style: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0%;
  }

  .div-block-342.web-d.web-m.web-m-only, .image-145, .image-145.web-o {
    display: none;
  }

  .div-block-346 {
    background-image: linear-gradient(#0091ffb3, #0091ffb3), url('../images/3d-network-background-with-connecting-lines-dots.jpg');
    background-position: 0 0, 50% 0;
    height: 5%;
  }

  .div-block-351 {
    border-top: 3px solid #ff8c00;
    border-left-style: none;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 5%;
    inset: auto 0% 0%;
  }

  .div-block-353.alternate.opp-radius {
    border-radius: 2rem 0;
  }

  .div-block-354 {
    border: 1px solid #00000040;
  }

  .div-block-354.top-right-radius {
    border-color: #33333340;
    border-left-style: none;
  }

  .image-148, .image-148.webr-image {
    display: none;
  }

  .div-block-355 {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/new-webrescue-hero-trans-background_1new webrescue hero trans background_00000.webp');
    background-position: 0 0, 80%;
    background-size: auto, cover;
    width: 80%;
  }

  .div-block-355.phones-div {
    background-image: linear-gradient(#ffffffe6, #ffffffe6), url('../images/phones-hero_1phones hero_00000.webp');
    background-position: 0 0, 60%;
    border: 1px solid #33333340;
    border-right-style: none;
  }

  .div-block-355.it-div {
    background-image: none;
    border: 1px solid #33333340;
    border-right-style: none;
    padding-bottom: 20px;
  }

  .feature-background-image.top-right.lowest {
    z-index: -1;
  }

  .fluid-video {
    height: 0;
    padding-top: 56.25%;
    position: relative;
  }

  .div-block-357 {
    width: 95%;
    margin-top: 20px;
    display: block;
  }

  .div-block-359 {
    width: 95%;
    position: relative;
  }

  .div-block-359.min-width {
    width: 100%;
  }

  .div-block-360 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .image-149 {
    margin-top: -40px;
  }

  .div-block-365 {
    width: 90%;
  }

  .div-block-370 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-370.top.up-top {
    flex-flow: column;
  }

  .icon-div.top.up-top, .icon-div.up-top {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-381, .div-block-387 {
    width: 95%;
  }

  .div-block-388, .div-block-396 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .div-block-397 {
    width: 95%;
  }

  .image-150.emails {
    width: 100%;
    display: none;
    transform: none;
  }

  .image-151.less-sat.web-r {
    width: 150%;
    max-width: 150%;
    transform: translate(26%, 3%);
  }

  .stat-number {
    font-size: 40px;
  }

  .number-content {
    width: auto;
  }

  .counter-section {
    background-position: 20%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .large-numbers.smaller {
    font-size: 40px;
  }

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

  .number-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    display: flex;
  }

  .tabs-menu {
    flex-direction: column;
    align-items: center;
  }

  .price-illustration.wwh-right.flip._365 {
    display: none;
    position: static;
    transform: none;
  }

  .price-illustration.wwh-right.flip._365.mob-only {
    display: block;
  }

  .price-illustration.wwh-right.flip.general {
    transform: translate(2%, -110%);
  }

  .price-illustration.wwh-right.reformatting {
    transform: translate(0%, -60%);
  }

  .price-illustration.wwh-right.wp {
    display: none;
  }

  .price-illustration.wwh-right.wp.mob-only {
    display: block;
    position: static;
    transform: none;
  }

  .price-illustration.wwh-right.ecom {
    display: none;
  }

  .price-illustration.wwh-right.ecom.mob-only {
    width: 70%;
    display: block;
    position: static;
    transform: none;
  }

  .subtitle.narrow.charcoal {
    font-size: 1rem;
  }

  .content-h1 {
    text-align: center;
    font-size: 42px;
  }

  .tab-link {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container-73 {
    max-width: 100%;
    padding: 40px 10px;
  }

  .tab_item {
    width: 22%;
  }

  .img-child.img-1 {
    background-image: url('../images/painted-face-for-blog_1painted face for blog.avif'), url('../images/nb-logo.jpg'), linear-gradient(#0000, #0000);
    background-position: 38%, 50% 0, 0 0;
  }

  .heading-style-h1-2.centred.white.bigger {
    font-size: 2.5rem;
  }

  .circle-text.pointer-events-none.web-h {
    font-size: 1.3rem;
  }

  .circle-text.pointer-events-none {
    font-size: 2.25rem;
  }

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

  .circle-cta {
    width: 21.875rem;
    height: 21.875rem;
  }

  .circle-cta.web-h {
    transform: translate(0%);
  }

  .circle {
    width: 100px;
    height: 100px;
  }

  .div-block-441.left.left-bigger {
    z-index: -1;
  }

  .marquee-title {
    font-size: 30px;
    line-height: 1.2;
  }

  .marquee-section {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .text-marquee {
    font-size: 25px;
  }

  .triple-circle {
    display: none;
  }

  .heading-4.black {
    font-size: 2.5rem;
    line-height: 1.2;
  }

  .heading-4.black._10rem.above {
    font-size: 10vw;
    line-height: 1.2;
  }

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

  .div-block-458._10-margi-top.above._10px-left {
    margin-left: 0;
  }

  .page-wrapper-6 {
    padding-top: 50vh;
  }

  .paragraph-wrapper {
    font-size: 18px;
  }

  .button-102.lighter.black-border {
    text-align: center;
    min-width: 250px;
  }

  .div-block-475.margin-left {
    margin-left: 0;
  }

  .button-103 {
    text-align: center;
    min-width: 250px;
    padding-top: .7rem;
  }

  .div-block-476 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .gie-link-block-1 {
    margin-top: 0;
    margin-right: 2em;
  }

  .gie-decor-2 {
    top: -1.6em;
  }

  .footersection {
    padding-left: 3em;
    padding-right: 3em;
    font-size: 2.5vw;
  }

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

  .gie-decor-1 {
    flex-direction: row;
  }

  .gie-wrap-1 {
    flex-direction: column;
  }

  .gie-wrap-4 {
    margin-top: 3em;
    margin-left: 0;
  }

  .gie-logo-1 {
    height: 4em;
  }

  .uui-layout34_component._4-wide.emergency {
    grid-template-columns: 1fr;
  }

  .div-block-493.hero-circle {
    width: auto;
    height: auto;
  }

  .section-32.black-border-bottom.border-top {
    z-index: 3;
  }

  .div-block-496.cs {
    z-index: auto;
  }

  .div-block-496.blob-glow {
    width: 50px;
    height: 50px;
  }

  .div-block-498.rel-5.test.proof-card.proof--ribbon {
    padding-left: 10px;
  }

  .image-172.no-margin-top.smaller {
    display: none;
  }

  .image-172.no-margin-top.smaller.mobile {
    margin-top: 25px;
    display: block;
  }

  .div-block-499.about-us._1.bigger.blob-glow {
    width: 85px;
    height: 85px;
  }

  .div-block-502.hero-circle {
    width: 300px;
    height: 300px;
  }

  .button-104.is-icon.background-color-blue.hide-mobile-portrait {
    display: none;
  }

  .button-104.is-icon.background-color-blue.show-mobile {
    font-weight: 600;
    display: flex;
  }

  .nav__drop_wrapper {
    width: 100%;
    min-width: auto;
    display: none;
  }

  .navbutton-surround {
    display: block;
  }

  .herobox-text.webr.mob-v, .herobox-text.webr.mob-v.right-margin {
    width: 100%;
    max-width: 100%;
    font-size: .9rem;
  }

  .h3 {
    font-size: 1.4rem;
  }

  .sticky-text_wrapper.steps {
    grid-template-columns: 1fr;
  }

  .circle-number.steps1, .circle-number.steps3, .circle-number.steps2, .circle-number.steps4 {
    display: none;
  }

  .phone-mock_border {
    border-width: 5px;
  }

  .phone-mock {
    width: 170%;
    padding: 6px;
  }

  .phone-mock_tab {
    height: 5vw;
  }

  .section-34 {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .div-block-38 {
    min-height: 400px;
  }

  .div-block-34.no-margin-top {
    padding-left: 0;
    padding-right: 0;
  }

  .medium-head.cented.black.semi {
    max-height: none;
    font-size: 2.45rem;
  }

  .div-block-35 {
    transform: translate(0);
  }

  .div-block-35.absolute.signs {
    inset: auto 0% 0%;
  }

  .section-36 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .square-icon {
    border-radius: 14px;
    max-width: 56px;
  }

  .card.icon-left---content-right {
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-11 {
    font-size: 2.25rem;
  }

  .container-77 {
    padding-left: 28px;
    padding-right: 28px;
  }

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

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

  .bigger-hero-text.band-reveal {
    font-size: 14vw;
  }

  .bigger-black-text.smaller.bigger-on-1920.band-reveal {
    font-size: 15vw;
  }

  .bigger-black-text.white-bigger.smaller.hp.gradient, .bigger-black-text.white-bigger.smaller.hp.gradient.bigger, .bigger-black-text.white-bigger.smaller.hp.gradient.bigger.opp-gradient, .bigger-black-text.white-bigger.smaller.hp.trans-border, .bigger-black-text.white-bigger.smaller.hp.trans-border.bigger {
    font-size: 3.5rem;
  }

  .bigger-black-text.bigger.band-reveal {
    font-size: 14vw;
  }

  .bigger-black-text.band-reveal {
    font-size: 3rem;
  }

  .bigger-black-text.band-reveal.smaller {
    font-size: 10vw;
  }

  .slider-data-grid {
    grid-template-columns: 1fr 1fr;
  }

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

  .heading-style-h1-4.text-color-alternate {
    font-size: 12.5vw;
  }

  .uui-layout34_component-2._4-wide.less-gap-vertical._1590-wide.margin-bottom._2-wide-tablet {
    grid-template-columns: 1fr;
  }

  .div-block-533 {
    background-image: linear-gradient(180deg, var(--new-black) 71%, #fff0 71%);
  }

  .spark-section {
    padding: 64px 20px;
  }

  .spark-section.spark-hero-background-image-with-centered-content {
    padding-bottom: 64px;
  }

  .spark-section h2 {
    font-size: 2.5rem;
  }

  .spark-section p {
    text-align: center;
    margin-top: 5px;
  }

  .spark-section h1 {
    font-size: 1.2rem;
  }

  .spark-flex-row {
    align-items: flex-start;
  }

  .spark-checked-item {
    grid-column-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .text-block-129.white {
    font-size: 1rem;
  }

  .text-block-129.white.centredmob {
    text-align: center;
  }

  .div-block-545.decode-im-2, .div-block-546.decode-img-1 {
    width: 275px;
    height: 275px;
  }

  .h5-cs.white.cs.no-margin-top {
    text-align: center;
  }

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

  .mask {
    width: 100%;
  }

  .div-put {
    height: 650px;
  }

  .section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slider-image-container {
    height: 44%;
  }

  .arrow.l {
    right: 35%;
  }

  .slide {
    width: 100%;
  }

  .div-block-553.top-align {
    justify-content: flex-start;
    align-items: center;
  }

  .uui-team09_item-2 {
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .waves-forhero.web-h.mob-on {
    z-index: auto;
    display: none;
  }

  .waves-forhero.home {
    display: none;
  }

  .div-block-567 {
    padding-top: .5rem;
  }

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

  .accordions_vertical {
    padding-top: 0;
  }

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

  .heading-style-h2 {
    font-size: 1.75rem;
  }

  .grid-10.service-menu-hp {
    grid-template-columns: 1fr;
  }

  .div-block-570 {
    display: none;
  }

  .grid-6-columns.logo-strip {
    grid-column-gap: 48px;
    grid-row-gap: 32px;
  }

  .section-53 {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .section-53.small {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .container-default-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .spark-section-2 {
    padding: 64px 20px;
  }

  .spark-section-2.no-padding-toip-tablet {
    padding-left: 0;
    padding-right: 0;
  }

  .spark-tab._3.web-r.smaller-dtop {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1rem;
  }

  .spark-tabs-menu {
    flex-flow: column wrap;
    justify-content: flex-start;
    margin-left: 10px;
    margin-right: 10px;
  }

  .spark-tabs-content {
    padding-bottom: 0;
  }

  .page-padding-3 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .card-img {
    width: 6rem;
    height: 6rem;
    position: relative;
  }

  .cards-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .card-head {
    text-align: center;
    font-size: 1.5rem;
  }

  .card_component {
    width: 17rem;
    height: 8rem;
  }

  .card_component._3 {
    flex-flow: column;
  }

  .card_scroll {
    width: 100%;
  }

  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.cs {
    transform: translate(86%, 1.5%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lottie-animation-2.brighter.absolute {
    z-index: auto;
    transform: translate(-2%, 23%);
  }

  .lottie-animation-2.brighter.absolute.flip {
    transform: translate(-2%, -5%)rotateX(0)rotateY(180deg)rotateZ(0);
  }

  .lotties.cs {
    width: 12rem;
    height: 12rem;
  }

  .swiper-slide {
    width: 75%;
    height: 40vh;
    transform: none;
  }

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

  .swiper-nav-btn.next {
    right: 5%;
  }

  .swiper-nav-btn.prev {
    left: 5%;
  }

  .swiper.details-slider {
    max-width: 90%;
  }

  .slide-heading-2 {
    font-size: 2rem;
  }

  .slide-heading-2.card-back-title {
    font-size: 1rem;
  }

  .big-menu-heading.cyber {
    text-align: center;
    font-size: 12vw;
    position: static;
  }

  .big-menu-heading.cyber.wp {
    font-size: 16vw;
  }

  .big-menu-heading.cyber.woo {
    font-size: 12vw;
  }

  .big-menu-heading-2.it {
    -webkit-text-stroke-width: 1.5px;
    font-size: 12vw;
  }

  .div-block-584.margin-left-and-right {
    max-width: none;
  }

  .absolute.cas-menu {
    display: block;
  }

  .div-block-598 {
    padding-top: 0;
  }

  .div-block-601.middle {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .centred {
    text-align: center;
  }

  .block_wrap {
    width: 100%;
  }

  .div-block-608.absolute.protection {
    inset: 0% 0% auto;
    transform: none;
  }

  .text-block.smaller._1 {
    -webkit-text-stroke-width: 1.5px;
    font-size: 10vw;
  }

  .text-block._2 {
    -webkit-text-stroke-width: 1.5px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-610 {
    max-width: 320px;
    padding-left: 5px;
    padding-right: 5px;
  }

  ._2-column_item_component {
    grid-template-columns: 3px 1fr;
  }

  .imagesurround.decode-2 {
    padding: 0;
  }

  .text-block-138 {
    display: none;
  }

  .pricing-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .case-study-icon {
    max-width: 65px;
  }

  .image-198, .image-199 {
    max-width: 150px;
  }

  .div-block-646 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  ._4-wide.min-height-desktop {
    grid-template-columns: 1fr;
  }

  .homepage-hero {
    filter: saturate(56%);
    width: 100%;
    max-width: 100%;
  }

  .homepage-hero.clown-image {
    width: 130%;
    max-width: 130%;
    position: static;
  }

  .homepage-hero.clown-image.webh-mob {
    display: none;
  }

  .homepage-hero.mob-only {
    display: block;
  }

  .clown-wrapper {
    display: none;
  }

  .div-block-669 {
    display: flex;
  }

  .div-block-669.trans-tablet {
    opacity: 100;
  }

  .div-block-669.trans-tablet.trans-mob, .div-block-669.trans-mob {
    display: none;
  }

  .div-block-669.trans {
    opacity: 0;
  }

  .div-block-670 {
    flex-flow: column;
    display: flex;
  }

  .image-211 {
    filter: saturate(74%);
    width: 170%;
    max-width: 170%;
    display: inline-flex;
    position: absolute;
    inset: auto 0% 0% auto;
    transform: translate(22%, -18%);
  }

  .bold-text-10 {
    font-size: 3.5rem;
  }
}

#w-node-a1fbeb90-65e6-c6b8-4a3e-fc14b1d758e3-8fd92cf3 {
  align-self: end;
}

#w-node-c519f15c-61e8-c40d-108d-b3578bc36335-8fd92cf3 {
  place-self: center;
}

#w-node-a1ba3817-8dd1-2bf1-71dd-e9ee451f5bd2-8fd92cf3 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ac6a12c8-5fab-8a63-a002-ee7a31192320-8fd92cf3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_072a0c16-c5fd-2bfd-afe4-ee3682dd29e7-82dd29e1, #w-node-_072a0c16-c5fd-2bfd-afe4-ee3682dd29f1-82dd29e1, #w-node-_072a0c16-c5fd-2bfd-afe4-ee3682dd29fd-82dd29e1, #w-node-_072a0c16-c5fd-2bfd-afe4-ee3682dd2a09-82dd29e1, #w-node-_072a0c16-c5fd-2bfd-afe4-ee3682dd2a15-82dd29e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c01bb5ed-c433-2117-a925-f2e02d7dc3ac-2d7dc378 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c01bb5ed-c433-2117-a925-f2e02d7dc3da-2d7dc378 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-c01bb5ed-c433-2117-a925-f2e02d7dc408-2d7dc378, #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc45d-2d7dc378, #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc4e8-2d7dc378, #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc579-2d7dc378 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-c01bb5ed-c433-2117-a925-f2e02d7dc764-2d7dc378 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-c01bb5ed-c433-2117-a925-f2e02d7dc765-2d7dc378 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c01bb5ed-c433-2117-a925-f2e02d7dc79b-2d7dc378 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-ea9583b4-6ebd-e136-a6c8-5687542c1774-28f955e7, #w-node-ea9583b4-6ebd-e136-a6c8-5687542c1788-28f955e7, #w-node-ea9583b4-6ebd-e136-a6c8-5687542c1791-28f955e7, #w-node-a0cb8fcd-d699-e68f-0fb0-5f8e28f95663-28f955e7, #w-node-a0cb8fcd-d699-e68f-0fb0-5f8e28f9566b-28f955e7, #w-node-a0cb8fcd-d699-e68f-0fb0-5f8e28f95673-28f955e7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7536818e-d247-46be-6b4c-66de211cbc1c-28f955e7, #w-node-_7536818e-d247-46be-6b4c-66de211cbc25-28f955e7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_2bda5d4a-9831-0e19-3d90-856b4e06b7aa-28f955e7, #w-node-_2bda5d4a-9831-0e19-3d90-856b4e06b7b3-28f955e7, #w-node-_2bda5d4a-9831-0e19-3d90-856b4e06b7bc-28f955e7, #w-node-_83107779-5253-6fd4-1048-b591e776dbe8-28f955e7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_08d542ed-ab86-6021-a26a-324351919940-8fd92d2e {
  align-self: end;
}

#w-node-_4b110901-613a-800e-0eba-6ea0163905e4-8fd92d2e {
  place-self: center end;
}

#w-node-_4b110901-613a-800e-0eba-6ea0163905ff-8fd92d2e {
  place-self: center start;
}

#w-node-_4b110901-613a-800e-0eba-6ea01639061a-8fd92d2e {
  place-self: center end;
}

#w-node-_4b110901-613a-800e-0eba-6ea016390635-8fd92d2e {
  place-self: center start;
}

#w-node-c3806bf7-d10e-a654-4ae1-981e9ce82853-8fd92d2e, #w-node-c3806bf7-d10e-a654-4ae1-981e9ce8286d-8fd92d2e, #w-node-c3806bf7-d10e-a654-4ae1-981e9ce82887-8fd92d2e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-c3806bf7-d10e-a654-4ae1-981e9ce82a74-8fd92d2e {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-c3806bf7-d10e-a654-4ae1-981e9ce82a75-8fd92d2e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c3806bf7-d10e-a654-4ae1-981e9ce82aab-8fd92d2e {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_6433bb5e-35f0-578b-06fb-8d48b76fddf3-8fd92d2e {
  place-self: center;
}

#w-node-_2c1e36ba-6079-62be-48f3-a8670e108e2a-8fd92d2e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_5fa77014-1668-558c-d744-0a7a00149f54-8fd92d44 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_5fa77014-1668-558c-d744-0a7a00149f56-8fd92d44 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_5fa77014-1668-558c-d744-0a7a00149f68-8fd92d44 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_5fa77014-1668-558c-d744-0a7a00149f76-8fd92d44 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_5fa77014-1668-558c-d744-0a7a00149f78-8fd92d44 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_5fa77014-1668-558c-d744-0a7a00149fdd-8fd92d44 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_8ad57f22-82d6-5ff0-10b8-4499c64768a5-8fd92d57 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_8ad57f22-82d6-5ff0-10b8-4499c64768a7-8fd92d57, #w-node-_8ad57f22-82d6-5ff0-10b8-4499c64768b0-8fd92d57 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8ad57f22-82d6-5ff0-10b8-4499c64768b9-8fd92d57 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_8ad57f22-82d6-5ff0-10b8-4499c64768c7-8fd92d57 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_8ad57f22-82d6-5ff0-10b8-4499c64768c9-8fd92d57 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_8ad57f22-82d6-5ff0-10b8-4499c647692e-8fd92d57, #w-node-c90745bd-0579-6de7-48fe-ab7232e64f7c-8fd92d69 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81b8c-63f81b6d {
  grid-area: 1 / 2 / 2 / 4;
  place-self: center stretch;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81b96-63f81b6d {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81b98-63f81b6d {
  align-self: center;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81ba2-63f81b6d, #w-node-c654a9f7-9627-9f90-8a1c-708e63f81ba5-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81ba9-63f81b6d {
  align-self: center;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81bad-63f81b6d, #w-node-c654a9f7-9627-9f90-8a1c-708e63f81bb0-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81bb4-63f81b6d {
  align-self: center;
}

#w-node-d9393071-bcba-a7e8-ef63-ab3fe9c2da6e-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d9393071-bcba-a7e8-ef63-ab3fe9c2da72-63f81b6d {
  align-self: center;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81bb8-63f81b6d, #w-node-c654a9f7-9627-9f90-8a1c-708e63f81bbb-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81bbf-63f81b6d {
  align-self: center;
}

#w-node-_4e8b6579-fbd2-7dc9-6f59-0adcde3d7cb7-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4e8b6579-fbd2-7dc9-6f59-0adcde3d7cbb-63f81b6d {
  align-self: center;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81bc3-63f81b6d, #w-node-c654a9f7-9627-9f90-8a1c-708e63f81bc6-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81bca-63f81b6d {
  align-self: center;
}

#w-node-_5508d19f-7318-f07b-eab4-36e7e3fac171-63f81b6d {
  place-self: center start;
}

#w-node-_5508d19f-7318-f07b-eab4-36e7e3fac173-63f81b6d {
  place-self: center end;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81bd9-63f81b6d {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81bdb-63f81b6d {
  place-self: center start;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81bdd-63f81b6d, #w-node-b9820d1f-09dd-4569-d304-0a4b0e34ae8b-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b9820d1f-09dd-4569-d304-0a4b0e34ae8f-63f81b6d {
  align-self: center;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81be1-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81be5-63f81b6d {
  align-self: center;
}

#w-node-eaad53fb-745e-3710-c728-714c721b85f3-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eaad53fb-745e-3710-c728-714c721b85f7-63f81b6d {
  align-self: center;
}

#w-node-_0e465c9b-b294-117b-0898-87b104b24115-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e465c9b-b294-117b-0898-87b104b24119-63f81b6d {
  align-self: center;
}

#w-node-_9250e65c-73eb-613f-cf76-5f1c15131eea-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9250e65c-73eb-613f-cf76-5f1c15131eee-63f81b6d {
  align-self: center;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81c05-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81c09-63f81b6d {
  align-self: center;
}

#w-node-_957cd6b5-a4ee-1687-79da-20fa047986eb-63f81b6d {
  place-self: center start;
}

#w-node-_957cd6b5-a4ee-1687-79da-20fa047986ed-63f81b6d {
  place-self: center end;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81c0d-63f81b6d {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81c0f-63f81b6d {
  place-self: center start;
}

#w-node-e97e4ba3-4b70-4ca9-6c4f-eea1834709e3-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e97e4ba3-4b70-4ca9-6c4f-eea1834709e7-63f81b6d {
  align-self: center;
}

#w-node-c31a740c-e5c5-5eb2-4a2f-504f006ffb0e-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c31a740c-e5c5-5eb2-4a2f-504f006ffb12-63f81b6d {
  align-self: center;
}

#w-node-d30d2266-d543-1077-ccbe-539e27aad2b6-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d30d2266-d543-1077-ccbe-539e27aad2ba-63f81b6d {
  align-self: center;
}

#w-node-a233f7fa-e92e-e382-2167-77190f7a1273-63f81b6d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a233f7fa-e92e-e382-2167-77190f7a1277-63f81b6d {
  align-self: center;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81c21-63f81b6d {
  place-self: center start;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81c23-63f81b6d, #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c2f-63f81b6d, #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c33-63f81b6d, #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c37-63f81b6d, #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c3b-63f81b6d, #w-node-e92df6eb-e9d5-fc02-bf2e-ccb41d84d7e0-63f81b6d, #w-node-_66a1287c-8a5d-99e5-8f2a-9254feca440e-63f81b6d, #w-node-d7434b2f-41e3-97f8-3f8c-1d5b8170ed6b-63f81b6d, #w-node-_11012af9-fd97-27fd-ce0f-e42bd162f85e-63f81b6d, #w-node-a97abd78-0d26-256d-93d4-593dd1e388b4-63f81b6d, #w-node-_94661116-7933-1508-581e-bec1d523e0e3-63f81b6d, #w-node-ea51b803-cf28-06d3-73b1-6deeb293f858-63f81b6d, #w-node-d7434b2f-41e3-97f8-3f8c-1d5b8170ed71-63f81b6d, #w-node-ee63a4fa-8811-c7b1-1f47-e23cd1a5415f-63f81b6d, #w-node-ee63a4fa-8811-c7b1-1f47-e23cd1a54165-63f81b6d, #w-node-eca57b00-900a-3ab4-c008-401c9a6ab1a1-63f81b6d, #w-node-_560f2395-3a75-6b9d-89bd-2adabce81d24-63f81b6d, #w-node-fda793aa-80d9-b1ae-8e47-6427fcc9e48d-63f81b6d, #w-node-_22863f9f-fca4-fbe3-3a97-b14cc49c958b-63f81b6d {
  place-self: center end;
}

#w-node-c654a9f7-9627-9f90-8a1c-708e63f81c68-63f81b6d {
  grid-area: 2 / 1 / 3 / 4;
}

#w-node-d6df73b7-fefa-c27f-9164-85f8fc7fa964-8fd92d82 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_99e23dd6-8d93-aeba-c365-912175e7e497-75e7e48e, #w-node-_99e23dd6-8d93-aeba-c365-912175e7e4a1-75e7e48e, #w-node-_99e23dd6-8d93-aeba-c365-912175e7e4ad-75e7e48e, #w-node-_99e23dd6-8d93-aeba-c365-912175e7e4b9-75e7e48e, #w-node-_99e23dd6-8d93-aeba-c365-912175e7e4c5-75e7e48e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6611309-cf8f-771b-51fe-942ff468f829-8fd92db6, #w-node-fcbefd73-802f-e77e-3d59-4fc02153a219-8fd92db6 {
  align-self: stretch;
}

#w-node-_42f549e4-8d59-219d-ffaa-5c963cd50986-8fd92db6 {
  align-self: end;
}

#w-node-d121db9f-f663-b4bd-ced5-9bdb88523662-8fd92db6, #w-node-d121db9f-f663-b4bd-ced5-9bdb8852367c-8fd92db6, #w-node-d121db9f-f663-b4bd-ced5-9bdb88523696-8fd92db6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-d121db9f-f663-b4bd-ced5-9bdb88523883-8fd92db6 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-d121db9f-f663-b4bd-ced5-9bdb88523884-8fd92db6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d121db9f-f663-b4bd-ced5-9bdb885238ba-8fd92db6 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_3611dc3d-0e1e-84e2-6c3a-6114fb62b0fe-8fd92db6 {
  place-self: center;
}

#w-node-_6f0c4144-e183-ad1d-d348-2f67c789bc1d-8fd92db6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ab121833-507e-c16b-90c3-24861100bfed-8fd92db7 {
  align-self: end;
}

#w-node-_4051317c-d6cd-b31d-5395-6379d89cf8fe-8fd92db7, #w-node-_76a54e4f-bc17-db8b-ca81-dbf6ff4845ef-8fd92db7 {
  place-self: center;
}

#w-node-de266914-44f7-7540-6498-246af73bb166-8fd92db7, #w-node-de266914-44f7-7540-6498-246af73bb180-8fd92db7, #w-node-de266914-44f7-7540-6498-246af73bb19a-8fd92db7, #w-node-a2facbba-419d-ceef-0356-0a4050026cdb-8fd92db7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-de266914-44f7-7540-6498-246af73bb387-8fd92db7 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-de266914-44f7-7540-6498-246af73bb388-8fd92db7 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-de266914-44f7-7540-6498-246af73bb3be-8fd92db7 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_7ba9793f-a140-40f5-5c6b-11bd668e42b0-8fd92db7 {
  place-self: center;
}

#w-node-e0275727-d278-75ad-bf46-490a27ae7bb8-8fd92db7 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-b020da22-7105-1eeb-f464-33502f10824e-8fd92db8 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-ba819be3-a94c-5892-2d73-34286786cbdc-8fd92dba {
  align-self: end;
}

#w-node-c253fc40-e99d-79e7-c824-1bab9f98d0b3-8fd92dba {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-abad2e6c-4666-7339-3ac0-146ecb45867e-8fd92dba {
  place-self: center;
}

#w-node-abad2e6c-4666-7339-3ac0-146ecb4586c9-8fd92dba {
  grid-area: 2 / 3 / 3 / 4;
  place-self: center;
}

#w-node-abad2e6c-4666-7339-3ac0-146ecb4586ab-8fd92dba, #w-node-_7acb35b0-e196-f718-08c2-d3b4f682c048-8fd92dba {
  place-self: center;
}

#w-node-abad2e6c-4666-7339-3ac0-146ecb4586ba-8fd92dba {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_9b2d34eb-e043-97b2-dd07-040e99e3769b-8fd92dba {
  grid-area: 3 / 1 / 4 / 2;
  place-self: center;
}

#w-node-_5c6714dd-81a3-2835-4d7e-1ae38068998d-8fd92dba, #w-node-_4dc55d7c-2890-846b-c010-a2d2dee989e7-8fd92dba, #w-node-f7777670-4e6e-8c61-094b-63d0bcb76585-8fd92dba {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_7be6dd2e-95c2-90bf-c3f8-290a71b74376-8fd92dba {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_7be6dd2e-95c2-90bf-c3f8-290a71b74377-8fd92dba {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_7be6dd2e-95c2-90bf-c3f8-290a71b743ad-8fd92dba {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-d863597d-0d81-e0a9-d8b2-12f72a9bee18-8fd92dba {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f641b8b-cc13-6ebc-93bb-59e6e098386a-8fd92dba {
  place-self: center;
}

#w-node-_1f641b8b-cc13-6ebc-93bb-59e6e09838bf-8fd92dba {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_32807df8-e9aa-ac4d-a7b9-0b535c14d479-8fd92dba {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_840f5c4d-994a-08b4-ffec-64622b31f7cf-8fd92dbb {
  align-self: end;
}

#w-node-_0df59337-c214-265b-e739-26ce08917189-8fd92dbb {
  grid-area: 2 / 2 / 3 / 3;
  align-self: end;
}

#w-node-bd72c7b4-82d3-1131-a1a7-bc1c689a9e9d-8fd92dbb, #w-node-bd72c7b4-82d3-1131-a1a7-bc1c689a9eb7-8fd92dbb, #w-node-bd72c7b4-82d3-1131-a1a7-bc1c689a9ed1-8fd92dbb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-bd72c7b4-82d3-1131-a1a7-bc1c689aa0be-8fd92dbb {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-bd72c7b4-82d3-1131-a1a7-bc1c689aa0bf-8fd92dbb {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-bd72c7b4-82d3-1131-a1a7-bc1c689aa0f5-8fd92dbb {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-b4adc008-3a07-af3a-f629-4278e8231402-8fd92dbb {
  place-self: center;
}

#w-node-a2414e97-346b-17c8-5aa3-19c058a4511c-8fd92dbb {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_20b07837-3ce9-f823-857f-fb33f2d1826c-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d18274-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d1827c-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d18284-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d1828d-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d18295-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d1829d-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d182a5-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d182ad-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d182b5-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d182c5-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d182cf-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d182d7-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d182df-8fd92dbc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20b07837-3ce9-f823-857f-fb33f2d183f7-8fd92dbc {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-_20b07837-3ce9-f823-857f-fb33f2d18402-8fd92dbc {
  grid-area: span 5 / span 1 / span 5 / span 1;
  place-self: center;
}

#w-node-_20b07837-3ce9-f823-857f-fb33f2d1840d-8fd92dbc {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-_20b07837-3ce9-f823-857f-fb33f2d18418-8fd92dbc {
  grid-area: span 5 / span 1 / span 5 / span 1;
  place-self: center;
}

#w-node-_20b07837-3ce9-f823-857f-fb33f2d18423-8fd92dbc {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-_20b07837-3ce9-f823-857f-fb33f2d18439-8fd92dbc {
  grid-area: span 5 / span 1 / span 5 / span 1;
  place-self: center;
}

#w-node-_20b07837-3ce9-f823-857f-fb33f2d1842e-8fd92dbc {
  grid-area: span 6 / span 1 / span 6 / span 1;
  place-self: auto;
}

#w-node-_20b07837-3ce9-f823-857f-fb33f2d18444-8fd92dbc {
  grid-area: 6 / 4 / 11 / 5;
  place-self: center;
}

#w-node-_8feec9a1-999a-0d33-e01a-156e3acc7117-8fd92dbc, #w-node-_9fab1660-4cbd-93da-2e20-fbdae0130731-8fd92dbc, #w-node-dcb070ea-8ee9-6d19-a619-6cbd41e4e575-8fd92dbc, #w-node-_230f9f0d-74d0-a705-3711-5ad96af8897c-8fd92dbc, #w-node-_50987ed1-fe68-ab42-137f-5a6f8902395b-8fd92dbc, #w-node-_80c3bfc4-d4d0-4d7f-3990-a533c3ec30bf-8fd92dbc, #w-node-f7cd9262-b95d-4b00-9f0c-4e548e39ade5-8fd92dbc, #w-node-d9137340-1beb-e8e0-3655-9ec1cf6330c2-8fd92dbc, #w-node-_3f65fc7e-39cf-7227-3305-46e566bcf1ce-8fd92dbc, #w-node-_2d245491-b62f-6699-d006-2aa5c7090487-8fd92dbc, #w-node-db6d536d-5c2b-36cb-e799-77efbe01a8ec-8fd92dbc {
  align-self: auto;
}

#w-node-db6d536d-5c2b-36cb-e799-77efbe01a908-8fd92dbc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8c626591-b4b2-7119-159b-1700b9701188-8fd92dbc {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_20b07837-3ce9-f823-857f-fb33f2d18689-8fd92dbc {
  grid-area: 1 / 2 / 2 / 3;
}

#address-email-and-phone-number.w-node-_20b07837-3ce9-f823-857f-fb33f2d1868b-8fd92dbc {
  place-self: center;
}

#w-node-_20b07837-3ce9-f823-857f-fb33f2d18718-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d1871a-8fd92dbc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20b07837-3ce9-f823-857f-fb33f2d18726-8fd92dbc {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_20b07837-3ce9-f823-857f-fb33f2d18739-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d18744-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d18750-8fd92dbc {
  align-self: center;
}

#w-node-_68bafcf2-6ae5-bdf5-5ec1-5d750eb46e99-8fd92dbe {
  align-self: end;
}

#w-node-_94934b78-3eb9-93f6-dd4c-48669dea6f7b-8fd92dbe, #w-node-_94934b78-3eb9-93f6-dd4c-48669dea6f71-8fd92dbe, #w-node-_94934b78-3eb9-93f6-dd4c-48669dea6f85-8fd92dbe, #w-node-_94934b78-3eb9-93f6-dd4c-48669dea6f8f-8fd92dbe {
  place-self: center;
}

#w-node-_94934b78-3eb9-93f6-dd4c-48669dea6fbb-8fd92dbe {
  grid-area: 2 / 3 / 3 / 4;
  place-self: center;
}

#w-node-a76ae049-34ce-5b7c-6d76-00a980cce317-8fd92dbe {
  grid-area: 1 / 1 / 2 / 2;
  place-self: start center;
}

#w-node-_9864d12c-3564-2592-7402-bc520445a029-8fd92dbe {
  grid-area: 3 / 2 / 4 / 3;
  place-self: center;
}

#w-node-_7c57baeb-444d-5f21-54a0-6e37f7c868fb-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e1a-8fd92dbe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6f4dc84e-954c-1f18-e06c-2168c300f506-8fd92dbe {
  place-self: center;
}

#w-node-_8c4109ed-7d8c-c014-e532-f923d1bb8340-8fd92dbe {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dc9d43b5-78ac-8535-edd8-82c6c809ae77-8fd92dbf, #w-node-dc9d43b5-78ac-8535-edd8-82c6c809ae91-8fd92dbf, #w-node-dc9d43b5-78ac-8535-edd8-82c6c809aeab-8fd92dbf, #w-node-d802f51f-2794-0da0-1a17-24c85c11eaf7-8fd92dbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-dc9d43b5-78ac-8535-edd8-82c6c809b098-8fd92dbf {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-dc9d43b5-78ac-8535-edd8-82c6c809b099-8fd92dbf {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dc9d43b5-78ac-8535-edd8-82c6c809b0cf-8fd92dbf {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-d321d212-ca0f-3dba-8605-cd49e22bd300-8fd92dc0, #w-node-d321d212-ca0f-3dba-8605-cd49e22bd31a-8fd92dc0, #w-node-d321d212-ca0f-3dba-8605-cd49e22bd334-8fd92dc0, #w-node-d321d212-ca0f-3dba-8605-cd49e22bd34e-8fd92dc0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-d321d212-ca0f-3dba-8605-cd49e22bd53b-8fd92dc0 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-d321d212-ca0f-3dba-8605-cd49e22bd53c-8fd92dc0 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d321d212-ca0f-3dba-8605-cd49e22bd572-8fd92dc0 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-d321d212-ca0f-3dba-8605-cd49e22bd5a6-8fd92dc0 {
  place-self: center;
}

#w-node-_0da4944e-95fb-6c35-e50c-a1d6ec33fffd-8fd92dc1, #w-node-_0da4944e-95fb-6c35-e50c-a1d6ec340017-8fd92dc1, #w-node-_0da4944e-95fb-6c35-e50c-a1d6ec340031-8fd92dc1, #w-node-_0da4944e-95fb-6c35-e50c-a1d6ec34004b-8fd92dc1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_0da4944e-95fb-6c35-e50c-a1d6ec340238-8fd92dc1 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_0da4944e-95fb-6c35-e50c-a1d6ec340239-8fd92dc1 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0da4944e-95fb-6c35-e50c-a1d6ec34026f-8fd92dc1 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_5ffcc48d-fb03-8b38-595b-63c70f3f8173-8fd92dc2, #w-node-_14e0b05e-85c5-70af-0f16-2d27eacc2494-8fd92dc2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5ffcc48d-fb03-8b38-595b-63c70f3f817d-8fd92dc2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-_0429663e-6e1f-5017-3e59-cf8c02b26762-8fd92dc2, #w-node-_0429663e-6e1f-5017-3e59-cf8c02b26798-8fd92dc2, #w-node-_0429663e-6e1f-5017-3e59-cf8c02b267ce-8fd92dc2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_0429663e-6e1f-5017-3e59-cf8c02b269b9-8fd92dc2 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_0429663e-6e1f-5017-3e59-cf8c02b269ba-8fd92dc2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0429663e-6e1f-5017-3e59-cf8c02b269f0-8fd92dc2 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_3d8231fd-e154-29c9-ba93-e09eb144e020-8fd92dc2 {
  place-self: center;
}

#w-node-_3d8231fd-e154-29c9-ba93-e09eb144e06f-8fd92dc2 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-f878c4a4-f2f2-e4d3-a54c-e3cc329d9029-8fd92dc2 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c23d34ff-7d77-e763-0acc-07207ada1973-8fd92dc3 {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-c23d34ff-7d77-e763-0acc-07207ada197d-8fd92dc3 {
  grid-area: span 5 / span 1 / span 5 / span 1;
  place-self: center;
}

#w-node-c23d34ff-7d77-e763-0acc-07207ada1987-8fd92dc3 {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-c23d34ff-7d77-e763-0acc-07207ada1991-8fd92dc3 {
  grid-area: span 5 / span 1 / span 5 / span 1;
  place-self: center;
}

#w-node-c23d34ff-7d77-e763-0acc-07207ada199b-8fd92dc3 {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-c23d34ff-7d77-e763-0acc-07207ada19a5-8fd92dc3 {
  grid-area: span 5 / span 1 / span 5 / span 1;
  place-self: center;
}

#w-node-c23d34ff-7d77-e763-0acc-07207ada19af-8fd92dc3 {
  grid-area: span 6 / span 1 / span 6 / span 1;
  place-self: auto;
}

#w-node-c23d34ff-7d77-e763-0acc-07207ada19b9-8fd92dc3 {
  grid-area: 6 / 4 / 11 / 5;
  place-self: center;
}

#w-node-c23d34ff-7d77-e763-0acc-07207ada19d8-8fd92dc3 {
  justify-self: center;
}

#w-node-_33a917c7-2720-c43f-dea8-23d1d9b51571-8fd92dc3 {
  align-self: end;
}

#w-node-c23d34ff-7d77-e763-0acc-07207ada1ad2-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1ad8-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1ade-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1ae4-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1aea-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1af0-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1af6-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1afc-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1b02-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1b08-8fd92dc3 {
  align-self: auto;
}

#w-node-c23d34ff-7d77-e763-0acc-07207ada1bd8-8fd92dc3 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-c23d34ff-7d77-e763-0acc-07207ada1c01-8fd92dc3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c23d34ff-7d77-e763-0acc-07207ada1c13-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1c1f-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1c2a-8fd92dc3 {
  align-self: center;
}

#w-node-_7c05e1a7-742a-2b20-dc36-b2d7b50ddeef-8fd92dc3 {
  place-self: center;
}

#w-node-_7c05e1a7-742a-2b20-dc36-b2d7b50ddf42-8fd92dc3 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_5e3bc5f4-012b-7e7c-df2a-b54313729509-8fd92dc3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fec87f99-bb86-3a7b-fdfc-593bab58d167-8fd92dc4, #w-node-fec87f99-bb86-3a7b-fdfc-593bab58d184-8fd92dc4, #w-node-fec87f99-bb86-3a7b-fdfc-593bab58d1a0-8fd92dc4, #w-node-fec87f99-bb86-3a7b-fdfc-593bab58d1be-8fd92dc4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-fec87f99-bb86-3a7b-fdfc-593bab58d3a9-8fd92dc4 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-fec87f99-bb86-3a7b-fdfc-593bab58d3aa-8fd92dc4 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-fec87f99-bb86-3a7b-fdfc-593bab58d3e0-8fd92dc4 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_9d5dd442-0d12-9b50-dfd2-231058497550-8fd92dc4 {
  align-self: end;
}

#w-node-_9d5dd442-0d12-9b50-dfd2-23105849763b-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-231058497641-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-231058497647-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-23105849764d-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-231058497653-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-231058497659-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-23105849765f-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-231058497665-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-23105849766b-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-231058497671-8fd92dc4 {
  align-self: auto;
}

#w-node-_9d5dd442-0d12-9b50-dfd2-231058497967-8fd92dc4 {
  place-self: center;
}

#w-node-_9d5dd442-0d12-9b50-dfd2-2310584979da-8fd92dc4 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_9d5dd442-0d12-9b50-dfd2-231058497a54-8fd92dc4 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9d5dd442-0d12-9b50-dfd2-231058497a66-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-231058497a72-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-231058497a7d-8fd92dc4 {
  align-self: center;
}

#w-node-_0085bf78-8891-5e1c-abce-3a825f3046d7-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f3046ed-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304703-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304719-8fd92dc5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_0085bf78-8891-5e1c-abce-3a825f304904-8fd92dc5 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_0085bf78-8891-5e1c-abce-3a825f304905-8fd92dc5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0085bf78-8891-5e1c-abce-3a825f30493b-8fd92dc5 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_0085bf78-8891-5e1c-abce-3a825f304986-8fd92dc5 {
  align-self: end;
}

#w-node-_0085bf78-8891-5e1c-abce-3a825f304a10-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304a16-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304a1c-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304a22-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304a28-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304a2e-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304a34-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304a3a-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304a40-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304a46-8fd92dc5 {
  align-self: auto;
}

#w-node-_0085bf78-8891-5e1c-abce-3a825f304a6d-8fd92dc5 {
  place-self: center;
}

#w-node-_0085bf78-8891-5e1c-abce-3a825f304ac9-8fd92dc5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_0085bf78-8891-5e1c-abce-3a825f304b43-8fd92dc5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0085bf78-8891-5e1c-abce-3a825f304b55-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304b61-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304b6c-8fd92dc5 {
  align-self: center;
}

#w-node-c1e40297-1550-25ac-079e-7a9e711330a1-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e711330b7-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e711330cd-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e711330e3-8fd92dc6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-c1e40297-1550-25ac-079e-7a9e711332ce-8fd92dc6 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-c1e40297-1550-25ac-079e-7a9e711332cf-8fd92dc6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c1e40297-1550-25ac-079e-7a9e71133305-8fd92dc6 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_8f3fd5a2-2412-d4e9-23a9-a7a27cbf792b-8fd92dc6, #w-node-_8f3fd5a2-2412-d4e9-23a9-a7a27cbf7935-8fd92dc6 {
  place-self: center;
}

#w-node-_8f3fd5a2-2412-d4e9-23a9-a7a27cbf793f-8fd92dc6 {
  grid-area: 2 / 3 / 3 / 4;
  place-self: center;
}

#w-node-_8f3fd5a2-2412-d4e9-23a9-a7a27cbf7949-8fd92dc6, #w-node-_8f3fd5a2-2412-d4e9-23a9-a7a27cbf7953-8fd92dc6, #w-node-_8f3fd5a2-2412-d4e9-23a9-a7a27cbf795d-8fd92dc6 {
  place-self: center;
}

#w-node-c1e40297-1550-25ac-079e-7a9e71133350-8fd92dc6 {
  align-self: end;
}

#w-node-c1e40297-1550-25ac-079e-7a9e711333da-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e711333e0-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e711333e6-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e711333ec-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e711333f2-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e711333f8-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e711333fe-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e71133404-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e7113340a-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e71133410-8fd92dc6 {
  align-self: auto;
}

#w-node-c1e40297-1550-25ac-079e-7a9e71133437-8fd92dc6 {
  place-self: center;
}

#w-node-c1e40297-1550-25ac-079e-7a9e71133493-8fd92dc6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-c1e40297-1550-25ac-079e-7a9e7113350d-8fd92dc6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-c1e40297-1550-25ac-079e-7a9e7113351f-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e7113352b-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e71133536-8fd92dc6 {
  align-self: center;
}

#w-node-_4c429eba-9ef8-5de8-b35e-42391db4d703-8fd92dc7, #w-node-_4c429eba-9ef8-5de8-b35e-42391db4d70b-8fd92dc7, #w-node-_4c429eba-9ef8-5de8-b35e-42391db4d713-8fd92dc7, #w-node-_4c429eba-9ef8-5de8-b35e-42391db4d71b-8fd92dc7, #w-node-_4c429eba-9ef8-5de8-b35e-42391db4d724-8fd92dc7, #w-node-_4c429eba-9ef8-5de8-b35e-42391db4d72c-8fd92dc7, #w-node-_4c429eba-9ef8-5de8-b35e-42391db4d734-8fd92dc7, #w-node-_4c429eba-9ef8-5de8-b35e-42391db4d73c-8fd92dc7, #w-node-_4c429eba-9ef8-5de8-b35e-42391db4d744-8fd92dc7, #w-node-_4c429eba-9ef8-5de8-b35e-42391db4d754-8fd92dc7, #w-node-_4c429eba-9ef8-5de8-b35e-42391db4d75e-8fd92dc7, #w-node-_4c429eba-9ef8-5de8-b35e-42391db4d766-8fd92dc7, #w-node-_4c429eba-9ef8-5de8-b35e-42391db4d76e-8fd92dc7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e1403d04-20bc-6c2a-84e7-6f705ca9ffe1-8fd92dc7 {
  place-self: center;
}

#w-node-_960cf538-8414-afee-6624-4bd2cce50b5c-8fd92dc8, #w-node-_960cf538-8414-afee-6624-4bd2cce50b64-8fd92dc8, #w-node-_960cf538-8414-afee-6624-4bd2cce50b6c-8fd92dc8, #w-node-_960cf538-8414-afee-6624-4bd2cce50b74-8fd92dc8, #w-node-_960cf538-8414-afee-6624-4bd2cce50b7d-8fd92dc8, #w-node-_960cf538-8414-afee-6624-4bd2cce50b85-8fd92dc8, #w-node-_960cf538-8414-afee-6624-4bd2cce50b8d-8fd92dc8, #w-node-_960cf538-8414-afee-6624-4bd2cce50b95-8fd92dc8, #w-node-_960cf538-8414-afee-6624-4bd2cce50b9d-8fd92dc8, #w-node-_960cf538-8414-afee-6624-4bd2cce50bad-8fd92dc8, #w-node-_960cf538-8414-afee-6624-4bd2cce50bb7-8fd92dc8, #w-node-_960cf538-8414-afee-6624-4bd2cce50bbf-8fd92dc8, #w-node-_960cf538-8414-afee-6624-4bd2cce50bc7-8fd92dc8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_960cf538-8414-afee-6624-4bd2cce50d22-8fd92dc8 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_28f880c8-527b-31e9-758d-93ac525b400f-8fd92dda, #w-node-_28f880c8-527b-31e9-758d-93ac525b4017-8fd92dda, #w-node-_28f880c8-527b-31e9-758d-93ac525b401f-8fd92dda, #w-node-_28f880c8-527b-31e9-758d-93ac525b4027-8fd92dda, #w-node-_28f880c8-527b-31e9-758d-93ac525b4030-8fd92dda, #w-node-_28f880c8-527b-31e9-758d-93ac525b4038-8fd92dda, #w-node-_28f880c8-527b-31e9-758d-93ac525b4040-8fd92dda, #w-node-_28f880c8-527b-31e9-758d-93ac525b4048-8fd92dda, #w-node-_28f880c8-527b-31e9-758d-93ac525b4050-8fd92dda, #w-node-_28f880c8-527b-31e9-758d-93ac525b4060-8fd92dda, #w-node-_28f880c8-527b-31e9-758d-93ac525b406a-8fd92dda, #w-node-_28f880c8-527b-31e9-758d-93ac525b4072-8fd92dda, #w-node-_28f880c8-527b-31e9-758d-93ac525b407a-8fd92dda {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cda6e7c9-2d2a-4ad6-522e-15f17407161e-8fd92dda {
  place-self: center;
}

#w-node-_28f880c8-527b-31e9-758d-93ac525b41b9-8fd92dda {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_5cf31b72-82ed-4a49-ea35-13d495216a17-8fd92deb, #w-node-_5cf31b72-82ed-4a49-ea35-13d495216a1f-8fd92deb, #w-node-_5cf31b72-82ed-4a49-ea35-13d495216a27-8fd92deb, #w-node-_5cf31b72-82ed-4a49-ea35-13d495216a2f-8fd92deb, #w-node-_5cf31b72-82ed-4a49-ea35-13d495216a38-8fd92deb, #w-node-_5cf31b72-82ed-4a49-ea35-13d495216a40-8fd92deb, #w-node-_5cf31b72-82ed-4a49-ea35-13d495216a48-8fd92deb, #w-node-_5cf31b72-82ed-4a49-ea35-13d495216a50-8fd92deb, #w-node-_5cf31b72-82ed-4a49-ea35-13d495216a58-8fd92deb, #w-node-_5cf31b72-82ed-4a49-ea35-13d495216a68-8fd92deb, #w-node-_5cf31b72-82ed-4a49-ea35-13d495216a72-8fd92deb, #w-node-_5cf31b72-82ed-4a49-ea35-13d495216a7a-8fd92deb, #w-node-_5cf31b72-82ed-4a49-ea35-13d495216a82-8fd92deb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c473ea03-c21b-e902-8c98-eeadec603f0d-8fd92deb, #w-node-_33638c32-4ea2-93c0-daee-25c902252b56-8fd92deb {
  place-self: center;
}

#w-node-_70bf3624-d7ec-79a6-ef45-f4d2365109d1-8fd92dec, #w-node-_70bf3624-d7ec-79a6-ef45-f4d2365109d9-8fd92dec, #w-node-_70bf3624-d7ec-79a6-ef45-f4d2365109e1-8fd92dec, #w-node-_70bf3624-d7ec-79a6-ef45-f4d2365109e9-8fd92dec, #w-node-_70bf3624-d7ec-79a6-ef45-f4d2365109f2-8fd92dec, #w-node-_70bf3624-d7ec-79a6-ef45-f4d2365109fa-8fd92dec, #w-node-_70bf3624-d7ec-79a6-ef45-f4d236510a02-8fd92dec, #w-node-_70bf3624-d7ec-79a6-ef45-f4d236510a0a-8fd92dec, #w-node-_70bf3624-d7ec-79a6-ef45-f4d236510a12-8fd92dec, #w-node-_70bf3624-d7ec-79a6-ef45-f4d236510a22-8fd92dec, #w-node-_70bf3624-d7ec-79a6-ef45-f4d236510a2c-8fd92dec, #w-node-_70bf3624-d7ec-79a6-ef45-f4d236510a34-8fd92dec, #w-node-_70bf3624-d7ec-79a6-ef45-f4d236510a3c-8fd92dec {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_70bf3624-d7ec-79a6-ef45-f4d236510ae4-8fd92dec, #w-node-_24df8a88-4eec-5cc9-01a7-2bcccc085086-8fd92dec, #w-node-_9efb745b-ee67-d36e-871c-34787b97859a-8fd92dec {
  place-self: center;
}

#w-node-_91e1535a-e87a-2a2d-fde2-0ce11fcaba77-8fd92ded, #w-node-_91e1535a-e87a-2a2d-fde2-0ce11fcaba7f-8fd92ded, #w-node-_91e1535a-e87a-2a2d-fde2-0ce11fcaba87-8fd92ded, #w-node-_91e1535a-e87a-2a2d-fde2-0ce11fcaba8f-8fd92ded, #w-node-_91e1535a-e87a-2a2d-fde2-0ce11fcaba98-8fd92ded, #w-node-_91e1535a-e87a-2a2d-fde2-0ce11fcabaa0-8fd92ded, #w-node-_91e1535a-e87a-2a2d-fde2-0ce11fcabaa8-8fd92ded, #w-node-_91e1535a-e87a-2a2d-fde2-0ce11fcabab0-8fd92ded, #w-node-_91e1535a-e87a-2a2d-fde2-0ce11fcabab8-8fd92ded, #w-node-_91e1535a-e87a-2a2d-fde2-0ce11fcabac8-8fd92ded, #w-node-_91e1535a-e87a-2a2d-fde2-0ce11fcabad2-8fd92ded, #w-node-_91e1535a-e87a-2a2d-fde2-0ce11fcabada-8fd92ded, #w-node-_91e1535a-e87a-2a2d-fde2-0ce11fcabae2-8fd92ded {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6b778243-96fa-a8ca-7ab0-528db0a1ec31-8fd92ded {
  place-self: center;
}

#w-node-_725cb3e2-3ea8-3a60-0e62-a7507f1b42a3-8fd92dee, #w-node-_725cb3e2-3ea8-3a60-0e62-a7507f1b42ab-8fd92dee, #w-node-_725cb3e2-3ea8-3a60-0e62-a7507f1b42b3-8fd92dee, #w-node-_725cb3e2-3ea8-3a60-0e62-a7507f1b42bb-8fd92dee, #w-node-_725cb3e2-3ea8-3a60-0e62-a7507f1b42c4-8fd92dee, #w-node-_725cb3e2-3ea8-3a60-0e62-a7507f1b42cc-8fd92dee, #w-node-_725cb3e2-3ea8-3a60-0e62-a7507f1b42d4-8fd92dee, #w-node-_725cb3e2-3ea8-3a60-0e62-a7507f1b42dc-8fd92dee, #w-node-_725cb3e2-3ea8-3a60-0e62-a7507f1b42e4-8fd92dee, #w-node-_725cb3e2-3ea8-3a60-0e62-a7507f1b42f4-8fd92dee, #w-node-_725cb3e2-3ea8-3a60-0e62-a7507f1b42fe-8fd92dee, #w-node-_725cb3e2-3ea8-3a60-0e62-a7507f1b4306-8fd92dee, #w-node-_725cb3e2-3ea8-3a60-0e62-a7507f1b430e-8fd92dee {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2192542e-32dc-f31b-5b58-313fab45e4d4-8fd92dee {
  place-self: center;
}

#w-node-b0862af9-7034-b72a-5180-4b1e3ec7c82c-8fd92def, #w-node-b0862af9-7034-b72a-5180-4b1e3ec7c834-8fd92def, #w-node-b0862af9-7034-b72a-5180-4b1e3ec7c83c-8fd92def, #w-node-b0862af9-7034-b72a-5180-4b1e3ec7c844-8fd92def, #w-node-b0862af9-7034-b72a-5180-4b1e3ec7c84d-8fd92def, #w-node-b0862af9-7034-b72a-5180-4b1e3ec7c855-8fd92def, #w-node-b0862af9-7034-b72a-5180-4b1e3ec7c85d-8fd92def, #w-node-b0862af9-7034-b72a-5180-4b1e3ec7c865-8fd92def, #w-node-b0862af9-7034-b72a-5180-4b1e3ec7c86d-8fd92def, #w-node-b0862af9-7034-b72a-5180-4b1e3ec7c87d-8fd92def, #w-node-b0862af9-7034-b72a-5180-4b1e3ec7c887-8fd92def, #w-node-b0862af9-7034-b72a-5180-4b1e3ec7c88f-8fd92def, #w-node-b0862af9-7034-b72a-5180-4b1e3ec7c897-8fd92def {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bd0b7d01-a738-db0d-7917-4d8291c807ab-8fd92def {
  place-self: center;
}

#w-node-_92844846-7aa5-87af-680a-a3a51ccf662c-8fd92df0, #w-node-_92844846-7aa5-87af-680a-a3a51ccf6634-8fd92df0, #w-node-_92844846-7aa5-87af-680a-a3a51ccf663c-8fd92df0, #w-node-_92844846-7aa5-87af-680a-a3a51ccf6644-8fd92df0, #w-node-_92844846-7aa5-87af-680a-a3a51ccf664d-8fd92df0, #w-node-_92844846-7aa5-87af-680a-a3a51ccf6655-8fd92df0, #w-node-_92844846-7aa5-87af-680a-a3a51ccf665d-8fd92df0, #w-node-_92844846-7aa5-87af-680a-a3a51ccf6665-8fd92df0, #w-node-_92844846-7aa5-87af-680a-a3a51ccf666d-8fd92df0, #w-node-_92844846-7aa5-87af-680a-a3a51ccf667d-8fd92df0, #w-node-_92844846-7aa5-87af-680a-a3a51ccf6687-8fd92df0, #w-node-_92844846-7aa5-87af-680a-a3a51ccf668f-8fd92df0, #w-node-_92844846-7aa5-87af-680a-a3a51ccf6697-8fd92df0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_97f3ba59-505d-0302-3702-427b8ef29079-8fd92df0 {
  place-self: center;
}

#w-node-_43f233ed-4648-4f0f-d4f2-f33db6401678-8fd92df5 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_43f233ed-4648-4f0f-d4f2-f33db640167a-8fd92df5, #w-node-_43f233ed-4648-4f0f-d4f2-f33db6401683-8fd92df5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_43f233ed-4648-4f0f-d4f2-f33db640168c-8fd92df5 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_49cb344d-38f7-eada-10c4-d0b3f2947245-8fd92df5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_43f233ed-4648-4f0f-d4f2-f33db640169a-8fd92df5 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_43f233ed-4648-4f0f-d4f2-f33db640169c-8fd92df5 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_43f233ed-4648-4f0f-d4f2-f33db6401701-8fd92df5 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_2e5995b8-df4b-bd99-5f13-3954a0a8754b-8fd92df6 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_2e5995b8-df4b-bd99-5f13-3954a0a8754d-8fd92df6, #w-node-_2e5995b8-df4b-bd99-5f13-3954a0a87556-8fd92df6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2e5995b8-df4b-bd99-5f13-3954a0a8755f-8fd92df6 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_2e5995b8-df4b-bd99-5f13-3954a0a8756d-8fd92df6 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_2e5995b8-df4b-bd99-5f13-3954a0a8756f-8fd92df6 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-aad942f4-f27e-4817-821a-c6ce8f76fbd6-8fd92df6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242b92-8fd92e08 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242b94-8fd92e08, #w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242b9d-8fd92e08 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242ba6-8fd92e08 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242bb4-8fd92e08 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242bb6-8fd92e08 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_1a672d7e-90ab-3113-514c-4ac5d480d593-8fd92e09 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_1a672d7e-90ab-3113-514c-4ac5d480d595-8fd92e09, #w-node-_1a672d7e-90ab-3113-514c-4ac5d480d59e-8fd92e09 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1a672d7e-90ab-3113-514c-4ac5d480d5a7-8fd92e09 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_1a672d7e-90ab-3113-514c-4ac5d480d5b5-8fd92e09 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_1a672d7e-90ab-3113-514c-4ac5d480d5b7-8fd92e09 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defccb-8fd92e0a {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defccd-8fd92e0a, #w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defcd6-8fd92e0a {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defcdf-8fd92e0a {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defced-8fd92e0a {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defcef-8fd92e0a {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-d38885f3-7eaa-77be-b3be-f4c7b8d1df14-8fd92e0a {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_803178ae-d33f-d501-8b67-2d0e298afc28-8fd92e0b {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_803178ae-d33f-d501-8b67-2d0e298afc2a-8fd92e0b, #w-node-_803178ae-d33f-d501-8b67-2d0e298afc33-8fd92e0b {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_803178ae-d33f-d501-8b67-2d0e298afc3c-8fd92e0b {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_803178ae-d33f-d501-8b67-2d0e298afc4a-8fd92e0b {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_803178ae-d33f-d501-8b67-2d0e298afc4c-8fd92e0b {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_2ada024e-4049-e616-8015-4d89ff2b48f6-8fd92e0c {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_2ada024e-4049-e616-8015-4d89ff2b48f8-8fd92e0c, #w-node-_2ada024e-4049-e616-8015-4d89ff2b4901-8fd92e0c {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_2ada024e-4049-e616-8015-4d89ff2b490a-8fd92e0c {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_2ada024e-4049-e616-8015-4d89ff2b491a-8fd92e0c {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_2ada024e-4049-e616-8015-4d89ff2b4918-8fd92e0c {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_22e65bfa-b856-fcc2-00b1-85eef586999f-7295079e {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-d22429fe-766e-861a-fbd8-12e4b38223d3-7295079e {
  grid-area: span 5 / span 1 / span 5 / span 1;
  place-self: center;
}

#w-node-_22e65bfa-b856-fcc2-00b1-85eef58699b3-7295079e {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-_22e65bfa-b856-fcc2-00b1-85eef58699bd-7295079e {
  grid-area: span 5 / span 1 / span 5 / span 1;
  place-self: center;
}

#w-node-_22e65bfa-b856-fcc2-00b1-85eef58699c7-7295079e {
  grid-area: span 5 / span 1 / span 5 / span 1;
}

#w-node-_22e65bfa-b856-fcc2-00b1-85eef58699d1-7295079e {
  grid-area: span 5 / span 1 / span 5 / span 1;
  place-self: center;
}

#w-node-_22e65bfa-b856-fcc2-00b1-85eef58699db-7295079e {
  grid-area: span 6 / span 1 / span 6 / span 1;
  place-self: auto;
}

#w-node-_22e65bfa-b856-fcc2-00b1-85eef58699e5-7295079e {
  grid-area: 6 / 4 / 11 / 5;
  place-self: center;
}

#w-node-_6f39f773-9e2e-e9a8-ed21-bb004856dcbd-7295079e {
  align-self: end;
}

#w-node-_22e65bfa-b856-fcc2-00b1-85eef5869ab7-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef5869abd-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef5869ac3-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef5869ac9-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef5869acf-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef5869ad5-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef5869adb-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef5869ae1-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef5869ae7-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef5869aed-7295079e {
  align-self: auto;
}

#w-node-e079ad4b-7c74-242c-e6d2-028c7d4a9b37-7295079e, #w-node-e079ad4b-7c74-242c-e6d2-028c7d4a9b51-7295079e, #w-node-e079ad4b-7c74-242c-e6d2-028c7d4a9b6b-7295079e, #w-node-a3dcdf7e-a7aa-f59a-ceb9-61fe4a0eefcb-7295079e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-e079ad4b-7c74-242c-e6d2-028c7d4a9d58-7295079e {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-e079ad4b-7c74-242c-e6d2-028c7d4a9d59-7295079e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e079ad4b-7c74-242c-e6d2-028c7d4a9d8f-7295079e {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-f74fa9b9-1348-01c5-2fe9-5e512ccbbaf6-7295079e {
  place-self: center;
}

#w-node-_1a64b7f1-cca0-d915-79af-663bc11c182f-7295079e {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_632b65b0-32e1-9a63-665e-6a51cfac4a1f-7295079e {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_632b65b0-32e1-9a63-665e-6a51cfac4a31-7295079e, #w-node-_632b65b0-32e1-9a63-665e-6a51cfac4a3d-7295079e, #w-node-_632b65b0-32e1-9a63-665e-6a51cfac4a48-7295079e {
  align-self: center;
}

#w-node-_916f6609-f6d2-93c4-04a4-dadbe6c1f299-216c09cc {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-d6d01833-b903-ed62-ce27-b1978b7d5b66-216c09cc, #w-node-cf8282f7-2ab5-de44-9b06-7b9e42de4d26-216c09cc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_97530ac2-1854-e0ce-8de5-2a3bfaba3709-216c09cc {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_58d25eca-c86b-db99-c823-5c22666a72de-216c09cc {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_58d25eca-c86b-db99-c823-5c22666a72e7-216c09cc {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_8742a466-8195-bc23-d7c7-5a821fdc39a9-216c09cc, #w-node-a36abe86-8c28-d54b-3d24-e7bc8de64045-76f10b50 {
  place-self: center;
}

#w-node-a36abe86-8c28-d54b-3d24-e7bc8de640c5-76f10b50 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-a36abe86-8c28-d54b-3d24-e7bc8de640c7-76f10b50, #w-node-a36abe86-8c28-d54b-3d24-e7bc8de640d0-76f10b50 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a36abe86-8c28-d54b-3d24-e7bc8de640d9-76f10b50 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-a36abe86-8c28-d54b-3d24-e7bc8de640e7-76f10b50 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-a36abe86-8c28-d54b-3d24-e7bc8de640e9-76f10b50 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-a36abe86-8c28-d54b-3d24-e7bc8de640fa-76f10b50 {
  place-self: center;
}

#w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b634-e20f928d {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b636-e20f928d, #w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b63f-e20f928d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b648-e20f928d {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b656-e20f928d {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b657-e20f928d {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-ed471c4b-039c-6f22-dd7e-e7aa793a88b5-52c4c645 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-ed471c4b-039c-6f22-dd7e-e7aa793a88b7-52c4c645, #w-node-ed471c4b-039c-6f22-dd7e-e7aa793a88c0-52c4c645 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ed471c4b-039c-6f22-dd7e-e7aa793a88c9-52c4c645 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4be5-138cfd64 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4be7-138cfd64, #w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4bf0-138cfd64 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4bf9-138cfd64 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_71374339-9704-15ec-86fe-a7d0436f68ef-138cfd64 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4c07-138cfd64 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4c08-138cfd64 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_858710f5-bf6a-63fb-2355-23874acb4f0a-fe5fdc15 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_858710f5-bf6a-63fb-2355-23874acb4f0c-fe5fdc15, #w-node-_858710f5-bf6a-63fb-2355-23874acb4f15-fe5fdc15 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_858710f5-bf6a-63fb-2355-23874acb4f1e-fe5fdc15 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_858710f5-bf6a-63fb-2355-23874acb4f27-fe5fdc15 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_858710f5-bf6a-63fb-2355-23874acb4f35-fe5fdc15 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_858710f5-bf6a-63fb-2355-23874acb4f36-fe5fdc15 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_4ab9902c-abae-c4f9-9e7e-fbc897f05e21-6f895aa9 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_4ab9902c-abae-c4f9-9e7e-fbc897f05e23-6f895aa9, #w-node-_4ab9902c-abae-c4f9-9e7e-fbc897f05e2c-6f895aa9 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4ab9902c-abae-c4f9-9e7e-fbc897f05e35-6f895aa9 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8a6-cefcb958 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8a8-cefcb958, #w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8b1-cefcb958 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8ba-cefcb958 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8c3-cefcb958 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8d1-cefcb958 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8d2-cefcb958 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb29-0fc5bbb3 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb2b-0fc5bbb3, #w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb34-0fc5bbb3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb3d-0fc5bbb3 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb46-0fc5bbb3 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb54-0fc5bbb3 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb55-0fc5bbb3 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c129-8aaca2c8 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c12b-8aaca2c8, #w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c134-8aaca2c8 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c13d-8aaca2c8 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c14b-8aaca2c8 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c14d-8aaca2c8 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca288-0ac8db92 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca28a-0ac8db92, #w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca293-0ac8db92 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca29c-0ac8db92 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca2a5-0ac8db92 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca2b3-0ac8db92 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca2b4-0ac8db92 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-a15cee4b-8aa5-2061-a060-fd4487c6fa73-b775a1e5 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-a15cee4b-8aa5-2061-a060-fd4487c6fa75-b775a1e5, #w-node-a15cee4b-8aa5-2061-a060-fd4487c6fa7e-b775a1e5 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-a15cee4b-8aa5-2061-a060-fd4487c6fa87-b775a1e5 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-a15cee4b-8aa5-2061-a060-fd4487c6fa95-b775a1e5 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-a15cee4b-8aa5-2061-a060-fd4487c6fa97-b775a1e5 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-e0164950-01e9-67fb-52ee-9bb0f6a6107f-531e87d6 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-e0164950-01e9-67fb-52ee-9bb0f6a61081-531e87d6, #w-node-e0164950-01e9-67fb-52ee-9bb0f6a6108a-531e87d6 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-e0164950-01e9-67fb-52ee-9bb0f6a61093-531e87d6 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-e0164950-01e9-67fb-52ee-9bb0f6a610a1-531e87d6 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-e0164950-01e9-67fb-52ee-9bb0f6a610a3-531e87d6 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_976a1788-5cda-5345-0a43-d0c91da2d052-04c88c77 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_976a1788-5cda-5345-0a43-d0c91da2d054-04c88c77, #w-node-_976a1788-5cda-5345-0a43-d0c91da2d05d-04c88c77 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_976a1788-5cda-5345-0a43-d0c91da2d066-04c88c77 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_976a1788-5cda-5345-0a43-d0c91da2d074-04c88c77 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_976a1788-5cda-5345-0a43-d0c91da2d076-04c88c77 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-d5f19052-ac2a-050f-b24b-84fae908481e-cec6f212 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-d5f19052-ac2a-050f-b24b-84fae9084820-cec6f212, #w-node-d5f19052-ac2a-050f-b24b-84fae9084829-cec6f212 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-d5f19052-ac2a-050f-b24b-84fae9084832-cec6f212 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-d5f19052-ac2a-050f-b24b-84fae9084840-cec6f212 {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-d5f19052-ac2a-050f-b24b-84fae9084842-cec6f212 {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_95a31564-be5e-943e-2618-bbb5e35f2ed3-e9b46aab {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_95a31564-be5e-943e-2618-bbb5e35f2ed5-e9b46aab, #w-node-_95a31564-be5e-943e-2618-bbb5e35f2ede-e9b46aab {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_95a31564-be5e-943e-2618-bbb5e35f2ee7-e9b46aab {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_95a31564-be5e-943e-2618-bbb5e35f2ef5-e9b46aab {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

#w-node-_95a31564-be5e-943e-2618-bbb5e35f2ef7-e9b46aab {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-efe8a0bc-2790-42a5-beb6-ec78c1d5eae6-cac474f2 {
  place-self: center;
}

#w-node-a35be5a6-ad4a-2a1e-f41f-3cbea41983c7-e86bbb0f {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-a35be5a6-ad4a-2a1e-f41f-3cbea41983f5-e86bbb0f {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-a35be5a6-ad4a-2a1e-f41f-3cbea4198423-e86bbb0f, #w-node-a35be5a6-ad4a-2a1e-f41f-3cbea419845e-e86bbb0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-a35be5a6-ad4a-2a1e-f41f-3cbea419877f-e86bbb0f {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-a35be5a6-ad4a-2a1e-f41f-3cbea4198780-e86bbb0f {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-a35be5a6-ad4a-2a1e-f41f-3cbea41987b6-e86bbb0f {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_6326bb7e-ce3a-debe-8f62-f43f9a7be5d4-e86bbb0f {
  place-self: center;
}

#w-node-cf66488a-f682-67c6-2a8f-8268182445d4-30ae1d76 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-cf66488a-f682-67c6-2a8f-826818244616-30ae1d76 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-cf66488a-f682-67c6-2a8f-8268182448ac-30ae1d76 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-cf66488a-f682-67c6-2a8f-8268182448ad-30ae1d76 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-cf66488a-f682-67c6-2a8f-8268182448e3-30ae1d76 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_62bba685-f8bc-cf72-85ad-9399a697c811-30ae1d76 {
  place-self: center;
}

#w-node-_1c211fbb-804e-3b66-828c-041bc9818e5d-ad1a266d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_1c211fbb-804e-3b66-828c-041bc9819048-ad1a266d {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_1c211fbb-804e-3b66-828c-041bc9819049-ad1a266d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_1c211fbb-804e-3b66-828c-041bc981907f-ad1a266d {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-f3d5c1e2-cc6c-9a5b-e1c4-2224d413cadb-ad1a266d {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-f3d5c1e2-cc6c-9a5b-e1c4-2224d413cadc-ad1a266d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f3d5c1e2-cc6c-9a5b-e1c4-2224d413cb12-ad1a266d {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-f3d5c1e2-cc6c-9a5b-e1c4-2224d413cb33-ad1a266d {
  place-self: center;
}

#w-node-_69bab5a5-9236-917d-147e-d260b43097d6-24d24ee8 {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-_69bab5a5-9236-917d-147e-d260b43097d7-24d24ee8 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_69bab5a5-9236-917d-147e-d260b430980d-24d24ee8 {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-_69bab5a5-9236-917d-147e-d260b430982e-24d24ee8 {
  place-self: center;
}

#w-node-a5c74455-d053-a393-59b0-1901a74a9853-a456c40d {
  grid-area: 1 / 1 / 2 / 13;
}

#w-node-a5c74455-d053-a393-59b0-1901a74a9854-a456c40d {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-a5c74455-d053-a393-59b0-1901a74a988a-a456c40d {
  grid-area: 1 / 2 / 2 / 2;
}

#w-node-a5c74455-d053-a393-59b0-1901a74a98ab-a456c40d {
  place-self: center;
}

@media screen and (min-width: 1900px) {
  #w-node-_9c03a0a3-6b47-73bb-233b-a8794cb61a59-8fd92cf3 {
    place-self: center start;
  }

  #w-node-_59a56ced-2654-61a8-20e6-7c9f4815ab86-8fd92cf3 {
    place-self: center;
  }

  #w-node-d592006b-f412-12c4-d0a6-d588d7456480-8fd92cf3 {
    place-self: center end;
  }

  #w-node-a1fbeb90-65e6-c6b8-4a3e-fc14b1d758c8-8fd92cf3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-a1fbeb90-65e6-c6b8-4a3e-fc14b1d758cb-8fd92cf3, #w-node-a1fbeb90-65e6-c6b8-4a3e-fc14b1d758d3-8fd92cf3, #w-node-a1fbeb90-65e6-c6b8-4a3e-fc14b1d758db-8fd92cf3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a1fbeb90-65e6-c6b8-4a3e-fc14b1d758e3-8fd92cf3 {
    align-self: end;
  }

  #w-node-c519f15c-61e8-c40d-108d-b3578bc36335-8fd92cf3 {
    place-self: center;
  }

  #w-node-_90d8055e-6410-b121-57f3-96822e924403-8fd92cf3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a1ba3817-8dd1-2bf1-71dd-e9ee451f5bd2-8fd92cf3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-_2ebad2b3-c25c-2973-dca4-1275b587a982-8fd92cf3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ac6a12c8-5fab-8a63-a002-ee7a31192320-8fd92cf3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc3ac-2d7dc378, #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc3da-2d7dc378, #w-node-_76b438a4-1f5f-db3c-ced3-e0e86e11b482-2d7dc378 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc51e-2d7dc378 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_08d542ed-ab86-6021-a26a-324351919925-8fd92d2e {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_08d542ed-ab86-6021-a26a-324351919928-8fd92d2e, #w-node-_08d542ed-ab86-6021-a26a-324351919930-8fd92d2e, #w-node-_08d542ed-ab86-6021-a26a-324351919938-8fd92d2e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_08d542ed-ab86-6021-a26a-324351919940-8fd92d2e {
    align-self: end;
  }

  #w-node-_4b110901-613a-800e-0eba-6ea0163905e4-8fd92d2e, #w-node-_4b110901-613a-800e-0eba-6ea0163905ff-8fd92d2e, #w-node-_4b110901-613a-800e-0eba-6ea01639061a-8fd92d2e, #w-node-_4b110901-613a-800e-0eba-6ea016390635-8fd92d2e {
    place-self: start center;
  }

  #w-node-_6433bb5e-35f0-578b-06fb-8d48b76fddf3-8fd92d2e {
    place-self: center;
  }

  #w-node-_2c1e36ba-6079-62be-48f3-a8670e108def-8fd92d2e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2c1e36ba-6079-62be-48f3-a8670e108e2a-8fd92d2e {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_5fa77014-1668-558c-d744-0a7a00149ee4-8fd92d44 {
    place-self: center;
  }

  #w-node-_5fa77014-1668-558c-d744-0a7a00149f4c-8fd92d44 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_5fa77014-1668-558c-d744-0a7a00149f54-8fd92d44 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_5fa77014-1668-558c-d744-0a7a00149f56-8fd92d44 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_5fa77014-1668-558c-d744-0a7a00149f68-8fd92d44 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5fa77014-1668-558c-d744-0a7a00149f89-8fd92d44 {
    place-self: center;
  }

  #w-node-_5fa77014-1668-558c-d744-0a7a00149f92-8fd92d44 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8ad57f22-82d6-5ff0-10b8-4499c6476834-8fd92d57 {
    place-self: center;
  }

  #w-node-_8ad57f22-82d6-5ff0-10b8-4499c64768a5-8fd92d57 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_8ad57f22-82d6-5ff0-10b8-4499c64768a7-8fd92d57 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_8ad57f22-82d6-5ff0-10b8-4499c64768b9-8fd92d57 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8ad57f22-82d6-5ff0-10b8-4499c64768da-8fd92d57 {
    place-self: center;
  }

  #w-node-_8ad57f22-82d6-5ff0-10b8-4499c64768e3-8fd92d57 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_42f549e4-8d59-219d-ffaa-5c963cd508ee-8fd92db6, #w-node-_42f549e4-8d59-219d-ffaa-5c963cd508f8-8fd92db6, #w-node-_42f549e4-8d59-219d-ffaa-5c963cd50902-8fd92db6, #w-node-_5cd7a7e5-ec94-7d77-222f-385c6efd5abd-8fd92db6, #w-node-_41637743-120f-f5b1-3e46-a3bf463ec248-8fd92db6, #w-node-_6c6357c6-04ea-fb6d-94d9-40eb97089cc2-8fd92db6, #w-node-_136a7a42-c92b-3892-0e8d-b6ac0da9c001-8fd92db6, #w-node-_3b49cdb5-cdfb-b903-6da5-19190171a39d-8fd92db6 {
    place-self: start center;
  }

  #w-node-_42f549e4-8d59-219d-ffaa-5c963cd5096b-8fd92db6 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_42f549e4-8d59-219d-ffaa-5c963cd5096e-8fd92db6, #w-node-_42f549e4-8d59-219d-ffaa-5c963cd50976-8fd92db6, #w-node-_42f549e4-8d59-219d-ffaa-5c963cd5097e-8fd92db6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_42f549e4-8d59-219d-ffaa-5c963cd50986-8fd92db6 {
    align-self: end;
  }

  #w-node-_3611dc3d-0e1e-84e2-6c3a-6114fb62b0fe-8fd92db6 {
    place-self: center;
  }

  #w-node-_6f0c4144-e183-ad1d-d348-2f67c789bbce-8fd92db6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6f0c4144-e183-ad1d-d348-2f67c789bc1d-8fd92db6 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-ab121833-507e-c16b-90c3-24861100bf60-8fd92db7, #w-node-ab121833-507e-c16b-90c3-24861100bf6c-8fd92db7, #w-node-c8f70033-ac75-02f4-e00a-3b220aef85cc-8fd92db7 {
    place-self: start center;
  }

  #w-node-ab121833-507e-c16b-90c3-24861100bfd2-8fd92db7 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-ab121833-507e-c16b-90c3-24861100bfd5-8fd92db7, #w-node-ab121833-507e-c16b-90c3-24861100bfdd-8fd92db7, #w-node-ab121833-507e-c16b-90c3-24861100bfe5-8fd92db7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ab121833-507e-c16b-90c3-24861100bfed-8fd92db7 {
    align-self: end;
  }

  #w-node-_4051317c-d6cd-b31d-5395-6379d89cf8fe-8fd92db7 {
    align-self: start;
  }

  #w-node-_4051317c-d6cd-b31d-5395-6379d89cf908-8fd92db7, #w-node-_4051317c-d6cd-b31d-5395-6379d89cf91c-8fd92db7 {
    place-self: start center;
  }

  #w-node-_76a54e4f-bc17-db8b-ca81-dbf6ff4845ef-8fd92db7 {
    align-self: start;
  }

  #w-node-_0eeeeb08-8b8b-75b8-a1dd-12b0bbfa1837-8fd92db7, #w-node-_3e2c0875-5ab8-0e47-35de-8d0142ea95bd-8fd92db7, #w-node-_8a7c5fad-171d-3c7d-c291-ba9fe9ae5655-8fd92db7, #w-node-_61f1e45d-4be0-8676-0028-e24ccf7031cf-8fd92db7, #w-node-_2af8eba1-6d62-3cea-0442-1dae9b64a344-8fd92db7, #w-node-_1993aa0c-1b60-20a3-832d-4c02e05854e9-8fd92db7, #w-node-d2addc63-f79f-6001-e253-75e118398c57-8fd92db7, #w-node-d2addc63-f79f-6001-e253-75e118398c58-8fd92db7, #w-node-d2addc63-f79f-6001-e253-75e118398c59-8fd92db7, #w-node-d2addc63-f79f-6001-e253-75e118398c5a-8fd92db7, #w-node-d2addc63-f79f-6001-e253-75e118398c5b-8fd92db7, #w-node-d2addc63-f79f-6001-e253-75e118398c5c-8fd92db7, #w-node-_64a2e5c4-87cb-6d8a-114f-d91be1e4db2f-8fd92db7, #w-node-_64a2e5c4-87cb-6d8a-114f-d91be1e4db30-8fd92db7, #w-node-_64a2e5c4-87cb-6d8a-114f-d91be1e4db31-8fd92db7, #w-node-_64a2e5c4-87cb-6d8a-114f-d91be1e4db32-8fd92db7, #w-node-_64a2e5c4-87cb-6d8a-114f-d91be1e4db33-8fd92db7, #w-node-_64a2e5c4-87cb-6d8a-114f-d91be1e4db34-8fd92db7, #w-node-_238e7cc4-e23e-d6d3-4c30-7c974f6bab25-8fd92db7, #w-node-_238e7cc4-e23e-d6d3-4c30-7c974f6bab26-8fd92db7, #w-node-_238e7cc4-e23e-d6d3-4c30-7c974f6bab27-8fd92db7, #w-node-_238e7cc4-e23e-d6d3-4c30-7c974f6bab28-8fd92db7, #w-node-_238e7cc4-e23e-d6d3-4c30-7c974f6bab29-8fd92db7, #w-node-_238e7cc4-e23e-d6d3-4c30-7c974f6bab2a-8fd92db7, #w-node-_7ba9793f-a140-40f5-5c6b-11bd668e42b0-8fd92db7 {
    place-self: center;
  }

  #w-node-e0275727-d278-75ad-bf46-490a27ae7b6f-8fd92db7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e0275727-d278-75ad-bf46-490a27ae7bb8-8fd92db7, #w-node-ba819be3-a94c-5892-2d73-34286786cbc1-8fd92dba {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-ba819be3-a94c-5892-2d73-34286786cbc4-8fd92dba, #w-node-ba819be3-a94c-5892-2d73-34286786cbcc-8fd92dba, #w-node-ba819be3-a94c-5892-2d73-34286786cbd4-8fd92dba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ba819be3-a94c-5892-2d73-34286786cbdc-8fd92dba {
    align-self: end;
  }

  #w-node-c253fc40-e99d-79e7-c824-1bab9f98d0b3-8fd92dba {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start center;
  }

  #w-node-abad2e6c-4666-7339-3ac0-146ecb45867e-8fd92dba {
    align-self: start;
  }

  #w-node-abad2e6c-4666-7339-3ac0-146ecb45868d-8fd92dba {
    place-self: start center;
  }

  #w-node-abad2e6c-4666-7339-3ac0-146ecb4586c9-8fd92dba {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-abad2e6c-4666-7339-3ac0-146ecb45869c-8fd92dba {
    place-self: start center;
  }

  #w-node-abad2e6c-4666-7339-3ac0-146ecb4586ab-8fd92dba, #w-node-_7acb35b0-e196-f718-08c2-d3b4f682c048-8fd92dba {
    align-self: start;
  }

  #w-node-abad2e6c-4666-7339-3ac0-146ecb4586ba-8fd92dba, #w-node-_9b2d34eb-e043-97b2-dd07-040e99e3769b-8fd92dba {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_1f641b8b-cc13-6ebc-93bb-59e6e098386a-8fd92dba {
    place-self: center;
  }

  #w-node-_1f641b8b-cc13-6ebc-93bb-59e6e0983877-8fd92dba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1f641b8b-cc13-6ebc-93bb-59e6e09838bf-8fd92dba {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-_32807df8-e9aa-ac4d-a7b9-0b535c14d435-8fd92dba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_32807df8-e9aa-ac4d-a7b9-0b535c14d479-8fd92dba, #w-node-_840f5c4d-994a-08b4-ffec-64622b31f7b4-8fd92dbb {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_840f5c4d-994a-08b4-ffec-64622b31f7b7-8fd92dbb, #w-node-_840f5c4d-994a-08b4-ffec-64622b31f7bf-8fd92dbb, #w-node-_840f5c4d-994a-08b4-ffec-64622b31f7c7-8fd92dbb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_840f5c4d-994a-08b4-ffec-64622b31f7cf-8fd92dbb {
    align-self: end;
  }

  #w-node-_0df59337-c214-265b-e739-26ce0891716b-8fd92dbb {
    grid-area: 2 / 3 / 3 / 4;
  }

  #w-node-f99eaff3-2284-f8d3-fb70-c2bd855500e1-8fd92dbb, #w-node-bce2219a-f7ab-bf68-9dd7-8ecb0595a2de-8fd92dbb {
    place-self: start center;
  }

  #w-node-b4adc008-3a07-af3a-f629-4278e8231402-8fd92dbb {
    place-self: center;
  }

  #w-node-a2414e97-346b-17c8-5aa3-19c058a450d3-8fd92dbb {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a2414e97-346b-17c8-5aa3-19c058a4511c-8fd92dbb {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_20b07837-3ce9-f823-857f-fb33f2d18689-8fd92dbc {
    place-self: center;
  }

  #w-node-_20b07837-3ce9-f823-857f-fb33f2d18718-8fd92dbc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_20b07837-3ce9-f823-857f-fb33f2d18726-8fd92dbc {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_20b07837-3ce9-f823-857f-fb33f2d18739-8fd92dbc {
    place-self: auto;
  }

  #w-node-_68bafcf2-6ae5-bdf5-5ec1-5d750eb46e7e-8fd92dbe {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_68bafcf2-6ae5-bdf5-5ec1-5d750eb46e81-8fd92dbe, #w-node-_68bafcf2-6ae5-bdf5-5ec1-5d750eb46e89-8fd92dbe, #w-node-_68bafcf2-6ae5-bdf5-5ec1-5d750eb46e91-8fd92dbe {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_68bafcf2-6ae5-bdf5-5ec1-5d750eb46e99-8fd92dbe {
    align-self: end;
  }

  #w-node-_94934b78-3eb9-93f6-dd4c-48669dea6f7b-8fd92dbe, #w-node-_94934b78-3eb9-93f6-dd4c-48669dea6f71-8fd92dbe, #w-node-_94934b78-3eb9-93f6-dd4c-48669dea6f85-8fd92dbe, #w-node-_94934b78-3eb9-93f6-dd4c-48669dea6f8f-8fd92dbe {
    align-self: start;
  }

  #w-node-_94934b78-3eb9-93f6-dd4c-48669dea6fbb-8fd92dbe {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-a76ae049-34ce-5b7c-6d76-00a980cce317-8fd92dbe {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9864d12c-3564-2592-7402-bc520445a029-8fd92dbe {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_14e63536-148d-c002-5e10-45a4f00856ed-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43dec-8fd92dbe {
    align-self: center;
  }

  #w-node-_6f4dc84e-954c-1f18-e06c-2168c300f506-8fd92dbe {
    place-self: center;
  }

  #w-node-_8c4109ed-7d8c-c014-e532-f923d1bb82f7-8fd92dbe {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8c4109ed-7d8c-c014-e532-f923d1bb8340-8fd92dbe {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c30b4c7d-1e53-6993-b1ef-73aa3ed26dd0-8fd92dbf, #w-node-d321d212-ca0f-3dba-8605-cd49e22bd5a6-8fd92dc0, #w-node-_0da4944e-95fb-6c35-e50c-a1d6ec3402a3-8fd92dc1, #w-node-_3d8231fd-e154-29c9-ba93-e09eb144e020-8fd92dc2 {
    place-self: center;
  }

  #w-node-_3d8231fd-e154-29c9-ba93-e09eb144e027-8fd92dc2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3d8231fd-e154-29c9-ba93-e09eb144e06f-8fd92dc2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-f878c4a4-f2f2-e4d3-a54c-e3cc329d8fe2-8fd92dc2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f878c4a4-f2f2-e4d3-a54c-e3cc329d9029-8fd92dc2, #w-node-_33a917c7-2720-c43f-dea8-23d1d9b51556-8fd92dc3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_33a917c7-2720-c43f-dea8-23d1d9b51559-8fd92dc3, #w-node-_33a917c7-2720-c43f-dea8-23d1d9b51561-8fd92dc3, #w-node-_33a917c7-2720-c43f-dea8-23d1d9b51569-8fd92dc3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_33a917c7-2720-c43f-dea8-23d1d9b51571-8fd92dc3 {
    align-self: end;
  }

  #w-node-c23d34ff-7d77-e763-0acc-07207ada1c01-8fd92dc3 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-c23d34ff-7d77-e763-0acc-07207ada1c1f-8fd92dc3 {
    place-self: auto;
  }

  #w-node-_7c05e1a7-742a-2b20-dc36-b2d7b50ddeef-8fd92dc3 {
    align-self: center;
  }

  #w-node-_7c05e1a7-742a-2b20-dc36-b2d7b50ddefa-8fd92dc3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7c05e1a7-742a-2b20-dc36-b2d7b50ddf42-8fd92dc3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: auto;
  }

  #w-node-_5e3bc5f4-012b-7e7c-df2a-b543137294c7-8fd92dc3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5e3bc5f4-012b-7e7c-df2a-b54313729509-8fd92dc3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-abedc5a4-f485-b94f-d65e-fb69c81eef31-8fd92dc4 {
    place-self: center;
  }

  #w-node-_9d5dd442-0d12-9b50-dfd2-231058497535-8fd92dc4 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_9d5dd442-0d12-9b50-dfd2-231058497538-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-231058497540-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-231058497548-8fd92dc4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9d5dd442-0d12-9b50-dfd2-231058497550-8fd92dc4 {
    align-self: end;
  }

  #w-node-_9d5dd442-0d12-9b50-dfd2-231058497967-8fd92dc4 {
    place-self: center;
  }

  #w-node-_9d5dd442-0d12-9b50-dfd2-2310584979a1-8fd92dc4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9d5dd442-0d12-9b50-dfd2-2310584979da-8fd92dc4 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_9d5dd442-0d12-9b50-dfd2-231058497a54-8fd92dc4 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_9d5dd442-0d12-9b50-dfd2-231058497a72-8fd92dc4 {
    place-self: auto;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f304640-8fd92dc5 {
    place-self: center;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f30496b-8fd92dc5 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f30496e-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304976-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f30497e-8fd92dc5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f304986-8fd92dc5 {
    align-self: end;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f304a6d-8fd92dc5 {
    place-self: center;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f304a9e-8fd92dc5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f304ac9-8fd92dc5 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f304b43-8fd92dc5 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f304b61-8fd92dc5 {
    place-self: auto;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e7113300c-8fd92dc6 {
    place-self: center;
  }

  #w-node-_8f3fd5a2-2412-d4e9-23a9-a7a27cbf792b-8fd92dc6 {
    align-self: auto;
  }

  #w-node-_8f3fd5a2-2412-d4e9-23a9-a7a27cbf7935-8fd92dc6 {
    place-self: start center;
  }

  #w-node-_8f3fd5a2-2412-d4e9-23a9-a7a27cbf793f-8fd92dc6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_8f3fd5a2-2412-d4e9-23a9-a7a27cbf7949-8fd92dc6 {
    place-self: start center;
  }

  #w-node-_8f3fd5a2-2412-d4e9-23a9-a7a27cbf7953-8fd92dc6 {
    grid-area: 2 / 2 / 3 / 4;
    place-self: start center;
  }

  #w-node-_8f3fd5a2-2412-d4e9-23a9-a7a27cbf795d-8fd92dc6 {
    align-self: start;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e71133335-8fd92dc6 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e71133338-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e71133340-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e71133348-8fd92dc6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e71133350-8fd92dc6 {
    align-self: end;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e71133437-8fd92dc6 {
    place-self: center;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e71133468-8fd92dc6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e71133493-8fd92dc6 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e7113350d-8fd92dc6 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e7113352b-8fd92dc6 {
    place-self: auto;
  }

  #w-node-e1403d04-20bc-6c2a-84e7-6f705ca9ffe1-8fd92dc7, #w-node-_139de177-6d24-0688-909b-d2baff426780-8fd92dc7, #w-node-a46757c8-1d9c-0f1e-5c1a-2f2d193d2799-8fd92dc8 {
    place-self: center;
  }

  #w-node-_5cf31b72-82ed-4a49-ea35-13d495216b2a-8fd92deb {
    place-self: auto;
  }

  #w-node-_33638c32-4ea2-93c0-daee-25c902252b56-8fd92deb, #w-node-_9efb745b-ee67-d36e-871c-34787b97859a-8fd92dec, #w-node-_6b778243-96fa-a8ca-7ab0-528db0a1ec31-8fd92ded, #w-node-_2192542e-32dc-f31b-5b58-313fab45e4d4-8fd92dee, #w-node-bd0b7d01-a738-db0d-7917-4d8291c807ab-8fd92def, #w-node-_97f3ba59-505d-0302-3702-427b8ef29079-8fd92df0, #w-node-_43f233ed-4648-4f0f-d4f2-f33db64015f9-8fd92df5 {
    place-self: center;
  }

  #w-node-_43f233ed-4648-4f0f-d4f2-f33db6401678-8fd92df5 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_43f233ed-4648-4f0f-d4f2-f33db640167a-8fd92df5 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_43f233ed-4648-4f0f-d4f2-f33db640168c-8fd92df5, #w-node-_49cb344d-38f7-eada-10c4-d0b3f2947245-8fd92df5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_43f233ed-4648-4f0f-d4f2-f33db64016ad-8fd92df5 {
    place-self: center;
  }

  #w-node-_43f233ed-4648-4f0f-d4f2-f33db64016b6-8fd92df5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2e5995b8-df4b-bd99-5f13-3954a0a874c6-8fd92df6 {
    place-self: center;
  }

  #w-node-_2e5995b8-df4b-bd99-5f13-3954a0a87543-8fd92df6 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_2e5995b8-df4b-bd99-5f13-3954a0a8754b-8fd92df6 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_2e5995b8-df4b-bd99-5f13-3954a0a8754d-8fd92df6 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_2e5995b8-df4b-bd99-5f13-3954a0a8755f-8fd92df6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2e5995b8-df4b-bd99-5f13-3954a0a87584-8fd92df6 {
    place-self: center;
  }

  #w-node-_2e5995b8-df4b-bd99-5f13-3954a0a8758e-8fd92df6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242b12-8fd92e08 {
    place-self: center;
  }

  #w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242b92-8fd92e08 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242b94-8fd92e08 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242ba6-8fd92e08 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242bc7-8fd92e08 {
    place-self: center;
  }

  #w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242bd1-8fd92e08 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1a672d7e-90ab-3113-514c-4ac5d480d513-8fd92e09 {
    place-self: center;
  }

  #w-node-_1a672d7e-90ab-3113-514c-4ac5d480d58b-8fd92e09 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_1a672d7e-90ab-3113-514c-4ac5d480d593-8fd92e09 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_1a672d7e-90ab-3113-514c-4ac5d480d595-8fd92e09 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_1a672d7e-90ab-3113-514c-4ac5d480d5a7-8fd92e09 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1a672d7e-90ab-3113-514c-4ac5d480d5c8-8fd92e09 {
    place-self: center;
  }

  #w-node-_1a672d7e-90ab-3113-514c-4ac5d480d5d2-8fd92e09 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defc5b-8fd92e0a {
    place-self: center;
  }

  #w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defcc3-8fd92e0a {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defccb-8fd92e0a {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defccd-8fd92e0a {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defcdf-8fd92e0a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defd00-8fd92e0a {
    place-self: center;
  }

  #w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defd07-8fd92e0a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_803178ae-d33f-d501-8b67-2d0e298afbb4-8fd92e0b {
    place-self: center;
  }

  #w-node-_803178ae-d33f-d501-8b67-2d0e298afc20-8fd92e0b {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_803178ae-d33f-d501-8b67-2d0e298afc28-8fd92e0b {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_803178ae-d33f-d501-8b67-2d0e298afc2a-8fd92e0b {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_803178ae-d33f-d501-8b67-2d0e298afc3c-8fd92e0b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_803178ae-d33f-d501-8b67-2d0e298afc60-8fd92e0b {
    place-self: center;
  }

  #w-node-_803178ae-d33f-d501-8b67-2d0e298afc67-8fd92e0b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2ada024e-4049-e616-8015-4d89ff2b488b-8fd92e0c {
    place-self: center;
  }

  #w-node-_2ada024e-4049-e616-8015-4d89ff2b48f6-8fd92e0c {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_2ada024e-4049-e616-8015-4d89ff2b48f8-8fd92e0c {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_2ada024e-4049-e616-8015-4d89ff2b490a-8fd92e0c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2ada024e-4049-e616-8015-4d89ff2b4934-8fd92e0c {
    place-self: center;
  }

  #w-node-_2ada024e-4049-e616-8015-4d89ff2b493e-8fd92e0c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_22e65bfa-b856-fcc2-00b1-85eef586999f-7295079e, #w-node-d22429fe-766e-861a-fbd8-12e4b38223d3-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef58699b3-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef58699bd-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef58699c7-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef58699d1-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef58699db-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef58699e5-7295079e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start center;
  }

  #w-node-_39239023-e0a7-c3ac-fc34-a8b1daec9c04-7295079e, #w-node-_39239023-e0a7-c3ac-fc34-a8b1daec9c0e-7295079e, #w-node-_63b8d78f-5ead-b689-245b-d2b6b4cdceb0-7295079e, #w-node-_3d724eed-cefb-9ac1-ecbb-eb21f25da063-7295079e {
    place-self: start center;
  }

  #w-node-_6f39f773-9e2e-e9a8-ed21-bb004856dca2-7295079e {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_6f39f773-9e2e-e9a8-ed21-bb004856dca5-7295079e, #w-node-_6f39f773-9e2e-e9a8-ed21-bb004856dcad-7295079e, #w-node-_6f39f773-9e2e-e9a8-ed21-bb004856dcb5-7295079e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6f39f773-9e2e-e9a8-ed21-bb004856dcbd-7295079e {
    align-self: end;
  }

  #w-node-f74fa9b9-1348-01c5-2fe9-5e512ccbbaf6-7295079e {
    place-self: center;
  }

  #w-node-_1a64b7f1-cca0-d915-79af-663bc11c17e6-7295079e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1a64b7f1-cca0-d915-79af-663bc11c182f-7295079e {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_632b65b0-32e1-9a63-665e-6a51cfac4a1f-7295079e {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_632b65b0-32e1-9a63-665e-6a51cfac4a3d-7295079e {
    place-self: auto;
  }

  #w-node-_56b266e0-7736-c276-ebbe-813bcea5962c-216c09cc {
    place-self: center;
  }

  #w-node-_97530ac2-1854-e0ce-8de5-2a3bfaba36fa-216c09cc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_916f6609-f6d2-93c4-04a4-dadbe6c1f299-216c09cc {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-d6d01833-b903-ed62-ce27-b1978b7d5b66-216c09cc, #w-node-_97530ac2-1854-e0ce-8de5-2a3bfaba3709-216c09cc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8742a466-8195-bc23-d7c7-5a821fdc39a9-216c09cc {
    place-self: center;
  }

  #w-node-dd967d56-4aa9-2fbf-8a4d-49bc793957ed-216c09cc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a36abe86-8c28-d54b-3d24-e7bc8de64045-76f10b50 {
    place-self: center;
  }

  #w-node-a36abe86-8c28-d54b-3d24-e7bc8de640bd-76f10b50 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-a36abe86-8c28-d54b-3d24-e7bc8de640c5-76f10b50 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-a36abe86-8c28-d54b-3d24-e7bc8de640c7-76f10b50 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-a36abe86-8c28-d54b-3d24-e7bc8de640d9-76f10b50 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a36abe86-8c28-d54b-3d24-e7bc8de640fa-76f10b50 {
    place-self: center;
  }

  #w-node-a36abe86-8c28-d54b-3d24-e7bc8de64104-76f10b50 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b5c9-e20f928d {
    place-self: center;
  }

  #w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b634-e20f928d {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b636-e20f928d {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b648-e20f928d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b66c-e20f928d {
    place-self: center;
  }

  #w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b673-e20f928d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ed471c4b-039c-6f22-dd7e-e7aa793a8837-52c4c645 {
    place-self: center;
  }

  #w-node-ed471c4b-039c-6f22-dd7e-e7aa793a88ad-52c4c645 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-ed471c4b-039c-6f22-dd7e-e7aa793a88b5-52c4c645 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-ed471c4b-039c-6f22-dd7e-e7aa793a88b7-52c4c645 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-ed471c4b-039c-6f22-dd7e-e7aa793a88c9-52c4c645 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ed471c4b-039c-6f22-dd7e-e7aa793a88ee-52c4c645 {
    place-self: center;
  }

  #w-node-ed471c4b-039c-6f22-dd7e-e7aa793a88f5-52c4c645 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4b7a-138cfd64 {
    place-self: center;
  }

  #w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4be5-138cfd64 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4be7-138cfd64 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4bf0-138cfd64 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4bf9-138cfd64, #w-node-_71374339-9704-15ec-86fe-a7d0436f68ef-138cfd64 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4c1d-138cfd64 {
    place-self: center;
  }

  #w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4c24-138cfd64 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_858710f5-bf6a-63fb-2355-23874acb4ea3-fe5fdc15 {
    place-self: center;
  }

  #w-node-_858710f5-bf6a-63fb-2355-23874acb4f0a-fe5fdc15 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_858710f5-bf6a-63fb-2355-23874acb4f0c-fe5fdc15 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_858710f5-bf6a-63fb-2355-23874acb4f15-fe5fdc15 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_858710f5-bf6a-63fb-2355-23874acb4f1e-fe5fdc15, #w-node-_858710f5-bf6a-63fb-2355-23874acb4f27-fe5fdc15 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_858710f5-bf6a-63fb-2355-23874acb4f48-fe5fdc15 {
    place-self: center;
  }

  #w-node-_858710f5-bf6a-63fb-2355-23874acb4f4f-fe5fdc15 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ab9902c-abae-c4f9-9e7e-fbc897f05da1-6f895aa9 {
    place-self: center;
  }

  #w-node-_4ab9902c-abae-c4f9-9e7e-fbc897f05e19-6f895aa9 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_4ab9902c-abae-c4f9-9e7e-fbc897f05e21-6f895aa9 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_4ab9902c-abae-c4f9-9e7e-fbc897f05e23-6f895aa9 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4ab9902c-abae-c4f9-9e7e-fbc897f05e35-6f895aa9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ab9902c-abae-c4f9-9e7e-fbc897f05e56-6f895aa9 {
    place-self: center;
  }

  #w-node-_4ab9902c-abae-c4f9-9e7e-fbc897f05e60-6f895aa9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_26f86339-05b7-b7ce-1d90-be38fc32c676-caab72e4 {
    place-self: center;
  }

  #w-node-_6066d8ae-c822-2c90-3ef0-b31609c3eda6-caab72e4 {
    align-self: end;
  }

  #w-node-_38ed7195-7932-6b58-a52e-6d98b50ff83f-cefcb958 {
    place-self: center;
  }

  #w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8a6-cefcb958 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8a8-cefcb958 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8b1-cefcb958 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8ba-cefcb958, #w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8c3-cefcb958 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8e4-cefcb958 {
    place-self: center;
  }

  #w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8eb-cefcb958 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cac2-0fc5bbb3 {
    place-self: center;
  }

  #w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb29-0fc5bbb3 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb2b-0fc5bbb3 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb34-0fc5bbb3 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb3d-0fc5bbb3, #w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb46-0fc5bbb3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb6a-0fc5bbb3 {
    place-self: center;
  }

  #w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb71-0fc5bbb3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c0a9-8aaca2c8 {
    place-self: center;
  }

  #w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c121-8aaca2c8 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c129-8aaca2c8 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c12b-8aaca2c8 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c13d-8aaca2c8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c15e-8aaca2c8 {
    place-self: center;
  }

  #w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c168-8aaca2c8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca221-0ac8db92 {
    place-self: center;
  }

  #w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca288-0ac8db92 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca28a-0ac8db92 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca293-0ac8db92 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca29c-0ac8db92, #w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca2a5-0ac8db92 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca2c6-0ac8db92 {
    place-self: center;
  }

  #w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca2cd-0ac8db92 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a15cee4b-8aa5-2061-a060-fd4487c6f9f3-b775a1e5 {
    place-self: center;
  }

  #w-node-a15cee4b-8aa5-2061-a060-fd4487c6fa6b-b775a1e5 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-a15cee4b-8aa5-2061-a060-fd4487c6fa73-b775a1e5 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-a15cee4b-8aa5-2061-a060-fd4487c6fa75-b775a1e5 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-a15cee4b-8aa5-2061-a060-fd4487c6fa87-b775a1e5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a15cee4b-8aa5-2061-a060-fd4487c6faa8-b775a1e5 {
    place-self: center;
  }

  #w-node-a15cee4b-8aa5-2061-a060-fd4487c6fab2-b775a1e5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e0164950-01e9-67fb-52ee-9bb0f6a61008-531e87d6 {
    place-self: center;
  }

  #w-node-e0164950-01e9-67fb-52ee-9bb0f6a61077-531e87d6 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-e0164950-01e9-67fb-52ee-9bb0f6a6107f-531e87d6 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-e0164950-01e9-67fb-52ee-9bb0f6a61081-531e87d6 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-e0164950-01e9-67fb-52ee-9bb0f6a61093-531e87d6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e0164950-01e9-67fb-52ee-9bb0f6a610b7-531e87d6 {
    place-self: center;
  }

  #w-node-e0164950-01e9-67fb-52ee-9bb0f6a610be-531e87d6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_976a1788-5cda-5345-0a43-d0c91da2cfd4-04c88c77 {
    place-self: center;
  }

  #w-node-_976a1788-5cda-5345-0a43-d0c91da2d04a-04c88c77 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_976a1788-5cda-5345-0a43-d0c91da2d052-04c88c77 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_976a1788-5cda-5345-0a43-d0c91da2d054-04c88c77 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_976a1788-5cda-5345-0a43-d0c91da2d066-04c88c77 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_976a1788-5cda-5345-0a43-d0c91da2d08a-04c88c77 {
    place-self: center;
  }

  #w-node-_976a1788-5cda-5345-0a43-d0c91da2d091-04c88c77 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d5f19052-ac2a-050f-b24b-84fae908479e-cec6f212 {
    place-self: center;
  }

  #w-node-d5f19052-ac2a-050f-b24b-84fae9084816-cec6f212 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-d5f19052-ac2a-050f-b24b-84fae908481e-cec6f212 {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-d5f19052-ac2a-050f-b24b-84fae9084820-cec6f212 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d5f19052-ac2a-050f-b24b-84fae9084832-cec6f212 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d5f19052-ac2a-050f-b24b-84fae9084853-cec6f212 {
    place-self: center;
  }

  #w-node-d5f19052-ac2a-050f-b24b-84fae908485d-cec6f212 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_95a31564-be5e-943e-2618-bbb5e35f2e58-e9b46aab {
    place-self: center;
  }

  #w-node-_95a31564-be5e-943e-2618-bbb5e35f2ecb-e9b46aab {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_95a31564-be5e-943e-2618-bbb5e35f2ed3-e9b46aab {
    grid-area: span 4 / span 1 / span 4 / span 1;
  }

  #w-node-_95a31564-be5e-943e-2618-bbb5e35f2ed5-e9b46aab {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_95a31564-be5e-943e-2618-bbb5e35f2ee7-e9b46aab {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_95a31564-be5e-943e-2618-bbb5e35f2f08-e9b46aab {
    place-self: center;
  }

  #w-node-_95a31564-be5e-943e-2618-bbb5e35f2f0f-e9b46aab {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-efe8a0bc-2790-42a5-beb6-ec78c1d5eae6-cac474f2 {
    place-self: center;
  }

  #w-node-efe8a0bc-2790-42a5-beb6-ec78c1d5eaf0-cac474f2, #w-node-a35be5a6-ad4a-2a1e-f41f-3cbea41983c7-e86bbb0f, #w-node-a35be5a6-ad4a-2a1e-f41f-3cbea41983f5-e86bbb0f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6326bb7e-ce3a-debe-8f62-f43f9a7be5d4-e86bbb0f {
    place-self: center;
  }

  #w-node-_6326bb7e-ce3a-debe-8f62-f43f9a7be5db-e86bbb0f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_62bba685-f8bc-cf72-85ad-9399a697c811-30ae1d76 {
    place-self: center;
  }

  #w-node-_62bba685-f8bc-cf72-85ad-9399a697c818-30ae1d76, #w-node-_1c211fbb-804e-3b66-828c-041bc9818e00-ad1a266d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1c211fbb-804e-3b66-828c-041bc9818e27-ad1a266d {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-f3d5c1e2-cc6c-9a5b-e1c4-2224d413cb33-ad1a266d {
    place-self: center;
  }

  #w-node-f3d5c1e2-cc6c-9a5b-e1c4-2224d413cb3a-ad1a266d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_69bab5a5-9236-917d-147e-d260b430982e-24d24ee8 {
    place-self: center;
  }

  #w-node-_69bab5a5-9236-917d-147e-d260b4309835-24d24ee8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a5c74455-d053-a393-59b0-1901a74a98ab-a456c40d {
    place-self: center;
  }

  #w-node-a5c74455-d053-a393-59b0-1901a74a98b2-a456c40d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-a1fbeb90-65e6-c6b8-4a3e-fc14b1d758e3-8fd92cf3, #w-node-_08d542ed-ab86-6021-a26a-324351919940-8fd92d2e, #w-node-_42f549e4-8d59-219d-ffaa-5c963cd50986-8fd92db6, #w-node-ab121833-507e-c16b-90c3-24861100bfed-8fd92db7, #w-node-ba819be3-a94c-5892-2d73-34286786cbdc-8fd92dba, #w-node-_840f5c4d-994a-08b4-ffec-64622b31f7cf-8fd92dbb, #w-node-_68bafcf2-6ae5-bdf5-5ec1-5d750eb46e99-8fd92dbe, #w-node-_33a917c7-2720-c43f-dea8-23d1d9b51571-8fd92dc3, #w-node-_9d5dd442-0d12-9b50-dfd2-231058497550-8fd92dc4, #w-node-_0085bf78-8891-5e1c-abce-3a825f304986-8fd92dc5, #w-node-c1e40297-1550-25ac-079e-7a9e71133350-8fd92dc6, #w-node-_6f39f773-9e2e-e9a8-ed21-bb004856dcbd-7295079e {
    align-self: end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc3da-2d7dc378 {
    grid-area: 3 / 2 / 4 / 3;
  }

  #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc51e-2d7dc378 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc764-2d7dc378 {
    grid-column: 1 / 4;
  }

  #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc765-2d7dc378 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc79b-2d7dc378 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-c3806bf7-d10e-a654-4ae1-981e9ce82a74-8fd92d2e {
    grid-column: 1 / 4;
  }

  #w-node-c3806bf7-d10e-a654-4ae1-981e9ce82a75-8fd92d2e {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-c3806bf7-d10e-a654-4ae1-981e9ce82aab-8fd92d2e {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_5fa77014-1668-558c-d744-0a7a00149f76-8fd92d44, #w-node-_8ad57f22-82d6-5ff0-10b8-4499c64768c7-8fd92d57 {
    grid-column: span 8 / span 8;
  }

  #w-node-c654a9f7-9627-9f90-8a1c-708e63f81b8c-63f81b6d {
    grid-column: 1 / 2;
  }

  #w-node-c654a9f7-9627-9f90-8a1c-708e63f81b8d-63f81b6d, #w-node-c654a9f7-9627-9f90-8a1c-708e63f81b8e-63f81b6d {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }

  #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c0d-63f81b6d {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c25-63f81b6d {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c26-63f81b6d {
    justify-self: stretch;
  }

  #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c2d-63f81b6d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c2f-63f81b6d, #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c33-63f81b6d, #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c37-63f81b6d, #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c3b-63f81b6d, #w-node-e92df6eb-e9d5-fc02-bf2e-ccb41d84d7e0-63f81b6d, #w-node-_66a1287c-8a5d-99e5-8f2a-9254feca440e-63f81b6d {
    place-self: center end;
  }

  #w-node-d7434b2f-41e3-97f8-3f8c-1d5b8170ed36-63f81b6d {
    justify-self: stretch;
  }

  #w-node-d7434b2f-41e3-97f8-3f8c-1d5b8170ed6b-63f81b6d, #w-node-_11012af9-fd97-27fd-ce0f-e42bd162f85e-63f81b6d, #w-node-a97abd78-0d26-256d-93d4-593dd1e388b4-63f81b6d, #w-node-_94661116-7933-1508-581e-bec1d523e0e3-63f81b6d, #w-node-ea51b803-cf28-06d3-73b1-6deeb293f858-63f81b6d, #w-node-d7434b2f-41e3-97f8-3f8c-1d5b8170ed71-63f81b6d {
    place-self: center end;
  }

  #w-node-ee63a4fa-8811-c7b1-1f47-e23cd1a54154-63f81b6d {
    justify-self: stretch;
  }

  #w-node-ee63a4fa-8811-c7b1-1f47-e23cd1a5415f-63f81b6d, #w-node-ee63a4fa-8811-c7b1-1f47-e23cd1a54165-63f81b6d, #w-node-eca57b00-900a-3ab4-c008-401c9a6ab1a1-63f81b6d, #w-node-_560f2395-3a75-6b9d-89bd-2adabce81d24-63f81b6d {
    place-self: center end;
  }

  #w-node-fda793aa-80d9-b1ae-8e47-6427fcc9e48b-63f81b6d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fda793aa-80d9-b1ae-8e47-6427fcc9e48d-63f81b6d {
    place-self: center end;
  }

  #w-node-_22863f9f-fca4-fbe3-3a97-b14cc49c9587-63f81b6d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_22863f9f-fca4-fbe3-3a97-b14cc49c958b-63f81b6d {
    place-self: center end;
  }

  #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c68-63f81b6d {
    grid-row: 3 / 4;
    grid-column-end: 2;
  }

  #w-node-d121db9f-f663-b4bd-ced5-9bdb88523883-8fd92db6 {
    grid-column: 1 / 4;
  }

  #w-node-d121db9f-f663-b4bd-ced5-9bdb88523884-8fd92db6 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-d121db9f-f663-b4bd-ced5-9bdb885238ba-8fd92db6 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-de266914-44f7-7540-6498-246af73bb387-8fd92db7 {
    grid-column: 1 / 4;
  }

  #w-node-de266914-44f7-7540-6498-246af73bb388-8fd92db7 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-de266914-44f7-7540-6498-246af73bb3be-8fd92db7 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-c253fc40-e99d-79e7-c824-1bab9f98d0b3-8fd92dba, #w-node-abad2e6c-4666-7339-3ac0-146ecb45868d-8fd92dba, #w-node-abad2e6c-4666-7339-3ac0-146ecb4586c9-8fd92dba, #w-node-abad2e6c-4666-7339-3ac0-146ecb45869c-8fd92dba, #w-node-abad2e6c-4666-7339-3ac0-146ecb4586ba-8fd92dba, #w-node-_9b2d34eb-e043-97b2-dd07-040e99e3769b-8fd92dba {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7be6dd2e-95c2-90bf-c3f8-290a71b74376-8fd92dba {
    grid-column: 1 / 4;
  }

  #w-node-_7be6dd2e-95c2-90bf-c3f8-290a71b74377-8fd92dba {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_7be6dd2e-95c2-90bf-c3f8-290a71b743ad-8fd92dba {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-bd72c7b4-82d3-1131-a1a7-bc1c689aa0be-8fd92dbb {
    grid-column: 1 / 4;
  }

  #w-node-bd72c7b4-82d3-1131-a1a7-bc1c689aa0bf-8fd92dbb {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-bd72c7b4-82d3-1131-a1a7-bc1c689aa0f5-8fd92dbb {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_20b07837-3ce9-f823-857f-fb33f2d18402-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d18418-8fd92dbc {
    grid-area: span 4 / span 2 / span 4 / span 2;
  }

  #w-node-_8c626591-b4b2-7119-159b-1700b9701188-8fd92dbc {
    grid-column: span 3 / span 3;
  }

  #w-node-_20b07837-3ce9-f823-857f-fb33f2d18726-8fd92dbc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-dc9d43b5-78ac-8535-edd8-82c6c809b098-8fd92dbf {
    grid-column: 1 / 4;
  }

  #w-node-dc9d43b5-78ac-8535-edd8-82c6c809b099-8fd92dbf {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-dc9d43b5-78ac-8535-edd8-82c6c809b0cf-8fd92dbf {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-d321d212-ca0f-3dba-8605-cd49e22bd53b-8fd92dc0 {
    grid-column: 1 / 4;
  }

  #w-node-d321d212-ca0f-3dba-8605-cd49e22bd53c-8fd92dc0 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-d321d212-ca0f-3dba-8605-cd49e22bd572-8fd92dc0 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_0da4944e-95fb-6c35-e50c-a1d6ec340238-8fd92dc1 {
    grid-column: 1 / 4;
  }

  #w-node-_0da4944e-95fb-6c35-e50c-a1d6ec340239-8fd92dc1 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_0da4944e-95fb-6c35-e50c-a1d6ec34026f-8fd92dc1 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_0429663e-6e1f-5017-3e59-cf8c02b269b9-8fd92dc2 {
    grid-column: 1 / 4;
  }

  #w-node-_0429663e-6e1f-5017-3e59-cf8c02b269ba-8fd92dc2 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_0429663e-6e1f-5017-3e59-cf8c02b269f0-8fd92dc2 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-c23d34ff-7d77-e763-0acc-07207ada197d-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1991-8fd92dc3 {
    grid-area: span 4 / span 2 / span 4 / span 2;
  }

  #w-node-c23d34ff-7d77-e763-0acc-07207ada1bd8-8fd92dc3 {
    grid-column: span 3 / span 3;
  }

  #w-node-c23d34ff-7d77-e763-0acc-07207ada1c01-8fd92dc3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fec87f99-bb86-3a7b-fdfc-593bab58d3a9-8fd92dc4 {
    grid-column: 1 / 4;
  }

  #w-node-fec87f99-bb86-3a7b-fdfc-593bab58d3aa-8fd92dc4 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-fec87f99-bb86-3a7b-fdfc-593bab58d3e0-8fd92dc4 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_9d5dd442-0d12-9b50-dfd2-231058497a54-8fd92dc4 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f304904-8fd92dc5 {
    grid-column: 1 / 4;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f304905-8fd92dc5 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f30493b-8fd92dc5 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f304b43-8fd92dc5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e711332ce-8fd92dc6 {
    grid-column: 1 / 4;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e711332cf-8fd92dc6 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e71133305-8fd92dc6 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e7113350d-8fd92dc6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_960cf538-8414-afee-6624-4bd2cce50d22-8fd92dc8, #w-node-_28f880c8-527b-31e9-758d-93ac525b41b9-8fd92dda {
    grid-column: span 3 / span 3;
  }

  #w-node-_43f233ed-4648-4f0f-d4f2-f33db640169a-8fd92df5, #w-node-_2e5995b8-df4b-bd99-5f13-3954a0a8756d-8fd92df6, #w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242bb4-8fd92e08, #w-node-_1a672d7e-90ab-3113-514c-4ac5d480d5b5-8fd92e09, #w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defced-8fd92e0a, #w-node-_803178ae-d33f-d501-8b67-2d0e298afc4a-8fd92e0b, #w-node-_2ada024e-4049-e616-8015-4d89ff2b4918-8fd92e0c {
    grid-column: span 8 / span 8;
  }

  #w-node-_22e65bfa-b856-fcc2-00b1-85eef586999f-7295079e, #w-node-d22429fe-766e-861a-fbd8-12e4b38223d3-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef58699b3-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef58699bd-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef58699c7-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef58699d1-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef58699db-7295079e, #w-node-_22e65bfa-b856-fcc2-00b1-85eef58699e5-7295079e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start center;
  }

  #w-node-e079ad4b-7c74-242c-e6d2-028c7d4a9d58-7295079e {
    grid-column: 1 / 4;
  }

  #w-node-e079ad4b-7c74-242c-e6d2-028c7d4a9d59-7295079e {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-e079ad4b-7c74-242c-e6d2-028c7d4a9d8f-7295079e {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_632b65b0-32e1-9a63-665e-6a51cfac4a1f-7295079e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_97530ac2-1854-e0ce-8de5-2a3bfaba36ad-216c09cc {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9f9585db-cff7-9732-a911-f6dd1ddb21ba-216c09cc, #w-node-a6afcad7-78e2-974d-fece-5a56c7d6e4db-216c09cc, #w-node-_56dabf2c-b92a-e503-203c-ec1e15e7381d-216c09cc, #w-node-_9707b821-b8ad-ec16-f9a4-d52b57bf0303-216c09cc {
    place-self: center;
  }

  #w-node-d6d01833-b903-ed62-ce27-b1978b7d5b66-216c09cc {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-cf8282f7-2ab5-de44-9b06-7b9e42de4d26-216c09cc {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_58d25eca-c86b-db99-c823-5c22666a72de-216c09cc, #w-node-a36abe86-8c28-d54b-3d24-e7bc8de640e7-76f10b50, #w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b657-e20f928d, #w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4c08-138cfd64, #w-node-_858710f5-bf6a-63fb-2355-23874acb4f36-fe5fdc15, #w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8d2-cefcb958, #w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb55-0fc5bbb3, #w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c14b-8aaca2c8, #w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca2b4-0ac8db92, #w-node-a15cee4b-8aa5-2061-a060-fd4487c6fa95-b775a1e5, #w-node-e0164950-01e9-67fb-52ee-9bb0f6a610a1-531e87d6, #w-node-_976a1788-5cda-5345-0a43-d0c91da2d074-04c88c77, #w-node-d5f19052-ac2a-050f-b24b-84fae9084840-cec6f212, #w-node-_95a31564-be5e-943e-2618-bbb5e35f2ef5-e9b46aab {
    grid-column: span 8 / span 8;
  }

  #w-node-a35be5a6-ad4a-2a1e-f41f-3cbea419877f-e86bbb0f {
    grid-column: 1 / 4;
  }

  #w-node-a35be5a6-ad4a-2a1e-f41f-3cbea4198780-e86bbb0f {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-a35be5a6-ad4a-2a1e-f41f-3cbea41987b6-e86bbb0f {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-cf66488a-f682-67c6-2a8f-8268182448ac-30ae1d76 {
    grid-column: 1 / 4;
  }

  #w-node-cf66488a-f682-67c6-2a8f-8268182448ad-30ae1d76 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-cf66488a-f682-67c6-2a8f-8268182448e3-30ae1d76 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_1c211fbb-804e-3b66-828c-041bc9819048-ad1a266d {
    grid-column: 1 / 4;
  }

  #w-node-_1c211fbb-804e-3b66-828c-041bc9819049-ad1a266d {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_1c211fbb-804e-3b66-828c-041bc981907f-ad1a266d {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-f3d5c1e2-cc6c-9a5b-e1c4-2224d413cadb-ad1a266d {
    grid-column: 1 / 4;
  }

  #w-node-f3d5c1e2-cc6c-9a5b-e1c4-2224d413cadc-ad1a266d {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-f3d5c1e2-cc6c-9a5b-e1c4-2224d413cb12-ad1a266d {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-_69bab5a5-9236-917d-147e-d260b43097d6-24d24ee8 {
    grid-column: 1 / 4;
  }

  #w-node-_69bab5a5-9236-917d-147e-d260b43097d7-24d24ee8 {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-_69bab5a5-9236-917d-147e-d260b430980d-24d24ee8 {
    grid-area: 1 / 1 / 2 / 3;
  }

  #w-node-a5c74455-d053-a393-59b0-1901a74a9853-a456c40d {
    grid-column: 1 / 4;
  }

  #w-node-a5c74455-d053-a393-59b0-1901a74a9854-a456c40d {
    grid-area: 2 / 1 / 3 / 3;
  }

  #w-node-a5c74455-d053-a393-59b0-1901a74a988a-a456c40d {
    grid-area: 1 / 1 / 2 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a1fbeb90-65e6-c6b8-4a3e-fc14b1d758f7-8fd92cf3 {
    justify-self: auto;
  }

  #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc40f-2d7dc378, #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc3da-2d7dc378 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_76b438a4-1f5f-db3c-ced3-e0e86e11b482-2d7dc378 {
    grid-area: 6 / 1 / 7 / 2;
  }

  #w-node-_08d542ed-ab86-6021-a26a-324351919954-8fd92d2e {
    justify-self: auto;
  }

  #w-node-_5fa77014-1668-558c-d744-0a7a00149f76-8fd92d44, #w-node-_8ad57f22-82d6-5ff0-10b8-4499c64768c7-8fd92d57 {
    grid-column: span 4 / span 4;
  }

  #w-node-_483bbe8a-b197-e3ad-dfc5-7d21962cf7de-8fd92d69 {
    order: -9999;
  }

  #w-node-d4c7d185-d105-496e-bbc6-47dc63782ce5-8fd92db6 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-d4c7d185-d105-496e-bbc6-47dc63782ce7-8fd92db6 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-d4c7d185-d105-496e-bbc6-47dc63782ced-8fd92db6 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-d4c7d185-d105-496e-bbc6-47dc63782cef-8fd92db6 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-d4c7d185-d105-496e-bbc6-47dc63782cfd-8fd92db6, #w-node-d4c7d185-d105-496e-bbc6-47dc63782d05-8fd92db6 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-d4c7d185-d105-496e-bbc6-47dc63782d07-8fd92db6 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_0f55725c-9570-10ac-c301-a5ce9fe6166c-8fd92db6 {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_42f549e4-8d59-219d-ffaa-5c963cd5099c-8fd92db6, #w-node-ab121833-507e-c16b-90c3-24861100c003-8fd92db7, #w-node-ba819be3-a94c-5892-2d73-34286786cbf2-8fd92dba {
    justify-self: auto;
  }

  #w-node-d863597d-0d81-e0a9-d8b2-12f72a9bee18-8fd92dba, #w-node-d863597d-0d81-e0a9-d8b2-12f72a9bee28-8fd92dba, #w-node-d863597d-0d81-e0a9-d8b2-12f72a9bee36-8fd92dba, #w-node-d863597d-0d81-e0a9-d8b2-12f72a9bee43-8fd92dba, #w-node-d863597d-0d81-e0a9-d8b2-12f72a9bee51-8fd92dba, #w-node-d863597d-0d81-e0a9-d8b2-12f72a9bee5e-8fd92dba, #w-node-d863597d-0d81-e0a9-d8b2-12f72a9bee6c-8fd92dba, #w-node-d863597d-0d81-e0a9-d8b2-12f72a9bee79-8fd92dba, #w-node-d863597d-0d81-e0a9-d8b2-12f72a9bee87-8fd92dba, #w-node-d863597d-0d81-e0a9-d8b2-12f72a9bee95-8fd92dba, #w-node-d863597d-0d81-e0a9-d8b2-12f72a9beea4-8fd92dba, #w-node-d863597d-0d81-e0a9-d8b2-12f72a9beeb2-8fd92dba {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_840f5c4d-994a-08b4-ffec-64622b31f7e5-8fd92dbb {
    justify-self: auto;
  }

  #w-node-_8c626591-b4b2-7119-159b-1700b9701188-8fd92dbc {
    grid-column: span 4 / span 4;
  }

  #w-node-_20b07837-3ce9-f823-857f-fb33f2d1870c-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d1871a-8fd92dbc {
    order: -9999;
  }

  #w-node-_20b07837-3ce9-f823-857f-fb33f2d18739-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d18744-8fd92dbc, #w-node-_20b07837-3ce9-f823-857f-fb33f2d18750-8fd92dbc {
    justify-self: center;
  }

  #w-node-_68bafcf2-6ae5-bdf5-5ec1-5d750eb46eaf-8fd92dbe {
    justify-self: auto;
  }

  #compare-plans.w-node-a8ac129f-0ea6-27ae-47f4-699545c43ded-8fd92dbe {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7c57baeb-444d-5f21-54a0-6e37f7c868fb-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e1a-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e2a-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e38-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e45-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e53-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e60-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e6e-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e7b-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e89-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e97-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43ea6-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43eb4-8fd92dbe, #w-node-f6120365-6de4-d792-ea44-61bcbb38eda5-8fd92dbe, #w-node-_01cf2bd0-1078-adef-d9af-abdba9cc47b7-8fd92dbe, #w-node-_73a09ccd-1086-3867-73a6-322c43b0e619-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a31-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a3d-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a4a-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a56-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a63-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a6f-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a7c-8fd92dbe {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_33a917c7-2720-c43f-dea8-23d1d9b51585-8fd92dc3 {
    justify-self: auto;
  }

  #w-node-c23d34ff-7d77-e763-0acc-07207ada1bd8-8fd92dc3 {
    grid-column: span 4 / span 4;
  }

  #w-node-c23d34ff-7d77-e763-0acc-07207ada1c13-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1c1f-8fd92dc3, #w-node-c23d34ff-7d77-e763-0acc-07207ada1c2a-8fd92dc3 {
    justify-self: center;
  }

  #w-node-_9d5dd442-0d12-9b50-dfd2-231058497564-8fd92dc4 {
    justify-self: auto;
  }

  #w-node-_9d5dd442-0d12-9b50-dfd2-231058497a66-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-231058497a72-8fd92dc4, #w-node-_9d5dd442-0d12-9b50-dfd2-231058497a7d-8fd92dc4 {
    justify-self: center;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f30499a-8fd92dc5 {
    justify-self: auto;
  }

  #w-node-_0085bf78-8891-5e1c-abce-3a825f304b55-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304b61-8fd92dc5, #w-node-_0085bf78-8891-5e1c-abce-3a825f304b6c-8fd92dc5 {
    justify-self: center;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e71133364-8fd92dc6 {
    justify-self: auto;
  }

  #w-node-c1e40297-1550-25ac-079e-7a9e7113351f-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e7113352b-8fd92dc6, #w-node-c1e40297-1550-25ac-079e-7a9e71133536-8fd92dc6 {
    justify-self: center;
  }

  #w-node-_960cf538-8414-afee-6624-4bd2cce50d22-8fd92dc8, #w-node-_28f880c8-527b-31e9-758d-93ac525b41b9-8fd92dda, #w-node-_43f233ed-4648-4f0f-d4f2-f33db640169a-8fd92df5, #w-node-_2e5995b8-df4b-bd99-5f13-3954a0a8756d-8fd92df6, #w-node-_6554eb0e-cdb5-8e15-1437-68d1c0242bb4-8fd92e08, #w-node-_1a672d7e-90ab-3113-514c-4ac5d480d5b5-8fd92e09, #w-node-e6096f40-c9d7-d3f3-ab3f-aa04d2defced-8fd92e0a, #w-node-_803178ae-d33f-d501-8b67-2d0e298afc4a-8fd92e0b, #w-node-_2ada024e-4049-e616-8015-4d89ff2b4918-8fd92e0c {
    grid-column: span 4 / span 4;
  }

  #w-node-_6f39f773-9e2e-e9a8-ed21-bb004856dcd3-7295079e {
    justify-self: auto;
  }

  #w-node-_1f77ce40-2a95-aba4-ed23-224ae34c0f89-7295079e {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_1f77ce40-2a95-aba4-ed23-224ae34c0f8b-7295079e {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_1f77ce40-2a95-aba4-ed23-224ae34c0f91-7295079e {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_1f77ce40-2a95-aba4-ed23-224ae34c0f93-7295079e {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_1f77ce40-2a95-aba4-ed23-224ae34c0fa1-7295079e, #w-node-_1f77ce40-2a95-aba4-ed23-224ae34c0fa9-7295079e {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_1f77ce40-2a95-aba4-ed23-224ae34c0fab-7295079e {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_632b65b0-32e1-9a63-665e-6a51cfac4a31-7295079e, #w-node-_632b65b0-32e1-9a63-665e-6a51cfac4a3d-7295079e, #w-node-_632b65b0-32e1-9a63-665e-6a51cfac4a48-7295079e {
    justify-self: center;
  }

  #w-node-_97530ac2-1854-e0ce-8de5-2a3bfaba36fa-216c09cc {
    place-self: center;
  }

  #w-node-_58d25eca-c86b-db99-c823-5c22666a72de-216c09cc, #w-node-a36abe86-8c28-d54b-3d24-e7bc8de640e7-76f10b50, #w-node-dc8d4f5f-7ae2-da9f-f5ca-87609c34b657-e20f928d, #w-node-_5b0f3644-61df-4e97-c6e7-f53c664e4c08-138cfd64, #w-node-_858710f5-bf6a-63fb-2355-23874acb4f36-fe5fdc15, #w-node-_38ed7195-7932-6b58-a52e-6d98b50ff8d2-cefcb958, #w-node-_4669dfbb-f4e7-482a-dffd-d21bd078cb55-0fc5bbb3, #w-node-_8e9e8654-8671-3deb-7dc9-574c4b07c14b-8aaca2c8, #w-node-_69fb2808-d63b-7ca6-40c3-ab3c63aca2b4-0ac8db92, #w-node-a15cee4b-8aa5-2061-a060-fd4487c6fa95-b775a1e5, #w-node-e0164950-01e9-67fb-52ee-9bb0f6a610a1-531e87d6, #w-node-_976a1788-5cda-5345-0a43-d0c91da2d074-04c88c77, #w-node-d5f19052-ac2a-050f-b24b-84fae9084840-cec6f212, #w-node-_95a31564-be5e-943e-2618-bbb5e35f2ef5-e9b46aab {
    grid-column: span 4 / span 4;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc40f-2d7dc378 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc3c7-2d7dc378 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc3da-2d7dc378 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c01bb5ed-c433-2117-a925-f2e02d7dc3f5-2d7dc378 {
    grid-area: 5 / 1 / 6 / 2;
  }

  #w-node-_5fa77014-1668-558c-d744-0a7a00149fdd-8fd92d44 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_5fa77014-1668-558c-d744-0a7a00149fdf-8fd92d44 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8ad57f22-82d6-5ff0-10b8-4499c647692e-8fd92d57 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_8ad57f22-82d6-5ff0-10b8-4499c6476930-8fd92d57 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c90745bd-0579-6de7-48fe-ab7232e64f7c-8fd92d69 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-c90745bd-0579-6de7-48fe-ab7232e64f7e-8fd92d69 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c654a9f7-9627-9f90-8a1c-708e63f81c25-63f81b6d, #w-node-d6df73b7-fefa-c27f-9164-85f8fc7fa964-8fd92d82 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d6df73b7-fefa-c27f-9164-85f8fc7fa966-8fd92d82 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b020da22-7105-1eeb-f464-33502f10824e-8fd92db8 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b020da22-7105-1eeb-f464-33502f108250-8fd92db8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_20b07837-3ce9-f823-857f-fb33f2d18689-8fd92dbc {
    grid-area: 2 / 1 / 3 / 2;
  }

  #address-email-and-phone-number.w-node-_20b07837-3ce9-f823-857f-fb33f2d1868b-8fd92dbc {
    justify-self: start;
  }

  #w-node-_7c57baeb-444d-5f21-54a0-6e37f7c868fb-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e1a-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e2a-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e38-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e45-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e53-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e60-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e6e-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e7b-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e89-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43e97-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43ea6-8fd92dbe, #w-node-a8ac129f-0ea6-27ae-47f4-699545c43eb4-8fd92dbe, #w-node-f6120365-6de4-d792-ea44-61bcbb38eda5-8fd92dbe, #w-node-_01cf2bd0-1078-adef-d9af-abdba9cc47b7-8fd92dbe, #w-node-_73a09ccd-1086-3867-73a6-322c43b0e619-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a31-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a3d-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a4a-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a56-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a63-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a6f-8fd92dbe, #w-node-a8ffd559-bb02-e0f0-f101-7072ed650a7c-8fd92dbe {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_43f233ed-4648-4f0f-d4f2-f33db6401701-8fd92df5 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_43f233ed-4648-4f0f-d4f2-f33db6401703-8fd92df5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-aad942f4-f27e-4817-821a-c6ce8f76fbd6-8fd92df6 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-aad942f4-f27e-4817-821a-c6ce8f76fbd8-8fd92df6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d38885f3-7eaa-77be-b3be-f4c7b8d1df14-8fd92e0a {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-d38885f3-7eaa-77be-b3be-f4c7b8d1df16-8fd92e0a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

/* Hide orphan glow headings - testing */
.title-box-left.above-hero.op {
  display: none;
}
.title-box-left.above-hero.trans {
  display: none;
}
.title-box-left.web-h.trans:not(.above-hero) {
  display: none;
}

/* Fix nav dropdown card hover for bottom row */
.kjd-b-grid-1.webservices .kjd-b-link-block-1:hover {
  background-color: #f9fafb !important;
  color: rgb(14, 20, 27) !important;
}
.kjd-b-grid-1.webservices .kjd-b-link-block-1 {
  background-color: #fff !important;
  transition: background-color 0.25s ease;
}

/* Fix Website Design and Website Optimisation nav card hover */
a[data-w-id="7536818e-d247-46be-6b4c-66de211cbc1d"],
a[data-w-id="7536818e-d247-46be-6b4c-66de211cbc26"] {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(14, 20, 27) !important;
}
a[data-w-id="7536818e-d247-46be-6b4c-66de211cbc1d"]:hover,
a[data-w-id="7536818e-d247-46be-6b4c-66de211cbc26"]:hover {
  background-color: #f9fafb !important;
  color: rgb(14, 20, 27) !important;
}

/* Match shadow on nav buttons to big 3 service boxes */
.navbutton-surround {
  box-shadow: 0 2px 13px 4px var(--new-black);
}

/* Shadow on Contact Us nav button */
.button-104.is-icon.background-color-blue {
  box-shadow: 0 2px 13px 4px var(--new-black);
}

/* ==========================================================================
   PERTH IT CARE - POST-EXPORT FIXES
   Applied: 21 April 2026
   ========================================================================== */

/* --- 1. GLOW HEADING GRID STACK (cross-browser drift prevention) --- */

/* Pattern: div-block-491 (rel + absolute) - 13 pages */
div:has(> .div-block-491.rel) {
  display: grid !important;
}
div:has(> .div-block-491.rel) > .div-block-491 {
  grid-row: 1;
  grid-column: 1;
}
.div-block-491.absolute {
  position: static !important;
  inset: unset !important;
  transform: none !important;
  z-index: 2;
}
.div-block-491.rel {
  z-index: 1;
}

/* Pattern: header-wrapper - 28 pages */
.header-wrapper {
  display: grid !important;
}
.header-wrapper > .header {
  grid-row: 1;
  grid-column: 1;
}
.header.absolute {
  position: static !important;
  z-index: 2;
}

/* Pattern: div-block-34 > div-block-35 (e.g. "signs hacked") */
.div-block-34 {
  display: grid !important;
}
.div-block-34 > .div-block-35 {
  grid-row: 1;
  grid-column: 1;
}
.div-block-35.absolute {
  position: static !important;
}
.div-block-35.absolute.signs {
  position: static !important;
  inset: unset !important;
  transform: none !important;
}

/* Pattern: div-block-607 > div-block-608 ("Protection") */
.div-block-607 {
  display: grid !important;
}
.div-block-607 > .div-block-608 {
  grid-row: 1;
  grid-column: 1;
}
.div-block-608.absolute {
  position: static !important;
  z-index: 2;
}

/* Pattern: div-block-579 > margin-bottom (FAQ) */
.div-block-579 {
  display: grid !important;
}
.div-block-579 > .margin-bottom {
  grid-row: 1;
  grid-column: 1;
}
.div-block-579 > .margin-bottom.absolute {
  position: static !important;
  z-index: 1;
}
.div-block-579 > .margin-bottom:not(.absolute) {
  z-index: 2;
}

/* --- 2. FAQ HEADING OVERRIDES --- */
.h2-heading-new.multi-colour.large.colour-more-black.white.above.faqheading {
  position: static !important;
  inset: unset !important;
}
.h2-heading-new.multi-colour.large.colour-more-black.white.above {
  width: auto !important;
}
.margin-bottom.margin-small.absolute {
  position: static !important;
  inset: unset !important;
  transform: none !important;
}

/* --- 3. HERO SECTION GRID STACK --- */
.section-hero {
  display: grid !important;
  grid-template-columns: 1fr;
  align-items: center;
  min-height: 100vh;
}
.section-hero > .title-box-left {
  grid-row: 1;
  grid-column: 1;
  position: relative !important;
  inset: unset !important;
  transform: none !important;
  z-index: auto !important;
}
.title-box-left.web-h.trans {
  opacity: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
.section-hero > .title-box-left.above-hero {
  z-index: 1 !important;
  pointer-events: none !important;
}

/* --- 4. HERO IMAGE Z-INDEX --- */
.image-151.less-sat.web-r {
  z-index: auto !important;
}

/* --- 5. GRADIENT OVERLAY Z-INDEX --- */
.waves-forhero.web-h {
  z-index: 3 !important;
}

/* --- 6. OVERFLOW / TEXT CLIP FIX --- */
.hero-heading.homepage,
.hero-heading.homepage.above-hero,
.hero-heading.below,
.div-block-359,
.title-box-left,
.section-hero,
.main-wrapper,
.div-block-569,
.page-wrapper {
  overflow: visible !important;
}
.bigger-black-text.white-bigger.smaller.hp.trans-border,
.bigger-black-text.white-bigger.smaller.hp.gradient {
  padding-left: 6px;
}

/* --- 7. HOMEPAGE HERO FIX (22 Apr 2026 v3) --- */

/* BOTH layers get same transform so they overlap perfectly */
.section-hero > .title-box-left.above-hero.hp.home,
.section-hero > .title-box-left.hp.home.tablet {
  transform: translate(0, -7%) !important;
}

/* --- 8. LOGO MARQUEE (22 Apr 2026 final) --- */

.carousel-component.less-padding {
  overflow: hidden !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.logo-carousel-wrap.no-margin-bottom {
  max-height: none !important;
}

.logo-carousel-wrap {
  display: flex !important;
  flex-wrap: nowrap !important;
  will-change: transform;
}

ul.logo-carousel {
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-shrink: 0 !important;
  border-bottom: none !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.logo-carousel-clone {
  display: flex !important;
  flex-shrink: 0 !important;
}

.logo-carousel-item {
  flex-shrink: 0 !important;
}

/* --- 11. ELFSIGHT CONTAINER FIX (22 Apr 2026) --- */

/* Stop div-block-483 from clipping widget */
.div-block-483 {
  overflow: visible !important;
}

/* Remove excess margin/offset on the embed wrapper inside reviews section */
.section-30 .html-embed {
  margin-top: 0 !important;
  margin-left: 0 !important;
  overflow: visible !important;
}

.section-30 {
  overflow: visible !important;
}

/* --- 13a. Homepage clown nudge right at 1920px+ (22 Apr 2026) --- */

@media screen and (min-width: 1900px) {
  .homepage-hero.clown-image {
    --base-x: 30% !important;
  }
}

/* --- 13b. Waves-forhero + hero bottom strip fix (24 Apr 2026) --- */

.waves-forhero.web-h {
  height: 107% !important;
}

.section-32.black-border-bottom.border-top {
  margin-top: -2rem !important;
  padding-top: 2rem !important;
  background-color: var(--new-black) !important;
}

/* --- 14. PROTECTED HERO IMAGES (23 Apr 2026) --- */

/* Homepage: clip zoom/glitch overflow via wrapper */
/* Homepage hero container: clips zoom/glitch overflow */
/* Only clip glitch overflow on homepage — other pages need visible for hero gradients */
.div-block-569:has(.clown-home) {
  overflow: hidden !important;
}
.div-block-569:not(:has(.clown-home)) {
  overflow: visible !important;
}

/* Homepage hero: do not override from general rules */
.clown-home {
  position: absolute !important;
}

/* Hacked-website hero: locked in, do not override */
.clown-hacker {
  position: absolute !important;
}

/* --- 16. MAINT-HERO -- website maintenance hero position (23 Apr 2026) --- */
.homepage-hero.clown-image.maint-hero {
  height: 100% !important;
  width: auto !important;
  max-width: none !important;
  --base-x: 20% !important;
  /* 20 May 2026: constrain to section-hero height (auto width preserves
     square 1024x1024 aspect). --base-x: 20% drives the existing transform
     chain on .clown-image to shift baby visually rightward, leaving room
     for hero text on the left. Glitch translate vars (--gX, --gY) still
     work because they share the same transform chain. */
}

/* --- 17. SUBURB CARDS (23 Apr 2026) --- */

.suburb-section {
  padding: 40px 20px !important;
}

.suburb-heading {
  font-family: Exo, sans-serif !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: var(--new-black) !important;
  margin-bottom: 24px !important;
}

.suburb-grid {
  display: flex !important;
  gap: 16px !important;
  justify-content: center !important;
  margin-bottom: 20px !important;
}

.suburb-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 28px 40px !important;
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  color: #333333 !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

.suburb-card:hover {
  border-color: #ff8c00 !important;
  box-shadow: 0 2px 12px rgba(255,140,0,0.15) !important;
}

.suburb-icon {
  font-size: 2.2rem !important;
  margin-bottom: 10px !important;
}

.suburb-name {
  font-family: Poppins, sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
}

.suburb-cta {
  display: inline-block !important;
  font-family: Poppins, sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: #0091ff !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.suburb-cta:hover {
  color: #ff8c00 !important;
}

/* --- 18. AREAS-WE-SERVE CARDS (23 Apr 2026) --- */

.suburb-section-areas {
  padding: 40px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.suburb-grid-areas {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 340px)) !important;
  justify-content: center !important;
  gap: 16px !important;
  max-width: 960px !important;
  width: 100% !important;
  margin: 0 auto 20px !important;
}

.suburb-grid-areas .div-block-661 {
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 10px !important;
  font-size: 0.95rem !important;
}

.suburb-grid-areas .orange-link {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  background-image: none !important;
  text-shadow: none !important;
  font-size: 1.5rem !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.suburb-grid-areas .suburb-card {
  text-decoration: none !important;
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

@media screen and (max-width: 767px) {
  .suburb-grid-areas {
    grid-template-columns: repeat(2, minmax(0, 340px)) !important;
  }
}

/* --- 19. IT SERVICES HERO CENTERED (23 Apr 2026) --- */

.it-hero-centered .title-box-left {
  text-align: center !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  margin-left: 0 !important;
  position: relative !important;
}

.it-hero-centered .div-block-359 {
  align-items: center !important;
  text-align: center !important;
  max-width: 800px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

.it-hero-centered .div-block-507.centred {
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

.it-hero-centered .herobox-text {
  text-align: center !important;
}

.it-hero-centered .text-under-h1-div {
  align-items: center !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.it-hero-centered .main-wrapper-3 {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

.it-hero-centered .cta-section {
  justify-content: center !important;
  position: relative !important;
  z-index: 4 !important;
  align-items: start !important;
}

.it-hero-centered .circle-cta {
  position: relative !important;
  margin-top: 20px !important;
}

.it-hero-centered .h2-heading-new.under-h1 {
  text-align: center !important;
}

.it-hero-centered .mini-h1 {
  text-align: center !important;
}

.it-hero-centered .div-block-359.min-width {
  min-width: 0 !important;
  max-width: 90vw !important;
}

.it-hero-centered .hero-heading {
  text-align: center !important;
}

.div-block-569:has(.it-hero-centered) .circle-cta {
  display: none !important;
}

.div-block-569:has(.it-hero-centered) .div-block-507.centred {
  display: none !important;
}

.div-block-569:has(.it-hero-centered) .main-wrapper-3 {
  display: none !important;
}

.it-hero-centered {
  align-items: center !important;
  justify-content: center !important;
  padding-top: 0 !important;
}

/* --- 20. RESPONSIVE HERO IMAGE FIXES (24 Apr 2026) --- */

@media screen and (max-width: 479px) {
  .homepage-hero.clown-image {
    width: 100% !important;
    max-width: 100% !important;
    position: absolute !important;
    inset: auto 0% 0% auto !important;
  }

  .image-151.less-sat.web-r {
    width: 100% !important;
    max-width: 100% !important;
    transform: translate(10%, 3%) !important;
  }

  .homepage-hero.clown-image.webh-mob {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: absolute !important;
  }
}

@media screen and (max-width: 767px) {
  .homepage-hero.clown-image {
    width: 100% !important;
    max-width: 100% !important;
    position: absolute !important;
  }

  .image-151.less-sat.web-r {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* --- 21. INDUSTRY CARDS (24 Apr 2026) --- */

.section-57 {
  padding: 40px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.section-57 .grid-21 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 340px)) !important;
  justify-content: center !important;
  gap: 16px !important;
  max-width: 760px !important;
  width: 100% !important;
  margin: 0 auto 20px !important;
}

.section-57 .div-block-661 {
  min-width: 0 !important;
  min-height: 0 !important;
  font-size: 1.5rem !important;
  border-radius: 12px !important;
  padding: 28px 40px !important;
  border: 1px solid #e0e0e0 !important;
  background: #fff !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
}

.section-57 .div-block-661:hover {
  border-color: #ff8c00 !important;
  box-shadow: 0 2px 12px rgba(255,140,0,0.15) !important;
}

.section-57 .orange-link {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
  background-image: none !important;
  text-shadow: none !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

@media screen and (max-width: 767px) {
  .section-57 .grid-21 {
    grid-template-columns: repeat(2, minmax(0, 340px)) !important;
  }
}

/* --- 22. ANTIVIRUS HERO FIXES (24 Apr 2026) --- */

/* Contain hero to 100vh */
.section-hero:has(.homepage-hero.av) {
  max-height: 100vh !important;
  overflow: visible !important;
}

/* Image: behind text, push right */
.homepage-hero.av.clown-image {
  max-height: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: right bottom !important;
  z-index: 1 !important;
  transform: translate(20%, 5%) !important;
}

/* Dark left gradient overlay */
.section-hero:has(.homepage-hero.av)::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  z-index: 2 !important;
  background: linear-gradient(to right, #0e141b 0%, #0e141bcc 30%, transparent 60%) !important;
  pointer-events: none !important;
}

/* Above-hero (dark stroke text) ABOVE flow layer */
.title-box-left.above-hero.web-m.av {
  z-index: 6 !important;
  max-width: 770px !important;
}

/* Flow layer (gradient glow text) above overlay */
.title-box-left.hidden.web-m.av {
  z-index: 5 !important;
  max-width: 770px !important;
}

/* Waves gradient in front of image - target via adjacent sibling context */
.waves-forhero {
  /* position: relative !important; -- commented 28 May 2026 (was collapsing height to 0 and clipping homepage) */
}

.div-block-307.webm + .main-wrapper .homepage-hero.av.clown-image {
  z-index: 1 !important;
}

.section-hero:has(.homepage-hero.av)::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  height: 35% !important;
  z-index: 3 !important;
  background: linear-gradient(to top, var(--new-black) 0%, transparent 100%) !important;
  pointer-events: none !important;
}

/* --- 24. HOMEPAGE MOBILE FIXES (24 Apr 2026) --- */

@media screen and (max-width: 767px) {
  /* Hero content nudge */
  .section-hero > .title-box-left { transform: translateY(2%) !important; }

  /* Hero CTA */
  .hero-cta-mobile { display: block !important; }
  .hero-cta-mobile .button---wrap.services { width: 100% !important; }
  .hero-cta-mobile .button-102 { width: 100% !important; text-align: center !important; }

  /* Marquee */
  .carousel-component.less-padding { padding-top: 0 !important; padding-bottom: 0 !important; }
  .section-32.black-border-bottom.border-top.hp-only {
    border-bottom: 5px solid var(--new-black) !important;
  }

  /* Counter 2x */
  .stat-number { font-size: 4rem !important; line-height: 1.1 !important; }
  .stat-number .large-numbers { font-size: 4rem !important; }

  /* Google map responsive */
  .ggle-map.w-embed.w-iframe { width: 100% !important; max-width: 100% !important; }
  .ggle-map.w-embed.w-iframe iframe { width: 100% !important; height: 300px !important; }

  /* Orbs */
  .div-block-496.blob-glow { width: 50px !important; height: 50px !important; }
  .div-block-499.about-us._1.bigger.blob-glow {
    width: 170px !important; height: 170px !important; transform: translateY(-5%) !important;
  }
  .div-block-499.about-us.aboutus-me-n-pops.pops._1.hpage.blob-glow { width: 58px !important; height: 58px !important; }
  .div-block-499.about-us._1.case-study.headings.cta-section.blob-glow { display: none !important; }

  /* Blog icon */
  .uui-blogsection03_icon { display: none !important; }
  .uui-blogsection03_title-link { padding-right: 0 !important; }
}

/* Card grid: tap to reveal on tablet down */
@media screen and (max-width: 991px) {
  .card_component:hover .card_scroll { transform: translate(0, 101%) !important; opacity: 0 !important; }
  .card_component .card_scroll { transform: translate(0, 101%) !important; opacity: 0 !important; transition: transform 0.3s ease, opacity 0.3s ease !important; }
  .card_component.active .card_scroll { transform: translate(0, 0) !important; opacity: 1 !important; z-index: 10 !important; }
  .card_component.active .lotties,
  .card_component.active .lottie-animation-2,
  .card_component.active .card-img,
  .card_component.active .card-head { z-index: 0 !important; }
}

/* --- 14. TEXT-UNDER-H1-DIV Z-INDEX (24 Apr 2026) --- */

.text-under-h1-div {
  z-index: auto !important;
}

/* --- 15. H3 SUBTITLE WIDTH MATCH (24 Apr 2026) --- */

.section-hero .h2-heading-new.under-h1.web-h-heading {
  width: 100% !important;
  /* 20 May 2026: removed min-width:720px and max-width:none which were
     forcing the subheading to span the full hero width and overlapping
     into the hero image area. width:100% lets the global 40rem cap
     (and the 48rem cap at 1900+ below) actually constrain it. */
}

@media screen and (min-width: 1900px) {
  .section-hero .h2-heading-new.under-h1.web-h-heading {
    max-width: 48rem !important;
  }
}

@media screen and (max-width: 767px) {
  .section-hero .h2-heading-new.under-h1.web-h-heading {
    min-width: 0 !important;
    width: 100% !important;
  }
}

/* Blog slider read button hide - MOBILE ONLY */
@media screen and (max-width: 767px) {
  .wheel-slider .div-block-475, .wheel-slider .button-103,
  .details-slider .div-block-475, .details-slider .button-103 {
    display: none !important;
  }
}

/* --- 25. BLOG SECTION OVERFLOW (25 Apr 2026) --- */

.section_causes-hero-2,
.main-wrapper-5,
.page-wrapper-11 {
  overflow: visible !important;
}

/* --- 27. CASE STUDY LOTTIE NOFLIP (Decode card 4 - keep size from .flip but unmirror inner SVG) --- */

/* --- 28. HIDE ELFSIGHT BADGE UNTIL PAST HERO --- */

/* Targets only the floating badge inside Elfsight's portal.
   Inline carousel widgets (.eapps-google-reviews-...) are NOT inside this portal so unaffected. */
#__EAAPS_PORTAL [class*="slide-in__PositionContainer"] {
  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease !important;
}

body:not(.past-hero) #__EAAPS_PORTAL [class*="slide-in__PositionContainer"] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(20px) !important;
}

/* --- 26. CCTV BACKGROUND (Decode case study, 75px top inset for navbar) --- */

.spark-section.decode {
  position: relative !important;
  overflow: hidden !important;
  background-color: #0a0e13 !important;
}

.spark-section.decode > #cctv-grid-canvas {
  position: absolute !important;
  top: 75px !important;
  left: 0 !important;
  width: 100% !important;
  height: calc(100% - 75px) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.spark-section.decode > *:not(#cctv-grid-canvas) {
  position: relative;
  z-index: 2;
}

/* --- 29. EVIDENCE BLOCK (case studies - documentary email) --- */

.evidence-block {
  position: relative;
  padding: 5rem 1.5rem;
  background: var(--new-black);
}
.evidence-deco {
  position: absolute !important;
  inset: 0;
  z-index: 0;
  opacity: 0.28;
  pointer-events: none;
}

.evidence-deco svg {
  width: 100%;
  height: 100%;
  display: block;
}

.evidence-block .content-container,
.evidence-block .evidence-inner {
  position: relative;
  z-index: 2;
}

.evidence-inner {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.evidence-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 22px 10px 18px;
  background: #0e141b !important;
  border: 1px solid rgba(249, 250, 251, 0.08);
  border-radius: 1.87rem;
  color: #ffffff;
  font-family: 'Exo', sans-serif;
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  box-shadow: 0 0 24px rgba(0, 212, 255, 0.18);
}

.evidence-badge::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #00d4ff;
  box-shadow: 0 0 10px #00d4ff, 0 0 20px rgba(0, 212, 255, 0.5);
  flex-shrink: 0;
  animation: evidencePulse 2s ease-in-out infinite;
}

@keyframes evidencePulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.55; transform: scale(0.85); }
}
.evidence-frame {
  position: relative;
  background: #0e141b;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid rgba(0, 212, 255, 0.25);
  box-shadow:
    0 20px 50px rgba(0, 0, 0, 0.5),
    0 0 60px rgba(0, 212, 255, 0.08);
}

.evidence-frame .cf {
  position: absolute;
  width: 18px;
  height: 18px;
  border: 2px solid #00d4ff;
  pointer-events: none;
  z-index: 2;
}

.evidence-frame .cf-tl { top: -2px; left: -2px; border-right: 0; border-bottom: 0; }
.evidence-frame .cf-tr { top: -2px; right: -2px; border-left: 0; border-bottom: 0; }
.evidence-frame .cf-bl { bottom: -2px; left: -2px; border-right: 0; border-top: 0; }
.evidence-frame .cf-br { bottom: -2px; right: -2px; border-left: 0; border-top: 0; }

.evidence-stamp {
  position: absolute;
  top: 32px;
  right: 32px;
  z-index: 3;
  transform: rotate(-6deg);
  font-family: 'Exo', sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 3px;
  color: rgba(225, 50, 50, 0.9);
  border: 2px solid rgba(225, 50, 50, 0.9);
  padding: 5px 11px 4px;
  border-radius: 4px;
  text-transform: uppercase;
  pointer-events: none;
}

.evidence-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.evidence-timestamp {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 1.5rem;
  font-family: 'SF Mono', Menlo, Consolas, monospace;
  font-size: 0.85rem;
  color: rgba(0, 212, 255, 0.75);
  letter-spacing: 1.2px;
}

.evidence-tdot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #00d4ff;
  box-shadow: 0 0 10px #00d4ff;
}

@media (max-width: 600px) {
  .evidence-block { padding: 3rem 1rem; }
  .evidence-frame { padding: 14px; }
  .evidence-stamp { top: 20px; right: 20px; font-size: 0.65rem; padding: 4px 8px 3px; letter-spacing: 2px; }
}

/* --- 29b. Evidence heading stack + full-bleed (4 May 2026) --- */

.evidence-block {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  max-width: none !important;
}

.evidence-h-stack {
  display: grid;
  margin: 0 auto 1.5rem;
}

.evidence-h-stack > h2 {
  grid-area: 1 / 1;
  margin: 0;
}

/* --- 30. Helped heading grid stack (4 May 2026) --- */

.div-block-600 {
  display: grid !important;
  text-align: center !important;
  position: relative !important;
}

.div-block-600 > div {
  grid-area: 1 / 1;
  text-align: center !important;
}

.div-block-600 > .how-perthitcare-helped {
  position: static !important;
  inset: auto !important;
  transform: none !important;
}

.div-block-600 h2 {
  text-align: center !important;
  margin: 0 auto !important;
  width: 100% !important;
}

/* --- 30b. Helped wrapper width (4 May 2026) --- */

.div-block-599 {
  width: 100% !important;
}

.div-block-600 {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-self: center !important;
}

/* --- 31. Quote mark ink-draw (4 May 2026 v2) --- */

.quote-mark-anim svg {
  overflow: visible;
}

.quote-mark-anim .quote-path {
  fill: none;
  stroke: #00d4ff;
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-dasharray: 1100;
  stroke-dashoffset: 1100;
  filter: drop-shadow(0 0 0 rgba(0, 212, 255, 0));
}

.quote-mark-anim.quote-visible .quote-path {
  animation:
    quoteInkDraw 1.6s ease-out forwards,
    quoteGlowSettle 2.4s ease-out 1.6s forwards;
}

@keyframes quoteInkDraw {
  0%   { stroke-dashoffset: 1100; }
  100% { stroke-dashoffset: 0; }
}

@keyframes quoteGlowSettle {
  0% {
    filter:
      drop-shadow(0 0 14px rgba(0, 212, 255, 0.85))
      drop-shadow(0 0 28px rgba(0, 145, 255, 0.55));
  }
  100% {
    filter:
      drop-shadow(0 0 6px rgba(0, 212, 255, 0.35))
      drop-shadow(0 0 14px rgba(0, 145, 255, 0.18));
  }
}

/* --- 33. Cs grey orb glow (4 May 2026) --- */

.div-block-497.cs.white-border.grey {
  box-shadow: 0 0 28px rgba(0, 212, 255, 0.08);
  transition: box-shadow 0.35s ease;
}

.div-block-497.cs.white-border.grey:hover {
  box-shadow: 0 0 42px rgba(0, 212, 255, 0.18);
}

/* --- 37. Decode result strip - white bg (4 May 2026 v3) --- */

.decode-result-strip {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: #ffffff;
  padding: 4rem 1.5rem;
  position: relative;
  border-top: 80px solid var(--new-black);
}

.decode-result-inner {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

.decode-result-heading {
  margin: 0 0 2.5rem !important;
  text-align: center !important;
  color: #0e141b !important;
}

.decode-result-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.5rem;
}

.decode-result-stat {
  padding: 1.5rem 1rem;
}

.decode-result-num {
  font-family: Exo, sans-serif;
  font-size: 3.25rem;
  font-weight: 800;
  line-height: 1;
  color: #0e141b;
  background: none;
  -webkit-text-fill-color: #0e141b;
  display: inline-flex;
  align-items: baseline;
}

.decode-result-num .purecounter {
  color: #0e141b;
  background: none;
  -webkit-text-fill-color: #0e141b;
}

.decode-result-suffix {
  font-size: 1.6rem;
  font-weight: 700;
  margin-left: 4px;
  color: #1c3d5a;
  background: none;
  -webkit-text-fill-color: #1c3d5a;
}

.decode-result-label {
  color: #333;
  font-family: Exo, sans-serif;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-top: 0.6rem;
}

@media (max-width: 600px) {
  .decode-result-strip { padding: 2.5rem 1rem; }
  .decode-result-num { font-size: 2.5rem; }
  .decode-result-suffix { font-size: 1.25rem; }
}

/* --- 38. Decode section divider (4 May 2026 v4) --- */

/* --- 40. Full-bleed overflow guard (scoped, 4 May 2026) --- */

body:has(.evidence-block),
body:has(.decode-result-strip) {
  overflow-x: hidden;
}

/* --- 41. Decode hero paragraph case fix (4 May 2026) --- */

.div-block-640 .spark-hero-sub-paragraph,
.div-block-640 > .spark-container > p {
  text-transform: none !important;
}

/* --- 41a. Decode body text-transform overrides (4 May 2026) --- */

.spark-secondary-paragraph,
p.paragraph-11,
.fn-heading-jambo,
.fn-heading-2 {
  text-transform: none !important;
}

/* --- 42. Decode ring nudge + overflow fix (4 May 2026, scoped) --- */

body:has(.evidence-block) .div-block-540 {
  overflow: visible !important;
}

body:has(.evidence-block) .div-block-540 > .div-block-441.left.left-bigger.webh {
  bottom: -20% !important;
}

/* --- 43. Decode logo natural + counter colour fix (4 May 2026) --- */

.cslogo.white.decode {
  filter: none !important;
}

.decode-result-suffix,
.decode-result-label {
  color: #0e141b !important;
  -webkit-text-fill-color: #0e141b !important;
}

/* --- LOTTIES CS WIDTH PIN 1920 (7 May 2026) --- */
/* Inner lotties are position:absolute so flex parent can collapse below */
/* its declared width. min-width prevents that. */
@media screen and (min-width: 1900px) {
  .lotties.cs {
    width: 12rem !important;
    min-width: 12rem !important;
    height: 12rem !important;
    flex: 0 0 12rem !important;
  }
}

/* --- CARD 4 WEB-H CS TRANSFORM BELOW 1920 (7 May 2026) --- */
/* Apply Webflow biggest-breakpoint value (0%, 30%) to all breakpoints below 1920. */
@media screen and (max-width: 1919px) {
  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.web-h.cs {
    transform: translate(0%, 30%) rotateX(0) rotateY(180deg) rotateZ(0) !important;
  }
}

/* --- DECODE COUNTERS FONT EXO700 (7 May 2026, suffix split 5 Jun) --- */
/* Numbers + purecounter: 60px. Suffix gets its own sizing per breakpoint. */
.decode-result-num,
.decode-result-num .purecounter {
  font-family: Exo, sans-serif !important;
  font-weight: 700 !important;
  font-size: 60px !important;
}
.decode-result-suffix {
  font-family: Exo, sans-serif !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  margin-left: 0.25rem !important;
}

/* --- 27. SERVICE PAGE HERO TREATMENT (08 May 2026) --- */
/* Waves-style overlay on hero. Applies to .section-hero with .hero-treatment class
   OR .section-hero containing .clown-hacker (legacy hacked-website fix). */
.section-hero.hero-treatment::after,
.section-hero:has(> .clown-hacker)::after {
  content: "";
  position: absolute !important;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-image:
    linear-gradient(180deg, #0e141bc0, #8c8f9200 24%, #fff0 44%, #0e141bc0 93%),
    radial-gradient(circle farthest-corner at 100% 100%, #0e141b5f, #fff0);
  -webkit-mask-image: linear-gradient(to left, #000 0%, #000 40%, transparent 80%);
  mask-image: linear-gradient(to left, #000 0%, #000 40%, transparent 80%);
  pointer-events: none;
  z-index: 0;
}

/* --- SMART CHOICE CARDS - tighter layout (12 May 2026) --- */
.div-block-632 .uui-layout34_content.choice-it {
  min-height: auto !important;
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

/* --- SB-IT TAB DIV-BLOCK-476 - halve top margin (12 May 2026) --- */
.spark-section-2 .div-block-476.margin-top {
  margin-top: 7px !important;
}

/* --- SB-IT TAB BODY TEXT MB - halve margin-bottom (12 May 2026) --- */
.spark-section-2 .uui-text-size-medium-6.white._55-width {
  margin-bottom: 12px !important;
}

/* --- PATTERN RECOGNITION BLOCK (integrity-impressions only) --- */
.pattern-block {
  position: relative;
  width: 100% !important;
  background: #0e141b !important;
  padding: 7rem 0 !important;
  overflow: hidden;
  border-top: 1px solid rgba(0, 212, 255, 0.18);
  border-bottom: 1px solid rgba(0, 212, 255, 0.18);
  isolation: isolate;
}
.pattern-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(60% 50% at 18% 28%, rgba(0, 145, 255, 0.18) 0%, rgba(0, 145, 255, 0) 70%),
    radial-gradient(55% 45% at 82% 72%, rgba(0, 212, 255, 0.15) 0%, rgba(0, 212, 255, 0) 70%);
  pointer-events: none;
  z-index: 0;
}
.pattern-deco {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.55;
  pointer-events: none;
  z-index: 1;
}
.pattern-deco svg {
  width: 100%;
  height: 100%;
  display: block;
}
.pattern-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: none !important;
  margin: 0 auto;
  padding: 0 2rem;
  text-align: center;
  box-sizing: border-box;
}
.pattern-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 22px 10px 18px;
  background: #0e141b !important;
  border: 1px solid rgba(249, 250, 251, 0.08);
  border-radius: 1.87rem;
  color: #ffffff;
  font-family: 'Exo', sans-serif;
  font-weight: 700;
  font-size: 0.78rem;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  box-shadow: 0 0 24px rgba(0, 212, 255, 0.18);
}
.pattern-badge::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #00d4ff;
  box-shadow: 0 0 10px #00d4ff, 0 0 20px rgba(0, 212, 255, 0.5);
  flex-shrink: 0;
  animation: evidencePulse 2s ease-in-out infinite;
}
.pattern-h-stack {
  position: relative;
  margin-bottom: 2.25rem;
}
.pattern-text {
  font-family: 'Exo', sans-serif;
  color: rgba(255, 255, 255, 0.86);
  font-size: 1.1rem;
  line-height: 1.75;
  max-width: 760px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .pattern-block {
    padding: 4.5rem 0 !important;
  }
  .pattern-inner {
    padding: 0 1.25rem;
  }
  .pattern-badge {
    font-size: 0.7rem;
    letter-spacing: 2px;
    padding: 8px 18px 8px 14px;
    margin-bottom: 1.25rem;
  }
  .pattern-badge::before {
    width: 7px;
    height: 7px;
  }
  .pattern-text {
    font-size: 1rem;
    line-height: 1.65;
  }
}

/* --- EVIDENCE BLOCK BACKGROUND = PATTERN BLOCK BACKGROUND --- */
.evidence-block {
  background: #0e141b !important;
  background-image: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-top: 1px solid rgba(0, 212, 255, 0.18) !important;
  border-bottom: 1px solid rgba(0, 212, 255, 0.18) !important;
}
.evidence-block::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  background:
    radial-gradient(60% 50% at 18% 28%, rgba(0, 212, 255, 0.15) 0%, rgba(0, 212, 255, 0) 70%),
    radial-gradient(55% 45% at 82% 72%, rgba(0, 145, 255, 0.18) 0%, rgba(0, 145, 255, 0) 70%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.evidence-deco {
  display: block !important;
  opacity: 0.55 !important;
  z-index: 1 !important;
}
.evidence-block > .content-container,
.evidence-block > .w-layout-blockcontainer,
.evidence-block .evidence-inner {
  position: relative !important;
  z-index: 2 !important;
}

/* --- CONCENTRIC ORB DECOR (case studies only) --- */
.cs-orbs-decor .concentric-orb {
  background: transparent !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='94' fill='none' stroke='%230091ff' stroke-width='1' opacity='0.45'/%3E%3Ccircle cx='100' cy='100' r='68' fill='none' stroke='%2300d4ff' stroke-width='1' opacity='0.55'/%3E%3Ccircle cx='100' cy='100' r='44' fill='none' stroke='%230091ff' stroke-width='1' opacity='0.4' stroke-dasharray='3,5'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%2300d4ff' opacity='0.85'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* --- TRIPLE CIRCLE TO ORB (cs-orbs-decor scoped) --- */
.cs-orbs-decor .triple-circle.triple-orb {
  width: 200px !important;
  height: 200px !important;
  opacity: 1 !important;
}

/* --- ORB FIXES BUNDLE (homepage scoped via cs-orbs-decor) --- */

/* 1. .div-block-441.left.left-bigger.concentric-orb on homepage:
      restore solid dark fill behind the concentric rings */
.cs-orbs-decor .div-block-441.left.left-bigger.concentric-orb {
  background-color: #0e141b !important;
}

/* 2. Triple-orbs: shift visually +10% right, +10% down.
      The wrapper has rotateX(180) rotateY(180) which flips translate axes,
      so we negate the translate to land on the intended visual direction.
      Original transform: translate(29%) rotateX(180) rotateY(180) rotateZ(0)
      For visual +10% right/+10% down after the 180-rotates we use translate(19%, -10%) */
.cs-orbs-decor .triple-circle.triple-orb {
  transform: translate(-15%, 25%) !important;
}

/* --- BIG ORB DIMMER RINGS (big variants only, dark fill stays solid) --- */
.concentric-orb.div-block-441.left.left-bigger,
.concentric-orb.div-block-441.smaller,
.concentric-orb.triple-circle.triple-orb {
  background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='94' fill='none' stroke='%230091ff' stroke-width='1' opacity='0.22'/%3E%3Ccircle cx='100' cy='100' r='68' fill='none' stroke='%2300d4ff' stroke-width='1' opacity='0.28'/%3E%3Ccircle cx='100' cy='100' r='44' fill='none' stroke='%230091ff' stroke-width='1' opacity='0.2' stroke-dasharray='3,5'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%2300d4ff' opacity='0.5'/%3E%3C/svg%3E") !important;
}

/* --- HP BOTTOM-LEFT ORB (homepage fresh decorative orb) --- */
.hp-bl-orb {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 312px;
  height: 312px;
  transform: translate(-60%, 80%);
  background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='94' fill='none' stroke='%230091ff' stroke-width='1' opacity='0.22'/%3E%3Ccircle cx='100' cy='100' r='68' fill='none' stroke='%2300d4ff' stroke-width='1' opacity='0.28'/%3E%3Ccircle cx='100' cy='100' r='44' fill='none' stroke='%230091ff' stroke-width='1' opacity='0.2' stroke-dasharray='3,5'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%2300d4ff' opacity='0.5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 0;
}

/* --- ORB Z-INDEX BOOST (sit above section-30's z:9999 on homepage) --- */
.cs-orbs-decor .hp-bl-orb,
.cs-orbs-decor .triple-circle.triple-orb {
  z-index: 10000 !important;
}

/* --- FN-SECTION Z-INDEX (homepage) --- */
body.cs-orbs-decor .fn-section {
  position: relative !important;
  z-index: 10001 !important;
}

/* --- ORBS CLIP FINAL (homepage only) --- */
body.cs-orbs-decor section.marquee-section.padding-top,
body.cs-orbs-decor section.section-30,
body.cs-orbs-decor section.section-31 {
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/* --- HOMEPAGE NAV + SERVICE BOX TWEAKS --- */

/* 1. Service box: min-height 100px on both outer (gradient) and inner (white) */
body.cs-orbs-decor .service-box._1 {
  min-height: 100px !important;
}
body.cs-orbs-decor .service-box._1 .div-block-577 {
  min-height: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 2. Remove the grid gap on service-menu-hp at 1920px+ (already 0 there per base,
      but make sure no other rule reintroduces it on homepage) */
body.cs-orbs-decor .grid-10.service-menu-hp {
  grid-column-gap: 0 !important;
  grid-row-gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}


/* --- NAVBAR FLATTEN (global except .no-nav-treatment - white text, no pills) --- */
body:not(.no-nav-treatment) .navbutton-surround {
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  margin-right: 0 !important;
}
body:not(.no-nav-treatment) .navbutton-surround.right {
  margin-right: 0 !important;
}
body:not(.no-nav-treatment) .navbutton-surround .kjd-b-dropdown-1,
body:not(.no-nav-treatment) .kjd-b-dropdown-1 {
  background-color: transparent !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0.5rem 0.9rem !important;
  font-weight: 600 !important;
}
body:not(.no-nav-treatment) .navbutton-surround:hover .kjd-b-dropdown-1,
body:not(.no-nav-treatment) .kjd-b-dropdown-1:hover {
  color: #ff8c00 !important;
  background-color: transparent !important;
}

/* --- NAVBAR TEXT WHITE (global except .no-nav-treatment - inner link text) --- */
body:not(.no-nav-treatment) .kjd-b-text-1 {
  color: #ffffff !important;
}
body:not(.no-nav-treatment) .kjd-b-text-1:hover,
body:not(.no-nav-treatment) .navbutton-surround:hover .kjd-b-text-1,
body:not(.no-nav-treatment) .kjd-b-dropdown-1:hover .kjd-b-text-1 {
  color: #ff8c00 !important;
}

/* --- NAVBAR DROPDOWN SHADOW + ARROW (global except .no-nav-treatment) --- */
body:not(.no-nav-treatment) .kjd-b-dropdown-1 {
  box-shadow: none !important;
  filter: none !important;
}
/* Whiten the dark PNG arrow icons */
body:not(.no-nav-treatment) .kjd-b-toggle-1 {
  filter: brightness(0) invert(1) !important;
}
body:not(.no-nav-treatment) .kjd-b-toggle-1:hover {
  filter: brightness(0) saturate(100%) invert(58%) sepia(91%) saturate(1654%) hue-rotate(360deg) brightness(101%) contrast(105%) !important;
}

/* --- CONTACT BUTTON SHADOW REMOVE (global except .no-nav-treatment) --- */
body:not(.no-nav-treatment) .button-104.is-icon.background-color-blue,
body:not(.no-nav-treatment) .button-104 {
  box-shadow: none !important;
}

/* --- NAVBUTTON-SURROUND SHADOW REMOVE (global except .no-nav-treatment) --- */
body:not(.no-nav-treatment) .navbutton-surround,
body:not(.no-nav-treatment) .navbutton-surround.right,
body:not(.no-nav-treatment) .navbutton-surround.left {
  box-shadow: none !important;
}

/* --- HAMBURGER HERO GATE (global except .no-nav-treatment - hide until past hero) --- */
body:not(.no-nav-treatment) .hamburger__wrapper {
  transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
}
body:not(.no-nav-treatment):not(.past-hero) .hamburger__wrapper {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-10px) !important;
}

/* --- 25. CIRCLE-TEXT DEMO PATTERN (homepage) --- */
/* Give .circle-text a real measurable box matching its .circle-cta parent (15rem). */
/* CircleType then auto-sets radius to width/2 = 7.5rem, which sits outside the */
/* orange disc (.circle = 65% of 15rem = 9.75rem diameter, radius 4.875rem). */
.circle-cta .circle-text {
  font-size: 1.2rem !important;
  width: 12rem !important;
  height: 12rem !important;
  left: 50% !important;
  top: 50% !important;
  margin-left: -6rem !important;
  margin-top: -6rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  pointer-events: none;
}


/* --- 28. HOSTING TEXT-UNDER-H1 SHIFT (15 May 2026) --- */
/* Nudge both text-under-h1-div layers down 5% on hosting page only */
body.wp-hosting .text-under-h1-div {
  transform: translateY(15%) !important;
}

/* --- 25. DECODE CASE STUDY HERO CENTER FIX (Edge cross-browser) --- */
/* spark-section is a flex parent with align-items:center but no justify-content. */
/* Firefox stretches the child; Edge respects its 1250px width and aligns left.   */
/* Force horizontal centering on the flex parent so the child sits in the middle. */

.spark-section.spark-hero-background-image-with-centered-content {
  justify-content: center !important;
}

/* --- 26. SPARK HERO PADDING FIX (Edge cross-browser) --- */
/* Base .spark-section has padding: 25px 64px 176px. The 176px bottom padding   */
/* causes a big gap in Edge (Firefox absorbs it via different flex item sizing). */
/* Match top padding so the hero is balanced top/bottom in both browsers.        */

.spark-section.spark-hero-background-image-with-centered-content {
  padding-bottom: 25px !important;
}

/* --- 27. SPARK HERO CONTENT FILL (Edge cross-browser, 18 May 2026) --- */
/* The fill rule for .div-block-640 lives inside @media (min-width: 1920px).   */
/* Any browser at 1900-1919px (Edge default, sidebar/tab open, etc.) misses it */
/* and the child sits at natural 1250px width with a 100px translate, leaving  */
/* text mis-centred and the section short. Apply the rule unconditionally when */
/* the div is the flex child of a spark hero section.                          */

.spark-section.spark-hero-background-image-with-centered-content > .div-block-640 {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-flow: column !important;
  justify-content: center !important;
  align-items: center !important;
  transform: none !important;
}



/* --- 28. WHOLE-PAGE RESPONSIVE FIX (mobile clip + Edge desktop, 18 May 2026) --- */
/* Mobile: keep 100vw + overflow hidden so descendants wider than viewport       */
/* don't cause horizontal scroll (mobile uses overlay scrollbars, no gutter      */
/* mismatch). Desktop: switch to 100% so Edge's reserved 15px scrollbar gutter   */
/* doesn't make .whole-page 15px wider than body and offset every section.       */

.whole-page {
  width: 100vw !important;
  max-width: 100vw !important;
  overflow-x: hidden !important;
}

@media screen and (min-width: 992px) {
  .whole-page {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* --- 28. WHOLE-PAGE TABLET-DOWN CLIP (mobile side-scroll fix, 18 May 2026) --- */
/* Scoped to tablet and below only. Desktop is left entirely alone so the        */
/* 1900px breakpoint fix continues to centre everything correctly in Edge.       */
/* Mobile browsers use overlay scrollbars (no gutter mismatch) so 100vw is safe  */
/* there, and overflow:hidden prevents any descendant wider than viewport from   */
/* causing horizontal scroll/white strip.                                        */

@media screen and (max-width: 991px) {
  .whole-page {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
}

/* --- 30. CLIP DIV-BLOCK-497 ORB ON MOBILE (side-scroll fix, 18 May 2026) --- */
/* .div-block-497.cs is a 100-120px decorative orb with transform:translate     */
/* pushing it past the right edge of the viewport on case study pages. Hide on  */
/* mobile where the small viewport can't accommodate the offset positioning.    */

@media screen and (max-width: 991px) {
  .div-block-497.cs {
    display: none !important;
  }
}

/* --- 31. CLIP DIV-BLOCK-499 ADRIAN ORB ON MOBILE (side-scroll fix, 18 May 2026) --- */
/* .div-block-499.about-us.aboutus-me-n-pops.pops.adrian is an 80x80 decorative */
/* blob pushed 200% past the right edge of its parent via transform. Sits next  */
/* to the Other Rescues slider on case study pages. Outside viewport on mobile, */
/* causes horizontal scroll. Decorative only - safe to hide.                    */

@media screen and (max-width: 991px) {
  .div-block-499.about-us.aboutus-me-n-pops.pops.adrian {
    display: none !important;
  }
}


/* --- DECODE-IM-2 VERTICAL CENTER AT 1900PX+ (18 May 2026) --- */
/* Base rule pins top-right via inset. At 1900px+ the inset carries through
   but the override loses the vertical anchor, leaving image stuck at top. */
@media screen and (min-width: 1900px) {
  .div-block-545.decode-im-2 {
    top: 50% !important;
    transform: translate(-5%, -50%) !important;
  }
}


/* --- SPARK-CONTAINER-2 FLEX FILL (18 May 2026) --- */
/* .spark-section-2 is display:flex at all desktop breakpoints. Without width:100%
   .spark-container-2 shrinks to content width (~1344px). Existing max-width rules
   at each breakpoint (base 1440, 1900px+ override 1900, <=991 100%) handle capping. */
.spark-container-2 {
  width: 100% !important;
}


/* --- CARD_SCROLL ABOVE LOTTIE (18 May 2026) --- */
/* .card_scroll (the white hover-reveal card) was z-index:1, .lottie-animation-2.cog
   is z-index:2 -> gear lottie sits over text when card slides up. Bump card_scroll
   above all card-internal absolute children. Doesn't affect default offscreen state. */
.card_scroll {
  z-index: 5 !important;
}


/* --- CARD_SCROLL BUTTON CENTERING (18 May 2026) --- */
/* Buttons inside .card_scroll inconsistently have .centered class. Force all of
   them to center via parent text-align. Targets inline-block buttons in their
   block-level wrapper divs (.div-block-458 etc). */
.card_scroll {
  text-align: center !important;
}
.card_scroll .div-block-458,
.card_scroll .div-block-458._10-margi-top {
  text-align: center !important;
}


/* --- CARD_SCROLL DIV458 SHRINK (18 May 2026) --- */
/* .div-block-458 has an orange radial-gradient background. After centering text,
   the div was still full-width of card_scroll so gradient extended past the
   button. Shrink to content width and center via auto margins. Scoped to
   .card_scroll only - other instances of .div-block-458 unaffected. */
.card_scroll .div-block-458,
.card_scroll .div-block-458._10-margi-top {
  width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* --- PROOF RIBBON HIDE ALWAYS (18 May 2026) --- */
/* Hide 'Verified Rescue' ribbons at all breakpoints. Previously hidden only at
   <=991px; consolidated to all sizes for visual consistency. Targets all three
   pseudo-element variants used across the site (right ribbon ::after, two left
   ribbon ::before variants for the typo'd class name). */
.proof-card.proof--ribbon::after,
.proof-card.proof--ribbon-left::before,
.proof-card.proof-ribbon-left::before {
  display: none !important;
}


/* --- IMAGE-145 WEB-O Z-AUTO (18 May 2026) --- */
/* Match hacked-website-repair reference pattern: hero image z:auto so text
   layers (above-hero z:1, flow z:auto) sit above the image via DOM order +
   higher z-index. Previously .image-145.web-o was z:1 and competed with the
   z:1 stroke text - image won due to source order, covering hero text. */
.image-145.web-o,
.image-145.web-o.clown-image {
  z-index: auto !important;
}
@media screen and (max-width: 991px) {
  .image-145.web-o {
    z-index: auto !important;
  }
}


/* --- PHONES-HERO-IMAGE Z-AUTO (19 May 2026) --- */
/* .phones-hero-image was z:1 (small-business-it, small-business-phone,
   small-business-web-design pages). After moving img inside section-hero, it
   sat above the ::after gradient (z:0) and above the title-box text (z:auto).
   Match working hero pattern (hacked-website, web-optimisation): z:auto so text
   layers and gradient sit on top via DOM order. */
.phones-hero-image,
.phones-hero-image.clown-image {
  z-index: auto !important;
}
@media screen and (max-width: 991px) {
  .phones-hero-image {
    z-index: auto !important;
  }
}


/* --- TEXT-UNDER-H1-DIV MAX 720 (20 May 2026)
   Caps subheading + boxed content under the hero h1/h2 so it doesn't
   spread under the hero image. Desktop+ only; mobile/tablet keep their
   own full-width behaviour. --- */
@media screen and (min-width: 992px) {
  .text-under-h1-div {
    max-width: 720px !important;
  }
}

/* --- WEB-H-HEADING MAX 40REM (20 May 2026)
   Caps the under-h1 subheading text width to 40rem on desktop+ so it
   stays in the left column under the hero h1/h2 rather than spreading
   the full hero width. Mobile/tablet keep their own behaviour. --- */
@media screen and (min-width: 992px) {
  .web-h-heading {
    max-width: 40rem !important;
  }
}

/* --- H2-HEADING-NEW MAX 40REM (20 May 2026)
   Caps the under-h1 subheading text width to 40rem on desktop+ so it
   stays in the left column under the hero h1/h2 rather than spreading
   full hero width. The .web-h-heading variant didn't catch because
   .h2-heading-new is the actual base class. --- */
@media screen and (min-width: 992px) {
  .h2-heading-new {
    max-width: 40rem !important;
  }
}


/* --- REVIEW CARDS - BAR + BORDER + SHADOW v2 (bottom banner, 19 May 2026) --- */

.proof--ribbon {
  position: relative !important;
  border: 5px solid #0e141b !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 20px 4px rgba(0, 0, 0, 0.2) !important;
  overflow: visible !important;
}

.proof--ribbon::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 12px;
  background: linear-gradient(90deg, #0091ff 0%, #00d4ff 100%);
  z-index: 1;
  pointer-events: none;
  border-radius: 0 0 15px 15px;
}

/* --- REVIEW CARDS - LEFT VARIANTS BAR + BORDER + SHADOW v3 (bottom banner, 19 May 2026) --- */

.proof--ribbon-left,
.proof-ribbon-left {
  position: relative !important;
  border: 5px solid #0e141b !important;
  border-radius: 20px !important;
  box-shadow: 0 2px 20px 4px rgba(0, 0, 0, 0.2) !important;
  overflow: visible !important;
}

.proof-card.proof--ribbon-left::after,
.proof-card.proof-ribbon-left::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  height: 12px !important;
  background: linear-gradient(90deg, #0091ff 0%, #00d4ff 100%) !important;
  transform: none !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: 0 0 15px 15px !important;
}

/* --- MAINT-HERO TABLET HEIGHT (20 May 2026, revised)
   At tablet (<=991px) shrink the image to 70% of section height so it
   doesn't dominate or overlap text. Also bump section-hero min-height
   to fit the orange CTA circle at the bottom-left which gets clipped
   at narrower widths. --- */
@media screen and (max-width: 991px) {
  .homepage-hero.clown-image.maint-hero {
    height: 70% !important;
    width: auto !important;
    max-width: none !important;
    --base-x: 20% !important;
  }
  .section-hero.hero-treatment {
    min-height: 820px !important;
  }
}

/* --- MAINT-HERO TABLET PORTRAIT (20 May 2026)
   At <=767px:
   - Image dropped to 65% height so it doesn't dominate or overlap text.
   - Section-hero min-height bumped to fit the orange CTA circle which
     was being clipped at section bottom (circle is ~270px tall and
     extends below text baseline). --- */
@media screen and (max-width: 767px) {
  .homepage-hero.clown-image.maint-hero {
    height: 60% !important;
    width: auto !important;
    max-width: none !important;
    --base-x: 20% !important;
  }
}


/* --- INTEGRITY-REVIEW WIDTH RESTORE (19 May 2026) --- */
/* The earlier rule capping .h2-heading-new at 40rem (added 20 May to stop
   hero subheadings spreading) was bleeding onto .integrity-review which
   Webflow had declared as width:100% at desktop. This restores the full-
   width behaviour Webflow intended for the integrity-review variant. */

@media screen and (min-width: 992px) {
  .h2-heading-new.multi-colour.centered.integrity-review {
    max-width: none !important;
  }
}


/* --- HIDE SECTION-HERO CANVAS ON MOBILE (20 May 2026)
   Background canvas animations (baby-words.js, hosting-errors.js,
   it-terminal.js etc) are drawn at desktop dimensions and get
   horizontally squashed when section reshapes for mobile stacking.
   Easier to hide on mobile than refactor each animation's resize
   handler. Hero gradient + glow heading + glitched image still
   provide visual interest at this breakpoint. --- */
@media screen and (max-width: 479px) {
  .section-hero > canvas {
    display: none !important;
  }
}

/* --- UUI-LAYOUT34 2-WIDE TO 1-WIDE ON MOBILE (20 May 2026)
   Collapses the 2-column grid to single column at mobile so cards
   stack vertically rather than squeezing side-by-side. --- */
@media screen and (max-width: 479px) {
  .uui-layout34_component._2-wide,
  .uui-layout34_component._2-wide.less-middle-gap,
  .uui-layout34_component._2-wide.margin-top,
  .uui-layout34_component._2-wide.margin-top.it-services {
    grid-template-columns: 1fr !important;
  }
}

/* --- RELEASE HERO GATE ON TABLET (20 May 2026, v2 stronger)
   v2: increased specificity with html prefix + extra display:flex to
   defeat any other cascade winners. --- */
@media screen and (max-width: 991px) {
  html body .hamburger__wrapper,
  html body:not(.past-hero) .hamburger__wrapper,
  html body #__EAAPS_PORTAL [class*="slide-in__PositionContainer"],
  html body:not(.past-hero) #__EAAPS_PORTAL [class*="slide-in__PositionContainer"] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    display: flex !important;
  }
}

/* --- CLAMP HTML/BODY OVERFLOW (20 May 2026, v2 all breakpoints)
   v1 scoped to tablet but mobile side-scroll still happened. v2
   applies at all widths. Desktop did not experience this scroll
   anyway so safe to clamp universally. --- */
html, body {
  overflow-x: clip !important;
  max-width: 100vw !important;
}
@media screen and (max-width: 991px) {
  html, body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-width: 100vw !important;
    width: 100% !important;
  }
}

/* --- CENTER DIV-BLOCK-35 80-WIDTH (20 May 2026)
   .div-block-35._80-width is 80% of its grid cell but lacks margin
   auto, so it sits left-aligned. This rule centers it. --- */
.div-block-35._80-width {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* --- UUI-LAYOUT34_COMPONENT-2 4-WIDE TO 1-WIDE ON MOBILE (20 May 2026)
   Same idea as the _2-wide collapse - 4-column grids stack to single
   column on mobile. Note: this targets the -2 variant of the class
   (different DOM from the original uui-layout34_component). --- */
@media screen and (max-width: 479px) {
  .uui-layout34_component-2._4-wide,
  .uui-layout34_component-2._4-wide.less-horiztonal-gap {
    grid-template-columns: 1fr !important;
  }
}

/* --- RELEASE UUI-LAYOUT34_COMPONENT-2 W-NODES ON MOBILE (20 May 2026)
   Webflow uses #w-node-XXX rules with explicit grid-area placement on
   each grid child. These beat our parent grid-template-columns:1fr
   change. This rule releases grid-area/column/row on all direct
   children of the grid at mobile so they stack naturally. --- */
@media screen and (max-width: 479px) {
  .uui-layout34_component-2._4-wide > *,
  .uui-layout34_component-2._4-wide.less-horiztonal-gap > * {
    grid-area: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .uui-layout34_component-2._4-wide,
  .uui-layout34_component-2._4-wide.less-horiztonal-gap {
    grid-template-columns: 1fr !important;
  }
}


/* --- PROOF-CARD RIBBON FULL WIDTH AT 1900PX (19 May 2026) --- */
@media screen and (min-width: 1900px) {
  .proof-card.proof--ribbon {
    width: 100% !important;
  }
}


/* --- BLOG SECTION 11 RESTYLE (20 May 2026) --- */

.uui-blogsection11_list {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  gap: 24px !important;
}

.link-block-30 {
  text-decoration: none !important;
  display: block !important;
}

.uui-blogsection11_item {
  background: #0e141b !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: 5px 1fr !important;
  box-shadow: 0 0 0 1px rgba(0,212,255,0.08), 0 0 24px -4px rgba(0,212,255,0.10) !important;
  transition: transform .3s ease, box-shadow .3s ease !important;
  height: 100% !important;
}

.uui-blogsection11_item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 0 0 1px rgba(0,212,255,0.18), 0 0 32px -2px rgba(0,212,255,0.22) !important;
}

.uui-blogsection11_item::before {
  content: "";
  background: linear-gradient(180deg, #cc6f00 0%, #ff8c00 50%, #ffc847 100%);
  grid-column: 1;
  grid-row: 1;
  height: 100%;
}

.uui-blogsection11_item > .uui-blogsection11_image-link,
.uui-blogsection11_item > .uui-blogsection11_item-content {
  grid-column: 2;
}

.uui-blogsection11_image-link {
  display: block !important;
  width: 100% !important;
  height: 180px !important;
  overflow: hidden !important;
}

.uui-blogsection11_image-wrapper {
  width: 100% !important;
  height: 100% !important;
}

.uui-blogsection11_image,
.uui-blogsection11_image._2,
.uui-blogsection11_image._2.curved,
.uui-blogsection11_image._3,
.uui-blogsection11_image._3.curved,
.uui-blogsection11_image.blog-image-1,
.uui-blogsection11_image.blog-image-1.curved {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block !important;
}

.uui-blogsection11_item-content {
  padding: 20px 22px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  background: #0e141b !important;
}

.blog-card-pill {
  display: inline-block !important;
  background: rgba(255,140,0,0.12) !important;
  color: #ffc847 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
  font-weight: 500 !important;
  font-family: 'Exo', sans-serif !important;
  margin-bottom: 14px !important;
  align-self: flex-start !important;
  text-transform: uppercase !important;
}

.blog-card-hook {
  color: #00d4ff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: 'Exo', sans-serif !important;
  margin: 0 0 8px !important;
  line-height: 1.4 !important;
}

.uui-blogsection11_title-link h3,
.uui-blogsection11_item .uui-heading-xxsmall-4 {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  margin: 0 0 16px !important;
  font-family: 'Exo', sans-serif !important;
  line-height: 1.3 !important;
}

.blog-card-cta {
  margin-top: auto !important;
  padding-top: 4px !important;
}

.blog-card-cta .button-103 {
  margin: 0 !important;
}

.uui-blogsection11_item-content > .uui-text-size-medium-4 {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .uui-blogsection11_list {
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .uui-blogsection11_list {
    grid-template-columns: 1fr !important;
  }
  .uui-blogsection11_image-link {
    height: 160px !important;
  }
}


/* --- ORB BLUE-RING FULL SEND (19 May 2026) --- */
/* Applies blue-ring concentric-orb visual to .triple-circle and
   .div-block-441.left.left-bigger site-wide, with or without
   the concentric-orb modifier. Mirrors the existing cs-orbs-decor
   treatment but unscoped. */

.triple-circle,
.div-block-441.left.left-bigger {
  background: transparent !important;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='94' fill='none' stroke='%230091ff' stroke-width='1' opacity='0.45'/%3E%3Ccircle cx='100' cy='100' r='68' fill='none' stroke='%2300d4ff' stroke-width='1' opacity='0.55'/%3E%3Ccircle cx='100' cy='100' r='44' fill='none' stroke='%230091ff' stroke-width='1' opacity='0.4' stroke-dasharray='3,5'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%2300d4ff' opacity='0.85'/%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* Big variants get dimmer rings so they don't dominate at full size */
.div-block-441.left.left-bigger,
.triple-circle.triple-orb {
  background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='94' fill='none' stroke='%230091ff' stroke-width='1' opacity='0.22'/%3E%3Ccircle cx='100' cy='100' r='68' fill='none' stroke='%2300d4ff' stroke-width='1' opacity='0.28'/%3E%3Ccircle cx='100' cy='100' r='44' fill='none' stroke='%230091ff' stroke-width='1' opacity='0.2' stroke-dasharray='3,5'/%3E%3Ccircle cx='100' cy='100' r='6' fill='%2300d4ff' opacity='0.5'/%3E%3C/svg%3E") !important;
}

/* Triple-circle sizing baseline (matches cs-orbs-decor scope) */
.triple-circle.triple-orb {
  width: 200px !important;
  height: 200px !important;
}

/* Solid dark fill behind rings for the big div-block-441 variant
   (matches homepage's existing treatment) */
.div-block-441.left.left-bigger {
  background-color: #0e141b !important;
}


/* --- PITC BLOG SECTION (20 May 2026) --- */

.pitc-blog-section {
  display: block !important;
  background: #0e141b !important;
  padding: 80px 24px !important;
  width: 100% !important;
}

.pitc-blog-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.pitc-blog-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.pitc-blog-heading {
  font-family: 'Exo', sans-serif;
  font-size: 36px;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
  line-height: 1.2;
  max-width: 720px;
}

.pitc-blog-subhead {
  font-family: 'Exo', sans-serif;
  font-size: 14px;
  color: #00d4ff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-top: 6px;
}

.pitc-blog-allbtn {
  display: inline-block;
  background: #ffffff;
  color: #0e141b;
  font-family: 'Exo', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 22px;
  border-radius: 999px;
  transition: filter 0.3s ease;
}

.pitc-blog-allbtn:hover {
  filter: invert(1);
}

.pitc-blog-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}

.pitc-blog-card {
  position: relative;
  display: grid;
  grid-template-columns: 5px 1fr;
  background: #0e141b;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 0 0 1px rgba(0,212,255,0.08), 0 0 24px -4px rgba(0,212,255,0.10);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  min-height: 100%;
}

.pitc-blog-card::before {
  content: "";
  grid-column: 1;
  grid-row: 1;
  background: linear-gradient(180deg, #cc6f00 0%, #ff8c00 50%, #ffc847 100%);
  height: 100%;
}

.pitc-blog-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0 0 1px rgba(0,212,255,0.20), 0 0 32px -2px rgba(0,212,255,0.22);
}

.pitc-blog-card-image,
.pitc-blog-card-body {
  grid-column: 2;
}

.pitc-blog-card-image {
  width: 100%;
  height: 180px;
  overflow: hidden;
  background: #1c3d5a;
}

.pitc-blog-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pitc-blog-card-body {
  padding: 20px 22px 22px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.pitc-blog-pill {
  display: inline-block;
  align-self: flex-start;
  background: rgba(255,140,0,0.12);
  color: #ffc847;
  font-family: 'Exo', sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 14px;
}

.pitc-blog-hook {
  font-family: 'Exo', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #00d4ff;
  line-height: 1.4;
  margin: 0 0 8px;
}

.pitc-blog-title {
  font-family: 'Exo', sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.3;
  margin: 0 0 18px;
}

.pitc-blog-read {
  margin-top: auto;
  align-self: flex-start;
  display: inline-block;
  background: #ffffff;
  color: #0e141b;
  font-family: 'Exo', sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 8px 18px;
  border-radius: 999px;
  transition: filter 0.3s ease;
}

.pitc-blog-card:hover .pitc-blog-read {
  filter: invert(1);
}

@media screen and (max-width: 991px) {
  .pitc-blog-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .pitc-blog-heading { font-size: 30px; }
}

@media screen and (max-width: 767px) {
  .pitc-blog-grid { grid-template-columns: 1fr; }
  .pitc-blog-section { padding: 56px 18px; }
  .pitc-blog-card-image { height: 160px; }
  .pitc-blog-heading { font-size: 26px; }
  .pitc-blog-header { flex-direction: column; align-items: flex-start; }
}


/* --- PITC BLOG TWEAKS (20 May 2026) --- */

.pitc-blog-section {
  background: #ffffff !important;
  padding: 80px 24px 70px !important;
}

.pitc-blog-inner {
  max-width: 100em !important;
}

.pitc-blog-heading {
  color: #0e141b !important;
}

.pitc-blog-subhead {
  color: #1c3d5a !important;
}

/* Make the gold band span full card height by promoting it to overlay */
.pitc-blog-card {
  position: relative !important;
  grid-template-columns: 1fr !important;
  padding-left: 5px !important;
}

.pitc-blog-card::before {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 5px !important;
  height: auto !important;
  z-index: 1 !important;
}

.pitc-blog-card-image,
.pitc-blog-card-body {
  grid-column: 1 !important;
}


/* --- PITC BLOG RESTYLE V2 (20 May 2026) --- */

.pitc-blog-section {
  padding: 80px 0 70px !important;
}

.pitc-blog-inner {
  max-width: 1390px !important;
  width: 100% !important;
  padding: 0 24px;
}

/* Center header layout - heading top, subhead under, button under */
.pitc-blog-header {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 14px !important;
}

.pitc-blog-heading {
  max-width: none !important;
}

/* Lighter card colour + plain grey shadow */
.pitc-blog-card {
  background: #f5f6f8 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(15,20,27,0.06), 0 8px 20px -8px rgba(15,20,27,0.15) !important;
  padding-left: 0 !important;
  overflow: hidden !important;
}

.pitc-blog-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 2px 4px rgba(15,20,27,0.08), 0 14px 26px -8px rgba(15,20,27,0.22) !important;
}

/* Gold band flush to absolute left edge */
.pitc-blog-card::before {
  left: 0 !important;
}

/* Card text colours adjust for light card */
.pitc-blog-title {
  color: #0e141b !important;
}

.pitc-blog-card-image {
  background: #e6e9ee !important;
}

/* Dark strip over footer */
.pitc-footer-strip {
  width: 100%;
  height: 100px;
  background: #0e141b;
  display: block;
}


/* --- PITC BLOG FIXES V3 (20 May 2026) --- */

/* Pill - darker orange text on light tint background, readable */
.pitc-blog-pill {
  background: rgba(255,140,0,0.15) !important;
  color: #b85a00 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  padding: 5px 12px !important;
}

/* Hook - dark brand blue for readability on light card */
.pitc-blog-hook {
  color: #0091ff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

/* Title - bump up size to match site type */
.pitc-blog-title {
  color: #0e141b !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 0 22px !important;
}

/* Make sure the wrapper around the button is visible - the gradient ring */
.pitc-blog-header .div-block-475 {
  display: inline-block !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

/* Subhead - tighten size + colour for centered layout */
.pitc-blog-subhead {
  font-size: 13px !important;
  margin-top: 0 !important;
}


/* --- PITC BLOG BUTTON CENTER FIX (20 May 2026) --- */

.pitc-blog-header .div-block-486 {
  margin-top: 0 !important;
  margin-left: 0 !important;
  justify-content: center !important;
}


/* --- PITC BLOG FINAL POLISH (20 May 2026) --- */

/* Subhead - match site body text */
.pitc-blog-subhead {
  font-family: 'Exo', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
  color: #475467 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.5 !important;
}

/* Read button wrapper - left-align inside card, no center justify */
.pitc-blog-readwrap {
  margin-top: auto !important;
  margin-left: 0 !important;
  justify-content: flex-start !important;
}

.pitc-blog-readwrap .div-block-458 {
  margin-left: 0 !important;
}

/* Hide the old pitc-blog-read span if any orphans (no-op when none) */
.pitc-blog-read { display: none; }


/* --- PITC BLOG READ BUTTON V2 (20 May 2026) --- */

/* Self-contained read button wrapper - gradient frame around button-101 */
.pitc-blog-readwrap {
  display: inline-block !important;
  background-image: radial-gradient(circle at 0%, #ff8c00, gold) !important;
  border-radius: 1.875rem !important;
  margin-top: auto !important;
  margin-left: 0 !important;
  align-self: flex-start !important;
  padding: 0 !important;
}

.pitc-blog-readwrap .button-101 {
  margin: 3px !important;
  display: inline-block !important;
}


/* --- PITC READTEXT V1 (20 May 2026) --- */

/* Neutralise old gradient pill styles - read-btn no longer used */
.pitc-blog-read-btn,
.pitc-blog-read-btn::before {
  all: unset !important;
}

/* Read more text - inline text link style */
.pitc-blog-readtext {
  display: inline-block !important;
  margin-top: auto !important;
  align-self: flex-start !important;
  font-family: 'Exo', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #0091ff !important;
  text-decoration: none !important;
  letter-spacing: 0.02em !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
}

.pitc-blog-card:hover .pitc-blog-readtext {
  color: #ff8c00 !important;
  transform: translateX(3px) !important;
}

/* Ensure the outer card anchor has no underline/colour bleed */
a.pitc-blog-card,
a.pitc-blog-card:hover,
a.pitc-blog-card:visited {
  text-decoration: none !important;
  color: inherit !important;
}


/* --- PITC GRID FIX (20 May 2026) --- */

.pitc-blog-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr !important;
}

.pitc-blog-card-image {
  grid-row: 1 !important;
}

.pitc-blog-card-body {
  grid-row: 2 !important;
}


/* --- PITC BLOG BTN MARGIN (20 May 2026) --- */

.div-block-486.pitc-blog-btn {
  margin-left: 0 !important;
}

.div-block-486.pitc-blog-btn .div-block-458.margin-left {
  margin-left: 0 !important;
}


/* --- PITC HEADING INHERIT (20 May 2026) --- */

/* Let .heading-4 styles win over our earlier pitc-blog-heading font sizing */
.pitc-blog-heading.heading-4 {
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  max-width: none !important;
}

/* But fall through to .heading-4's actual values */
.pitc-blog-heading.heading-4 {
  font-size: 4rem !important;
  font-weight: 600 !important;
  line-height: 4.5rem !important;
}


/* --- PITC SUBHEAD PAD (20 May 2026) --- */

.pitc-blog-subhead {
  padding-top: 25px !important;
  color: #333 !important;
}

/* --- NAV DROPDOWN GRADIENT OFF (20 May) --- */
/* Removes the orange radial gradient ring inside navbar dropdown panels.
   Targets the decorative div-block-655 element used inside .w-dropdown.
   Scoped via .w-dropdown so any non-nav reuse of div-block-655 is unaffected. */

.w-dropdown .div-block-655 {
  background-image: none !important;
  background: transparent !important;
}

/* --- HERO LAYER ALIGN 991-767 (20 May) --- */
/* Aligns the two homepage hero heading layers at 991px and 767px breakpoints.
   The front layer's parent (.title-box-left.hp.home.tablet) had padding-top: 15px
   inside the @media (max-width: 991px) block (CSS line ~28148), pushing the
   gradient layer 8px below the stroke layer. The 479px breakpoint already
   resets this to 0; this rule extends that reset up to 991px. */

@media screen and (max-width: 991px) {
  .title-box-left.hp.home.tablet {
    padding-top: 0 !important;
  }
}

/* --- HAMBURGER GATE TABLET FIX v3 (20 May 2026)
   The v2 rule (line ~40905) lost specificity battle with HAMBURGER HERO GATE
   (line ~40472). Hero gate uses body:not(.no-nav-treatment):not(.past-hero)
   .hamburger__wrapper = (0,3,2). v2 used html body .hamburger__wrapper =
   (0,1,3). Hero gate wins.
   This v3 rule matches the hero gate's :not() pattern + adds html for
   margin, so we beat hero gate cleanly at 991px and below. --- */

@media screen and (max-width: 991px) {
  html body:not(.no-nav-treatment):not(.past-hero) .hamburger__wrapper,
  html body:not(.no-nav-treatment).past-hero .hamburger__wrapper,
  html body:not(.no-nav-treatment) .hamburger__wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }
}

/* --- DIV-BLOCK-570 IN-HERO (21 May 2026) --- */
/* Buttons moved into .section-hero. Kill the translateY(80px)
   hack that was anchoring against body offsetParent. */

.div-block-570 {
  transform: none !important;
  -webkit-transform: none !important;
}

/* --- ELFSIGHT POSITIONCONTAINER CLICKTHROUGH (20 May 2026)
   Elfsight's slide-in widget mounts a 100vw x 100vh container
   (slide-in__PositionContainer) at z-index 9999999 with pointer-events: auto,
   intercepting clicks across the entire viewport even though only a small
   widget (190x138px) is actually visible. This breaks the hamburger close
   button at 991px and below where the close X sits under the invisible
   catcher.
   Fix: PositionContainer = clickthrough, ActivatePointerEvents + AnimatedContent
   = clickable (so the widget itself still works). --- */

[class*="slide-in__PositionContainer"] {
  pointer-events: none !important;
}
[class*="slide-in__ActivatePointerEvents"],
[class*="slide-in__AnimatedContent"] {
  pointer-events: auto !important;
}

/* --- SECTION-HERO MIN-HEIGHT FOR BUTTONS (21 May 2026) --- */
/* Buttons now live inside .section-hero, absolute at bottom:0.
   Floor the hero height so buttons don't overlap the hero text
   on short viewports. Desktop+ only - mobile has its own rules. */

@media screen and (min-width: 992px) {
  .section-hero {
    min-height: 870px !important;
  }
}

/* --- PITC-TERM BUTTONS (21 May 2026) --- */
/* Terminal-style hero service buttons. Light V2 with Gradient A header. */
/* Scoped to .pitc-term inside .service-box - no cross-page bleed. */

.service-box._1 .pitc-term {
  background: #fff !important;
  border: 2px solid #ff8c00 !important;
  border-radius: 8px !important;
  font-family: 'Courier New', Courier, monospace !important;
  overflow: hidden !important;
  width: 100%;
  transition: all 0.3s ease;
}

.service-box._1:hover .pitc-term {
  background: #fff8ef !important;
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(255, 140, 0, 0.25);
}

.pitc-term-bar {
  background: radial-gradient(circle, #ffd700, #ff8c00);
  padding: 9px 14px;
  display: flex;
  gap: 6px;
  align-items: center;
}

.pitc-term-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.7);
  display: inline-block;
}

.pitc-term-title {
  margin-left: auto;
  font-size: 11px;
  color: #fff;
  letter-spacing: 1.5px;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.pitc-term-body {
  padding: 18px 20px;
  background: #fff;
}

.pitc-term-prompt {
  color: #ff8c00;
  font-size: 12px;
  margin-bottom: 6px;
  letter-spacing: 1px;
  font-weight: 700;
  font-family: 'Courier New', Courier, monospace;
}

.pitc-term-cmd {
  color: #0e141b !important;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-family: 'Courier New', Courier, monospace !important;
  text-transform: lowercase !important;
}

.pitc-term-cursor {
  display: inline-block;
  width: 9px;
  height: 18px;
  background: #ff8c00;
  margin-left: 4px;
  vertical-align: middle;
  animation: pitc-term-blink 1s steps(2) infinite;
}

@keyframes pitc-term-blink {
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .pitc-term-cursor {
    animation: none;
  }
  .service-box._1:hover .pitc-term {
    transform: none;
  }
}

/* --- PITC-HERO-HEADING-WIDE (21 May 2026) --- */
/* Homepage hero heading container needs wider room to wrap cleanly */
/* with the new shorter copy. Overrides line 22450 (770px at 1900px+). */

@media screen and (min-width: 1900px) {
  .div-block-359.min-width.pitc-hero-heading-wide {
    max-width: 950px !important;
  }
}
/* --- BUTTONS EDGE ALIGN (21 May 2026) --- */
/* Stretch the buttons grid to fill div-block-570 so IT and Cybersec sit at the edges. */
.div-block-570 > .grid-10.service-menu-hp {
  width: 100% !important;
}
/* --- HEROBOX HOMEPAGE OPTION 1 RESTYLE (21 May 2026) --- */
/* Scoped to .title-box-left.hp.home so service pages are untouched. */
/* Applies to both the above-hero stroke layer and below flow layer */
/* since both contain .title-box-left.hp.home as ancestor. */

.title-box-left.hp.home .herobox-text {
  background: rgba(0, 212, 255, 0.18) !important;
  border: none !important;
  border-left: 3px solid #00d4ff !important;
  border-radius: 0 6px 6px 0 !important;
  padding: 12px 18px !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
  font-family: 'Exo', 'Segoe UI', sans-serif;
  margin-bottom: 8px;
  box-shadow: none !important;
  transition: all 0.3s ease;
}

.title-box-left.hp.home .herobox-text:hover {
  background: rgba(0, 212, 255, 0.1) !important;
  border-left-color: #ff8c00 !important;
}
/* --- PITC FLOW BOXES POSITIONING (21 May 2026) --- */
/* The hero statement boxes were moved out of .main-wrapper-3's absolute layer
   into natural flow inside .div-block-359. Override the old absolute */
/* positioning so they flow normally below the heading. */

.div-block-507.centred.pitc-flow-boxes {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 24px !important;
  align-items: flex-start !important;
}

/* When pitc-flow-boxes is present, hide the OLD copies in div-block-669 */
/* (the homepage hero now has 2 sets of boxes for two-layer glow, plus 6 hidden variant copies in div-block-669; suppress the visible variants only on homepage) */
.title-box-left.hp.home > .div-block-359 > .div-block-669 {
  display: none !important;
}

/* ==========================================================================
   FONT SWAP TO INTER + SPACE GROTESK (20 May 2026)
   - Headings -> Space Grotesk
   - Body / copy / UI text -> Inter
   - .band-reveal stays Courier (band-reveal mono accent, deployed earlier)
   - .bigger-black-text / .bigger-hero-text untouched (hero highlight spans)
   - SF Mono and system-ui rules untouched (terminal widget / form elements)
   Built from per-selector inventory done 20 May 2026 SSH session.
   ========================================================================== */

/* HEADINGS - Space Grotesk */
.big-green-number,
.big-menu-heading,
.big-menu-heading-2,
.big-menu-heading.cyber,
.big-menu-heading.web,
.card-head,
.cf-h3-heading-40px,
.cf-navigation-1-link-heading,
.decode-result-num,
.decode-result-suffix,
.evidence-stamp,
.fn-heading-2,
.h2-heading-centred,
.h2-heading-new,
.h2-heading-new.multi-colour.centered.blue,
.h3-heading-left-black.no-margin.eps.contact-section,
.h3-headings-centred-black,
.h3sized-new,
.hover-text-header,
.hover-text-header-outline,
.pitc-blog-heading,
.pitc-blog-title,
.protect-heading,
.rl-heading-style-h2,
.rl_testimonial15_client-name-text,
.rl_testimonial15_client-name-text-2,
.slide-heading-2.text-color-dark,
.small-head,
.spark-section-2 h1,
.spark-section h5,
.suburb-heading,
.suburb-name,
.t-c-heading-h2,
.tandcheading,
.team-name,
.text-block-129,
.text-block-135,
.text-block-142,
.text-block.smaller,
.text-style-number,
.title-box-left.hp.home .herobox-text,
.uui-heading-xsmall-2,
.uui-heading-xsmall-3,
.uui-heading-xxsmall,
.uui-heading-xxsmall-2,
.uui-heading-xxsmall-3,
.uui-heading-xxsmall-4,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Space Grotesk", "Exo", sans-serif !important;
}

/* BODY / COPY / UI TEXT - Inter */
body,
.perth-it-care-body,
.blog-card-hook,
.blog-card-pill,
.button-108,
.button-text,
.card_component,
.card_scroll,
.cards-wrapper,
.cf-body---18px,
.cf-body---18px-2,
.cf-copyright-text-3,
.cf-different-tab-link,
.cf-footer-bold-text-14px,
.cf-footer-text-link-16px,
.cf-navigation-1-dropdown,
.cf-navigation-1-link,
.cf-navigation-1-number-subtext,
.cf-pricing-plan-pointer-text-18px,
.combine-button-small,
.combine-pricing5_cost-primary,
.combine-pricing5_cost-tertiary,
.combine-pricing5_table-item,
.combine-text-size-regular,
.combine-text-weight-semibold,
.content,
.decode-result-label,
.div-block-355.it-div,
.div-block-543,
.evidence-badge,
.faq-web-design,
.faq_title-wrap-2,
.p,
.paragraph-2,
.pattern-badge,
.pattern-text,
.pitc-blog-allbtn,
.pitc-blog-hook,
.pitc-blog-pill,
.pitc-blog-read,
.pitc-blog-readtext,
.pitc-blog-subhead,
.pricing-amount,
.pricing-text,
.rl_blog33_author-text,
.rl_blog33_category-text,
.rl-text-style-medium-2,
.rl-text-style-regular,
.rl-text-style-regular-9,
.rl-text-style-regular-10,
.rl-text-style-regular.white,
.rl-text-style-small,
.see-details-button,
.spark-section-2 p,
.spark-section.charcoal,
.spark-section.spark-hero-background-image-with-centered-content,
.spark-section p,
.spark-tab.w--current,
.spark-tabs-menu,
.subheading,
.suburb-cta,
.text,
.text-block-5,
.text-block,
.text-block._2,
.text-center.mg-bottom-48px,
.text-size-large,
.text-span-357,
.text-span-362,
.uui-blogsection11_item .uui-heading-xxsmall-4,
.uui-text-size-large-12,
.uui-text-size-medium,
.uui-text-size-medium-4.text-style-2lines,
.uui-text-size-medium-5,
.uui-text-size-medium-6,
.uui-text-size-medium-10,
.uui-text-size-medium-11,
.uui-text-size-medium-12,
p,
li {
  font-family: "Inter", "Exo", sans-serif !important;
}

/* BAND-REVEAL ACCENT - keep Courier (re-asserted for cascade safety) */
.band-reveal {
  font-family: "Courier New", Courier, monospace !important;
}


/* --- PITC FLOW BOXES FIX V2 (21 May 2026) --- */
/* Stop the inherited margin-left 10% and force column flex on the container */
.div-block-507.centred.pitc-flow-boxes {
  margin-left: 0 !important;
  margin-right: 0 !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  max-width: 540px !important;
}

.title-box-left.hp.home .pitc-flow-boxes .herobox-text {
  width: auto !important;
  max-width: 100% !important;
  align-self: flex-start !important;
}


/* --- HOMEPAGE HERO HEADING CASE TEST (21 May 2026) --- */
.title-box-left.hp.home .hero-heading.homepage {
  text-transform: none !important;
}
/* --- FONT BIGGER SPANS TO COURIER v7 (20 May 2026)
   No font-size override. Original Webflow rules have 8+ size variants
   per breakpoint (5rem base, 3.2rem .smaller, 5.5rem .bigger-on-1920,
   3.5vw mobile etc). Forcing any single em multiplier shrinks the
   variants that were meant to be huge. --- */

.bigger-black-text,
.bigger-hero-text {
  font-family: "Courier New", Courier, monospace !important;
  text-transform: uppercase !important;
  letter-spacing: -0.04em !important;
}

/* --- BAND REVEAL MONO FONT v8 (20 May 2026)
   No font-size override. Webflow rules range from 3rem to 15vw across
   breakpoints + modifier classes. Letting originals win. --- */

.band-reveal {
  font-family: "Courier New", Courier, monospace !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  text-shadow:
    1px 0 0 currentColor,
    -1px 0 0 currentColor,
    0 1px 0 currentColor,
    0 -1px 0 currentColor !important;
  -webkit-text-stroke: 0 !important;
}
/* --- HERO HEADING SPACING TUNE (20 May 2026)
   Two adjustments to hero glow heading area:
   1. Tighter word-spacing on glow spans (BAD IT SUPPORT had huge gaps
      between BAD/IT and IT/SUPPORT because Courier monospace exaggerates
      the space character width)
   2. Tighter line-height on the white heading text above the glow span
      so 'Helping Perth businesses recover from' sits closer to its
      next line --- */

/* Tighter word gaps on glow spans */
.bigger-black-text,
.bigger-hero-text {
  word-spacing: -0.3em !important;
}

/* Tighter line-height on the parent heading containing the white text */
.title-box-left.hp.home .heading-style-h1-2,
.title-box-left.hp.home h1,
.title-box-left.hp.home h2 {
  line-height: 1.05 !important;
}
/* --- PITC-TERM MOBILE FLOW (21 May 2026) --- */
/* At mobile, switch buttons from absolute (bottom:0 of hero) to static flow */
/* so they sit below the heading naturally instead of overlapping it. */

@media screen and (max-width: 479px) {
  .section-hero .div-block-570 {
    position: static !important;
    bottom: auto !important;
    transform: none !important;
    margin-top: 32px !important;
  }
}
/* --- PITC-TERM MOBILE CONSOLIDATED (21 May 2026) --- */
/* Single source of truth for mobile button + clown behaviour at <=479px. */
/* - Show terminal buttons (override earlier display:none at line 34971)
   - Hide hero-cta-mobile GET IT SUPPORT button
   - Stack terminals to single column, full width
   - Switch buttons to static positioning so hero auto-sizes
   - Constrain mobile clown image so it does not overflow into next section */

@media screen and (max-width: 479px) {
  .section-hero .div-block-570 {
    display: flex !important;
    position: static !important;
    bottom: auto !important;
    transform: none !important;
    margin-top: 32px !important;
    padding: 0 16px 32px !important;
    background-image: none !important;
  }

  .section-hero .div-block-570 > .grid-10.service-menu-hp {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .hero-cta-mobile {
    display: none !important;
  }

  .service-box._1 .pitc-term-body {
    padding: 14px 16px !important;
  }

  .service-box._1 .pitc-term-cmd {
    font-size: 16px !important;
  }

  /* Mobile clown image - prevent overflow into next section */
  img.homepage-hero.mob-only {
    max-width: 80% !important;
    max-height: 280px !important;
    height: auto !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
  }
}
/* --- PITC MOBILE POLISH (21 May 2026) --- */
/* At <=479px: center button container, hide clown + hero gradient, add padding */

@media screen and (max-width: 479px) {
  /* Section padding for breathing room */
  .section-hero.hero-treatment {
    padding-top: 80px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Hide the dark-gradient ::after that sits over the clown.
     Scoped to NOT-flowbox-hero pages (e.g. homepage) so the gradient
     stays on m365/sb-it/sb-web/web-opt/hosting/maint/phones at mobile. */
  body:not(.flowbox-hero) .section-hero.hero-treatment::after {
    display: none !important;
    content: none !important;
  }

  /* Hide the mobile clown image */
  img.homepage-hero.mob-only,
  .section-hero img.homepage-hero.mob-only {
    display: none !important;
  }

  /* Center the terminal buttons container */
  .section-hero .div-block-570 {
    justify-content: center !important;
    align-items: center !important;
  }

  .section-hero .div-block-570 > .grid-10.service-menu-hp {
    max-width: 360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* --- MINOR HEADINGS TO COURIER v4 (20 May 2026)
   v4 drops: bare h3 h4 h5 h6 tags (caught visual-section H3s that
   should stay Space Grotesk), text-transform:lowercase (let text
   render as written). Only specific 'small heading' classes get
   Courier now. --- */

.h3-heading-left-black.no-margin.eps.contact-section,
.h3-headings-centred-black,
.h3sized-new,
.uui-heading-xsmall-2,
.uui-heading-xsmall-3,
.uui-heading-xxsmall,
.uui-heading-xxsmall-2,
.uui-heading-xxsmall-3,
.uui-heading-xxsmall-4,
.cf-h3-heading-40px,
.small-head,
.cf-navigation-1-link-heading,
.suburb-name,
.team-name,
.text-block-129,
.text-block-135,
.text-block-142,
.text-block.smaller,
.evidence-stamp,
.card-head,
.pitc-blog-title,
.protect-heading,
.hover-text-header,
.hover-text-header-outline,
.slide-heading-2.text-color-dark,
.rl_testimonial15_client-name-text,
.rl_testimonial15_client-name-text-2 {
  font-family: "Courier New", Courier, monospace !important;
  letter-spacing: -0.02em !important;
}

/* --- HERO GLOW SPAN TARGETED SIZE v3 (20 May 2026)
   v3 scopes the size bump to .section-hero only so that other glow spans
   sharing the same .bigger-black-text.white-bigger.smaller class chain
   (FAQ 'questions.', testimonials section 'testimonials.', helped
   slider 'helped.', marquee 'We are genuinely here to help.') fall back
   to original Webflow size of 4rem instead of being bumped to 5.5rem. --- */

.section-hero .bigger-black-text.white-bigger.smaller,
.section-hero .bigger-black-text.white-bigger.smaller.hp.trans-border,
.section-hero .bigger-black-text.white-bigger.smaller.hp.gradient {
  font-size: 5.5rem !important;
  line-height: 1.0 !important;
}

@media screen and (min-width: 1900px) {
  .section-hero .bigger-black-text.white-bigger.smaller,
  .section-hero .bigger-black-text.white-bigger.smaller.hp.trans-border,
  .section-hero .bigger-black-text.white-bigger.smaller.hp.gradient {
    font-size: 6.5rem !important;
    line-height: 1.0 !important;
  }
}

@media screen and (max-width: 991px) {
  .section-hero .bigger-black-text.white-bigger.smaller,
  .section-hero .bigger-black-text.white-bigger.smaller.hp.trans-border,
  .section-hero .bigger-black-text.white-bigger.smaller.hp.gradient {
    font-size: 4.5rem !important;
    line-height: 1.0 !important;
  }
}

@media screen and (max-width: 479px) {
  .section-hero .bigger-black-text.white-bigger.smaller,
  .section-hero .bigger-black-text.white-bigger.smaller.hp.trans-border,
  .section-hero .bigger-black-text.white-bigger.smaller.hp.gradient {
    font-size: 2.8rem !important;
    line-height: 1.0 !important;
  }
}
/* --- FOOTER HEADINGS TO COURIER (20 May 2026)
   .gie-heading-1 = footer section title classes (IT Services, Web Services,
   Cybersecurity, Resources, Contact Us). Routes them to Courier matching
   the terminal-aesthetic minor headings elsewhere on the site. --- */

.gie-heading-1 {
  font-family: "Courier New", Courier, monospace !important;
  letter-spacing: -0.02em !important;
}

/* --- SPARK SECTION BUTTONS SHRINK (20 May 2026)
   Buttons inside .spark-section-2.more-padding-bottom.centred-bb (the
   homepage 'How can we help?' service tabs section) were 20.8-22.4px
   and looked oversized after Inter font swap.
   Scoped tight so other .button-101 / .button.lighter.black-border
   instances elsewhere on the site are unaffected. --- */

.spark-section-2.more-padding-bottom.centred-bb .button.lighter.black-border,
.spark-section-2.more-padding-bottom.centred-bb a.button.lighter.black-border.w-button,
.spark-section-2.more-padding-bottom.centred-bb .button-101,
.spark-section-2.more-padding-bottom.centred-bb a.button-101.w-button {
  font-size: 1.05rem !important;
}


/* --- TAWK CONTAINER POINTER PASSTHROUGH v2 (21 May 2026) --- */
/* Tawk slide-in lives inside #__EAAPS_PORTAL. ID-based selector
   gives specificity (1,0,1), beats class-based Tawk styled-components.
   Container transparent to clicks; the actual chat bubble (child)
   still receives them. */

#__EAAPS_PORTAL [class*="slide-in__PositionContainer"] {
  pointer-events: none !important;
}
#__EAAPS_PORTAL [class*="slide-in__PositionContainer"] > * {
  pointer-events: auto !important;
}


/* --- PITC DASHBOARD (21 May 2026 rebuild)
   Self-contained dark dashboard section. All rules scoped under
   .pitc-dashboard so nothing leaks to other sections. Sits on its
   own dark band on the page. --- */

.pitc-dashboard {
  display: block !important;
  width: 100% !important;
  background: #0e141b !important;
  padding: 64px 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  border-top: 1px solid rgba(0, 212, 255, 0.15) !important;
  border-bottom: 1px solid rgba(0, 212, 255, 0.15) !important;
}

.pitc-dashboard-inner {
  display: grid !important;
  grid-template-columns: 1fr 1.6fr !important;
  gap: 40px !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding: 0 5% !important;
  align-items: stretch !important;
}

@media screen and (max-width: 991px) {
  .pitc-dashboard {
    padding: 48px 0 !important;
  }
  .pitc-dashboard-inner {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

/* ===== COUNTERS COLUMN ===== */

.pitc-dashboard .pitc-dashboard-counters {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.pitc-dashboard .pitc-dashboard-heading {
  color: #ffffff !important;
  font-size: 1.7rem !important;
  line-height: 1.25 !important;
  margin: 0 0 28px 0 !important;
  font-weight: 600 !important;
  text-align: left !important;
}

.pitc-dashboard .pitc-dashboard-heading-accent {
  color: #00d4ff !important;
  font-family: "Courier New", Courier, monospace !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

.pitc-dashboard .pitc-dashboard-numwrap {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.pitc-dashboard .pitc-dashboard-cells {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}

.pitc-dashboard .pitc-stat-cell {
  background: rgba(255, 255, 255, 0.03) !important;
  border-left: 3px solid #00d4ff !important;
  padding: 20px 18px !important;
  margin: 0 !important;
  text-align: left !important;
  transition: border-color 0.2s, background 0.2s !important;
}

.pitc-dashboard .pitc-stat-cell:hover {
  border-left-color: #ff8c00 !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

.pitc-dashboard .pitc-stat-numline {
  display: flex !important;
  align-items: baseline !important;
  gap: 2px !important;
  margin: 0 !important;
}

.pitc-dashboard .pitc-stat-num,
.pitc-dashboard .pitc-stat-plus {
  color: #ffffff !important;
  font-size: 2.6rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.pitc-dashboard .pitc-stat-plus .large-numbers {
  color: #00d4ff !important;
}

.pitc-dashboard .pitc-stat-label {
  color: #ffffff !important;
  font-family: "Courier New", Courier, monospace !important;
  font-size: 0.72rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin-top: 10px !important;
  opacity: 1 !important;
}

/* ===== MAP COLUMN ===== */

.pitc-dashboard .pitc-dashboard-map {
  display: flex !important;
  align-items: stretch !important;
}

.pitc-dashboard .pitc-term {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  background: #1a2530 !important;
  border: 1px solid rgba(0, 212, 255, 0.25) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  box-shadow: 0 0 32px rgba(0, 212, 255, 0.08) !important;
}

.pitc-dashboard .pitc-term-bar {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: linear-gradient(180deg, #2a3441 0%, #1a2530 100%) !important;
  border-bottom: 1px solid rgba(0, 212, 255, 0.25) !important;
  padding: 12px 16px !important;
  min-height: 44px !important;
}

.pitc-dashboard .pitc-term-dot {
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #555 !important;
  margin: 0 !important;
}

.pitc-dashboard .pitc-term-dot:nth-child(1) {
  background: #ff5f57 !important;
}
.pitc-dashboard .pitc-term-dot:nth-child(2) {
  background: #ffbd2e !important;
}
.pitc-dashboard .pitc-term-dot:nth-child(3) {
  background: #28c941 !important;
}

.pitc-dashboard .pitc-term-title {
  flex: 1 !important;
  text-align: center !important;
  font-family: "Courier New", Courier, monospace !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: #00d4ff !important;
  letter-spacing: 0.08em !important;
  margin: 0 12px !important;
}

.pitc-dashboard .pitc-term-status {
  font-family: "Courier New", Courier, monospace !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  color: #28c941 !important;
  letter-spacing: 0.1em !important;
  padding: 3px 8px !important;
  border: 1px solid rgba(40, 201, 65, 0.4) !important;
  border-radius: 3px !important;
  background: rgba(40, 201, 65, 0.08) !important;
}

.pitc-dashboard .pitc-term-screen {
  flex: 1 !important;
  background: #0e141b !important;
  padding: 8px !important;
  min-height: 380px !important;
  display: flex !important;
}

.pitc-dashboard .pitc-term-iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 360px !important;
  border: 0 !important;
  display: block !important;
  border-radius: 3px !important;
}

@media screen and (max-width: 991px) {
  .pitc-dashboard .pitc-term-screen {
    min-height: 320px !important;
  }
  .pitc-dashboard .pitc-stat-num,
  .pitc-dashboard .pitc-stat-plus {
    font-size: 2.2rem !important;
  }
}


/* --- PITC DASHBOARD TIGHTEN + MAP SHIFT (21 May 2026)
   1. Reduce side padding on .pitc-dashboard-inner so dashboard
      uses more page width.
   2. Shift the map iframe up behind the terminal bar so the
      'Adrian Ioppolo / Google My Maps' header is hidden.
      Terminal bar already has solid background and sits on top
      in DOM order. Iframe height bumped to compensate. --- */

.pitc-dashboard .pitc-dashboard-inner {
  padding: 0 2% !important;
  max-width: 1700px !important;
}

.pitc-dashboard .pitc-term-screen {
  overflow: hidden !important;
  padding: 0 !important;
}

.pitc-dashboard .pitc-term-iframe {
  margin-top: -60px !important;
  height: calc(100% + 60px) !important;
  min-height: 440px !important;
  border-radius: 0 !important;
}


/* --- PITC DASHBOARD TUNE 2 (21 May 2026)
   1. Shift map further up (-100px) to also hide white attribution strip.
   2. Bigger counter cells + numbers to fill extra width.
   3. Heading left-aligned with counter cell text. --- */

.pitc-dashboard .pitc-term-iframe {
  margin-top: -100px !important;
  height: calc(100% + 100px) !important;
  min-height: 480px !important;
}

.pitc-dashboard .pitc-stat-cell {
  padding: 28px 24px !important;
}

.pitc-dashboard .pitc-stat-num,
.pitc-dashboard .pitc-stat-plus {
  font-size: 3.2rem !important;
}

.pitc-dashboard .pitc-stat-label {
  font-size: 0.78rem !important;
  margin-top: 14px !important;
}

.pitc-dashboard .pitc-dashboard-heading {
  padding-left: 21px !important;
  font-size: 1.85rem !important;
}

@media screen and (max-width: 991px) {
  .pitc-dashboard .pitc-stat-num,
  .pitc-dashboard .pitc-stat-plus {
    font-size: 2.4rem !important;
  }
  .pitc-dashboard .pitc-stat-cell {
    padding: 20px 16px !important;
  }
  .pitc-dashboard .pitc-dashboard-heading {
    padding-left: 19px !important;
  }
}


/* --- PITC DASHBOARD TUNE 3 (21 May 2026)
   1. Cap heading width to counter grid width so it doesn't spill.
   2. Top + bottom border pure white. --- */

.pitc-dashboard {
  border-top: 1px solid #ffffff !important;
  border-bottom: 1px solid #ffffff !important;
}

.pitc-dashboard .pitc-dashboard-heading {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding-right: 0 !important;
}

.pitc-dashboard .pitc-dashboard-counters {
  max-width: 100% !important;
}


/* --- PITC DASHBOARD TUNE 4 (21 May 2026)
   1. Top border 3px white + extra top padding inside section.
      Bottom border kept same.
   2. Constrain heading to exact width of counter grid by wrapping
      both in same container width. Both heading and grid use
      width: 100% of their flex parent which has the column width. --- */

.pitc-dashboard {
  border-top: 3px solid #ffffff !important;
  padding-top: 88px !important;
}

@media screen and (max-width: 991px) {
  .pitc-dashboard {
    padding-top: 64px !important;
  }
}


/* --- PITC DASHBOARD TUNE 5 (21 May 2026)
   Match border treatment to .section-32.black-border-bottom pattern
   but in WHITE. Source pattern at line ~11278:
     border-style: none none solid; border-width: 10px;
   We want top + bottom both visible, both 10px white. --- */

.pitc-dashboard {
  border-style: solid none solid !important;
  border-top-width: 10px !important;
  border-bottom-width: 10px !important;
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}


/* --- PITC DASHBOARD TUNE 6 (21 May 2026)
   White borders to 3px. --- */

.pitc-dashboard {
  border-top-width: 3px !important;
  border-bottom-width: 3px !important;
}


/* --- PITC DASHBOARD TUNE 7 (21 May 2026)
   Equal horizontal padding on .pitc-dashboard-counters so heading
   and cells inset the same amount from the column edges. --- */

.pitc-dashboard .pitc-dashboard-counters {
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box !important;
}

/* Reset the heading's separate left-padding from TUNE 2 since the
   column now provides the inset. Keep enough to align the heading
   text with the cell text past the 3px border-left. */
.pitc-dashboard .pitc-dashboard-heading {
  padding-left: 21px !important;
}


/* --- PITC DASHBOARD TUNE 8 (21 May 2026)
   1. More left padding on heading to line up with counter NUMBERS
      (not just past the border). Cell padding-left is 24px (TUNE 2),
      plus 3px border = 27px from cell outer edge to number start.
      Heading needs to match that offset from the same outer edge.
   2. More breathing room above the white border line. --- */

.pitc-dashboard {
  padding-top: 120px !important;
}

.pitc-dashboard .pitc-dashboard-heading {
  padding-left: 27px !important;
}


/* --- PITC DASHBOARD TUNE 9 (21 May 2026)
   +5px above white line (TUNE 8 was 120px -> 125px). --- */

.pitc-dashboard {
  padding-top: 125px !important;
}


/* --- BIG-MENU-HEADING MONO (21 May 2026) --- */
/* Apply monospace font to navbar dropdown service headings */

.big-menu-heading.web {
  font-family: 'Courier New', Courier, monospace !important;
}


/* --- PITC DASHBOARD TUNE 11 (21 May 2026)
   Two-layer top treatment matching .section-32 pattern:
   - 10px tall DARK zone (the visible 'dark stripe')
   - 3px white line below it (the actual divider)
   
   Achieved by:
   - Removing previous border-top (was 3px white)
   - Adding a 10px solid dark border-top
   - Painting a 3px white line at the inside-top of the section
     using a box-shadow inset --- */

.pitc-dashboard {
  border-top: 10px solid #0e141b !important;
  box-shadow: inset 0 3px 0 0 #ffffff !important;
}


/* --- PITC DASHBOARD TUNE 12 (21 May 2026)
   White line 3px -> 4px. --- */

.pitc-dashboard {
  box-shadow: inset 0 4px 0 0 #ffffff !important;
}


/* --- BIG-MENU-HEADING CROSS-BREAKPOINT SCALE (21 May 2026) --- */
/* Scales .big-menu-heading.web and .big-menu-heading-2.it down from the
   1900+ reference (10rem) at each breakpoint. Webflow base uses 10vw/8vw
   which renders far too large at sub-1900 widths. Transform translate(0,-8%)
   matches the 1900+ rule so vertical alignment carries through. */

/* Desktop (applies < 1900) */
.big-menu-heading.web,
.big-menu-heading-2.it {
  font-size: 8rem !important;
  transform: translate(0, -8%) !important;
}

@media screen and (max-width: 991px) {
  .big-menu-heading.web,
  .big-menu-heading-2.it {
    font-size: 5.5rem !important;
    transform: translate(0, -8%) !important;
  }
}

@media screen and (max-width: 767px) {
  .big-menu-heading.web,
  .big-menu-heading-2.it {
    font-size: 4rem !important;
    -webkit-text-stroke-width: 2px !important;
    transform: translate(0, -8%) !important;
  }
}

@media screen and (max-width: 479px) {
  .big-menu-heading.web,
  .big-menu-heading-2.it {
    font-size: 3rem !important;
    -webkit-text-stroke-width: 1.5px !important;
    transform: translate(0, -8%) !important;
  }
}

/* --- SPARK CARD TERMINAL (21 May 2026, consolidated rewrite) --- */
/* Replaces all earlier iterations. Dark cards with hero-style header chrome.
   Header: 44px radial gold-orange bar, 3 translucent dots top-left, PERTH IT
   CARE title right-aligned. Body: lottie centred, prompt + label bottom-left.
   Scoped to .card_component._3 only. */

.card_component._3 {
  padding-top: 4.5rem !important;
  border-radius: 10px !important;
  height: 28rem !important;
}

.card_component._3::before {
  content: "PERTH IT CARE";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 36px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background:
    radial-gradient(circle at 14px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle at 30px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle at 46px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle, #ffd700, #ff8c00);
  background-repeat: no-repeat;
  font-family: 'Courier New', Courier, monospace;
  font-size: 11px;
  color: #fff;
  letter-spacing: 1.5px;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
  z-index: 2;
  transition: filter 0.2s ease;
}

.card_component._3:hover::before {
  filter: brightness(1.1);
}

.card_component._3 {
  position: relative;
}

.card_component._3 .card-front {
  position: relative;
  padding-bottom: 4.5rem !important;
}

.card_component._3 .card-front > .card-head {
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  right: 1.25rem;
  margin: 0 !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-weight: 500 !important;
  font-size: 1.15rem !important;
  text-align: left !important;
  color: #fff !important;
  padding: 0 !important;
  width: auto !important;
}

.card_component._3 .card-front > .card-head::after {
  content: "_";
  color: #ff8c00;
  margin-left: 4px;
  font-weight: 700;
  animation: pitc-card-blink 1s steps(2, start) infinite;
}

.card_component._3 .card-front::after {
  content: "$ perthit --service";
  position: absolute;
  bottom: 3.4rem;
  left: 1.25rem;
  color: #ff8c00;
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 1px;
}

@keyframes pitc-card-blink {
  to { visibility: hidden; }
}

@media (prefers-reduced-motion: reduce) {
  .card_component._3 .card-front > .card-head::after {
    animation: none;
  }
}


/* --- HWREPAIR WEB-H LOTTIE LEFT SHIFT (21 May 2026) --- */
/* Nudges the .hwrepair.absolute.web-h lottie variant 10% left.
   Applied sitewide wherever this exact class combo appears. */

.lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.web-h:not(.cs) {
  transform: translateX(-5%) !important;
}


/* --- HWREPAIR WEB-H LOTTIE LEFT NUDGE (21 May 2026, v2) --- */
/* Shifts the .hwrepair.absolute.web-h lottie 5% left at each breakpoint
   while preserving its existing Y-axis flip (rotateY 180deg) and vertical
   positioning. Original values at line ~15709 (base) and ~26217 (1900+). */

.lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.web-h:not(.cs) {
  transform: translate(-5%, 40%) rotateX(0) rotateY(180deg) rotateZ(0) !important;
}

@media screen and (min-width: 1900px) {
  .lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.web-h:not(.cs) {
    transform: translate(15%, 15%) rotateX(0) rotateY(180deg) rotateZ(0) !important;
  }
}


/* --- CARD_SCROLL TERMINAL HEADER (21 May 2026, v2) --- */
/* Gradient header bar on the white slide-up reveal panel (.card_scroll).
   IMPORTANT: do NOT change position/height of .card_scroll - it's set to
   position:absolute, height:auto, transform:translateY(100%) by Webflow
   and animated by IX2. Touching those breaks the slide-up animation.
   Instead: header sits as ::before (44px), first child .paragraph-3 gets
   margin-top to clear it. */

.card_component._3 .card_scroll::before {
  content: "PERTH IT CARE";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 36px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background:
    radial-gradient(circle at 14px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle at 30px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle at 46px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle, #ffd700, #ff8c00);
  background-repeat: no-repeat;
  font-family: 'Courier New', Courier, monospace;
  font-size: 11px;
  color: #fff;
  letter-spacing: 1.5px;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
  z-index: 6;
}

.card_component._3 .card_scroll > .paragraph-3 {
  margin-top: 3rem !important;
}


/* --- SPARK TABS BRACKETED TERMINAL (21 May 2026) --- */
/* Replaces blue button + gold gradient active state with bracketed terminal tags.
   [ IT-SERVICES ] dim by default, [ WEB-SERVICES ] orange when active.
   Targets the ._3 variant (homepage + service pages). Scoped not to leak
   into other .spark-tab usages elsewhere on the site. */

.spark-tab._3 {
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 4px !important;
  color: rgba(255, 255, 255, 0.55) !important;
  font-family: 'Courier New', Courier, monospace !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 12px 28px !important;
  min-width: 240px !important;
  transition: all 0.2s ease !important;
}

.spark-tab._3 > div {
  display: inline-block;
}

.spark-tab._3 > div::before {
  content: "[ ";
  color: rgba(255, 140, 0, 0.5);
}

.spark-tab._3 > div::after {
  content: " ]";
  color: rgba(255, 140, 0, 0.5);
}

.spark-tab._3:hover {
  background-color: rgba(255, 140, 0, 0.04) !important;
  border-color: rgba(255, 140, 0, 0.4) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.spark-tab._3.w--current {
  background-color: rgba(255, 140, 0, 0.1) !important;
  background-image: none !important;
  border: 1px solid #ff8c00 !important;
  border-radius: 4px !important;
  color: #fff !important;
}

.spark-tab._3.w--current > div::before,
.spark-tab._3.w--current > div::after {
  color: #ff8c00;
}


/* --- BIG-MENU-HEADING V8 WATERMARK (21 May 2026) --- */
/* Transforms the three spark-section watermark headings into V8-style
   monospace command lines. Per-tab content via class-specific ::before.
   Original text hidden via font-size:0 on the element, new text shown
   via ::before content.
   Targets: .big-menu-heading-2.it, .big-menu-heading.web,
            .big-menu-heading.cyber */

.big-menu-heading-2.it,
.big-menu-heading.web,
.big-menu-heading.cyber {
  font-size: 0 !important;
  -webkit-text-stroke-width: 0 !important;
  -webkit-text-stroke-color: transparent !important;
  position: static !important;
  transform: none !important;
  color: transparent !important;
  text-align: center !important;
  text-transform: none !important;
  display: block !important;
  width: 100% !important;
  margin: 1rem 0 !important;
}

.big-menu-heading-2.it::before,
.big-menu-heading.web::before,
.big-menu-heading.cyber::before {
  font-family: 'Courier New', Courier, monospace;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.85);
  -webkit-text-stroke-width: 0;
  display: inline-block;
}

.big-menu-heading-2.it::before {
  content: "$ perthit --category=it-services";
}

.big-menu-heading.web::before {
  content: "$ perthit --category=web-services";
}

.big-menu-heading.cyber::before {
  content: "$ perthit --category=cybersecurity";
}

.big-menu-heading-2.it::after,
.big-menu-heading.web::after,
.big-menu-heading.cyber::after {
  content: "_";
  font-family: 'Courier New', Courier, monospace;
  font-size: 1.25rem;
  font-weight: 700;
  color: #ff8c00;
  margin-left: 4px;
  -webkit-text-stroke-width: 0;
  display: inline-block;
  animation: pitc-v8-blink 1s steps(2, start) infinite;
}

@keyframes pitc-v8-blink {
  to { visibility: hidden; }
}

@media (prefers-reduced-motion: reduce) {
  .big-menu-heading-2.it::after,
  .big-menu-heading.web::after,
  .big-menu-heading.cyber::after {
    animation: none;
  }
}

/* Style the $ prompt orange via a paired span trick: we use a leading $ 
   inside the ::before content. To colour it differently we'd need an inline
   <span>, which we don't have. Acceptable trade-off: whole line stays mostly
   white, cursor at end is orange to anchor the colour signal. */


/* --- REVIEW CARD TERMINAL (21 May 2026) --- */
/* Adds the same gradient header bar + PERTH IT CARE title to .card_component.review
   cards (homepage testimonials). Same chrome as ._3 service cards. Also adds the
   header bar to their .card_scroll hover panel. No content changes \u2014 stars,
   quote, and customer info untouched. */

.card_component.review {
  padding-top: 4.5rem !important;
  border-radius: 10px !important;
  height: 28rem !important;
}

.card_component.review::before {
  content: "PERTH IT CARE";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 36px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background:
    radial-gradient(circle at 14px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle at 30px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle at 46px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle, #ffd700, #ff8c00);
  background-repeat: no-repeat;
  font-family: 'Courier New', Courier, monospace;
  font-size: 11px;
  color: #fff;
  letter-spacing: 1.5px;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
  z-index: 2;
  transition: filter 0.2s ease;
}

.card_component.review:hover::before {
  filter: brightness(1.1);
}

.card_component.review .card_scroll::before {
  content: "PERTH IT CARE";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 36px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background:
    radial-gradient(circle at 14px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle at 30px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle at 46px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle, #ffd700, #ff8c00);
  background-repeat: no-repeat;
  font-family: 'Courier New', Courier, monospace;
  font-size: 11px;
  color: #fff;
  letter-spacing: 1.5px;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
  z-index: 6;
}

.card_component.review .card_scroll > .button---wrap.services {
  margin-top: 3rem !important;
}


/* --- SPARK CARD ORANGE BORDER (21 May 2026) --- */
/* Replaces faint --new-outline border with 2px solid #ff8c00 on both
   .card_component._3 (service cards) and .card_component.review (review
   cards). Matches hero terminal button border. */

.card_component._3,
.card_component.review {
  border: 2px solid #ff8c00 !important;
}


/* --- SLIDER IMG CAPTIONS (21 May 2026) --- */
/* Per-slide coding-comment captions on the case studies slider. Each
   .img-child carries its own ::after with a unique counter. No JS, no
   frame chrome \u2014 photo stays as the visual focus. Buttons remain hidden
   from the earlier patch (slides aren't click targets). */

.img-child {
  position: relative;
}

.img-child::after {
  position: absolute;
  bottom: 14px;
  left: 14px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0.35);
  padding: 4px 8px;
  border-radius: 3px;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index: 5;
  pointer-events: none;
}

.img-child.img-1::after { content: "// case-study 01/05"; }
.img-child.img-2::after { content: "// case-study 02/05"; }
.img-child.img-3::after { content: "// case-study 03/05"; }
.img-child.img-4::after { content: "// case-study 04/05"; }
.img-child.img-5::after { content: "// case-study 05/05"; }

/* Keep slide buttons hidden \u2014 caption replaces them as the slide signal */
.slider-img .button---wrap,
.slider-img .button---wrap.case-study-menu,
.slider-img .button---wrap.services {
  display: none !important;
}



/* --- NAVBAR CARD CHROME V6 (21 May 2026) --- */
/* Header bar at top of each .kjd-b-wrap-5 card. NO padding-top on the
   card (which broke grid sizing in v1-v5). Instead, push .div-block-508
   (inner content wrapper) down via margin-top to make room. Card outer
   dimensions UNCHANGED. */

.w-dropdown .kjd-b-wrap-5 {
  position: relative;
  border: 2px solid #ff8c00 !important;
  border-radius: 10px !important;
  overflow: hidden;
}

.w-dropdown .kjd-b-wrap-5::before {
  content: "PERTH IT CARE";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 22px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background:
    radial-gradient(circle at 8px center, rgba(255,255,255,0.4) 0 3px, rgba(255,255,255,0.7) 3px 3.7px, transparent 3.7px),
    radial-gradient(circle at 18px center, rgba(255,255,255,0.4) 0 3px, rgba(255,255,255,0.7) 3px 3.7px, transparent 3.7px),
    radial-gradient(circle at 28px center, rgba(255,255,255,0.4) 0 3px, rgba(255,255,255,0.7) 3px 3.7px, transparent 3.7px),
    radial-gradient(circle, #ffd700, #ff8c00);
  background-repeat: no-repeat;
  font-family: 'Courier New', Courier, monospace;
  font-size: 8px;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
  z-index: 10;
  pointer-events: none;
}

/* Push inner content down so header bar doesn't overlap it.
   This is the key insight - shrink CONTENT space, not the card itself. */
/* margin-top removed temporarily to test - header will overlap content */

/* --- NAVBAR CARD CHROME V8 (21 May 2026) --- */
/* Matches spark card chrome dimensions: 36px header, 11px font, larger
   dot cluster spacing. min-width: 380px to maintain grid integrity. */

.w-dropdown .kjd-b-wrap-5 {
  position: relative;
  min-width: 380px;
  box-shadow: inset 0 0 0 2px #ff8c00 !important;
  border-radius: 10px !important;
  overflow: hidden;
}

.w-dropdown .kjd-b-wrap-5::before {
  content: "PERTH IT CARE";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 36px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background:
    radial-gradient(circle at 14px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle at 30px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle at 46px center, rgba(255,255,255,0.4) 0 4.5px, rgba(255,255,255,0.7) 4.5px 5.5px, transparent 5.5px),
    radial-gradient(circle, #ffd700, #ff8c00);
  background-repeat: no-repeat;
  font-family: 'Courier New', Courier, monospace;
  font-size: 11px;
  color: #fff;
  letter-spacing: 1.5px;
  font-weight: 700;
  text-shadow: 0 1px 2px rgba(0,0,0,0.15);
  z-index: 10;
  pointer-events: none;
}

.w-dropdown .kjd-b-wrap-5 .div-block-508 {
  margin-top: 22px !important;
}

.w-dropdown .kjd-b-link-block-1 {
  padding: 0.75em !important;
}



/* --- PITC FOOTER STRIP HEX (26 May 2026 v2 - responsive) --- */
.pitc-footer-strip { display: block !important; width: 100% !important; aspect-ratio: 680 / 140 !important; height: auto !important; background: transparent !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; line-height: 0 !important; }
.pitc-footer-strip::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 14.29% !important; background: #ffffff !important; z-index: 1 !important; }
.pitc-footer-strip::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 14.29% !important; background: #0e141b !important; z-index: 1 !important; }
.pitc-footer-strip .pitc-hex-svg { position: absolute !important; left: 0 !important; top: 14.29% !important; width: 100% !important; height: 71.42% !important; display: block !important; pointer-events: none !important; }


/* --- HOMEPAGE 1440 TWEAKS (25 May) --- */

/* section-33 - padding tweaks (homepage only) */
body.cs-orbs-decor .section-33.padding-top {
  padding-top: 100px !important;
  padding-bottom: 7.5rem !important;
}

/* Concentric orb shift further left (homepage only) */
body.cs-orbs-decor .div-block-441.left.left-bigger.concentric-orb {
  transform: translate(-620px, 0) !important;
}

/* Touch devices: force blog card hover state permanently */
@media (hover: none) {
  .pitc-blog-card {
    transform: translateY(-4px) !important;
    box-shadow:
      0 0 0 1px rgba(0, 212, 255, 0.2),
      0 4px 12px rgba(15, 20, 27, 0.08) !important;
  }
  .pitc-blog-card .pitc-blog-readtext {
    color: #ff8c00 !important;
    transform: translateX(3px) !important;
  }
  .pitc-blog-allbtn,
  .pitc-blog-header .button-101 {
    filter: none !important;
  }
}


/* --- HERO TERMINALS CENTRED at <1900px (25 May - widened v3) --- */
@media screen and (max-width: 1899px) {
  .div-block-570 {
    justify-content: stretch !important;
    align-items: stretch !important;
  }
  .div-block-570 > .grid-10.service-menu-hp {
    grid-template-columns: 1fr 1fr 1fr !important;
    width: 100% !important;
    column-gap: 60px !important;
    justify-items: center !important;
    padding: 0 60px !important;
    box-sizing: border-box !important;
    flex: 1 1 100% !important;
  }
}

/* --- TEXT-BLOCK-129 EXO OVERRIDE (25 May 2026)
   Case study card body text. --- */
.text-block-129,
.text-block-129.white,
.text-block-129.white.centredmob {
  font-family: 'Exo', sans-serif !important;
  letter-spacing: normal !important;
}


/* --- DROPDOWN HEIGHT + GAP 1440 (25 May) --- */
@media screen and (max-width: 1899px) {
  .kjd-b-wrap-4 {
    max-height: none !important;
  }
  .kjd-b-grid-1 {
    grid-row-gap: 20px !important;
  }
}


/* --- DROPDOWN WEB SERVICES TWO-GRID GAP (25 May) --- */
@media screen and (max-width: 1899px) {
  .kjd-b-grid-1.webservices {
    margin-top: 20px !important;
  }
}


/* --- CYBERSECURITY DROPDOWN SHIFT V2 (25 May) --- */
@media screen and (max-width: 1899px) {
  .kjd-b-list-1._3 {
    margin-top: 40px !important;
  }
}


/* --- NAVBAR HOSTING LOTTIE NUDGE (25 May) --- */
.lottie-animation-2.flip.web-repair.relative.hwrepair.absolute.web-h.navbar {
  transform: translate(-5%, 10%) rotateX(0deg) rotateY(180deg) rotateZ(0deg) !important;
}



/* --- Z-INDEX SANITY REDUCTIONS (25 May) --- */
/* Audit found 28 Webflow rules with z-index 9999 to 999999999 across the
   exported CSS. Most don't need to be above anything specific - just
   leftovers from Webflow's UI where designers bumped z-index repeatedly.
   This override caps them to sensible values WITHOUT touching the
   originals (which means easy revert).
   .mega-navbar is intentionally NOT capped - legitimate need to be on top. */

/* Generic content / section wrappers (no real need to be elevated) */
.content-container { z-index: 2 !important; }
.industries { z-index: 2 !important; }
.counter-section { z-index: 2 !important; }
.section-30 { z-index: 2 !important; }
.carousel-component { z-index: 2 !important; }

/* Footer elements (should sit at base) */
.cf-footer-sub-grid { z-index: 1 !important; }
.cf-social-media-container { z-index: 1 !important; }

/* Decorative images / divs (gratuitous high z) */
.div-block-282 { z-index: 2 !important; }
.div-block-289 { z-index: 2 !important; }
.div-block-291 { z-index: 2 !important; }
.image-103 { z-index: 2 !important; }
.image-110 { z-index: 2 !important; }
.div-block-317 { z-index: 2 !important; }
.div-block-441.smaller { z-index: 2 !important; }

/* Headings - never need explicit z-index */
.protect-heading { z-index: 1 !important; }
.h2-heading-new.multi-colour { z-index: 2 !important; }

/* Margin-top utility class - bizarre that this had z-index at all */
.margin-top { z-index: auto !important; }

/* Nav section (legitimate but doesn't need 6 digits) */
.nav-section { z-index: 100 !important; }

/* Popup close button (above its popup, not above everything) */
.popup-close { z-index: 50 !important; }

/* NOTE: .mega-navbar intentionally NOT capped - keeps z:999999999 */


/* --- NAVBAR Z-INDEX BOOST 25 MAY --- */
/* After capping rogue 99999 z-indexes, some headings/images at z:2
   were still creating stacking contexts that competed with the navbar.
   Force the navbar wrapper + fixed nav elements above everything. */
.navigation-2,
.navbar-section {
  position: relative !important;
  z-index: 1000 !important;
}
.brand__link-block {
  z-index: 1001 !important;
}
.burger__button-container {
  z-index: 1002 !important;
}
.nav__main-static,
.nav__main {
  z-index: 1001 !important;
}
.kjd-b-dropdown-1 {
  z-index: 1001 !important;
}


/* ============================================================
   BIKE-SHED PULLQUOTE SVG CYAN (25 May 2026 - minimal)
   Keep cyan fill + drawn animation on both bike-shed pullquote
   SVGs. Everything else inherits decode's native fn-section-off-black
   styling (which is the desired look).
   ============================================================ */

/* --- Z-INDEX SECOND PASS (25 May) --- */
/* After initial 99999 cap, second sweep on still-high mids
   that don't need to be elevated. */

/* Generic page wrappers should not have explicit z-index */
.main-wrapper-3 { z-index: auto !important; }
.page-wrapper-7 { z-index: 1100 !important; }

/* Section + decorative images at z:9 - no need */
.section-33 { z-index: 2 !important; }
.image-189 { z-index: 2 !important; }

/* Background wrappers should sit low */
.background-wrapper { z-index: 1 !important; }
#fx-scan { z-index: 2 !important; }


/* --- PITC PROTECT HEADING SECTION + DASHBOARD EQUAL HEIGHT (26 May v2) --- */

.pitc-protect-heading {
  background: #0e141b !important;
  padding: 5rem 2rem !important;
  width: 100% !important;
}
.pitc-protect-heading-inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
}
.pitc-protect-h2 {
  color: #0e141b !important;
  margin: 0 !important;
  text-align: center !important;
}

.pitc-dashboard-inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 2rem !important;
}
.pitc-dashboard-inner > .pitc-dashboard-counters {
  flex: 1 1 0 !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}
.pitc-dashboard-inner > .pitc-dashboard-map {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  display: flex !important;
}

.pitc-dashboard-inner .pitc-dashboard-numwrap {
  flex: 1 1 auto !important;
  display: flex !important;
  height: 100% !important;
  width: 100% !important;
}
.pitc-dashboard-inner .pitc-dashboard-cells {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  grid-template-rows: 1fr 1fr !important;
  gap: 1rem !important;
  width: 100% !important;
  flex: 1 1 auto !important;
}
.pitc-dashboard-inner .pitc-stat-cell {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.pitc-dashboard-inner > .pitc-dashboard-map > .pitc-term {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}
.pitc-dashboard-inner > .pitc-dashboard-map .pitc-term-screen {
  flex: 1 1 auto !important;
  display: flex !important;
}
.pitc-dashboard-inner > .pitc-dashboard-map .pitc-term-iframe {
  width: 100% !important;
  height: 100% !important;
  flex: 1 1 auto !important;
  min-height: 500px !important;
}

@media screen and (max-width: 767px) {
  .pitc-protect-heading {
    padding: 3rem 1.5rem !important;
  }
  .pitc-dashboard-inner {
    flex-direction: column !important;
  }
  .pitc-dashboard-inner > .pitc-dashboard-map .pitc-term-iframe {
    min-height: 400px !important;
  }
}
@media screen and (max-width: 479px) {
  .pitc-protect-heading {
    padding: 2.5rem 1rem !important;
  }
  .pitc-dashboard-inner .pitc-dashboard-cells {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }
  .pitc-dashboard-inner > .pitc-dashboard-map .pitc-term-iframe {
    min-height: 320px !important;
  }
}


/* --- PITC COUNTERS POLISH (26 May) --- */

/* Counters narrower, map wider: 40/60 split */
.pitc-dashboard-inner > .pitc-dashboard-counters {
  flex: 0 0 40% !important;
}
.pitc-dashboard-inner > .pitc-dashboard-map {
  flex: 1 1 60% !important;
}

/* Force stat cells to fill their grid column (override Webflow 250px width) */
.pitc-dashboard-inner .pitc-stat-cell.number-content,
.pitc-dashboard-inner .pitc-stat-cell {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 2.5rem 2rem !important;
}

/* Bigger numbers - leave breathing room */
.pitc-dashboard-inner .pitc-stat-num,
.pitc-dashboard-inner .stat-number.partners,
.pitc-dashboard-inner .stat-number.clients,
.pitc-dashboard-inner .stat-number.projects,
.pitc-dashboard-inner .stat-number.experience,
.pitc-dashboard-inner .pitc-stat-plus {
  font-size: 5rem !important;
  line-height: 1 !important;
}

/* Label spacing under the bigger numbers */
.pitc-dashboard-inner .pitc-stat-label {
  font-size: 0.95rem !important;
  margin-top: 0.75rem !important;
}

/* Tighter gap between cells */
.pitc-dashboard-inner .pitc-dashboard-cells {
  gap: 1.25rem !important;
}

/* Mobile: dial back the size */
@media screen and (max-width: 991px) {
  .pitc-dashboard-inner > .pitc-dashboard-counters,
  .pitc-dashboard-inner > .pitc-dashboard-map {
    flex: 1 1 0 !important;
  }
  .pitc-dashboard-inner .pitc-stat-num,
  .pitc-dashboard-inner .pitc-stat-plus {
    font-size: 4rem !important;
  }
}
@media screen and (max-width: 479px) {
  .pitc-dashboard-inner .pitc-stat-num,
  .pitc-dashboard-inner .pitc-stat-plus {
    font-size: 3.5rem !important;
  }
  .pitc-dashboard-inner .pitc-stat-cell {
    padding: 1.5rem 1.25rem !important;
  }
}


/* --- FN-SECTION + 498 NAVBAR FIX (25 May) --- */
/* .fn-section has z:10001 inline base CSS. Way too high - causes the
   contact form to appear OVER the fixed navbar. Capped to 2.
   .div-block-498 has z:5 which causes the Mishack review card to
   appear over the navbar when scrolling past. Capped to 2. */
.fn-section {
  z-index: 2 !important;
}
.div-block-498 {
  z-index: 2 !important;
}


/* --- PITC PADDING TIGHTEN (26 May) --- */

/* Heading section: halve top + bottom padding */
.pitc-protect-heading {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* Dashboard section: top to match bottom */
.pitc-dashboard {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

/* Mobile - keep proportional */
@media screen and (max-width: 767px) {
  .pitc-protect-heading {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
  .pitc-dashboard {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}


/* --- FN-SECTION DISARM 10001 (25 May) --- */
/* The body.cs-orbs-decor .fn-section rule sets z-index: 10001 with !important.
   Higher specificity than my simple .fn-section selector. Match it. */
body.cs-orbs-decor .fn-section {
  z-index: 2 !important;
}


/* --- PITC COUNTERS CENTRE + COLOUR LOCK (26 May) --- */

/* Centre the whole cell as a column: number row + label */
.pitc-dashboard-inner .pitc-stat-cell {
  align-items: center !important;
  text-align: center !important;
}

/* Number + plus sign row centred */
.pitc-dashboard-inner .pitc-stat-numline {
  justify-content: center !important;
  align-items: baseline !important;
  text-align: center !important;
}

/* Lock colours at all breakpoints */
.pitc-dashboard-inner .pitc-stat-num,
.pitc-dashboard-inner .stat-number.partners,
.pitc-dashboard-inner .stat-number.clients,
.pitc-dashboard-inner .stat-number.projects,
.pitc-dashboard-inner .stat-number.experience {
  color: #ffffff !important;
}
.pitc-dashboard-inner .pitc-stat-plus,
.pitc-dashboard-inner .pitc-stat-plus .large-numbers {
  color: #00d4ff !important;
}
.pitc-dashboard-inner .pitc-stat-label {
  color: #ffffff !important;
  text-align: center !important;
}

/* Same at every breakpoint */
@media screen and (max-width: 991px) {
  .pitc-dashboard-inner .pitc-stat-num,
  .pitc-dashboard-inner .stat-number.partners,
  .pitc-dashboard-inner .stat-number.clients,
  .pitc-dashboard-inner .stat-number.projects,
  .pitc-dashboard-inner .stat-number.experience {
    color: #ffffff !important;
  }
  .pitc-dashboard-inner .pitc-stat-plus,
  .pitc-dashboard-inner .pitc-stat-plus .large-numbers {
    color: #00d4ff !important;
  }
  .pitc-dashboard-inner .pitc-stat-label {
    color: #ffffff !important;
  }
}
@media screen and (max-width: 767px) {
  .pitc-dashboard-inner .pitc-stat-num,
  .pitc-dashboard-inner .stat-number.partners,
  .pitc-dashboard-inner .stat-number.clients,
  .pitc-dashboard-inner .stat-number.projects,
  .pitc-dashboard-inner .stat-number.experience {
    color: #ffffff !important;
  }
  .pitc-dashboard-inner .pitc-stat-plus,
  .pitc-dashboard-inner .pitc-stat-plus .large-numbers {
    color: #00d4ff !important;
  }
  .pitc-dashboard-inner .pitc-stat-label {
    color: #ffffff !important;
  }
}
@media screen and (max-width: 479px) {
  .pitc-dashboard-inner .pitc-stat-num,
  .pitc-dashboard-inner .stat-number.partners,
  .pitc-dashboard-inner .stat-number.clients,
  .pitc-dashboard-inner .stat-number.projects,
  .pitc-dashboard-inner .stat-number.experience {
    color: #ffffff !important;
  }
  .pitc-dashboard-inner .pitc-stat-plus,
  .pitc-dashboard-inner .pitc-stat-plus .large-numbers {
    color: #00d4ff !important;
  }
  .pitc-dashboard-inner .pitc-stat-label {
    color: #ffffff !important;
  }
}


/* --- PITC HAMBURGER PANEL RESTYLE (26 May) --- */

/* Panel chrome */
.nav__drop_wrapper {
  background: #0e141b !important;
  border-left: 1px solid #2a3845 !important;
  padding: 0 !important;
  width: 420px !important;
  min-width: 0 !important;
  z-index: 1100 !important;
  overflow-y: auto !important;
  font-family: Exo, system-ui, sans-serif !important;
}
@media screen and (max-width: 767px) {
  .nav__drop_wrapper {
    width: 100% !important;
  }
}

/* Container inside panel */
.nav__drop_wrapper .container-large {
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

/* Terminal title bar at top of panel */
.nav__drop_wrapper::before {
  content: "PERTH IT CARE \2014 NAV.MENU" !important;
  display: block !important;
  background: #1c2733 !important;
  color: #00d4ff !important;
  font-family: "Courier New", monospace !important;
  font-size: 13px !important;
  text-align: center !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid #2a3845 !important;
  letter-spacing: 0.5px !important;
}

/* Nav__drop spacing */
.nav__drop_wrapper .nav__drop {
  padding: 20px !important;
  gap: 6px !important;
  align-items: stretch !important;
}

/* "$ ls services/" prompt label before service rows */
.nav__drop_wrapper .nav__drop > .navbutton-surround:nth-child(2)::before {
  content: "$ ls services/" !important;
  display: block !important;
  font-family: "Courier New", monospace !important;
  color: #00d4ff !important;
  font-size: 12px !important;
  margin-bottom: 4px !important;
  padding-left: 4px !important;
}

/* Hide the empty first navbutton-surround (decorative spacer in webflow) */
.nav__drop_wrapper .nav__drop > .navbutton-surround:first-child {
  display: none !important;
}

/* Each navbutton-surround as a service row */
.nav__drop_wrapper .navbutton-surround {
  width: 100% !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* The accordion-item (toggle row + dropdown) */
.nav__drop_wrapper .accordion-item {
  width: 100% !important;
  background: transparent !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

/* The nav__link pill - convert to terminal row */
.nav__drop_wrapper .nav__link {
  background: transparent !important;
  color: #ffffff !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-left: 3px solid !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-family: Exo, system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  transition: background 0.15s !important;
  cursor: pointer !important;
  width: 100% !important;
}
.nav__drop_wrapper .nav__link:hover {
  background: rgba(255,255,255,0.04) !important;
}
.nav__drop_wrapper .nav__link.is--active-1 {
  border-left-color: #ff8c00 !important;
}
.nav__drop_wrapper .nav__link.is--active-2 {
  border-left-color: #00d4ff !important;
}
.nav__drop_wrapper .nav__link.is--active-3 {
  border-left-color: #0091ff !important;
}

/* The "question" text inside each toggle */
.nav__drop_wrapper .nav__link .question {
  color: #ffffff !important;
  margin: 0 !important;
  flex: 1 !important;
  text-align: left !important;
}

/* The accordion chevron icon */
.nav__drop_wrapper .accordion-icon {
  width: 14px !important;
  height: 14px !important;
  color: #5a6878 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Dropdown lists (sub-pages) when open */
.nav__drop_wrapper .dropdown-list-3 {
  background: transparent !important;
  padding: 4px 0 12px 16px !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Each sub-page link */
.nav__drop_wrapper .dropdown-link {
  display: block !important;
  background: transparent !important;
  color: #c4d1de !important;
  padding: 10px 14px !important;
  font-family: "Courier New", monospace !important;
  font-size: 13px !important;
  text-transform: lowercase !important;
  border-radius: 4px !important;
  transition: background 0.15s, color 0.15s !important;
  border: 0 !important;
}
.nav__drop_wrapper .dropdown-link::before {
  content: "\2192  " !important;
  color: #00d4ff !important;
  margin-right: 4px !important;
}
.nav__drop_wrapper .dropdown-link:hover {
  background: rgba(255,255,255,0.04) !important;
  color: #ffffff !important;
}

/* Hide the empty <p class="answer"> spacers */
.nav__drop_wrapper .dropdown-list-3 .answer {
  display: none !important;
}

/* Contact section wrapper */
.nav__drop_wrapper .div-block-509 {
  width: 100% !important;
  padding: 20px !important;
  margin: 0 !important;
  border-top: 1px solid #1c2733 !important;
}
.nav__drop_wrapper .div-block-509::before {
  content: "$ cat contact.txt" !important;
  display: block !important;
  font-family: "Courier New", monospace !important;
  color: #00d4ff !important;
  font-size: 12px !important;
  margin-bottom: 10px !important;
  padding-left: 4px !important;
}
.nav__drop_wrapper .div-block-511 {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  width: 100% !important;
}

/* Each contact row as a bordered card */
.nav__drop_wrapper .div-block-510 {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  border: 1px solid #1c2733 !important;
  border-radius: 6px !important;
  background: transparent !important;
  width: 100% !important;
  margin: 0 !important;
  text-decoration: none !important;
}
.nav__drop_wrapper .div-block-510 .image-179 {
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  filter: brightness(0) saturate(100%) invert(58%) sepia(99%) saturate(1234%) hue-rotate(0deg) brightness(101%) contrast(101%) !important;
}
.nav__drop_wrapper .div-block-510 .text-block-126 {
  color: #ffffff !important;
  font-family: "Courier New", monospace !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* The nav__main with logo + Contact Us button */
.nav__drop_wrapper .nav__main {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  padding: 14px 20px !important;
  background: transparent !important;
  z-index: 5 !important;
  justify-content: space-between !important;
}

/* Push panel content down to clear the title bar */
.nav__drop_wrapper > .container-large {
  margin-top: 48px !important;
}


/* --- PITC HAMBURGER PANEL FIX v2 (26 May) --- */

/* Reset top padding (was 8rem from Webflow base) */
.nav__drop_wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Move the "$ ls services/" prompt OFF Web Services row */
.nav__drop_wrapper .nav__drop > .navbutton-surround:nth-child(2)::before {
  content: none !important;
  display: none !important;
}

/* Put it instead on the EMPTY first navbutton-surround */
.nav__drop_wrapper .nav__drop > .navbutton-surround:first-child {
  display: block !important;
  height: auto !important;
  padding-left: 4px !important;
  margin-bottom: 4px !important;
}
.nav__drop_wrapper .nav__drop > .navbutton-surround:first-child::before {
  content: "$ ls services/" !important;
  display: block !important;
  font-family: "Courier New", monospace !important;
  color: #00d4ff !important;
  font-size: 12px !important;
}

/* Recolor contact icons to orange via mask-image (works on any SVG) */
.nav__drop_wrapper .div-block-510 .image-179 {
  filter: none !important;
  width: 18px !important;
  height: 18px !important;
  background-color: #ff8c00 !important;
  -webkit-mask-image: var(--icon-src) !important;
  mask-image: var(--icon-src) !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}
/* Hide actual <img> visual since we're using bg+mask trick */
.nav__drop_wrapper .div-block-510 .image-179 {
  content: "" !important;
}
/* Per-icon mask sources via attribute selectors */
.nav__drop_wrapper .div-block-510 .image-179[src*="phone"] {
  -webkit-mask-image: url('images/phone-call.svg') !important;
  mask-image: url('images/phone-call.svg') !important;
}
.nav__drop_wrapper .div-block-510 .image-179[src*="email"] {
  -webkit-mask-image: url('images/email.svg') !important;
  mask-image: url('images/email.svg') !important;
}
.nav__drop_wrapper .div-block-510 .image-179[src*="location"] {
  -webkit-mask-image: url('images/location-1.svg') !important;
  mask-image: url('images/location-1.svg') !important;
}

/* nav__main inside panel (logo + Contact Us at top) */
.nav__drop_wrapper .nav__main {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid #1c2733 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  z-index: 5 !important;
}

/* Resize logo inside panel */
.nav__drop_wrapper .brand,
.nav__drop_wrapper .brand.is--dark,
.nav__drop_wrapper .brand.is--white {
  width: 110px !important;
  height: auto !important;
}

/* Contact Us button inside panel - keep orange */
.nav__drop_wrapper .button-104.is-icon {
  background: #ff8c00 !important;
  color: #0e141b !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 0 !important;
}
.nav__drop_wrapper .button-104.is-icon .text-block-127 {
  color: #0e141b !important;
}
.nav__drop_wrapper .button-104.is-icon svg {
  fill: #0e141b !important;
  color: #0e141b !important;
}

/* Reset margin-top of container - we now have logo bar in flow */
.nav__drop_wrapper > .container-large {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Title bar height tighter */
.nav__drop_wrapper::before {
  padding: 10px 16px !important;
  font-size: 12px !important;
}


/* --- PULLQUOTE UNIVERSAL TEMPLATE (26 May 2026) --- */
/* Class-based mirror of decode's ID-based grid placement.   */
/* Lets fn-section-off-black pullquotes work on any page     */
/* with no per-instance Webflow IDs required.                */

.fn-section-off-black .fn-container-grid-2 > h2.fn-heading-jambo {
  grid-area: span 1 / span 9 / span 1 / span 9;
}

.fn-section-off-black .fn-container-grid-2 > .fn-hero-quote {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}


/* --- PITC HAMBURGER PANEL FIX v3 (26 May) --- */

/* Box-sizing everywhere inside panel to stop overflow */
.nav__drop_wrapper,
.nav__drop_wrapper * {
  box-sizing: border-box !important;
}

/* Hard cap inner width */
.nav__drop_wrapper .nav__link,
.nav__drop_wrapper .question,
.nav__drop_wrapper .accordion-item,
.nav__drop_wrapper .navbutton-surround,
.nav__drop_wrapper .dropdown-list-3,
.nav__drop_wrapper .div-block-510,
.nav__drop_wrapper .div-block-511,
.nav__drop_wrapper .div-block-509,
.nav__drop_wrapper .nav__drop,
.nav__drop_wrapper .container-large {
  max-width: 100% !important;
  width: 100% !important;
}

/* Question text needs to shrink/wrap not push */
.nav__drop_wrapper .nav__link .question {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

/* Icon mask-image with absolute paths (relative was resolving from /css/ folder) */
.nav__drop_wrapper .div-block-510 .image-179[src*="phone"] {
  -webkit-mask-image: url('/images/phone-call.svg') !important;
  mask-image: url('/images/phone-call.svg') !important;
}
.nav__drop_wrapper .div-block-510 .image-179[src*="email"] {
  -webkit-mask-image: url('/images/email.svg') !important;
  mask-image: url('/images/email.svg') !important;
}
.nav__drop_wrapper .div-block-510 .image-179[src*="location"] {
  -webkit-mask-image: url('/images/location-1.svg') !important;
  mask-image: url('/images/location-1.svg') !important;
}

/* Tighten gap between services block and contact block */
.nav__drop_wrapper .nav__drop {
  padding-bottom: 12px !important;
}
.nav__drop_wrapper .div-block-509 {
  padding-top: 16px !important;
  padding-bottom: 20px !important;
}
.nav__drop_wrapper .div-block-509::before {
  text-align: left !important;
}


/* --- PITC PANEL CLOSE BUTTON (26 May) --- */

.pitc-panel-close {
  position: absolute !important;
  top: 8px !important;
  right: 12px !important;
  background: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  line-height: 1 !important;
  padding: 4px 10px !important;
  cursor: pointer !important;
  z-index: 20 !important;
  font-family: "Courier New", monospace !important;
  transition: color 0.15s !important;
}
.pitc-panel-close:hover {
  color: #ff8c00 !important;
}

/* Make the title bar tall enough for the close button */
.nav__drop_wrapper {
  position: relative !important;
}


/* --- PITC HAMBURGER PANEL FIX v4 - restore fixed positioning (26 May) --- */

/* Restore fixed positioning that was clobbered by v3 close button rule */
.nav__drop_wrapper {
  position: fixed !important;
  inset: 0 0 0 auto !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  height: 100vh !important;
  max-height: 100vh !important;
}


/* --- BIKE-SHED TIME COUNTER NOWRAP (26 May 2026) --- */
.bst-time-counter {
  white-space: nowrap !important;
}


/* --- N. PITC CARDS CAROUSEL (26 May 2026) --- */
/* ============================================================== */
  /* PERTH IT CARE — CLIENT CARDS                                    */
  /* ============================================================== */
  .pitc-cards {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    padding: 50px 0;
    transform: translateZ(0);
  }
  .pitc-track {
    display: flex;
    align-items: center;
    width: max-content;
    gap: 28px;
    padding: 0 14px;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  .pitc-card {
    flex: 0 0 auto;
    width: 360px;
    height: 240px;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    will-change: transform;
    transform: translateZ(0);
    contain: paint;
  }
  .pitc-card .bg-img {
    position: absolute; inset: 0;
    width: 100%; height: 100%;
    object-fit: cover;
  }
  .pitc-card .overlay {
    /* Empty - gradient now lives on .info below */
    display: none;
  }
  /* Force bg image to sit below the overlay regardless of any global img z-index rules */
  .pitc-card .bg-img {
    z-index: 0 !important;
  }
  .pitc-card .info {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 60px 22px 18px 22px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: linear-gradient(180deg,
      transparent 0%,
      rgba(14,20,27,0.4) 25%,
      rgba(14,20,27,0.85) 60%,
      rgba(14,20,27,1) 100%);
  }
  .pitc-card .logo-wrap {
    background: #ffffff;
    border-radius: 8px;
    padding: 10px 18px;
    align-self: flex-start;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
    min-width: 130px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    max-width: 85%;
  }
  .pitc-card .logo-wrap img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
  }
  /* Pill with caption — icon-only logos get a small text label underneath */
  .pitc-card .logo-wrap.with-caption {
    flex-direction: column;
    gap: 4px;
    height: auto;
    min-height: 72px;
    padding: 10px 16px 8px;
    align-items: center;
  }
  .pitc-card .logo-wrap.with-caption img {
    max-height: 44px;
    max-width: 100%;
  }
  .pitc-card .logo-caption {
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #0e141b;
    letter-spacing: 0.3px;
    white-space: nowrap;
    line-height: 1;
  }
  /* Coloured pill (for white-on-white logos etc) — caption flips to white */
  .pitc-card .logo-wrap.coloured-pill .logo-caption {
    color: #ffffff;
  }
  /* Text fallback when no logo file */
  .pitc-card .logo-wrap.text-fallback {
    font-family: 'Exo', sans-serif;
    font-weight: 600;
    font-size: 17px;
    color: #0e141b;
    letter-spacing: 0.3px;
    white-space: nowrap;
    padding: 12px 20px;
    line-height: 1;
  }
  .pitc-card .meta {
    font-family: 'Courier New', monospace;
    font-size: 11px;
    color: rgba(255,255,255,0.85);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-top: 2px;
  }
  .pitc-card .meta .dot {
    display: inline-block;
    width: 4px; height: 4px;
    border-radius: 50%;
    background: #00d4ff;
    margin: 0 8px;
    vertical-align: middle;
  }

  @media (max-width: 768px) {
    .pitc-card { width: 260px; height: 180px; }
    .pitc-track { gap: 18px; }
    .pitc-cards { padding: 30px 0; }
    .pitc-card .logo-wrap { height: 52px; min-width: 100px; padding: 8px 12px; }
    .pitc-card .logo-wrap.with-caption { min-height: 52px; padding: 7px 12px 6px; }
    .pitc-card .logo-wrap.with-caption img { max-height: 28px; }
    .pitc-card .logo-caption { font-size: 10px; }
    .pitc-card .logo-wrap.text-fallback { font-size: 13px; padding: 8px 14px; }
    .pitc-card .info { padding: 14px 16px; }
    .pitc-card .meta { font-size: 10px; }
  }

/* --- N. PITC CARDS BANDS V2 (26 May 2026) --- */
/* Dark band above and below the carousel, each with a 3px white inset stripe
   inside the band (NOT at the edge). Looks like: dark | white line | dark | carousel | dark | white line | dark */

.pitc-cards-section {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  background: #ffffff;
}

/* Top band */
.pitc-cards-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background:
    linear-gradient(to bottom,
      #0e141b 0,
      #0e141b 28px,
      #ffffff 28px,
      #ffffff 31px,
      #0e141b 31px,
      #0e141b 60px);
  pointer-events: none;
  z-index: 1;
}

/* Bottom band — mirror of top */
.pitc-cards-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background:
    linear-gradient(to bottom,
      #0e141b 0,
      #0e141b 29px,
      #ffffff 29px,
      #ffffff 32px,
      #0e141b 32px,
      #0e141b 60px);
  pointer-events: none;
  z-index: 1;
}

/* The carousel itself sits above the band pseudo-elements */
.pitc-cards-section .pitc-cards {
  position: relative;
  z-index: 2;
}



/* --- PITC PROTECT TWO-LAYER GLOW (26 May) --- */

/* Grid stack: both layers occupy the same cell, perfectly overlapped */
.pitc-protect-stack {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: 1fr !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  position: relative !important;
}

.pitc-protect-stack > .div-block-491.rel,
.pitc-protect-stack > .div-block-491.absolute {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: static !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  inset: auto !important;
  transform: none !important;
}

/* The h2 inside both layers: identical sizing so they stack pixel-perfect */
.pitc-protect-stack .pitc-protect-h2 {
  color: #ffffff !important;
  margin: 0 !important;
  text-align: center !important;
  font-family: Exo, sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
}

/* Centre the stack horizontally inside the section */
.pitc-protect-heading .pitc-protect-heading-inner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Responsive sizing */
@media screen and (max-width: 991px) {
  .pitc-protect-stack {
    max-width: 90% !important;
  }
}
@media screen and (max-width: 767px) {
  .pitc-protect-stack .pitc-protect-h2 {
    font-size: 2.2rem !important;
  }
}
@media screen and (max-width: 479px) {
  .pitc-protect-stack .pitc-protect-h2 {
    font-size: 1.7rem !important;
    line-height: 1.2 !important;
  }
}


/* --- PITC PROTECT WIDTH + DASHBOARD TOP BORDER KILL (26 May) ---
   1. Match the protect heading container width to div-block-580
      (full container, with mobile side padding).
   2. Remove the white top border on .pitc-dashboard
      (overrides TUNE 5/6 from 21 May). --- */

/* Widen the protect heading inner container - match wide content sections */
.pitc-protect-heading-inner {
  max-width: 1500px !important;
  padding-left: 5% !important;
  padding-right: 5% !important;
  box-sizing: border-box !important;
}

/* Widen the stack itself so the heading uses the full inner width */
.pitc-protect-stack {
  max-width: 100% !important;
}

/* Mobile padding mirrors .div-block-580.mobile-device-padding-sides (20px) */
@media screen and (max-width: 767px) {
  .pitc-protect-heading-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media screen and (max-width: 479px) {
  .pitc-protect-heading-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* Kill the white top border on .pitc-dashboard */
.pitc-dashboard {
  border-top: 0 !important;
  border-top-width: 0 !important;
  border-top-style: none !important;
  border-top-color: transparent !important;
}
.evidence-frame.bst-wider .evidence-img {
  width: 100% !important;
  height: auto !important;
}


/* --- PITC DASHBOARD INSET SHADOW KILL (26 May) ---
   Two stacked rules at lines ~42765 and ~42773 paint inset 0 3px/4px
   #ffffff box-shadows along the top edge of .pitc-dashboard. Not
   borders - which is why border-top:0 didn't kill them. The latest
   one wins (4px). Override here with a final no-shadow declaration. --- */

.pitc-dashboard {
  box-shadow: none !important;
}


/* --- EVIDENCE OUT WIDE (26 May 2026) --- */
.evidence-out-wide {
  max-width: 1400px !important;
  margin: 2rem auto 0 !important;
  padding: 0 1.5rem !important;
}
.evidence-out-wide .evidence-frame {
  max-width: 100% !important;
  width: 100% !important;
}
.evidence-out-wide .evidence-img {
  width: 100% !important;
  height: auto !important;
}
.evidence-out-wide .evidence-timestamp {
  margin-top: 1rem !important;
  justify-content: center !important;
  text-align: center !important;
  display: flex !important;
}

/* --- CS-FLEX-CENTER (27 May 2026) --- */
/* Opt-in flex-centre wrapper for case-study layouts. Applied to */
/* .div-block-598 by adding .cs-flex-center class. Centres any */
/* in-flow direct children. Template for all case studies going forward. */
.div-block-598.cs-flex-center {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}


/* --- SLIDER-IMAGE-CONTAINER BG ALL BREAKPOINTS (27 May 2026) --- */
/* Webflow set these background-image URLs only inside the */
/* @media (min-width: 1900px) block, so cards appeared as Webflow */
/* placeholder tiles below biggest breakpoint. Mirroring all 16 */
/* slider-image-container variants to base level so they apply */
/* at every breakpoint. The original 1900+ rules remain (no */
/* conflict - same selectors, same values). */

.slider-image-container.tolton {
  background-image: url('../images/about-us-updated.webp');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.simara {
  background-image: url('../images/Simara-Blends-Butterfly-Pea.jpg');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.bstimes {
  background-image: url('../images/IMG_5942-720x576_1.avif');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.psia {
  background-image: url('../images/playground-855703_1281.avif');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.mishack {
  background-image: url('../images/12A1204-e1563779294714-1920x617-c-center_1.avif');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.k2av {
  background-image: url('../images/canvas_1.avif');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.guttergoblins {
  background-image: url('../images/new-about-us-pic_1.avif');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container._11 {
  background-image: url('../images/11-Recruitment_1.avif');
  background-size: cover;
}

.slider-image-container.ablife {
  background-image: url('../images/stop-4036139_1281.avif');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.hpark {
  background-image: url('../images/hp-creche-outdoors_1.avif');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.soap {
  background-image: url('../images/pexels-karolina-grabowska-4239067_1.avif');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.holt {
  background-image: url('../images/Wedding-DJ-Homepage-Slider_1.avif');
  background-position: 25%;
  background-size: cover;
}

.slider-image-container.empower {
  background-image: url('../images/SVG-WEBSITE-STUFF-2-1024x1024.avif'), linear-gradient(to bottom, var(--relume-library-lite-rl-white), var(--relume-library-lite-rl-white));
  background-position: 50%, 0 0;
  background-size: 550px, auto;
}

.slider-image-container.charlies {
  background-image: url('../images/e655b241b50111ee9681_1.avif');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.fbhighfields {
  background-image: url('../images/pexels-valeriya-1123250_1.avif');
  background-position: 50%;
  background-size: cover;
}

.slider-image-container.legatha {
  background-image: url('../images/RiverviewPlace-2_1.avif');
  background-position: 50%;
  background-size: cover;
}

/* --- MARQUEE 400PX UNCAP (27 May 2026) --- */
/* Line 18537 caps ._400-px-wide-p-2 at max-width:400px from 1280px+.
   That's correct for the bio paragraph instances of this class, but
   wrong for the marquee instance which needs to span full width.
   Line 26774 already uncaps the marquee at 1900px+; this fills the
   1280-1899px gap. */
@media screen and (min-width: 1280px) and (max-width: 1899px) {
  .marquee._400-px-wide-p-2 {
    max-width: none !important;
  }
}

/* --- DECODE-IM-2 VERTICAL CENTER DESKTOP (27 May 2026) --- */
/* Mirrors the 1900+ vertical-centre fix down into the desktop range */
/* (992-1899) so the image isn't top-pinned at 1280/1440. */
/* Mobile/tablet breakpoints unaffected. */
@media screen and (min-width: 992px) and (max-width: 1899px) {
  .div-block-545.decode-im-2 {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

/* --- DECODE-IM-2 HORIZONTAL CENTER 991 (27 May 2026, v3) --- */
/* At <=991 the Webflow base sets position:static on this element. */
/* In static flow, left/right anchors don't work - must centre via */
/* margin auto. Element has explicit width:650px so margin:auto */
/* distributes remaining space evenly. */
@media screen and (max-width: 991px) {
  .div-block-545.decode-im-2 {
    margin-left: auto !important;
    margin-right: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }
}

/* --- HEROBOX SERVICE PAGES RESTYLE (27 May 2026) --- */
/* Mirrors HEROBOX HOMEPAGE OPTION 1 visual treatment (cyan border-left,
   transparent dark bg, hover-orange) on every service page that uses
   .div-block-507.centred as the boxes wrapper. NOT scoped to
   .title-box-left.hp.home, so homepage rule still wins on the homepage
   (same specificity, but homepage rule has the more-specific scope).
   No positioning changes; service pages keep their existing layout. */
.div-block-507.centred .herobox-text,
.div-block-507.centred.web-r .herobox-text,
.div-block-507.centred .herobox-text.webr,
.div-block-507.centred .herobox-text.webr.trans,
.div-block-507.centred .herobox-text.webr.mob-v,
.div-block-507.centred .herobox-text.webr.mob-v.right-margin {
  background: rgba(0, 212, 255, 0.04) !important;
  border: none !important;
  border-left: 3px solid #00d4ff !important;
  border-radius: 0 6px 6px 0 !important;
  padding: 12px 18px !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.3px;
  font-family: 'Exo', 'Segoe UI', sans-serif;
  margin-bottom: 8px;
  box-shadow: none !important;
  transition: all 0.3s ease;
}

.div-block-507.centred .herobox-text:hover,
.div-block-507.centred.web-r .herobox-text:hover {
  background: rgba(0, 212, 255, 0.1) !important;
  border-left-color: #ff8c00 !important;
}

/* --- CSCOLOUR-WRAP BRIGHTER-FLIP NUDGE 767 (27 May 2026) --- */
/* Case-study result cards at <=767 had the .brighter.absolute.flip */
/* cogs/triangle lottie at translate(44%, 8%) - pushed it out of the */
/* lottie zone and over the card heading. Pull back to align with */
/* the laptop base. Scoped to .cscolour-wrap so service-page/homepage */
/* uses of this lottie elsewhere are not affected. */
@media screen and (max-width: 767px) {
  .cscolour-wrap .lottie-animation-2.brighter.absolute.flip {
    transform: translate(0%, 8%) rotateX(0) rotateY(180deg) rotateZ(0) !important;
  }
}

/* --- DECODE-RESULT-GRID 2X2 TABLET (27 May 2026) --- */
/* Base rule uses auto-fit minmax(200px,1fr) which fits 3 columns at 767 */
/* viewport, leaving a 4th orphan stat. Force 2x2 in the tablet band. */
/* Below 480 the existing flow naturally drops to 1 column. */
@media screen and (max-width: 991px) and (min-width: 480px) {
  .decode-result-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* --- HACKED-WEBSITE 991 HERO TWEAKS (27 May 2026) --- */
/* Two fixes at <=991px on hacked-website-repair-services hero:
   1. Re-enable the herobox-text boxes (line 29643 hides
      .div-block-507.centred at this breakpoint).
   2. Constrain heading max-width so "YOUR HOUSE." wraps onto its own
      line below "YOU WOULDN'T LET BURGLARS LIVE IN". Applied to both
      .hero-heading.homepage layers (above-hero stroke + below flow)
      via the shared .homepage selector so wrapping stays aligned. */

@media screen and (max-width: 991px) {
  /* 1. Boxes visible again at 991 */
  .div-block-507.centred.web-r {
    display: block !important;
  }

  /* 2. Heading wraps "YOUR HOUSE." onto its own line */
  .hero-heading.homepage,
  .hero-heading.below.homepage {
    max-width: 32rem !important;
  }
}

/* --- COUNTER 2X2 GRID 480-991 (27 May 2026) --- */
/* Line 29597 sets .div-block-501 { flex-flow: column } at <=991px.
   That produces the single-column counter stack. From 480px to 991px
   we want a 2x2 layout. Below 480px keep the single column.
   Approach: override flex-flow back to row at 480-991, allow wrapping,
   and force each .number-content to 50% width so the four children
   become a 2x2 grid. */

@media screen and (min-width: 480px) and (max-width: 991px) {
  .div-block-501,
  .div-block-501.less-margin-bottom {
    flex-flow: row wrap !important;
    justify-content: space-around !important;
    align-items: flex-start !important;
  }
  .div-block-501 > .number-content {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    box-sizing: border-box !important;
    padding: 0.5rem 0.5rem !important;
  }
}

/* --- CASE STUDY HOW-WE-HELPED POLISH (27 May 2026) --- */
/* Site-wide tweaks to the 'How Perth IT Care helped' result block: */
/* 1. Add horizontal padding to .div-block-599 so cards inside don't */
/*    butt against viewport edges at narrow breakpoints. */
/* 2. Bump .h5-cs.white.cs.no-margin-top (result card heading) and */
/*    swap to Courier New monospace stack for terminal-style match. */
/* The biggest-breakpoint .h5-cs.white.cs rule at 1900+ has higher */
/* specificity than the font-size below so 2rem there is preserved. */

.div-block-599 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.h5-cs.white.cs.no-margin-top {
  font-family: 'Courier New', Courier, monospace !important;
  font-size: 1.6rem !important;
  letter-spacing: 0.02em !important;
}

/* --- DECODE-RESULT-NUM NOWRAP (27 May 2026) --- */
/* Stop the number and suffix wrapping apart at narrow breakpoints. */
/* '4 + yrs' was breaking between '4' and '+' at 479 in the 2x2 grid. */
.decode-result-num {
  white-space: nowrap !important;
}

/* --- HACKED-WEBSITE 767 BOXES SHIFT (27 May 2026) --- */
/* At 767, the boxes container .div-block-507.centred.web-r flows under
   the orange circle-CTA. Override the inherited transform: translate(5%)
   from base rule line 12271 to push the boxes further right so they clear
   the circle. Starting at 35% — tweak if too far or not far enough. */
@media screen and (max-width: 767px) {
  .div-block-507.centred.web-r {
    transform: translate(35%) !important;
  }
}

/* --- PITC-STAT-LABEL BLEND MODE RESET (27 May 2026) --- */
/* Inline <style> in HTML sets .text { mix-blend-mode: multiply }. */
/* That multiplied the white label against the dark card background, */
/* rendering it invisible. The .text class is inherited by */
/* .pitc-stat-label. Reset to normal so label paints true white. */
.pitc-dashboard .pitc-stat-label,
.pitc-dashboard-inner .pitc-stat-label {
  mix-blend-mode: normal !important;
}

/* --- GRID-19 2-WIDE-TABLET 479 PADDING (27 May 2026) --- */
/* At 479 the card grid (.grid-19._2-wide-tablet) had 0 horizontal */
/* padding so cards hugged the viewport edges. Add side breathing room. */
@media screen and (max-width: 479px) {
  .grid-19._2-wide-tablet {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* --- HACKED-WEBSITE 479 FLOWBOX (27 May 2026, gated 28 May 2026) --- */
/* Inserted .div-block-507.centred.pitc-flow-boxes blocks after the h3
   subhead in all 3 glow-layer .div-block-359 containers on the page.
   Scoped to body.flowbox-hero so the homepage (which uses .pitc-flow-boxes
   at all widths) is unaffected.
   At <=479: show flow boxes, hide originals inside .overlay.
   At >=480: hide flow boxes, originals remain visible (circle CTA etc). */
body.flowbox-hero .div-block-359 > .div-block-507.centred.pitc-flow-boxes,
body.flowbox-hero .div-block-359.web-r > .div-block-507.centred.pitc-flow-boxes {
  display: none !important;
}
@media screen and (max-width: 479px) {
  body.flowbox-hero .background-wrapper > .overlay > .div-block-507.centred.web-r:not(.pitc-flow-boxes) {
    display: none !important;
  }
  body.flowbox-hero .div-block-359 > .div-block-507.centred.pitc-flow-boxes,
  body.flowbox-hero .div-block-359.web-r > .div-block-507.centred.pitc-flow-boxes {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 1rem 0 0 0 !important;
    padding: 0 !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    transform: none !important;
    position: static !important;
    align-items: stretch !important;
  }
}


/* --- PROOF-STRETCH (27 May 2026) --- */
/* When two proof cards sit side-by-side in a flex .div-block-540, the shorter
   one floats centred because base rule is align-items:center. Adding the
   .proof-stretch class to the div-block-540 stretches both cards to match
   the taller one. Apply to any page with paired proof cards. */

.div-block-540.proof-stretch {
  align-items: stretch !important;
}
.div-block-540.proof-stretch > .proof-card {
  height: auto !important;
}
/* --- FLOWBOX 479 HEIGHT FIX (27 May 2026, gated 28 May 2026) --- */
/* Base .div-block-507 has position:absolute, inset:0% 0% 0% auto,
   width:65%, height:100% - explicitly override here. Scoped to
   body.flowbox-hero to match the HACKED-WEBSITE 479 FLOWBOX section. */
@media screen and (max-width: 479px) {
  body.flowbox-hero .div-block-359 > .div-block-507.centred.pitc-flow-boxes,
  body.flowbox-hero .div-block-359.web-r > .div-block-507.centred.pitc-flow-boxes {
    height: auto !important;
    inset: auto !important;
    width: 100% !important;
  }
}


/* --- CIRCLE 479 ANIMATION KILL (27 May 2026) --- */
/* Webflow IX2 animates .circle (scale 0->1) and .circle-text
   (opacity 0->1) on scroll-into-view. On Firefox Android the
   trigger re-fires every scroll (URL bar resize quirk), causing
   constant restart. At 479px force the final state via CSS
   !important so Webflow's inline-style resets cannot win. */
@media screen and (max-width: 479px) {
  .circle-cta .circle {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0) !important;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0) !important;
    transition: none !important;
  }
  .circle-cta .circle-text {
    opacity: 1 !important;
    transition: none !important;
  }
}

/* --- ORB SHIFT BIGGEST (27 May 2026) --- */
/* Base rule at line ~43351 shifts .div-block-441.left.left-bigger.concentric-orb
   by -620px (applies at all breakpoints). At biggest breakpoint we want a
   +100px nudge from there, so the resulting transform is -520px. */

@media screen and (min-width: 1900px) {
  body.cs-orbs-decor .div-block-441.left.left-bigger.concentric-orb {
    transform: translate(-520px, 0) !important;
  }
}

/* --- PROTECTION GLOW STACK 479 ALIGN (27 May 2026) --- */
/* The 2-layer glow-stack pattern for .div-block-607 > .div-block-608
   (Protection from every angle) drifted vertically at 479 because
   Layer 2 had ~49.6px more height than Layer 1 (untraced padding).
   Force both children to stretch to fill the grid cell and center
   their content vertically, so they overlap regardless of any
   height mismatch. */
@media screen and (max-width: 479px) {
  .div-block-607 > .div-block-608 {
    align-self: stretch !important;
    justify-content: center !important;
  }
}

/* --- PROTECTION GLOW STACK 479 PAD (27 May 2026) --- */
/* The boxes already overlap (align-self stretch deployed earlier).
   But Layer 2 has padding-bottom: 49.6px from some untraced source,
   which pushes its centered content UP relative to Layer 1's content.
   Force padding to 0 on the absolute.protection variant so internal
   content positions match. */
@media screen and (max-width: 479px) {
  .div-block-607 > .div-block-608.absolute.protection {
    padding: 0 !important;
  }
}


/* --- BLACK CLASS FILTER RESET (27 May 2026) --- */
/* The base .black rule (CSS line ~14338) applies filter: grayscale() and
   max-height: 130px - intended for client logos/images. But because .black
   is unscoped, it hits text elements too (e.g. <h2 class="...black">), making
   headings render desaturated and capped at 130px height.
   Reset both properties for text/heading/container elements that use .black. */

h1.black, h2.black, h3.black, h4.black, h5.black, h6.black,
p.black, span.black, div.black, section.black, a.black, li.black,
em.black, strong.black, blockquote.black {
  filter: none !important;
  max-height: none !important;
}


/* --- DIV-BLOCK-278 FLEX CENTER (27 May 2026) --- */
/* The maint page's "Website Maintenance Solutions" heading block uses
   .div-block-278 (only present on this page). The paragraph below the
   heading has class _80 which constrains width to 80% but leaves the
   element left-aligned in its block parent. Switching the parent to a
   centred flex column centres heading + paragraph horizontally. */

.div-block-278.white-and-no-shadow.blue-border-right.clear.no-border {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}


/* --- PROOF-STRETCH 991 (27 May 2026) --- */
/* At desktop, .proof-stretch parents use align-items:stretch for row-flex
   side-by-side cards to match heights. At <=991 the parent flips to column
   flex (cards stacked vertically), and stretch becomes width-stretching
   which makes cards fill 100% width and align flush left. Swap to
   align-items:center so stacked cards sit centred horizontally. */

@media screen and (max-width: 991px) {
  .div-block-540.proof-stretch {
    align-items: center !important;
  }
}


/* --- PROOF-STRETCH FLIP GAP 991 (27 May 2026) --- */
/* At <=991 the .div-block-540.flip.proof-stretch pair stacks vertically
   but has 0px gap between cards because the cards inside use no-margin-top.
   Add a gap on the parent to match the first pair's natural spacing. */

@media screen and (max-width: 991px) {
  .div-block-540.flip.proof-stretch {
    gap: 56px !important;
  }
}


/* --- GRID-23 GAP 991 (27 May 2026) --- */
/* The contact section grid (.grid-23) inside .fn-section uses gap:16px at
   <=991 which feels tight when stacked vertically. Bump to 56px to match
   the proof-stretch pair spacing higher on the page. */

@media screen and (max-width: 991px) {
  .w-layout-grid.grid-23 {
    gap: 56px !important;
    row-gap: 56px !important;
  }
}

/* --- LOST-AND-BROKEN 479 NUDGE (27 May 2026) --- */
@media screen and (max-width: 479px) {
  .price-illustration.wwh-right.lost-and-broken {
    transform: translateY(3%) !important;
  }
}

/* --- REFORMATTING 479 NUDGE (27 May 2026) --- */
@media screen and (max-width: 479px) {
  .price-illustration.wwh-right.reformatting {
    transform: translateY(3%) !important;
  }
}

/* --- FLIP-GENERAL 479 NUDGE (27 May 2026) --- */
/* Base rule has transform: translate(2%) horizontal - preserve via combined value. */
@media screen and (max-width: 479px) {
  .price-illustration.wwh-right.flip.general {
    transform: translate(2%, 3%) !important;
  }
}




/* --- HAMBURGER OPEN STATE FIXES (28 May 2026) ---
   1. When menu is open, Webflow rotates the buns +/-45 deg via inline transform.
      Target the rotateZ in the style attribute to paint them orange.
      Inline background-color from Webflow is plain (no !important) -- CSS !important wins.
   2. Logo: .brand.is--white is shown when menu opens but at 128x49 vs is--dark's 224x86.
      Force is--white to match is--dark dimensions so the swap is visually invisible.
*/

.top__bun[style*="rotateZ(-45deg)"],
.bottom__bun[style*="rotateZ(45deg)"] {
  background-color: #ff8c00 !important;
}

.brand.is--white {
  width: 224px !important;
  height: auto !important;
  max-width: 100% !important;
}


/* --- BRAND LOGO BLUR (28 May 2026) --- */
/* Pure blur behind navbar logo. No background, no border, no shadow. */
.brand__link-block {
  backdrop-filter: blur(10px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
}


/* --- DIV-BLOCK-43 WHITE FLEX CENTER (28 May 2026) ---
   Base .div-block-43 is already flex-column align-items:center but uses
   justify-content: flex-start. Override the .white variant to centre its
   children vertically too. The 991 media-query rule re-applies flex-start --
   override that as well.
*/

.div-block-43.white {
  justify-content: center !important;
}

@media screen and (max-width: 991px) {
  .div-block-43.white {
    justify-content: center !important;
  }
}


/* --- DIV-34 FLEX-CENTER-STACK OPT-IN (28 May 2026, replaces site-wide rule) ---
   Opt-in modifier. Add 'flex-center-stack' to a .div-block-34 in HTML
   to make it a centred flex column. Replaces the site-wide rule that
   was breaking the .div-block-34 > .div-block-35 grid-stack heading pattern.
*/
.div-block-34.flex-center-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
@media screen and (max-width: 991px) {
  .div-block-34.flex-center-stack {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
}


/* --- SERVER RACK DIVIDER (28 May 2026, v2) ---
   Tech divider for hosting page only (body.wp-hosting).
   Sits as a sibling BEFORE div-block-451 inside .other-web-wrapper-div.
   Has its own dark bg so the rack tile pattern reads cleanly regardless
   of the parent's background. div-block-451's existing 10px top border
   draws immediately below this divider as the visual bottom edge.
*/

body.wp-hosting .server-rack-divider {
  display: block !important;
  width: 100% !important;
  height: 80px !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #0e141b !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 50'><rect x='4' y='2' width='152' height='14' fill='%23141a24' stroke='%2300d4ff' stroke-width='0.6' rx='1'/><circle cx='12' cy='9' r='1.5' fill='%2300d4ff'/><circle cx='20' cy='9' r='1.5' fill='%23ff8c00'/><rect x='120' y='6' width='12' height='6' fill='none' stroke='%2300d4ff' stroke-width='0.5'/><rect x='138' y='6' width='12' height='6' fill='none' stroke='%2300d4ff' stroke-width='0.5'/><line x1='30' y1='9' x2='115' y2='9' stroke='%2300d4ff' stroke-width='0.4' opacity='0.4' stroke-dasharray='2 2'/><rect x='4' y='18' width='152' height='14' fill='%23141a24' stroke='%2300d4ff' stroke-width='0.6' rx='1'/><circle cx='12' cy='25' r='1.5' fill='%2300d4ff'/><circle cx='20' cy='25' r='1.5' fill='%2300d4ff'/><rect x='120' y='22' width='12' height='6' fill='none' stroke='%2300d4ff' stroke-width='0.5'/><rect x='138' y='22' width='12' height='6' fill='none' stroke='%2300d4ff' stroke-width='0.5'/><line x1='30' y1='25' x2='115' y2='25' stroke='%2300d4ff' stroke-width='0.4' opacity='0.4' stroke-dasharray='2 2'/><rect x='4' y='34' width='152' height='14' fill='%23141a24' stroke='%2300d4ff' stroke-width='0.6' rx='1'/><circle cx='12' cy='41' r='1.5' fill='%2300d4ff'/><circle cx='20' cy='41' r='1.5' fill='%23ff8c00'/><rect x='120' y='38' width='12' height='6' fill='none' stroke='%2300d4ff' stroke-width='0.5'/><rect x='138' y='38' width='12' height='6' fill='none' stroke='%2300d4ff' stroke-width='0.5'/><line x1='30' y1='41' x2='115' y2='41' stroke='%2300d4ff' stroke-width='0.4' opacity='0.4' stroke-dasharray='2 2'/></svg>") !important;
  background-repeat: repeat-x !important;
  background-size: 160px 50px !important;
  background-position: center center !important;
  pointer-events: none;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 991px) {
  body.wp-hosting .server-rack-divider {
    height: 60px !important;
    background-size: 120px 38px !important;
  }
}

@media screen and (max-width: 479px) {
  body.wp-hosting .server-rack-divider {
    height: 44px !important;
    background-size: 90px 28px !important;
  }
}


/* --- H3SIZED-NEW + LAYOUT34 PADDING TWEAK (28 May 2026) --- */
/* Tightens h3 card title line-height (was 3rem at 1900+, way too loose)
   and adds horizontal padding to the centred content blocks so card text
   doesn't run edge-to-edge. Applied globally - both are general layout
   classes used across service pages, consistent tweak. */
.h3sized-new {
  line-height: 1.25 !important;
}

.uui-layout34_content.centred {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}


/* --- WP-HOSTING MAIN-WRAPPER-3 TRANSFORM 7.5 (28 May 2026) ---
   Base .main-wrapper-3 is translate(0, 5%). On hosting at 1280-1899
   bump to 7.5% to push the circle CTA + trust-box block lower.
*/

@media screen and (max-width: 1899px) and (min-width: 1200px) {
  body.wp-hosting .main-wrapper-3 {
    transform: translate(0, -10%) !important;
  }
}


/* --- WAVES BELOW CONTENT (28 May 2026, site-wide) ---
   On hosting, .waves-forhero is a sibling of .section-hero (not a child)
   so it sits in a separate stacking context at z:3, dimming the circle
   CTA + trust boxes that live inside .section-hero.
   Drop waves to z:1 on hosting only -- stays above the hero image (z:0)
   so the bottom fade still works, but below the content (circle z:9, etc).
*/

.waves-forhero,
.waves-forhero.web-h,
.waves-forhero.web-h.no-overflow,
.waves-forhero.web-h.mob-on,
.waves-forhero.web-h.phones,
.waves-forhero.home {
  z-index: 1 !important;
}


/* --- HOW-PERTHITCARE-HELPED MATCH 1390 V2 (4 June) --- */

/* Constrain BOTH layers (classless sibling + .how-perthitcare-helped) */
.div-block-600.pattern-h-stack > div {
  max-width: 1390px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* --- WAVES 479 TALLER FOR FLOWBOX-HERO (4 June 2026) ---
   .waves-forhero base height 107% covers hacked's section (~900px)
   but service pages like maint have taller heroes (~1034px content)
   so the dark gradient ends short, exposing the section's underlying
   cyan radial. Bump waves to 130% on body.flowbox-hero at <=479 so
   it covers the taller content. */

@media screen and (max-width: 479px) {
  body.flowbox-hero .waves-forhero,
  body.flowbox-hero .waves-forhero.web-h,
  body.flowbox-hero .waves-forhero.web-h.no-overflow {
    height: 130% !important;
  }
}


/* --- MAINT-HERO 479 IMAGE CAP (4 June 2026) ---
   At <=479 the crying-computer-baby image renders at ~620px tall and
   dominates the hero. Cap to 250px max-height so it sits as a smaller
   anchor element. Scoped to .maint-hero class so other service pages
   keep their own per-page tuning. */

@media screen and (max-width: 479px) {
  .homepage-hero.clown-image.maint-hero {
    max-height: 250px !important;
    height: auto !important;
    width: auto !important;
    max-width: 90% !important;
  }
}


/* --- HACKED HERO 479 POLISH + UNIVERSAL CIRCLE NUDGE (4 June 2026) ---
   1. Cap hacked's image to 250px max-height at 479 (match maint)
   2. Remove the dark gradient overlay on hacked at 479 (the section-hero
      :has(.clown-hacker)::after pseudo. Maint doesn't have hero-treatment
      so isn't affected. Visual goal: match the cleaner maint look at 479)
   3. Nudge .circle-cta.web-h slightly left on both pages so circle-text
      arc doesn't clip the right edge of the viewport.
*/

@media screen and (max-width: 479px) {
  /* 1. Hacked image cap */
  .image-151.less-sat.web-r.clown-image.clown-hacker {
    max-height: 250px !important;
    height: auto !important;
    width: auto !important;
    max-width: 90% !important;
  }
  /* 2. Kill hacked's extra dark overlay pseudo at 479 only */
  .section-hero:has(> .clown-hacker)::after {
    display: none !important;
  }
}

/* --- TEMPLATE CIRCLE-CTA 479 NUDGE (4 June 2026) ---
   Nudge .circle-cta.web-h left at 479 on service pages using the
   maint/template pattern. Excludes hacked (which has clown-hacker
   image class and bespoke positioning). Will apply universally as
   the other 8 service pages get rolled out from the maint template. */

@media screen and (max-width: 479px) {
  body.flowbox-hero .section-hero:not(:has(> .clown-hacker)) .circle-cta.web-h {
    transform: translate(-12%, 0) !important;
  }
}


/* --- IT-SUPPORT HERO 1900 SHIFT RIGHT (4 June 2026) ---
   Push the IT support hero image further right at biggest breakpoint
   to better fit the new needs-it-support.webp aspect ratio. Base rule
   at line 7158 is translate(25%, 4%); bumping X to 35% at 1900+. */

@media screen and (min-width: 1900px) {
  .phones-hero-image.it-support {
    transform: translate(25%, 4%) !important;
  }
}


/* --- IT-SUPPORT IMAGE OBJECT-FIT (4 June 2026) ---
   New needs-it-support.webp is 1024x1024 square. Inherits object-fit: fill
   from somewhere upstream, which stretches it to whatever box dimensions
   are computed (1008x783 at desktop). Force contain to preserve square
   aspect ratio. */

.phones-hero-image.it-support {
  object-fit: contain !important;
}

/* --- IT-SUPPORT 479 IMAGE CAP (4 June 2026) ---
   Adding the flow boxes pushed hero content down, making the bottom-
   anchored image (50% height of taller section) extend up into the
   text area. Cap it to a max-height in px so it sits at the bottom
   regardless of section growth. */

@media screen and (max-width: 479px) {
  .phones-hero-image.it-support {
    max-height: 250px !important;
    height: auto !important;
  }
}


/* --- WP-HOSTING IMAGE-211 HIDE 479 (4 June 2026) ---
   Hosting hero has 2 images: .webh-mob (mobile-sized) and .image-211
   (760x507 at 479, the big one). Hide .image-211 at <=479 so the
   smaller webh-mob handles mobile. */

@media screen and (max-width: 479px) {
  body.wp-hosting .image-211 {
    display: none !important;
  }
}

/* --- WP-HOSTING GRADIENT 479 RE-ENABLE (5 June 2026) ---
   PITC MOBILE POLISH (line ~42168) universally kills the
   .section-hero.hero-treatment::after gradient at <=479.
   Re-enable on hosting specifically. */

@media screen and (max-width: 479px) {
  body.wp-hosting .section-hero.hero-treatment::after {
    display: block !important;
    content: "" !important;
  }
}

/* --- WP-HOSTING IMG NUDGE 479 (5 June 2026) ---
   Small nudge of hosting hero image at <=479: down + left. */

@media screen and (max-width: 479px) {
  body.wp-hosting .homepage-hero.clown-image.webh-mob {
    transform: translate(15%, 5%) !important;
  }
}

/* --- WP-HOSTING CIRCLE 479 NUDGE (5 June 2026) ---
   Nudge hosting circle-cta up and further left at <=479. */

@media screen and (max-width: 479px) {
  body.wp-hosting.flowbox-hero .section-hero:not(:has(> .clown-hacker)) .circle-cta.web-h {
    transform: translate(-20%, -30%) !important;
  }
}


/* --- CIRCLE-RING-DECO-V2 (5 Jun) --- */
/* SVG sits inside .div-block-545 (which is already position:absolute).
   Negative inset extends rings beyond the image bounds.
   No changes to image or its parent - layout stays intact. */

.div-block-545.decode-im-2 > .circle-ring-deco {
  position: absolute !important;
  top: -15% !important;
  left: -15% !important;
  width: 130% !important;
  height: 130% !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.div-block-545.decode-im-2 > .circle-ring-deco svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}


/* ============================================================ */
/* CASE STUDY BACKGROUND IMAGES - BASE LEVEL MIRROR (5 Jun)    */
/* These rules exist inside @media(min-width:1900px) but their  */
/* images need to apply at ALL breakpoints. Mirrored to base.   */
/* ============================================================ */

.spark-section.spark-hero-background-image-with-centered-content.decode.ii {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/veronic-southern-integrity-impressions.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.bibby {
  background-image: linear-gradient(#0e141bb3, #0e141bb3), radial-gradient(circle at 50% 100%, #00d4ff40, #fff0 65%), linear-gradient(#fff0, #0e141bcc), url('../images/painted-face-for-blog_1painted face for blog.avif'), linear-gradient(#0e141b, #0e141b);
  background-position: 0 0, 0 0, 0 0, 50%, 0 0;
  background-repeat: repeat, repeat, repeat, no-repeat, repeat;
  background-size: auto, auto, auto, cover, auto;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.nls {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/career-herojpg.jpg');
  background-position: 0 0, 0 0, 50%;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.cfs {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/Case-Study-image-min1.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.dc {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/Screenshot-2025-10-24-160753.png');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.tbs {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/smiling-girl-beach-final.webp');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.mbc {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/LARGE-BANNER.jpg');
  background-position: 0 0, 0 0, 50%;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.tolton {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141b80, #0e141b80), url('../images/header.webp');
  background-position: 0 0, 0 0, 70%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.wafs {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/bushfire.webp');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.simara {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141bd9, #0e141bd9), url('../images/Simara-Blends-Butterfly-Pea.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.psia {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#051d31e6, #051d31e6), url('../images/jamie-street-JPyRvvUnQjU-unsplash-scaled_1.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.bstimes {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/bstimes.png');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.oswald {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/john-f-kennedy-63160_1280.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.mishack {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/12A1204-e1563779294714-1920x617-c-center_1.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.k2av {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/canvas_1.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.guttergoblins {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/new-about-us-pic_1.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode._11 {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/11-Recruitment_1.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.ablife {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/future-2304561_1920.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.hpark {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/hp-creche-outdoors_1.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.soap {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/cleaning-381090_1921.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.holt {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/Wedding-DJ-Homepage-Slider_1.avif');
  background-position: 0 0, 0 0, 25%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.empower {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/web-service-background_00000.png');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, auto;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.charlies {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/fa2f9ae250a711f09510_1.avif');
  background-position: 0 0, 0 0, 62%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.fbhighfields {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/pexels-rachel-claire-5863643_1.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.spark-section.spark-hero-background-image-with-centered-content.decode.legatha {
  background-image: linear-gradient(#fff0, #0e141bcc), linear-gradient(#0e141be6, #0e141be6), url('../images/20160421_140147.avif');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.div-block-545.decode-im-2.ii-img-2 {
  background-image: url('../images/accounting-services-joondalup_1.avif');
  background-position: 50%;
}

.div-block-545.decode-im-2.bibby-img2 {
  background-image: url('../images/LinkedIn-Marketing-Strategy-1.webp');
  background-position: 50% 15%;
}

.div-block-545.decode-im-2.nls-imag-2 {
  background-image: url('../images/new-banner-no-limit-sports_00000.png');
  background-position: 4.5%;
}

.div-block-545.decode-im-2.cfs-img2 {
  background-image: url('../images/Aranmore-18-e1661928060896-1387x1108.jpg');
}

.div-block-545.decode-im-2.tbs-img2 {
  background-image: url('../images/NDIS-image-Target-Behaviour-Services.webp');
}

.div-block-545.decode-im-2.mbc-img-2 {
  background-image: url('../images/TT-30-4-24-e1714891820466-circle-0d61e1a8304d5eebaa31a76fa6bd56cd-6mscyiz19p7e.jpg');
}

.div-block-545.decode-im-2.tolton-img-3 {
  background-image: url('../images/about-us_1.avif');
}

.div-block-545.decode-im-2.wafs-img2 {
  background-image: url('../images/BALDocs1.jpg');
}

.div-block-545.decode-im-2.simara-img2 {
  background-image: url('../images/Sticky-Chai-Simara-Blends.jpg');
}

.div-block-545.decode-im-2.psia-img2 {
  background-image: url('../images/IMG_5377-768x1024.jpg.webp');
  background-position: 50%;
}

.div-block-545.decode-im-2.bst-img2 {
  background-image: url('../images/IMG_5942-720x576_1.avif');
}

.div-block-545.decode-im-2.mishack-img2 {
  background-image: url('../images/Marcus__024-copy-e1425976570751-1920x590-c-center_1.avif');
  background-repeat: repeat;
  background-size: contain;
}

.div-block-545.decode-im-2.oswalds-img-2 {
  background-image: url('../images/john-f-kennedy-63160_1280.jpg');
}

.div-block-545.decode-im-2.k2av-img2 {
  background-image: url('../images/k2-1080-01_1.avif');
}

.div-block-545.decode-im-2.guttergoblins-img2 {
  background-image: url('../images/pressure-washing-hero_1.avif');
  background-position: 20%;
}

.div-block-545.decode-im-2._11-img-2 {
  background-image: url('../images/11-Recruitment_1.avif');
  background-position: 50% 0;
}

.div-block-545.decode-im-2.ablife-img2 {
  background-image: url('../images/stop-4036139_1281.avif');
  background-position: 50%;
}

.div-block-545.decode-im-2.hpark-img2 {
  background-image: url('../images/hp-creche-outdoors_1.avif');
  background-position: 50%;
}

.div-block-545.decode-im-2.soap-img2 {
  background-image: url('../images/pexels-karolina-grabowska-4239067_1.avif');
  background-position: 100%;
}

.div-block-545.decode-im-2.holt-img-2 {
  background-image: url('../images/Corporate-DJ-Homepage-Slider_1.avif');
  background-position: 50%;
}

.div-block-545.decode-im-2.eup-img2 {
  background-image: url('../images/Aria-Schulz-6_1.avif');
  background-position: 50%;
  background-size: auto;
}

.div-block-545.decode-im-2.charlies {
  background-image: url('../images/e655b241b50111ee9681_1.avif');
  background-position: 78%;
}

.div-block-545.decode-im-2.fbhighfields-img-2 {
  background-image: url('../images/pexels-rosa-stone-1013669897-21235061_1.avif');
}

.div-block-545.decode-im-2.legtha-img-2 {
  background-image: url('../images/RiverviewPlace-2_1.avif');
}



/* ============================================================ */
/* DECODE-IMG-1 BASE LEVEL MIRROR (5 Jun)                       */
/* Hero image variants. Were only at 1900+ MQ -> wrong below.   */
/* ============================================================ */

.div-block-546.decode-img-1.ii-img-1 {
  background-image: url('../images/why-integrity-impressions-accountants-perth-1024x683.jpg');
  background-position: 80%;
}

.div-block-546.decode-img-1.bibby-img1 {
  background-image: url('../images/LinkedIn-Marketing-Agency-Team.webp');
  background-position: 50% 20%;
}

.div-block-546.decode-img-1.nls-img-1 {
  background-image: url('../images/nls-oosh.jpg');
  background-position: 20%;
  background-size: cover;
}

.div-block-546.decode-img-1.cfs-img1 {
  background-image: url('../images/Centre-for-stories-26-Oct-2024-324-2-1419x940.jpg');
}

.div-block-546.decode-img-1.tbs-img1 {
  background-image: url('../images/girl-painted-hands-final.webp');
}

.div-block-546.decode-img-1.mbc-img-1 {
  background-image: url('../images/typorama-copy-600x570.png');
}

.div-block-546.decode-img-1.tolton-img-1 {
  background-image: url('../images/about-us-group_1.avif'), linear-gradient(to bottom, var(--relume-library-lite-rl-white), var(--relume-library-lite-rl-white));
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border-style: none;
  border-width: 2px;
}

.div-block-546.decode-img-1.tolton-img-1.overlay-tolton {
  filter: none;
  background-image: url('../images/about-us-group_1.avif');
  background-position: 50%;
  background-size: cover;
  border-style: solid;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-546.decode-img-1.wafs-img1 {
  background-image: url('../images/bushfire-management-plan.webp');
  background-position: 50% 35%;
}

.div-block-546.decode-img-1.simara-img1 {
  background-image: url('../images/Golden-Turmeric-Latte-Powder-Simara-Blends-500x625.jpg');
  background-position: 50%;
  background-size: cover;
  border-style: solid;
}

.div-block-546.decode-img-1.psia-img-1 {
  background-image: url('../images/playground-855703_1281.avif');
}

.div-block-546.decode-img-1.bst-img1 {
  background-image: url('../images/900-SSD-01-560x560_1.avif');
}

.div-block-546.decode-img-1.mishack-img-1 {
  background-image: url('../images/IMG_5888-3-1920x1000-c-center_1.avif');
  background-position: 30%;
  background-size: cover;
}

.div-block-546.decode-img-1.oswald-img-1 {
  background-image: url('../images/j-f-kennedy-2296538_1281.avif');
}

.div-block-546.decode-img-1.k2av-img-1 {
  background-image: url('../images/Council-Chambers5-scaled-1-1024x683_adobespark-1_1.avif');
}

.div-block-546.decode-img-1.guttergoblins-img1 {
  background-image: url('../images/house-washing-hero_1.avif');
  background-position: 50%;
}

.div-block-546.decode-img-1._11 {
  background-image: url('../images/Home-01.webp');
  background-position: 50% 20%;
}

.div-block-546.decode-img-1.ablife-im1 {
  background-image: url('../images/rossmarie.avif');
}

.div-block-546.decode-img-1.hpark-img1 {
  background-image: url('../images/HollandParkCreche_Environment_-21_1.avif');
}

.div-block-546.decode-img-1.soap-img1 {
  background-image: url('../images/pexels-karolina-grabowska-4239031_1.avif');
}

.div-block-546.decode-img-1.holt-img1 {
  background-image: url('../images/Party-DJ-Homepage-Slider_1.avif');
}

.div-block-546.decode-img-1.eup-im1 {
  background-image: url('../images/SVG-WEBSITE-STUFF-2-1024x1024.avif'), linear-gradient(to bottom, var(--combine-library-white), var(--combine-library-white));
  background-position: 50%, 0 0;
  background-size: cover, auto;
}

.div-block-546.decode-img-1.charlies-img-1 {
  background-image: url('../images/ffc7968a50b411f09510_1.avif');
  background-position: 28%;
}

.div-block-546.decode-img-1.fbhighfields-img-1 {
  background-image: url('../images/pexels-valeriya-1123250_1.avif');
}

.div-block-546.decode-img-1.legatha {
  background-image: url('../images/20160421_135934.avif');
  background-position: 50%;
}



/* --- LOTTIES CS PIN ALL BREAKPOINTS (5 Jun) --- */
/* The existing LOTTIES CS WIDTH PIN 1920 rule only fires at 1920+.
   Below that, .lotties.cs collapses because inner Lottie layers are
   position:absolute and can't hold the flex parent open.
   Pin to 12rem site-wide so cards stay 192x192 at every breakpoint. */

.lotties.cs {
  width: 12rem !important;
  min-width: 12rem !important;
  height: 12rem !important;
  flex: 0 0 12rem !important;
}


/* --- MAINT CARD LOTTIE LAYOUT SUB-1900 (5 Jun) --- */
/* Below 1900 the laptop Lottie (.brighter.absolute.cs.webm) on the
   case-study maintenance card was rendering position:absolute with
   intrinsic 256px height + inset-based transform offset, busting out
   of the container. Switch it to position:relative with no transform
   at sub-1900 so it flows naturally inside the 12rem .lotties.cs box. */

@media screen and (max-width: 1899px) {
  .lottie-animation-2.brighter.absolute.cs.webm {
    position: relative !important;
    width: 12rem !important;
    height: 12rem !important;
    transform: none !important;
    inset: auto !important;
  }
}


/* --- COG CS HALF SIZE BASE LEVEL (5 Jun) --- */
/* The 6rem .cog.cs rule at line 26204 lives inside @media (max-width: 991px).
   At 1440 (no media query) it falls back to the base 9rem .cog rule.
   Append a true base-level rule to halve cog on case-study cards at every size. */

.lottie-animation-2.flip.web-repair.relative.cog.cs {
  width: 6rem !important;
  height: 6rem !important;
}


/* --- DIV-BLOCK-598 FLEX CENTER (5 Jun, restoring prior session fix) --- */
/* Pattern Recognition section wrapper. Flex column + center children
   so heading + paragraph sit centered vertically and horizontally. */

.div-block-598 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}


/* --- CIRCLE-RING-DECO 991 CENTER (5 Jun) --- */
/* Below 1900 the .div-block-545.decode-im-2 goes position:static
   at 991, which breaks the SVG's anchor. Force position:relative on
   it below 1900 so the SVG always centers on the image. */

@media screen and (max-width: 1899px) {
  .div-block-545.decode-im-2 {
    position: relative !important;
  }
}


/* --- RESULT STRIP 479 (5 Jun) --- */
/* Shrink number + suffix on mobile. Suffix stays smaller than number
   for hierarchy. bst-time-counter (8:36 AM) also gets sized down. */

@media screen and (max-width: 479px) {
  .decode-result-num,
  .decode-result-num .purecounter,
  .decode-result-num .bst-time-counter {
    font-size: 2rem !important;
  }
  .decode-result-suffix {
    font-size: 1.1rem !important;
    margin-left: 0.2rem !important;
  }
}


/* --- PITC FOOTER STRIP INVERSE (5 Jun 2026 - hacked page bottom transition) --- */
.pitc-footer-strip-inverse { display: block !important; width: 100% !important; aspect-ratio: 680 / 140 !important; height: auto !important; background: transparent !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: relative !important; line-height: 0 !important; }
.pitc-footer-strip-inverse::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 14.29% !important; background: #0e141b !important; z-index: 1 !important; }
.pitc-footer-strip-inverse::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 14.29% !important; background: #ffffff !important; z-index: 1 !important; }
.pitc-footer-strip-inverse .pitc-hex-svg-inverse { position: absolute !important; left: 0 !important; top: 14.29% !important; width: 100% !important; height: 71.42% !important; display: block !important; pointer-events: none !important; }


/* --- PITC FOOTER STRIP INVERSE PIN (5 Jun 2026 - hacked page) --- */
body.hacked-page .main-sections.padding-bottom:has(.pitc-footer-strip-inverse) { position: relative !important; padding-bottom: max(188px, 14.7vw) !important; }
body.hacked-page .main-sections.padding-bottom .pitc-footer-strip-inverse { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; aspect-ratio: 680 / 140 !important; height: auto !important; }


/* --- BAND-REVEAL LINE SPACING (5 Jun 2026) --- */
.band-reveal { line-height: 1.4 !important; }

/* --- SECTION-HERO NARROW CLAMP (5 Jun 2026 - site-wide <=479) --- */
@media screen and (max-width: 479px) {
  .section-hero .main-wrapper-3,
  .section-hero .cta-section,
  .section-hero .background-wrapper,
  .section-hero .overlay,
  .section-hero .title-box-left,
  .section-hero .div-block-359,
  .section-hero .div-block-507,
  .section-hero .herobox-text {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* --- HEX STRIP FIXED SIZE BELOW 1280 (5 Jun 2026 v2) --- */
/* Below 1280, lock strip height. Inverse needs high specificity to beat pin-to-bottom rule. */
@media screen and (max-width: 1279px) {
  .pitc-footer-strip,
  body.hacked-page .main-sections.padding-bottom .pitc-footer-strip-inverse {
    aspect-ratio: auto !important;
    height: 263.5px !important;
  }
}


/* --- SUBTITLE CHARCOAL BASE (5 Jun 2026) --- */
/* Webflow only exported .subtitle.charcoal color inside @media (min-width: 1900px) so below 1900 it falls through to .subtitle's near-white. Mirror the rule to base level so the charcoal applies at all breakpoints. */
.subtitle.charcoal {
  color: #333333 !important;
}


/* --- FN-SECTION GRID 1-COL 767 (5 Jun 2026 site-wide) --- */
/* Contact section's .w-layout-grid (heading/testimonial/address columns) stacks to 1 column at <=767. Webflow w-node-* rules per child also need resetting so they don't keep their original column positions. */
@media screen and (max-width: 767px) {
  .fn-section .div-block-481 > .w-layout-grid {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    grid-row-gap: 40px !important;
  }
  .fn-section .div-block-481 > .w-layout-grid > * {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}


/* --- SUBURB GRID 1-COL 479 (5 Jun 2026 site-wide) --- */
/* Suburb cards flex row with nowrap causes horizontal scroll at narrow viewports. Stack to single column at <=479 so cards fit cleanly. */
@media screen and (max-width: 479px) {
  .div-block-664.suburb-grid {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  .div-block-664.suburb-grid > .link-172.suburb-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}


/* --- SB-IT WAVES HEIGHT CAP (5 Jun 2026) --- */
/* SB-IT has no buffer section between hero and marquee, so waves' default 107% height shows below the hero gradient as a cyan/dark band. Cap to 100% on this page only via the .it-support clown-image class. Other flowbox-hero pages keep their working 107% (or 130% at 479). */
body:has(.clown-image.it-support) .waves-forhero.web-h,
body:has(.clown-image.it-support) .waves-forhero.web-h.no-overflow {
  height: 100% !important;
}


/* --- FLOWBOX-HERO 479 MASK RESET (5 Jun 2026) --- */
/* Base ::after has mask-image fading out on the left (desktop image-on-right layout). At 479 the layout is stacked so the mask must come off to cover the full hero width. */
@media screen and (max-width: 479px) {
  body.flowbox-hero .section-hero.hero-treatment::after {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}


/* --- FLOWBOX-HERO PAGE-WRAPPER RELATIVE 1900 (8 June 2026) ---
   At 1900+, Webflow's .page-wrapper { min-height: 100vh } combined
   with waves-forhero { height: 100% } and offsetParent=BODY means
   waves resolves to 100vh, not section-hero height. Section-hero
   exceeds 100vh because of image content, so waves stops short and
   the cyan radial behind it shows through.
   Fix: give page-wrapper position:relative so it becomes waves'
   offsetParent. Page-wrapper sizes to contain section-hero (870px)
   so waves' height: 100% = section-hero height. Gap closed.
   Scoped to body.flowbox-hero + 1900+ only to limit blast radius. */

body.flowbox-hero main.page-wrapper {
  position: relative !important;
}


/* --- FLOWBOX-HERO WAVES HEIGHT CAP (8 June 2026 re-add) ---
   Cap waves to 100% so it does not extend past section-hero into
   the next section. Replaces post-export section 13b 107% rule
   for this page family only. Pairs with FLOWBOX-HERO PAGE-WRAPPER
   RELATIVE 1900 to fix the gap at all breakpoints. */

body.flowbox-hero .waves-forhero.web-h,
body.flowbox-hero .waves-forhero.web-h.no-overflow,
body.flowbox-hero .waves-forhero.web-h.mob-on,
body.flowbox-hero .waves-forhero.web-h.phones {
  height: 100% !important;
}


/* --- FLOWBOX-HERO REVIEW INTRO PADDING 1900 (8 June 2026) ---
   At 1900+ a base rule sets ._100-width-div-centred margin-bottom
   to -50px which pulls the next section up too close to the review
   intro paragraph. Neutralise and add breathing room on flowbox
   hero pages only (sb-it, sb-web). */

@media screen and (min-width: 1900px) {
  body.flowbox-hero ._100-width-div-centred.padding-top {
    margin-bottom: 0 !important;
    padding-bottom: 3rem !important;
  }
}

/* --- WP-HOSTING BASE-X DESKTOP MIDRANGE (8 Jun 2026) ---
   Inline head <style> sets --base-x:40% at base and 1900+. At 1900+ other
   CSS resizes the image so 40% lands inside the page. Below 1900 (down to
   tablet) the same 40% pushes image right edge ~460px off-screen at 1440.
   Scope to the gap. --- */
@media (min-width: 992px) and (max-width: 1899px) {
  body.wp-hosting .homepage-hero.clown-image.webh-mob {
    --base-x: 20% !important;
  }
}

/* --- HOSTING DASHBOARD CENTERPIECE (8 June 2026) --- */

@media screen and (max-width: 991px) {
  .pitc-hosting-dashboard-slot {
    display: none !important;
  }
}

.pitc-hosting-dashboard-slot {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

.pitc-hosting-dashboard {
  background: #ffffff;
  border-radius: 14px;
  width: 100%;
  max-width: 460px;
  box-shadow: 0 12px 40px rgba(14,20,27,0.10), 0 2px 6px rgba(14,20,27,0.06);
  border: 1px solid #e2e8f0;
  overflow: hidden;
}

.pitc-dash-chrome {
  background: #f1f5f9;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #e2e8f0;
}

.pitc-dash-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
}

.pitc-dash-dot-red { background: #ef4444; }
.pitc-dash-dot-amber { background: #f59e0b; }
.pitc-dash-dot-green { background: #10b981; }

.pitc-dash-url {
  font-size: 11px;
  color: #64748b;
  margin-left: 8px;
  font-family: "Courier New", monospace;
}

.pitc-dash-body { padding: 24px 28px 28px; }

.pitc-dash-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.pitc-dash-eyebrow {
  font-size: 11px;
  color: #ff8c00;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 4px;
  font-weight: 500;
}

.pitc-dash-title {
  font-size: 16px;
  font-weight: 500;
  color: #0e141b;
}

.pitc-dash-status {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pitc-dash-status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #16a34a;
  position: relative;
}

.pitc-dash-status-dot::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  background: #16a34a;
  opacity: 0.45;
  animation: pitcDashPulse 2s ease-out infinite;
}

@keyframes pitcDashPulse {
  0% { transform: scale(0.8); opacity: 0.5; }
  100% { transform: scale(2.2); opacity: 0; }
}

.pitc-dash-status-label {
  font-size: 13px;
  color: #16a34a;
  font-weight: 500;
}

.pitc-dash-bw { margin-bottom: 22px; }

.pitc-dash-bw-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 10px;
}

.pitc-dash-bw-label { font-size: 12px; color: #64748b; }

.pitc-dash-bw-value {
  font-size: 13px;
  color: #0e141b;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.pitc-dash-bw-svg { width: 100%; height: 68px; display: block; }

.pitc-dash-bw-fill { fill: #0091ff; opacity: 0.10; }

.pitc-dash-bw-line { fill: none; stroke: #0091ff; stroke-width: 2; }

.pitc-dash-bw-dot {
  fill: #0091ff;
  transition: cy 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.pitc-dash-bw-line, .pitc-dash-bw-fill {
  transition: d 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.pitc-dash-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

.pitc-dash-metric {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 14px 8px;
  text-align: center;
}

.pitc-dash-metric-label {
  font-size: 11px;
  color: #64748b;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.pitc-dash-metric-value {
  font-size: 22px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}

.pitc-dash-metric-value-dark { color: #0e141b; }
.pitc-dash-metric-value-blue { color: #0091ff; }
.pitc-dash-metric-value-orange { color: #ff8c00; }


/* --- HOSTING DASHBOARD HIDE 1900 (8 June 2026) ---
   At 1900+ the feature grid is 4-wide so 9 items renders as 4+4+1.
   Hide the dashboard slot so layout reverts to clean 4+4 = 8 cards. */

@media screen and (min-width: 1900px) {
  .pitc-hosting-dashboard-slot {
    display: none !important;
  }
}

/* --- UUI-LAYOUT34-2 4WIDE 25PAD DESKTOP MIDRANGE (8 Jun 2026) ---
   Adds 25px horizontal padding to the uui-layout34_component-2 _4-wide grid
   at 1440/1280 (the 992-1899 desktop midrange). Site-wide. --- */
@media (min-width: 992px) and (max-width: 1899px) {
  .uui-layout34_component-2._4-wide {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

/* --- BIKE-SHED EVIDENCE-IMG NATIVE CAPS (9 Jun 2026) ---
   Bike Shed Times only - cap evidence-img at native pixel dimensions to
   prevent upscaling/fuzziness. Smaller image (contact form, 623px native)
   was being upscaled to 778px. Plus 25px top margin on all evidence-img. --- */
body.bike-shed-page .evidence-img {
  width: 100% !important;
  height: auto !important;
  margin-top: 25px !important;
}
body.bike-shed-page .evidence-img[src*="contact-form-redacted"] {
  max-width: 623px !important;
}
body.bike-shed-page .evidence-img[src*="forwarded-email-redacted"] {
  max-width: 1784px !important;
}

/* --- BIKE-SHED IMG2 INDIAN-MOTORBIKE (9 Jun 2026) ---
   Bike Shed Times bst-img2 - override background to indian-motorbike.webp
   at all breakpoints. Beats existing rules at lines ~25440 (in 1900+ block)
   and ~45704 (post-export base) via body.bike-shed-page specificity. --- */
body.bike-shed-page .div-block-545.decode-im-2.bst-img2 {
  background-image: url('../images/indian-motorbike.webp') !important;
  background-position: 50% 50% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* --- EVIDENCE-FRAME IMG CENTER (9 Jun 2026) ---
   Center evidence-img horizontally inside .evidence-frame. Needed because
   max-width caps (e.g. 623px) can be smaller than frame width, leaving
   image left-aligned. Applies across all case studies using evidence-frame. --- */
.evidence-frame {
  text-align: center !important;
}
.evidence-frame .evidence-img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* --- CASE-STUDY CARDS UNIFORM HEIGHT (9 Jun 2026) ---
   Make the 4 'How Perth IT Care helped' cards (.cscolour-wrap + inner
   .spark-checked-item) all match the tallest card. Applies across all
   case studies (grid-16 is the help-section grid) at all breakpoints. --- */
.grid-16 {
  grid-auto-rows: 1fr !important;
  align-items: stretch !important;
}
.grid-16 > .cscolour-wrap {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.grid-16 > .cscolour-wrap > .spark-checked-item,
.grid-16 > .cscolour-wrap.w-inline-block > .spark-checked-item {
  height: 100% !important;
  max-width: none !important;
  flex: 1 1 auto !important;
}

/* --- BIKE-SHED GRID-7 PLACEMENT MIRRORS DECODE (9 Jun 2026) ---
   Bike-shed's grid-7 cards had 3 cards pinned to the same grid cell (1/1/2/2)
   by Webflow's exported rules - cards overlapped. New IDs use -bst-1 suffix
   on Decode's canonical ID stems. Re-issuing the same grid-area placement
   Decode uses. --- */
#w-node-_97530ac2-1854-e0ce-8de5-2a3bfaba36fa-bst-1 {
  grid-area: span 1 / span 1 / span 1 / span 1 !important;
}
#w-node-_916f6609-f6d2-93c4-04a4-dadbe6c1f299-bst-1 {
  grid-area: span 4 / span 1 / span 4 / span 1 !important;
}
#w-node-d6d01833-b903-ed62-ce27-b1978b7d5b66-bst-1,
#w-node-cf8282f7-2ab5-de44-9b06-7b9e42de4d26-bst-1,
#w-node-_97530ac2-1854-e0ce-8de5-2a3bfaba3709-bst-1 {
  grid-area: span 1 / span 1 / span 1 / span 1 !important;
}
/* --- BAND-REVEAL LINE-HEIGHT 1900 (10 Jun 2026) --- */
/* The site-wide .band-reveal lh 1.4 rule (line ~46003) inflates big-breakpoint
   headings (60.8px font x 1.4 = 85px line box). Cap to 1.2 at 1900+. */

@media screen and (min-width: 1900px) {
  .band-reveal {
    line-height: 1.2 !important;
  }
}
/* --- PITC SLIDER SLIDES CLEAN (10 Jun 2026) --- */
/* Photo-only backgrounds for all 5 homepage slider slides. Replaces
   IMG-1 SLIDER DECODE SWAP v3 + HOMEPAGE SLIDER 02-03 sections.
   No gradient layers, no decode top logo (logo now lives in pill).
   Overrides Webflow base rules at ~9244 and the 991 MQ at ~34515. */

.img-child.img-1 {
  background-image: url('../images/decodelaughing.jpg') !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
@media screen and (max-width: 991px) {
  .img-child.img-1 {
    background-position: 38% 50% !important;
  }
}

.img-child.img-2 {
  background-image: url('../images/12A1204-e1563779294714-1920x617-c-center_1.avif') !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.img-child.img-3 {
  background-image: url('../images/accounting-services-joondalup_1.avif') !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.img-child.img-4 {
  background-image: url('../images/IMG_5942-720x576_1.avif') !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.img-child.img-5 {
  background-image: url('../images/Case-Study-image-min1.jpg') !important;
  background-position: 65% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* --- PITC SLIDER LOGO PILL v2 (10 Jun 2026) --- */
/* Replaces v1. 96px pill (2x), logo max 400px. All pills white
   (11 Jun: 11R blue variant removed with slot 05 shuffle to CFS). */

.img-child .div-block-456 {
  position: absolute !important;
  left: 14px !important;
  bottom: 14px !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  max-width: 75% !important;
  height: 96px !important;
  background-color: #fff !important;
  border-radius: 14px !important;
  padding: 12px 20px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  transform: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

.img-child .div-block-456 img {
  width: auto !important;
  height: auto !important;
  max-width: 400px !important;
  max-height: 100% !important;
  object-fit: contain !important;
  filter: none !important;
  transform: none !important;
}

.img-child::after {
  left: auto !important;
  right: 14px !important;
}

/* --- LOTTIE BARE ABSOLUTE DESKTOP RANGE (10 Jun 2026) --- */
/* Webflow base puts translate(25%, 20%) on .lottie-animation-2.brighter
   .absolute (no flip), shoving e.g. the website-maintenance lottie out of
   its card at 992-1899. The 1900+ block already corrects to none; this
   mirrors that across the desktop range. Mobile MQ translates untouched.
   Excludes .flip (mirror transform) and .navbar (own translates). */

@media screen and (min-width: 992px) and (max-width: 1899px) {
  .lottie-animation-2.brighter.absolute:not(.flip):not(.navbar) {
    transform: none !important;
  }
}

/* --- WEB-D HERO IMAGE SIZE (11 Jun 2026) --- */
/* Robot helpers hero on small-business-web-design: 15% smaller than the
   base .phones-hero-image width: 100%. All breakpoints. */

.phones-hero-image.web-d {
  width: 85% !important;
}
/* --- WEB-D CIRCLE TEXT PLUS10 (11 Jun 2026) --- */
/* +10% circle CTA text on small-business-web-design (text repeats twice).
   Base inherited 3.25rem -> 3.6rem; 1900+ 2.7rem -> 3rem. */

.circle-text.pointer-events-none.web-d {
  font-size: 1.65rem !important;
}
@media screen and (min-width: 1900px) {
  .circle-text.pointer-events-none.web-d {
    font-size: 1.4rem !important;
  }
}

/* --- CODE TAGS DIVIDER (11 Jun 2026) --- */
/* Web-design page divider above Past Projects. Clones the hosting
   server-rack-divider mechanics (28 May v2): own dark bg, SVG tile,
   repeat-x, 80/60/44px heights. Class only exists on this page. */

.code-tags-divider {
  display: block !important;
  width: 100% !important;
  height: 80px !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #0e141b !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 50'><g font-family='Courier New,monospace' font-weight='bold'><text x='8' y='21' font-size='12' fill='%2300d4ff'>&lt;/&gt;</text><text x='44' y='21' font-size='12' fill='%231c4a6e'>%7B %7D</text><text x='82' y='21' font-size='12' fill='%23ff8c00'>&lt;div&gt;</text><text x='130' y='21' font-size='12' fill='%230091ff' opacity='0.7'>%23hero</text><text x='178' y='21' font-size='12' fill='%231c4a6e'>&lt;a&gt;</text><text x='212' y='21' font-size='12' fill='%2300d4ff' opacity='0.5'>%7B %7D</text><text x='24' y='41' font-size='11' fill='%231c4a6e'>&lt;img&gt;</text><text x='78' y='41' font-size='11' fill='%2300d4ff' opacity='0.45'>&lt;/&gt;</text><text x='112' y='41' font-size='11' fill='%230091ff' opacity='0.55'>.hero</text><text x='160' y='41' font-size='11' fill='%231c4a6e'>&lt; /&gt;</text><text x='204' y='41' font-size='11' fill='%23ff8c00' opacity='0.6'>&lt;/&gt;</text></g></svg>") !important;
  background-repeat: repeat-x !important;
  background-size: 240px 50px !important;
  background-position: center center !important;
  pointer-events: none;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 991px) {
  .code-tags-divider {
    height: 60px !important;
    background-size: 180px 38px !important;
  }
}

@media screen and (max-width: 479px) {
  .code-tags-divider {
    height: 44px !important;
    background-size: 132px 28px !important;
  }
}

/* --- SLIDER PILL TEXT (11 Jun 2026) --- */
/* Text fallback inside slider logo pills for clients without a logo
   asset (currently Bike Shed Times, img-4). */

.img-child .div-block-456 .pill-text {
  font-family: Exo, sans-serif !important;
  font-size: 1.9rem !important;
  font-weight: 700 !important;
  color: #0e141b !important;
  letter-spacing: 0.02em !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}


/* --- MAINT REPAIR CTA DARK (15 Jun) --- */
.pitc-repair-cta {
  background-color: #0e141b !important;
  padding-top: calc(4rem - 25px) !important;
  padding-bottom: 4rem !important;
}
.pitc-repair-cta .paragraph-35,
.pitc-repair-cta .pitc-repair-cta-p {
  color: #ffffff !important;
}
/* lock the two glow layers so the prefix aligns; keep block centred */
.pitc-repair-cta div:has(> .div-block-491.rel) {
  width: fit-content !important;
  max-width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.pitc-repair-cta .div-block-491 {
  width: 100% !important;
  justify-content: center !important;
}
.pitc-repair-cta .div-block-491 h2 {
  text-align: center !important;
}

/* --- SB-IT REVIEW ROW STRETCH (16 Jun) --- */
/* div-block-540 is a flex row align-items:center; stretch makes both review cards equal height at all breakpoints. */
.div-block-540 {
  align-items: stretch !important;
}

/* --- TBS-IMG2 BASE (target behaviour services outcomes circle) --- */

.div-block-545.decode-im-2.tbs-img2 {
  background-image: url('../images/tbs_1tbs_00000.webp') !important;
  background-size: cover !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
}

/* --- TBS-IMG1/IMG2 BASE (target behaviour circle images, all breakpoints) --- */

.div-block-546.decode-img-1.tbs-img1 {
  background-image: url('../images/girl-painted-hands-final.webp') !important;
  background-size: cover !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
}

.div-block-545.decode-im-2.tbs-img2 {
  background-image: url('../images/NDIS-image-Target-Behaviour-Services.webp') !important;
  background-size: cover !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
}

/* --- TBS-LOGO-PILL (white pill behind hero logo, this page only) --- */

.cslogo.tbs {
  background-color: #ffffff !important;
  padding: 14px 26px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.18) !important;
}

/* --- ELEVEN-REC CIRCLE MOBILE STACK (23 Jun) --- */
/* Global 5-Jun rule forces decode-im-2 position:relative below 1900 to
   anchor the ring SVG; that overlaps the outcome cards at <=991 on 11R.
   Scoped to body.eleven-rec-page only - re-assert static so the circle
   drops below the cards (clean mobile stack) like other case studies.
   Other case-study pages are untouched. */
@media screen and (max-width: 991px) {
  body.eleven-rec-page .div-block-545.decode-im-2 {
    position: static !important;
  }
}

/* --- ELEVEN-REC GRID-7 PLACEMENT MIRRORS DECODE (23 Jun) ---
   11R grid-7 cards were pinned to one cell by mangled Webflow placement.
   New IDs use -11r-1 suffix on Decode canonical stems. Re-issue Decode's
   grid-area placement: cards span 1, image spans 4 rows in col 2. --- */
#w-node-_97530ac2-1854-e0ce-8de5-2a3bfaba36fa-11r-1 {
  grid-area: span 1 / span 1 / span 1 / span 1 !important;
}
#w-node-_916f6609-f6d2-93c4-04a4-dadbe6c1f299-11r-1 {
  grid-area: span 4 / span 1 / span 4 / span 1 !important;
}
#w-node-d6d01833-b903-ed62-ce27-b1978b7d5b66-11r-1,
#w-node-cf8282f7-2ab5-de44-9b06-7b9e42de4d26-11r-1,
#w-node-_97530ac2-1854-e0ce-8de5-2a3bfaba3709-11r-1 {
  grid-area: span 1 / span 1 / span 1 / span 1 !important;
}

/* --- BRIGHTER-WEBM SUB1899 RESET (23 Jun) ---
   Bare .brighter.absolute.webm laptop had no rule in the 992-1899 band ->
   fell to intrinsic size + stale transform, sitting low/large at 1440 unlike
   the clean transform:none at 1900+. Mirror the .cs.webm reset, bounded to
   992-1899 so mobile (767/479) keeps its own transforms. --- */
@media screen and (min-width: 992px) and (max-width: 1899px) {
  .lottie-animation-2.brighter.absolute.webm {
    position: relative !important;
    width: 12rem !important;
    height: 12rem !important;
    transform: none !important;
    inset: auto !important;
  }
}

/* --- BRIGHTER-WEBM 479 RESET (23 Jun) ---
   At 479 the laptop .brighter.absolute had translate(-2%, 23%), dropping it
   onto the heading. Reset the .webm laptop to flow centred in .lotties.cs,
   matching the 992-1899 fix. .webm-scoped so .flip + others stay untouched. */
@media screen and (max-width: 479px) {
  .lottie-animation-2.brighter.absolute.webm {
    transform: none !important;
    position: relative !important;
    inset: auto !important;
  }
}


/* --- CASE-STUDY DIV-BLOCK-540 CENTER 991 (23 Jun 2026) --- */
/* Scoped to case studies via the outcomes-circle wrapper (.imagesurround
   .decode-2 - confirmed case-study-exclusive, on 25 of 31 pages; the 6
   second-batch case studies lack the wrapper). Wins back align-items:
   center over the unscoped SB-IT REVIEW ROW STRETCH rule (line ~46602)
   that currently bleeds stretch onto every div-block-540 site-wide. */
@media screen and (max-width: 991px) {
  body:has(.imagesurround.decode-2) .div-block-540 {
    justify-content: center !important;
    align-items: center !important;
  }
}


/* --- ELEVEN-REC HERO CANVAS (23 Jun 2026) --- */
/* Scoped to body.eleven-rec-page only. Canvas layers above the photo
   and static code-embed-9 SVGs, below the centred content. Does NOT
   touch the shared code-embed-9 rules. position:relative guard is
   page-scoped so it cannot affect other spark-section heroes. */
body.eleven-rec-page .spark-section.spark-hero-background-image-with-centered-content.decode._11 {
  position: relative !important;
}
body.eleven-rec-page #eleven-rec-hero-canvas {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
body.eleven-rec-page .spark-section.decode._11 .spark-container.spark-centered-content {
  position: relative !important;
  z-index: 3 !important;
}


/* --- PEN CERT GRID 5-WIDE (17 Jul) --- */

@media screen and (min-width: 1900px) {
  .uui-layout34_component-2.pen._4-wide {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  #w-node-_8f3fd5a2-2412-d4e9-23a9-a7a27cbf7953-8fd92dc6 {
    grid-area: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    place-self: auto !important;
  }
}


/* --- DIV-646 50PX MARGIN-TOP (17 Jul, ethical-hacking only via page class) --- */

.div-block-646._50px-margin-top {
  margin-top: 50px !important;
}


/* --- PEN CENTRE DIV-35 (17 Jul, ethical-hacking qualifications block only) --- */

.div-block-35.pen-centre-35 {
  margin-left: auto !important;
  margin-right: auto !important;
}


/* --- PEN WAVES PIN BOTTOM (17 Jul, ethical-hacking only via .image-151.pen) --- */

body:has(.image-151.pen) main.page-wrapper {
  position: relative !important;
}
body:has(.image-151.pen) .waves-forhero.web-h {
  top: auto !important;
  bottom: 0 !important;
  height: 100% !important;
}


/* --- PEN HERO IMAGE NUDGE RIGHT (17 Jul, ethical-hacking only via .image-151.pen) --- */

body:has(.image-151.pen) .image-151.pen.clown-image {
  --base-x: 10% !important;
}

/* --- BIBBY TESTIMONIAL VIDEO RESPONSIVE (20 Jul 2026) --- */
.bibby-testimonial-video { width: 100% !important; max-width: 560px !important; margin: 0 auto 2rem !important; position: relative !important; overflow: hidden !important; border-radius: 12px !important; display: block !important; padding-bottom: 31.5% !important; height: 0 !important; }
@media (max-width: 767px) { .bibby-testimonial-video { padding-bottom: 56.25% !important; max-width: 100% !important; } }
.bibby-testimonial-video iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: 0 !important; }

/* --- BIBBY N-AVATAR (20 Jul 2026) --- */
.rl_testimonial15_logo.n-avatar { border-radius: 50% !important; overflow: hidden !important; background: transparent !important; display: block !important; aspect-ratio: 1 / 1 !important; }


/* --- CS LAPTOP LOTTIE CENTRING (21 July 2026) --- */
/* Base .brighter.absolute rule applies translate(25%, 20%) designed for
   the old wider help-card layout. .lotties.cs is now pinned to 12rem sq
   site-wide with inset:0% filling parent, so the translate pushes the
   laptop out of centre. Reset only for .cs (case study) variant, exclude
   .flip which needs its rotateY transform. */
.lottie-animation-2.brighter.absolute.cs:not(.flip) {
  transform: none !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}


/* --- BIBBY LINKEDIN FEED HERO (21 Jul 2026) --- */

body.bibby-page .bibby-feed-col {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 34%;
  overflow: hidden;
  padding: 20px 14px;
  box-sizing: border-box;
  z-index: 0;
  pointer-events: none;
}

body.bibby-page .bibby-feed-col.left {
  left: 0;
  -webkit-mask-image: linear-gradient(to right, #000 30%, transparent 100%);
  mask-image: linear-gradient(to right, #000 30%, transparent 100%);
}

body.bibby-page .bibby-feed-col.right {
  right: 0;
  -webkit-mask-image: linear-gradient(to left, #000 30%, transparent 100%);
  mask-image: linear-gradient(to left, #000 30%, transparent 100%);
}

body.bibby-page .bibby-feed-track {
  display: flex;
  flex-direction: column;
  animation: bibbyScroll 50s linear infinite;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

body.bibby-page .bibby-feed-col.right .bibby-feed-track {
  animation-delay: -25s;
}

@keyframes bibbyScroll {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, -50%, 0); }
}

body.bibby-page .bibby-card {
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(0, 212, 255, 0.14);
  border-radius: 8px;
  padding: 12px;
  flex-shrink: 0;
  margin-bottom: 14px;
}

body.bibby-page .bibby-head {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}

body.bibby-page .bibby-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(0, 212, 255, 0.25);
  border: 1px solid rgba(0, 212, 255, 0.35);
  flex-shrink: 0;
}

body.bibby-page .bibby-avatar.alt {
  background: rgba(0, 145, 255, 0.25);
  border-color: rgba(0, 145, 255, 0.35);
}

body.bibby-page .bibby-lines {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

body.bibby-page .bibby-lname {
  height: 8px;
  width: 70%;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 2px;
}

body.bibby-page .bibby-lmeta {
  height: 6px;
  width: 45%;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 2px;
}

body.bibby-page .bibby-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 10px;
}

body.bibby-page .bibby-bl {
  height: 7px;
  background: rgba(255, 255, 255, 0.22);
  border-radius: 2px;
}

body.bibby-page .bibby-bl.w100 { width: 100%; }
body.bibby-page .bibby-bl.w90  { width: 90%; }
body.bibby-page .bibby-bl.w75  { width: 75%; }
body.bibby-page .bibby-bl.w60  { width: 60%; }
body.bibby-page .bibby-bl.w45  { width: 45%; }

body.bibby-page .bibby-img {
  width: 100%;
  height: 76px;
  background: linear-gradient(135deg, rgba(0, 212, 255, 0.08), rgba(0, 145, 255, 0.04));
  border: 1px solid rgba(0, 212, 255, 0.1);
  border-radius: 4px;
  margin-bottom: 10px;
}

body.bibby-page .bibby-rx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

body.bibby-page .bibby-dots {
  display: flex;
  gap: 3px;
}

body.bibby-page .bibby-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(0, 212, 255, 0.4);
  border: 1px solid #0e141b;
}

body.bibby-page .bibby-dot:nth-child(2) {
  background: rgba(0, 145, 255, 0.4);
  margin-left: -6px;
}

body.bibby-page .bibby-dot:nth-child(3) {
  background: rgba(0, 212, 255, 0.3);
  margin-left: -6px;
}

body.bibby-page .bibby-rxcount {
  height: 6px;
  width: 40px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 2px;
}

@media screen and (max-width: 767px) {
  body.bibby-page .bibby-feed-col {
    width: 28%;
  }
}

@media screen and (max-width: 479px) {
  body.bibby-page .bibby-feed-col {
    display: none;
  }
}


/* --- BIBBY LINKEDIN FEED HERO FIX (21 Jul 2026) --- */

body.bibby-page .bibby-feed-col {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 34% !important;
  z-index: 0 !important;
  overflow: hidden !important;
  padding: 20px 14px !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}

body.bibby-page .bibby-feed-col.left {
  left: 0 !important;
  right: auto !important;
}

body.bibby-page .bibby-feed-col.right {
  right: 0 !important;
  left: auto !important;
}

body.bibby-page .spark-section > .div-block-640 {
  position: relative !important;
  z-index: 1 !important;
}

@media screen and (max-width: 767px) {
  body.bibby-page .bibby-feed-col {
    width: 28% !important;
  }
}

@media screen and (max-width: 479px) {
  body.bibby-page .bibby-feed-col {
    display: none !important;
  }
}


/* --- BIBBY LINKEDIN FEED HERO TUNE (21 Jul 2026) --- */

body.bibby-page .bibby-feed-col {
  width: 24% !important;
  opacity: 0.6 !important;
}

body.bibby-page .bibby-feed-col.left {
  -webkit-mask-image: linear-gradient(to right, #000 15%, transparent 100%) !important;
  mask-image: linear-gradient(to right, #000 15%, transparent 100%) !important;
}

body.bibby-page .bibby-feed-col.right {
  -webkit-mask-image: linear-gradient(to left, #000 15%, transparent 100%) !important;
  mask-image: linear-gradient(to left, #000 15%, transparent 100%) !important;
}

@media screen and (max-width: 767px) {
  body.bibby-page .bibby-feed-col {
    width: 20% !important;
  }
}










/* --- HOMEPAGE HERO RIDE-UP FIX (24 Jul 2026) ---
   Same pattern as pen-testing (17 Jul) and flowbox-hero (8 Jun).
   waves-forhero.home was anchored to BODY as offsetParent,
   causing it to size to a viewport-relative container and
   ride up on vertical shrink. Making main.page-wrapper
   position:relative makes it waves' offsetParent. Then
   top:auto + bottom:0 + height:100% anchors waves to bottom
   of main.page-wrapper filling the hero region.
   Scoped body.homepage - no media query gate (memory pattern). */

body.homepage main.page-wrapper {
  position: relative !important;
}

body.homepage .waves-forhero.home {
  top: auto !important;
  bottom: 0 !important;
  height: 100% !important;
}






/* --- HOMEPAGE WAVES FULL WIDTH (24 Jul 2026) ---
   Make .waves-forhero.home span full viewport width (same as
   .waves-forhero.web-h.mob-on does on service pages at 1920+).
   At 1900+ section-hero is capped at 1390 (Webflow native) so
   waves needs to be wider than its parent to reach viewport edges.
   Pairs with RIDE-UP FIX (top:auto, bottom:0, height:100%). */

body.homepage .waves-forhero.home {
  display: block !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}


/* --- HOMEPAGE CLOWN-HOME SHIFT (24 Jul 2026) ---
   Nudge clown image left 10% under 1900. Uses --base-x custom
   property (same mechanism as pen-testing 17 Jul) so the
   clown-glitch keyframe animation which reads --base-x is
   preserved. Only fires under 1900 per Paul's tuning. */

@media screen and (max-width: 1899px) {
  body.homepage .clown-home {
    --base-x: 7% !important;
  }
}


/* --- HOMEPAGE 479 TERMINAL WIDTH (24 Jul 2026) ---
   At 479 the terminals were 240px fixed inside grid with 60px
   horizontal padding, sitting narrower than hero content (427).
   Align grid to hero content: 26px margins each side, 1fr cols. */

@media screen and (max-width: 479px) {
  body.homepage .div-block-570 > .grid-10.service-menu-hp {
    grid-template-columns: 1fr !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
  }
  body.homepage .div-block-570 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
  }
  body.homepage .div-block-570 .service-box._1,
  body.homepage .div-block-570 a.service-box {
    max-width: none !important;
    width: 100% !important;
  }
}


/* --- HOMEPAGE 479 STAT-NUMBER REDUCE (24 Jul 2026) ---
   At 479 stat numbers were 80px / 56px (plus suffix). Reduce
   each by 25% -> 60px / 42px. Scoped homepage only. */

@media screen and (max-width: 479px) {
  body.homepage .stat-number.pitc-stat-num {
    font-size: 60px !important;
    line-height: 60px !important;
  }
  body.homepage .stat-number.pitc-stat-plus {
    font-size: 42px !important;
    line-height: 42px !important;
  }
}


/* --- HOMEPAGE CLOWN BREAKPOINTS (24 Jul 2026) ---
   Per-breakpoint --base-x tuning for clown-home under 1900.
   Base rule sets 7% (all under 1900). These override for the
   two ranges where 7% wasn't enough. */

@media screen and (min-width: 1281px) and (max-width: 1500px) {
  body.homepage .clown-home {
    --base-x: 15% !important;
    top: -3% !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
  body.homepage .clown-home {
    --base-x: 20% !important;
  }
}


/* --- HOMEPAGE HEADING WRAP MIDDESK (24 Jul 2026) ---
   Constrain the heading wrapper at mid-desktop widths to match
   the smaller font size proportion. Font is 43.2px@1440 vs
   57.6px@1920; 38.4px@1280. Aggressive wrap values so ratio
   of text height to wrapper width feels similar to 1920. */

@media screen and (min-width: 1281px) and (max-width: 1500px) {
  body.homepage .title-box-left .div-block-359.pitc-hero-heading-wide {
    max-width: 550px !important;
    width: 550px !important;
  }
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
  body.homepage .title-box-left .div-block-359.pitc-hero-heading-wide {
    max-width: 490px !important;
    width: 490px !important;
  }
}


/* --- HOMEPAGE HEADING WRAP FLUID 1501-1899 (31 Jul 2026) ---
   Replaces the 24 Jul 640px fixed cap. Linear ramp from 640 at
   1501 to 800 at 1899, matching Webflow 1900+ native at top of
   band. Removes visible step at 1899->1900. */

@media screen and (min-width: 1501px) and (max-width: 1899px) {
  body.homepage .title-box-left .div-block-359.pitc-hero-heading-wide {
    max-width: clamp(640px, calc(37px + 40.2vw), 800px) !important;
    width:     clamp(640px, calc(37px + 40.2vw), 800px) !important;
  }
}