@font-face {
  font-family: "Fa V 4 Compatibility";
  src: url('../fonts/fa-v4compatibility.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Fa Solid 900";
  src: url('../fonts/fa-solid-900.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Brands 400";
  src: url('../fonts/fa-brands-400.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Exo2 Bold";
  src: url('../fonts/Exo2-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --body: "Space Grotesk", sans-serif;
  --secondary: #44535F;
  --title: "Exo2 Bold", sans-serif;
  --dark: #44535F;
  --primary: #ff5B35;
  --grey: #D7DBDD;
  --fa-solid-900: "Fa Solid 900", sans-serif;
  --fa-400: "Fa 400", sans-serif;
  --fa-brands-400: "Fa Brands 400", sans-serif;
  --fa-v-4-compatibility: "Fa V 4 Compatibility", sans-serif;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.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-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

@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 {
  background-color: #D7DBDD;
  background-image: url('../squiggles/cable-background.svg');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  font-family: var(--body);
  color: var(--secondary);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

/* Ensure consistent spacing between consecutive paragraphs sitewide */
p + p {
  margin-top: 20px;
}

h1 {
  font-family: var(--title);
  color: var(--dark);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
}

h2 {
  font-family: var(--title);
  color: var(--dark);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 44px;
}

h3 {
  font-family: var(--title);
  color: var(--dark);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

h4 {
  font-family: var(--title);
  color: var(--dark);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
}

h5 {
  font-family: var(--title);
  color: var(--dark);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

h6 {
  font-family: var(--title);
  color: var(--dark);
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 0;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
}

strong {
  font-family: var(--title);
  color: var(--dark);
  font-weight: 500;
}

blockquote {
  border-left: 5px solid var(--primary);
  background-color: var(--grey);
  margin-bottom: 0;
  padding: 10px 20px;
}

.utility-page-wrap {
  background-color: var(--grey);
  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;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.clone-button {
  background-color: var(--primary);
  color: var(--white);
  text-transform: uppercase;
  padding: 12px 30px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.clone-button:hover, .clone-button:active, .clone-button:focus, .clone-button:focus-visible, .clone-button[data-wf-focus-visible] {
  background-color: var(--dark);
}

.header-inner {
  width: 100%;
  max-width: 600px;
}

.color-tiles {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.input-field {
  color: var(--dark);
  background-color: #0000;
  border: 1px solid #60626d33;
  width: 100%;
  min-height: 56px;
  margin-bottom: 0;
  padding: 24px 20px;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: inline-block;
  position: relative;
}

.input-field:hover {
  border-color: var(--primary);
  color: var(--dark);
}

.input-field:active, .input-field:focus, .input-field:focus-visible, .input-field[data-wf-focus-visible] {
  border-color: var(--primary);
}

.input-field::placeholder {
  color: var(--secondary);
  text-transform: uppercase;
  font-size: 18px;
}

.input-field.password-input-field {
  margin-bottom: 30px;
}

.input-field.password-input-field:hover, .input-field.password-input-field:active, .input-field.password-input-field:focus, .input-field.password-input-field:focus-visible, .input-field.password-input-field[data-wf-focus-visible] {
  border-color: var(--primary);
}

.input-field.password-input-field::placeholder {
  text-transform: uppercase;
}

.color-tile {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 160px;
  padding: 16px;
  display: flex;
}

.radio-button-field {
  align-items: center;
  margin-bottom: 16px;
  padding-left: 0;
  display: flex;
}

.color-info {
  color: #ffffffa3;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.color-info.dark {
  color: #000000a3;
  text-transform: uppercase;
}

.stylesection {
  width: 100%;
  margin-top: 40px;
  position: relative;
}

.checkbox-field {
  align-items: center;
  margin-bottom: 16px;
  padding-left: 0;
  display: flex;
}

.button-primary {
  background-color: var(--primary);
  color: var(--white);
  text-transform: uppercase;
  padding: 8px 10px 8px 20px;
  text-decoration: none;
  position: relative;
  border-radius:15px;
}

.section-client .button-primary {
  background-color: rgb(255, 91, 53) !important;
}

.color-name {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 28px;
}

.source-info {
  z-index: 99;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header {
  background-color: var(--grey);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  padding: 120px 15px 100px;
  display: flex;
}

.checkbox {
  border: 1px solid var(--dark);
  cursor: pointer;
  background-color: #0000;
  border-radius: 0;
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 15px;
  padding: 12px;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.checkbox:hover {
  background-color: var(--primary);
}

.checkbox.w--redirected-checked {
  border-color: var(--primary);
  background-color: var(--primary);
  background-image: url('../images/check.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.checkbox.w--redirected-focus {
  background-color: var(--primary);
  box-shadow: 0 0 #00f;
}

.color-code {
  margin-right: 8px;
}

.style-guide-navbar {
  z-index: 99;
  background-color: var(--grey);
  -webkit-backdrop-filter: blur(60px);
  backdrop-filter: blur(60px);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px 16px 16px 32px;
  display: flex;
  position: sticky;
  top: 16px;
  left: 0;
  right: 0;
}

.select {
  color: var(--secondary);
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  background-image: url('../images/Chevron-down.svg');
  background-position: 96%;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px solid #60626d33;
  width: 100%;
  min-height: 56px;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 18px;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.select:hover, .select:active, .select:focus, .select:focus-visible, .select[data-wf-focus-visible] {
  border-color: #bb8661;
}

.select::placeholder {
  color: #8d8c8c;
}

.gradient {
  align-items: center;
  display: flex;
}

.typography-label {
  letter-spacing: normal;
  text-transform: uppercase;
}

.form-block {
  width: 100%;
}

.styleguide {
  max-width: 960px;
  padding: 40px 16px;
  position: relative;
}

.navbar-link {
  color: var(--dark);
  text-transform: uppercase;
  margin-right: 32px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.navbar-link:hover {
  box-shadow: none;
  color: var(--primary);
}

.navbar-link:active, .navbar-link:focus, .navbar-link:focus-visible, .navbar-link[data-wf-focus-visible], .navbar-link.w--current {
  color: var(--primary);
}

.button-link {
  color: var(--dark);
  text-transform: uppercase;
  text-decoration: underline;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: inline-block;
}

.button-link:hover, .button-link:active, .button-link:focus, .button-link:focus-visible, .button-link[data-wf-focus-visible] {
  color: var(--primary);
}

.header-lead {
  margin-top: 15px;
  margin-bottom: 0;
}

.style-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #202020;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

.style-item.no-bottom-padding {
  padding-bottom: 0;
}

.text-area {
  color: var(--dark);
  background-color: #0000;
  border: 1px solid #60626d33;
  width: 100%;
  min-height: 160px;
  margin-bottom: 0;
  padding: 20px;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: inline-block;
}

.text-area:hover, .text-area:active, .text-area:focus, .text-area:focus-visible, .text-area[data-wf-focus-visible] {
  border-color: var(--primary);
}

.text-area::placeholder {
  color: var(--secondary);
  text-transform: uppercase;
  font-size: 18px;
}

.radio-button {
  cursor: pointer;
  border-color: #7e7e7e;
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 12px;
  padding: 12px;
  transition: opacity .2s, border-color .2s, background-color .2s;
}

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

.radio-button.w--redirected-checked {
  background-color: #bb8661;
  background-image: url('../images/radio-active.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 6px 6px;
  border-width: 1px;
  border-color: #bb8661;
}

.checkbox-label {
  margin-bottom: 0;
}

.button-primary-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-primary-icon-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--white);
  color: var(--dark);
  justify-content: space-between;
  align-items: center;
  width: 50px;
  height: 50px;
  line-height: 0;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.button-primary-icon, .button-primary-hover-icon {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.button-primary-icon svg,
.button-primary-hover-icon svg {
  color: currentColor;
}

.button-primary:hover .button-primary-icon-block,
.button-primary:focus .button-primary-icon-block,
.button-primary:focus-visible .button-primary-icon-block {
  color: var(--primary);
}

.button-dark {
  background-color: var(--dark);
  color: var(--white);
  text-transform: uppercase;
  padding: 8px 10px 8px 20px;
  text-decoration: none;
}

.button-dark-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-dark-icon-block {
  background-color: var(--white);
  color: var(--dark);
  width: 50px;
  height: 50px;
  line-height: 0;
  position: relative;
  overflow: hidden;
}

.button-dark-icon, .button-dark-hover-icon {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

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

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

.bg-primary {
  background-color: var(--primary);
}

.bg-dark {
  background-color: var(--dark);
}

.bg-grey {
  background-color: var(--grey);
}

.bg-secondary {
  background-color: var(--secondary);
}

.bg-white {
  background-color: var(--white);
}

.navbar {
  z-index: 101;
  background-color: var(--white);
  border: 1px solid #60626d1a;
  position: sticky;
  top: 0;
}

.container-fluid {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.navbar-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr auto;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.navbar-brand {
  padding-left: 0;
}

.header-logo {
  height: 60px;
}

.navbar-right-side {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.dropdown {
  padding: 30px 20px;
  font-size: 16px;
}

.dropdown-nav-link {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--dark);
  text-transform: uppercase;
  font-size: 16px;
  justify-content: flex-start;
  align-items: center;
  line-height: 24px;
  padding: 0;
  font-weight: 500;
  display: flex;
}

.dropdown-nav-link-text {
  font-size: inherit;
  line-height: inherit;
}

.dropdown-nav-link-icon {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: static;
}

.search-block {
  color: var(--dark);
}

.search-button {
  line-height: 0;
}

.dropdown-list {
  inset: 100% auto auto 0;
}

.dropdown-list.w--open {
  background-color: #0000;
}

.dropdown-list.megamenu-dropdown-list {
  left: -190px;
}

.dropdown-column {
  background-color: var(--grey);
  width: 160px;
  padding: 20px;
}

.dropdown-column.cms-dropdown-column {
  width: 220px;
}

.dropdown-link {
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.dropdown-link:hover, .dropdown-link:active, .dropdown-link:focus, .dropdown-link:focus-visible, .dropdown-link[data-wf-focus-visible], .dropdown-link.w--current {
  color: var(--primary);
}

.dropdown-link-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

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

.dropdown-link-list-item.last {
  margin-bottom: 0;
}

.megamenu-columns-block {
  background-color: var(--grey);
  padding: 20px;
}

.megamenu-columns-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto;
}

.megamenu-link-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

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

.megamenu-link-list-item.last {
  margin-bottom: 0;
}

.search-form-block {
  z-index: 900;
  background-color: var(--grey);
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(0, -100%);
}

.search-form {
  width: 60%;
  margin: 0 auto;
  position: relative;
}

.search-button-icon {
  font-family: var(--fa-solid-900);
  color: var(--dark);
  background-color: #0000;
  padding: 0;
  font-weight: 900;
  position: absolute;
  inset: 0% 2% 0% auto;
}

.close-button-link-block {
  background-color: var(--primary);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  line-height: 0;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: absolute;
  inset: 0 -80px auto auto;
}

.close-button-link-text {
  display: none;
}

.footer {
  background-color: var(--dark);
}

.page-top-block {
  height: 0;
  position: relative;
}

.back-to-top-link {
  z-index: 9;
  background-color: var(--primary);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  line-height: 0;
  text-decoration: none;
  border-radius: 12px;
  opacity: 0;
  pointer-events: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  position: fixed;
  bottom: 60px;
  right: 30px;
}

.back-to-top-link.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.back-to-top-link:hover, .back-to-top-link:active, .back-to-top-link:focus, .back-to-top-link:focus-visible, .back-to-top-link[data-wf-focus-visible] {
  background-color: var(--dark);
}

.back-to-top-icon {
  font-family: var(--fa-solid-900);
  font-weight: 900;
}

.container {
  max-width: 1300px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.footer-top-block {
  padding-top: 90px;
}

.footer-top-detail-block {
  border-bottom: 1px solid #ffffff0f;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-bottom: 90px;
  display: flex;
  position: relative;
}

.footer-top-detail-block-left {
  flex: 0 47%;
  position: relative;
}

.footer-top-detail-block-right {
  flex-flow: column;
  flex: 0 45%;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-logo {
  height: 86px;
}

.footer-link-logo {
  margin-bottom: 30px;
  text-decoration: none;
}

.footer-title {
  color: var(--white);
  margin-bottom: 45px;
  font-size: 40px;
  line-height: 48px;
}

.footer-navigation-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  place-items: stretch end;
  display: grid;
}

.footer-nav-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.footer-nav-list-seprator {
  background-color: #ffffff1a;
  width: 1px;
}

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

.footer-nav-list-item.last {
  margin-bottom: 0;
}

.footer-nav-link {
  color: var(--white);
  text-transform: uppercase;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.footer-nav-link:hover, .footer-nav-link:active, .footer-nav-link:focus, .footer-nav-link:focus-visible, .footer-nav-link[data-wf-focus-visible] {
  color: var(--primary);
}

.footer-mail-link-block {
  color: var(--white);
  text-transform: uppercase;
  background-color: #60626d4d;
  padding: 10px 20px;
  border-radius: 10px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.footer-mail-link-block:hover, .footer-mail-link-block:active, .footer-mail-link-block:focus, .footer-mail-link-block:focus-visible, .footer-mail-link-block[data-wf-focus-visible] {
  background-color: var(--primary);
}

.footer-description {
  color: var(--white);
  text-transform: uppercase;
  width: 100%;
  max-width: none;
}

.footer-bottom-block {
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer-copyright-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-redirect-link {
  color: var(--white);
  text-decoration: underline;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: inline-block;
}

.footer-redirect-link:hover, .footer-redirect-link:active, .footer-redirect-link:focus, .footer-redirect-link:focus-visible, .footer-redirect-link[data-wf-focus-visible] {
  color: var(--primary);
}

.footer-copyright-text {
  color: var(--white);
  text-transform: uppercase;
}

.footer-social-media-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  line-height: 0;
  list-style-type: none;
  display: flex;
}

.footer-social-media-link {
  color: var(--white);
  line-height: 0;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.footer-social-media-link:hover, .footer-social-media-link:active, .footer-social-media-link:focus, .footer-social-media-link:focus-visible, .footer-social-media-link[data-wf-focus-visible] {
  color: var(--primary);
}

.footer-social-media-link-text {
  display: none;
}

/* Navbar color override to avoid inheriting body text color */
.navbar,
.navbar * {
  color: inherit;
}

@media screen and (min-width: 992px) {
  .navbar a:not(.button-primary):not(.button-dark),
  .navbar .nav-link,
  .navbar .dropdown-nav-link,
  .navbar .navbar-link,
  .navbar .dropdown-link,
  .navbar .search-block {
    color: var(--white) !important;
    transition: color .3s ease;
  }

  .navbar a:not(.button-primary):not(.button-dark):hover,
  .navbar .nav-link:hover,
  .navbar .dropdown-nav-link:hover,
  .navbar .navbar-link:hover,
  .navbar .dropdown-link:hover,
  .navbar a:not(.button-primary):not(.button-dark):focus,
  .navbar .nav-link:focus,
  .navbar .dropdown-nav-link:focus,
  .navbar .navbar-link:focus,
  .navbar .dropdown-link:focus,
  .navbar .nav-link.w--current,
  .navbar .navbar-link.w--current {
    color: var(--primary) !important;
  }

  .nav-menu > a.navbar-link {
    padding: 30px 20px;
    margin-right: 0;
  }
}

.navbar .button-primary .button-primary-icon-block,
.navbar .button-dark .button-dark-icon-block {
  color: var(--dark) !important;
}

.navbar .button-primary:hover .button-primary-icon-block,
.navbar .button-primary:focus .button-primary-icon-block,
.navbar .button-primary:focus-visible .button-primary-icon-block,
.navbar .button-dark:hover .button-dark-icon-block,
.navbar .button-dark:focus .button-dark-icon-block,
.navbar .button-dark:focus-visible .button-dark-icon-block {
  color: var(--primary) !important;
}

/* Match Webflow's data-collapse="medium" navbar breakpoint. */
@media screen and (max-width: 991px) {
  .nav-menu {
    background-color: var(--grey) !important;
  }

  .nav-menu .nav-link,
  .nav-menu .navbar-link,
  .nav-menu .dropdown-nav-link,
  .nav-menu .dropdown-nav-link-text,
  .nav-menu .dropdown-link,
  .nav-menu .navbar-link {
    color: var(--dark) !important;
  }

  .nav-menu a.navbar-link,
  .nav-menu a.w-nav-link {
    color: var(--dark) !important;
  }

  .nav-menu .navbar-link,
  .nav-menu .navbar-link:link,
  .nav-menu .navbar-link:visited,
  .nav-menu .navbar-link:hover,
  .nav-menu .navbar-link:active,
  .nav-menu .navbar-link:focus {
    color: var(--dark) !important;
  }

  .nav-menu .dropdown-nav-link-text {
    color: var(--dark) !important;
  }

  .nav-menu .navbar-link,
  .nav-menu .dropdown-nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 18px 20px;
    margin: 0;
  }

  .nav-menu .nav-link:hover,
  .nav-menu .dropdown-nav-link:hover,
  .nav-menu .dropdown-link:hover,
  .nav-menu .navbar-link:hover,
  .nav-menu .nav-link:focus,
  .nav-menu .dropdown-nav-link:focus,
  .nav-menu .dropdown-link:focus,
  .nav-menu .navbar-link:focus {
    color: var(--primary) !important;
  }
}

.navbar {
  background-color: var(--dark);
  border-color: #ffffff1a;
}

.navbar a,
.navbar .nav-link,
.dropdown-nav-link,
.navbar-link,
.dropdown-link,
.search-block {
  color: var(--white);
  transition: color .3s ease;
}

.dropdown-nav-link:hover,
.navbar .nav-link:hover,
.navbar-link:hover,
.navbar-link:focus,
.navbar-link.w--current,
.dropdown-link:hover,
.dropdown-link:focus {
  color: var(--primary);
}

.dropdown-list.w--open,
.dropdown-column,
.megamenu-columns-block {
  background-color: var(--dark);
}

.page-not-found {
  margin-bottom: 20px;
  font-size: 17rem;
  line-height: 14rem;
}

.not-found-title {
  margin-bottom: 10px;
  font-size: 64px;
  line-height: 72px;
}

.not-found-description {
  margin-bottom: 30px;
}

.password-title {
  font-size: 64px;
  line-height: 72px;
}

.password-title-field {
  text-transform: uppercase;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
}

.button {
  background-color: var(--primary);
  color: var(--white);
  text-transform: uppercase;
  padding: 12px 30px;
  font-weight: 500;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.button:hover, .button:active, .button:focus, .button:focus-visible, .button[data-wf-focus-visible] {
  background-color: var(--dark);
}

.section {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.section.section-breadcrumb {
  background-image: linear-gradient(#131419d9, #131419d9), var(--breadcrumb-bg, url('../../../../../uploads/2026/02/cta-banner-2.webp'));
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding-top: 220px;
  padding-bottom: 220px;
  position: relative;
}

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

.section.section-description {
  background-color: var(--grey);
  padding-bottom: 240px;
}

.section.section-video {
  margin-top: -150px;
  padding-top: 0;
  padding-bottom: 0;
}

.section.section-pagination {
  background-color: var(--grey);
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.section-sticky-video {
  width: 100%;
  max-width: 1920px;
  height: 250vh;
  position: relative;
}

.section.section-service-marquee, .section.section-banner {
  height: 250vh;
  padding-top: 0;
  padding-bottom: 0;
}

.section.section-services {
  padding-top: 240px;
}

.section.section-download {
  padding-top: 150px;
}

.section.section-benefits {
  overflow: hidden;
}

.section.section-banner-one {
  padding-bottom: 0;
}

.section.section-banner-two {
  padding-top: 0;
  padding-bottom: 0;
}

.section.section-features {
  height: 250vh;
  padding-top: 0;
  padding-bottom: 0;
}

.section.section-landing-banner {
  background-color: var(--grey);
  padding-bottom: 0;
}

.section.section-homepages, .section.section-site-features {
  background-color: var(--grey);
}

.section.section-purchase {
  background-color: var(--dark);
  padding-top: 220px;
  padding-bottom: 220px;
}

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

.breadcrumb-title {
  color: var(--white);
  margin-bottom: 15px;
  font-size: 80px;
  line-height: 88px;
}

.breadcrumb-bottom-info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}
@media (min-width: 992px) {
  .breadcrumb-bottom-info {
    justify-content: flex-start !important;
  }
}
@media (min-width: 992px) {
  .breadcrumb-bottom-info {
    justify-content: flex-start;
  }
  .breadcrumb-block {
    text-align: left;
  }
  .breadcrumb-title {
    text-align: left;
  }
  .breadcrumb-description {
    text-align: left;
    margin-left: 0;
  }
}

.breadcrumb-description {
  color: var(--white);
  background: none;
  border-left: 0;
  padding: 0;
  border-radius: 0;
  max-width: 720px;
  margin-top: 16px;
}

.breadcrumb-subtitle {
  color: var(--white) !important;
  max-width: 720px;
  margin-top: 16px;
  margin-bottom: 0;
}

.breadcrumb-benefits {
  list-style: none;
  max-width: 720px;
  margin: 20px 0 0;
  padding: 0;
}

.breadcrumb-benefits li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-top: 12px;
  color: var(--white);
  text-align: left;
}

.breadcrumb-benefits li::marker {
  content: "";
}

.breadcrumb-benefits li:first-child {
  margin-top: 0;
}

.breadcrumb-benefit-icon {
  display: inline-flex;
  width: 18px;
  min-width: 18px;
  justify-content: center;
  color: var(--white) !important;
  margin-top: 2px;
}

.breadcrumb-benefit-icon svg {
  display: block;
  width: 14px;
  height: 14px;
}

.breadcrumb-benefit-text {
  flex: 1;
  min-width: 0;
}

.service-hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 492px);
  gap: 56px;
  align-items: center;
}

.service-hero-layout .breadcrumb-block {
  display: block;
  min-width: 0;
}

.service-hero-cta {
  width: 100%;
  max-width: 492px;
  justify-self: end;
}

.service-hero-cta__actions {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 28px;
}

.service-hero-call-button,
.service-hero-quote-badge {
  min-height: 52px;
  border: 3px solid var(--primary);
  border-radius: 9px;
  font-size: 20px;
  line-height: 1.1;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.service-hero-call-button {
  background-color: var(--primary);
  color: var(--white);
  gap: 11px;
  padding: 11px 20px;
  transition: background-color .3s ease, border-color .3s ease, color .3s ease;
}

.service-hero-call-button:hover,
.service-hero-call-button:focus-visible {
  background-color: #d84424;
  border-color: #d84424;
  color: var(--white);
}

.service-hero-call-button__icon {
  line-height: 0;
  flex: 0 0 auto;
}

.service-hero-quote-badge {
  background-color: var(--white);
  color: var(--primary);
  justify-content: space-between;
  flex: 1 1 auto;
  min-width: 0;
  padding: 7px 12px 7px 17px;
  white-space: nowrap;
}

.service-hero-quote-badge__arrow {
  width: 42px;
  height: 38px;
  margin-left: 12px;
  background-image: url("../squiggles/bendyarrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 auto;
}

.service-hero-form {
  display: grid;
  gap: 0;
  position: relative;
}

.service-hero-form::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../squiggles/bendyarrow.svg");
  background-repeat: no-repeat;
  background-position: 65% 45%;
  background-size: 56% auto;
  opacity: 0.11;
  pointer-events: none;
}

.service-hero-form__field {
  width: 100%;
  min-height: 45px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid rgba(68, 83, 95, 0.24);
  border-radius: 0;
  background-color: rgba(247, 248, 251, 0.88);
  color: var(--dark);
  font: inherit;
  font-size: 14px;
  text-transform: none;
  position: relative;
  z-index: 1;
  transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.service-hero-form__field::placeholder {
  color: var(--secondary);
  text-transform: uppercase;
}

.service-hero-form__field:focus,
.service-hero-form__field:focus-visible {
  outline: none;
  background-color: var(--white);
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(255, 91, 53, 0.16);
}

.service-hero-form__message {
  min-height: 116px;
  resize: vertical;
}

.service-hero-form__submit {
  width: 100%;
  min-height: 48px;
  margin-top: 12px;
  border: 0;
  border-radius: 9px;
  background-color: var(--primary);
  color: var(--white);
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  transition: background-color .3s ease, color .3s ease;
}

.service-hero-form__submit:hover,
.service-hero-form__submit:focus-visible {
  background-color: var(--dark);
  color: var(--white);
}

.breadcrumb-link-block {
  color: var(--white);
  text-transform: uppercase;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.breadcrumb-link-block:hover, .breadcrumb-link-block:active, .breadcrumb-link-block:focus, .breadcrumb-link-block:focus-visible, .breadcrumb-link-block[data-wf-focus-visible], .breadcrumb-link-block.w--current {
  color: var(--primary);
}

.breadcrumb-seprator {
  color: var(--white);
}

.contact-boxes-block {
  background-color: var(--grey);
  padding: 60px 15px;
}

.contact-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  place-items: stretch center;
}

.contact-box-grid-block-seprator {
  background-color: #60626d33;
  width: 1px;
}

.contact-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.contact-box-detail-block {
  flex-flow: column;
  justify-content: space-between;
}

.contact-box-title {
  margin-bottom: 15px;
  font-size: 28px;
  line-height: 36px;
}

.contact-box-description {
  text-transform: uppercase;
  font-weight: 500;
}

.contact-box-link-block {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.contact-box-link-block:hover, .contact-box-link-block:active, .contact-box-link-block:focus, .contact-box-link-block:focus-visible, .contact-box-link-block[data-wf-focus-visible] {
  color: var(--primary);
}

.contact-form-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: stretch stretch;
}

.section-title-block.text-center {
  text-align: center;
  margin-bottom: 60px;
}

.section-title {
  font-size: 48px;
  line-height: 56px;
}

.contact-form-description {
  margin-top: 15px;
  margin-bottom: 60px;
}

.contact-soical-media-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.contact-social-link-block {
  background-color: var(--grey);
  color: var(--dark);
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  line-height: 0;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.contact-social-link-block:hover, .contact-social-link-block:active, .contact-social-link-block:focus, .contact-social-link-block:focus-visible, .contact-social-link-block[data-wf-focus-visible] {
  background-color: var(--primary);
  color: var(--white);
}

.contact-form-badge {
  border: 3px solid var(--primary);
  border-radius: 9px;
  background-color: var(--white);
  color: var(--primary);
  align-items: center;
  justify-content: space-between;
  width: fit-content;
  min-width: 278px;
  margin-bottom: 22px;
  padding: 9px 13px 9px 17px;
  font-size: 20px;
  line-height: 1.2;
  display: flex;
}

.contact-form-badge__text {
  white-space: nowrap;
}

.contact-form-badge__arrow {
  width: 44px;
  height: 42px;
  margin-left: 14px;
  background-image: url("../squiggles/bendyarrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 0 auto;
}

.contact-form-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
}

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

.section-contact-form .input-field,
.section-contact-form .text-area {
  background-color: #f7f8fb;
  border: 2px solid #b8c0c5;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.section-contact-form .input-field:hover,
.section-contact-form .text-area:hover {
  background-color: #fff;
  border-color: var(--primary);
}

.section-contact-form .input-field:active,
.section-contact-form .input-field:focus,
.section-contact-form .input-field:focus-visible,
.section-contact-form .input-field[data-wf-focus-visible],
.section-contact-form .text-area:active,
.section-contact-form .text-area:focus,
.section-contact-form .text-area:focus-visible,
.section-contact-form .text-area[data-wf-focus-visible] {
  background-color: #fff;
  border-color: var(--primary);
  box-shadow: 0 0 0 3px rgba(255, 91, 53, 0.16);
}

.client-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.client-grid-block.last {
  display: none;
}

.client-box {
  border: 1px solid #60626d26;
  padding: 45px 15px;
  position: relative;
}

.client-box-image-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  line-height: 0;
  position: relative;
  overflow: hidden;
}

.stats-box {
  line-height: 1.2;
}

.client-stat-number {
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #0f1015;
}

.client-stat-label {
  font-size: 14px;
  font-weight: 500;
  color: #60626d;
}

.contact-form-map-block {
  flex-flow: column;
  position: sticky;
  top: 120px;
  overflow: hidden;
}

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

.map-block {
  line-height: 0;
  position: relative;
}

.contact-social-link-text {
  display: none;
}

.contact-form-iframe {
  margin: 80px 0 40px;
}

.contact-form-iframe iframe {
  border: none;
  width: 100%;
  min-height: 1400px;
}

@media screen and (max-width: 767px) {
  .contact-form-iframe iframe {
    min-height: 1400px;
  }
}

.footer-vector-image {
  position: absolute;
  inset: auto -18% -6% auto;
}

.section-title-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .83fr 1fr;
  margin-bottom: 60px;
}

.testimonial-tabs {
  flex-flow: column-reverse;
  display: flex;
}

.testimonial-tabs-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px solid #60626d33;
  border-bottom: 1px solid #60626d33;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.testimonial-tab-link {
  background-color: #0000;
  padding: 30px 15px;
  text-decoration: none;
}

.testimonial-tab-link.w--current {
  background-color: #0000;
}

.testimonial-tabs-content {
  margin-bottom: 60px;
}

.testimonial-tabs-content {
  min-height: 420px;
}

.testimonial-tabs.is-arrow-nav .testimonial-tabs-menu {
  display: none;
}

.testimonial-tabs.is-arrow-nav .testimonial-tabs-content {
  margin-bottom: 0;
}

.testimonial-carousel-controls {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 24px;
  display: flex;
}

.testimonial-carousel-controls .button-text {
  white-space: nowrap;
}

.testimonial-arrow-button {
  border: 1px solid #60626d33;
  background-color: var(--white);
  color: var(--dark);
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
  transition: all .35s cubic-bezier(.455, .03, .515, .955);
  display: inline-flex;
}

.testimonial-arrow-button:hover,
.testimonial-arrow-button:focus,
.testimonial-arrow-button:focus-visible {
  background-color: var(--primary);
  color: var(--white);
}

.testimonial-carousel-controls .button-primary {
  margin: 0;
}

.testimonial-tab-link-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-tab-link-detail-title {
  margin-bottom: 5px;
  font-size: 28px;
  line-height: 36px;
}

.testimonial-tab-link-detail-designation {
  color: var(--primary);
  text-transform: uppercase;
}

.testimonial-box-style-one {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-image-block {
  flex: none;
  position: relative;
}

.testimonial-image {
  width: 180px;
  height: 180px;
  object-fit: cover;
}

.testimonial-two-detail-block {
  margin-bottom: 30px;
  position: relative;
}

.testimonial-star-rating-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.testimonial-description {
  margin-bottom: 30px;
  font-size: 26px;
}

.testimonail-two-testifier-name {
  margin-bottom: 5px;
  font-size: 32px;
  line-height: 40px;
}

.testifier-designation {
  color: var(--primary);
  text-transform: uppercase;
}

.description-section-title-block {
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
}

.description-section-title {
  font-size: 40px;
  line-height: 48px;
}

.video-popup-block {
  text-align: center;
  background-image: url('../images/2.jpg');
  background-size: cover;
  width: 100%;
  height: 608px;
  position: relative;
}

.video-popup-image-block {
  display: block;
  position: relative;
}

.video-popup-image {
  width: 100%;
  position: relative;
}

.video-popup-lightbox {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.video-popup-lightbox-icon {
  background-color: var(--primary);
  font-family: var(--fa-solid-900);
  color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  font-size: 30px;
  font-weight: 900;
  line-height: 90px;
  display: inline-block;
}

.lightbox-wave-one {
  border: 1px solid var(--primary);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  position: absolute;
}

.lightbox-wave-two {
  border: 1px solid var(--primary);
  border-radius: 100%;
  width: 90px;
  height: 90px;
  position: absolute;
}

.counter-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto max-content auto max-content auto max-content auto;
  justify-items: center;
}

.counter-block {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
  overflow: hidden;
}

.counter-suffix {
  color: var(--primary);
  font-size: 64px;
  line-height: 72px;
}

.counter-number-block {
  height: 72px;
}

.counter-description {
  color: var(--dark);
  text-transform: uppercase;
  font-size: 20px;
}

.counter-number {
  color: var(--primary);
  font-size: 64px;
  line-height: 72px;
}

.pricing-one-tab-menu-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--primary);
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
}

.pricing-one-tab-menu-text {
  color: var(--white);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
}

.pricing-one-tab-button-wrap {
  background-color: var(--white);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 75px;
  height: 30px;
  padding: 5px;
  display: flex;
}

.price-one-tab-button {
  background-color: var(--primary);
  flex: none;
  width: 30px;
  height: 20px;
}

.pricing-plan-containing-block {
  flex-flow: column;
  justify-content: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.annual-pricing-plan-block {
  position: absolute;
  inset: 0%;
  transform: translate(100%);
}

.pricing-plan-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr .9fr;
  place-items: center stretch;
}

.pricing-plan-style-one {
  background-color: #0000;
  border: 1px solid #13141966;
  flex-flow: column;
  padding: 30px;
  display: flex;
}

.pricing-plan-style-one.active {
  border-color: var(--grey);
  background-color: var(--grey);
}

.pricing-plan-one-top-block {
  border-bottom: 1px solid #60626d26;
  padding-left: 15px;
  padding-right: 15px;
}

.pricing-plan-type-block {
  background-color: var(--grey);
  text-align: center;
  margin-bottom: 30px;
  padding: 10px 15px;
}

.pricing-plan-type-block.active {
  background-color: var(--primary);
}

.pricing-plan-type-title {
  font-size: 36px;
  line-height: 44px;
}

.pricing-plan-type-title.active {
  color: var(--white);
}

.pricing-plan-price-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 30px;
  padding-left: 15px;
  display: flex;
}

.prcing-plan-price {
  color: var(--primary);
  font-size: 48px;
  line-height: 56px;
}

.pricing-plan-seprator {
  font-size: 20px;
  font-weight: 500;
}

.pricing-plan-duration {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
}

.pricing-plan-bottom-block {
  margin-top: 30px;
}

.pricing-plan-features-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 45px;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.pricing-plan-link-block {
  background-color: var(--primary);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  padding: 12px 30px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: block;
}

.pricing-plan-link-block:hover, .pricing-plan-link-block:active, .pricing-plan-link-block:focus, .pricing-plan-link-block:focus-visible, .pricing-plan-link-block[data-wf-focus-visible] {
  background-color: var(--dark);
}

.pricing-plan-features-list-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-plan-features-list-item.last {
  margin-bottom: 0;
}

.pricing-plan-features-list-image {
  flex: none;
}

.pricing-plan-features-list-text {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
}

.video-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 120px;
  display: flex;
  position: relative;
}

.video-block.video-margin-off {
  margin-bottom: 0;
}

.network-block {
  margin-bottom: 120px;
}

.network-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .9fr;
  place-items: center;
}

.network-map-block {
  position: relative;
}

.network-map-image {
  width: 100%;
}

.network-section-title {
  font-size: 40px;
  line-height: 48px;
}

.map-location-one {
  line-height: 0;
  position: absolute;
  inset: 25% auto auto 8.5%;
}

.map-location-two {
  line-height: 0;
  position: absolute;
  inset: 5% auto auto 23%;
}

.map-location-three {
  line-height: 0;
  position: absolute;
  inset: auto auto 38% 25.1%;
}

.map-location-four {
  line-height: 0;
  position: absolute;
  inset: auto auto 8% 30%;
}

.map-location-five {
  line-height: 0;
  position: absolute;
  inset: auto auto 16% 48%;
}

.map-location-six {
  line-height: 0;
  position: absolute;
  inset: 18% 42.8% auto auto;
}

.map-location-seven {
  line-height: 0;
  position: absolute;
  inset: auto 28.5% 44% auto;
}

.map-location-eight {
  line-height: 0;
  position: absolute;
  inset: 4% 20.5% auto auto;
}

.map-location-nine {
  line-height: 0;
  position: absolute;
  inset: 27% 14.5% auto auto;
}

.map-location-ten {
  line-height: 0;
  position: absolute;
  inset: auto 16% 21% auto;
}

.network-icon-boxes {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  margin-top: 45px;
  display: flex;
}

.network-icon-box-one {
  justify-content: flex-start;
  align-items: center;
}

.network-icon {
  font-family: var(--fa-solid-900);
  color: var(--primary);
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
}

.network-media-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5px;
  display: flex;
}

.network-icon-title {
  font-size: 24px;
  line-height: 32px;
}

.testimonial-block {
  overflow: hidden;
}

.testimonial-marquee-block {
  flex-flow: column;
  justify-content: space-between;
  margin-right: -15px;
  padding-top: 30px;
  display: flex;
  overflow: hidden;
}

.testimonial-marquee {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  width: 375%;
  display: flex;
}

.testimonial-box-style-two {
  padding: 45px;
  position: relative;
}

.testimonial-two-description {
  font-size: 24px;
}

.testimonial-two-testifier-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.testimonial-two-testifier-designation {
  color: var(--primary);
  text-transform: uppercase;
}

.testimonial-two-quote-block {
  color: var(--primary);
  line-height: 0;
  position: absolute;
  inset: -20px 45px auto auto;
}

.video-popup-one-block {
  text-align: center;
}

.process-grid {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  place-items: center;
  position: relative;
}

.process-grid-left-side, .process-grid-center, .process-grid-right-side {
  flex: 0 31.6%;
}

.process-grid {
  align-items: stretch;
}

.process-grid > div {
  display: flex;
}

.process-box-style-one {
  background-color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100%;
  padding: 90px 30px;
  display: flex;
  position: relative;
  border-radius: 14px;
  height: 100%;
}

.process-step-detail-title {
  color: var(--primary);
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 36px;
}

.process-step-link-block {
  color: var(--secondary);
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.process-step-address-text,
.process-step-link-text {
  font-family: 'Space Grotesk', sans-serif;
}

.process-step-link-block:hover, .process-step-link-block:active, .process-step-link-block:focus, .process-step-link-block:focus-visible, .process-step-link-block[data-wf-focus-visible] {
  color: var(--dark);
}

.process-step-address-text {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
  font-family: 'Space Grotesk', sans-serif;
}

.process-step-number-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--primary);
  color: var(--white);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 115px;
  height: 115px;
  display: flex;
  position: absolute;
  inset: -16% -2% auto auto;
}

.process-step-number {
  font-size: 24px;
  font-weight: 500;
}

.process-step-text {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
}

.about-us-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
}

.about-us-image-block {
  position: relative;
}

.about-us-image-two-block {
  z-index: 1;
  width: 43%;
  position: absolute;
  inset: auto -2% 8% auto;
  overflow: hidden;
}

.about-us-title-block {
  border-bottom: 1px solid #60626d1a;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.about-us-title {
  font-size: 30px;
  line-height: 38px;
}

.about-us-description {
  margin-top: 15px;
}

.about-us-list {
  margin-bottom: 60px;
  padding-left: 0;
  list-style-type: none;
}

.about-us-list-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.about-us-list-item.last {
  margin-bottom: 0;
}

.about-us-list-icon {
  background-color: var(--primary);
  border-radius: 100%;
  width: 15px;
  height: 15px;
}

.about-us-list-text {
  font-family: var(--title);
  color: var(--dark);
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.charging-station-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  place-items: center;
}

.charging-station-icon-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: flex-start;
  display: flex;
}

.charging-station-icon-box.last {
  margin-bottom: 0;
}

.charging-station-icon-block {
  color: var(--primary);
  flex: none;
  width: 60px;
  height: 60px;
  line-height: 0;
}

.charging-station-detail-block {
  border-bottom: 1px solid #60626d1f;
  padding-left: 15px;
}

.charging-station-detail-block.last {
  border-bottom-style: none;
}

.charging-station-detail-title {
  margin-bottom: 5px;
  font-size: 28px;
}

.charging-station-detail-description {
  margin-bottom: 30px;
}

.charging-station-detail-description.last {
  margin-bottom: 0;
}

.faq-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: .85fr 1fr;
}

.faq-image {
  width: 100%;
}

.faq-accordion-list-block {
  background-color: #0000;
}

.faq-accordion-blocks {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.faq-content-hidden-block {
  display: none;
}

.faq-accordion-block {
  background-color: #0000;
  padding: 0;
  text-decoration: none;
}

.faq-accordion-block.w--current {
  background-color: #0000;
}

.accordion {
  border-bottom: 1px solid #60626d26;
}

.accordion-top-block {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.accordion-bottom-block {
  height: 110px;
  overflow: hidden;
}

.accordion-top-block-text {
  color: #44535f !important;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
}

.accordion-icon-block {
  line-height: 0;
  color: #44535f !important;
}

.accordion-icon-block svg path {
  fill: currentColor;
}

.monthly-price-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

.pricing-plan-style-two {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--grey);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center stretch;
  padding: 60px 30px;
}

.terms-and-condition-block {
  margin-top: 45px;
}

.terms-and-condition-block.first {
  margin-top: 60px;
}

.terms-and-condition-title {
  margin-bottom: 10px;
}

.redirect-link {
  color: var(--secondary);
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.redirect-link:hover, .redirect-link:active, .redirect-link:focus, .redirect-link:focus-visible, .redirect-link[data-wf-focus-visible] {
  color: var(--primary);
}

.privacy-policies-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  margin-top: 60px;
  display: flex;
}

.privacy-policy-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.privacy-policy-subtitle {
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 32px;
}

.pricing-plan-two-features-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.annual-price-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
}

.pricing-plan-two-grid-center {
  border-left: 1px solid #60626d33;
  border-right: 1px solid #60626d33;
  padding: 15px 30px;
}

.pricing-plan-two-grid-right-side {
  text-align: right;
}

.annual-price-grid-right-side {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.pricing-box-style-three {
  background-color: var(--grey);
  padding: 30px 45px;
}

.button-block {
  margin-top: 30px;
}

.pricing-sticky-column {
  position: sticky;
  top: 120px;
}

.pricing-plan-three-price-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom: 1px solid #60626d33;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 30px;
  padding-bottom: 30px;
  display: flex;
}

.pricing-plan-two-features-list-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.pricing-plan-three-features-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 30px;
  padding-left: 0;
  display: grid;
}

.about-us-image-two {
  border: 8px solid var(--white);
  position: relative;
}

.about-us-image-one-block {
  width: 75%;
  position: relative;
  overflow: hidden;
}

.image-mask-left-block {
  z-index: 1;
  background-color: var(--white);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.charging-station-icon-boxes {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-tabs {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.team-tabs-menu {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: space-between;
  width: 25%;
  margin-right: 30px;
  display: flex;
}

.team-tab-link {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  font-family: var(--title);
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.team-tab-link.bg-grey {
  text-transform: uppercase;
}

.team-member-name {
  color: var(--dark);
  text-transform: uppercase;
  font-size: 26px;
  line-height: 34px;
}

.team-tabs-content {
  width: 75%;
}

.team-box-style-one {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  padding: 30px;
  display: flex;
}

.team-box-image-link-block {
  width: 50%;
  display: block;
}

.team-box-detail-block {
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  width: 50%;
  display: flex;
  position: relative;
}

.team-box-member-name {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 40px;
}

.team-box-member-job-title {
  color: var(--primary);
  text-transform: uppercase;
}

.team-box-social-media-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.team-tab-icon-block {
  line-height: 0;
}

.team-two-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-box-style-two {
  background-color: var(--grey);
  text-align: center;
}

.team-two-image-link-block {
  overflow: hidden;
}

.team-two-detail-block {
  padding: 30px;
}

.team-two-image-block {
  line-height: 0;
}

.team-two-member-name {
  margin-bottom: 10px;
}

.team-two-member-job-title {
  color: var(--primary);
  text-transform: uppercase;
  margin-bottom: 20px;
}

.team-two-social-media-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-three-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-box-style-three {
  background-color: var(--dark);
  text-align: center;
  flex-flow: row;
  justify-content: center;
  position: relative;
}

.team-three-image-link-block {
  display: block;
}

.team-three-image {
  width: 100%;
}

.team-three-detail-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.team-box-three-member-name {
  color: var(--white);
  margin-bottom: 10px;
  position: relative;
}

.team-three-member-job-title {
  color: var(--primary);
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 18px;
}

.team-three-social-media-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.team-single-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
}

.team-single-image-block {
  position: sticky;
  top: 120px;
}

.team-single-member-name {
  margin-bottom: 10px;
}

.team-single-member-job-title {
  color: var(--primary);
  text-transform: uppercase;
  margin-bottom: 10px;
}

.team-single-member-bio {
  margin-bottom: 30px;
}

.team-single-social-media-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.team-single-block-title {
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 36px;
}

.team-single-block-description, .team-single-rich-text-one {
  margin-bottom: 30px;
}

.team-single-pagination {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.previous-team-template-title, .next-team-template-title {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 40px;
}

.previous-team-template-pagination-link {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.next-team-template-pagination-link {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.team-pagination-link-title {
  font-size: 24px;
  line-height: 32px;
}

.team-template-link-icon-block {
  background-color: var(--primary);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  line-height: 0;
  display: flex;
}

.team-two-single-list, .blog-one-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.blog-post-image-block {
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
}

.blog-one-title {
  font-size: 28px;
  line-height: 36px;
}

.blog-one-date-block {
  background-color: var(--white);
  color: var(--dark);
  text-transform: uppercase;
  padding: 10px;
  font-weight: 500;
  position: absolute;
  inset: auto auto 0 0;
}

.blog-two-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-post-style-two {
  background-color: var(--grey);
}

.blog-two-image-link-block {
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.blog-two-image-block {
  position: relative;
}

.blog-two-image {
  width: 100%;
}

.blog-two-detail-block {
  padding: 30px 15px;
}

.blog-two-date {
  color: var(--primary);
  text-transform: uppercase;
  margin-bottom: 15px;
}

.blog-two-title {
  margin-bottom: 5px;
}

.blog-two-description {
  margin-bottom: 30px;
}

.pagination {
  flex-flow: row;
  margin-top: 60px;
}

.pagination-previous-button {
  background-color: var(--primary);
  color: var(--white);
  border-style: none;
  border-radius: 0;
  margin-right: auto;
  padding: 12px 30px;
  font-size: 18px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.pagination-previous-button:hover, .pagination-previous-button:active, .pagination-previous-button:focus, .pagination-previous-button:focus-visible, .pagination-previous-button[data-wf-focus-visible] {
  background-color: var(--dark);
  color: var(--white);
}

.pagination-next-button {
  background-color: var(--primary);
  color: var(--white);
  border-style: none;
  border-radius: 0;
  margin-left: auto;
  padding: 12px 30px;
  font-size: 18px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.pagination-next-button:hover, .pagination-next-button:active, .pagination-next-button:focus, .pagination-next-button:focus-visible, .pagination-next-button[data-wf-focus-visible] {
  background-color: var(--dark);
  color: var(--white);
}

.blog-three-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}

.blog-three-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  margin-top: 90px;
}

.blog-post-style-three {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  background-color: var(--grey);
  grid-template-rows: auto;
  grid-template-columns: auto 1fr .7fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  padding: 30px;
  display: grid;
  position: relative;
}

.blog-three-date {
  color: var(--primary);
  text-transform: uppercase;
}

.blog-post-three-image-block {
  z-index: 1;
  width: 20%;
  position: absolute;
  inset: -50% 20% auto auto;
}

.blog-single-title {
  margin-bottom: 10px;
  font-size: 40px;
  line-height: 48px;
}

.blog-single-date {
  color: var(--primary);
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: 500;
}

.blog-single-summary, .blog-single-lightbox-image-link {
  margin-bottom: 30px;
}

.blog-single-blockquote {
  color: var(--dark);
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 32px;
}

.blog-rich-text {
  margin-bottom: 30px;
}

.blog-rich-text.last {
  margin-bottom: 0;
}

.blog-single-pagination {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.previous-blog-template-title, .next-blog-template-title {
  margin-bottom: 15px;
}

.previous-blog-template-pagination-link {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  line-height: 0;
  text-decoration: none;
  display: flex;
}

.blog-template-link-icon-block {
  background-color: var(--primary);
  color: var(--white);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  line-height: 0;
  display: flex;
}

.blog-pagination-link-title {
  font-size: 24px;
  line-height: 32px;
}

.next-blog-template-pagination-link {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.service-template-next-button-block {
  text-align: right;
}

.sticky-video-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: sticky;
  top: 120px;
  overflow: hidden;
}

.zoomed-outer-block {
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 0;
  display: flex;
}

.zoomed-inner {
  z-index: 100;
  pointer-events: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.grid-photos {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: none;
  grid-template-rows: 32vh 32vh 32vh;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 32vh;
  width: 100%;
  height: 100%;
}

.zoom-out-image-block {
  pointer-events: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  line-height: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.zoom-out-image.two {
  object-fit: cover;
}

.grid-video {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: none;
  grid-template-rows: 32vh 32vh 32vh;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
}

.zoom-in-video-block {
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.service-two-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-box-style-two {
  background-color: var(--grey);
}

.service-box-image-link-block {
  display: block;
  position: relative;
  overflow: hidden;
}

.service-box-two-image {
  width: 100%;
}

.service-box-detail-block {
  padding: 30px;
}

.service-box-detail-title {
  margin-bottom: 10px;
  font-size: 28px;
  line-height: 36px;
}

.service-box-two-description {
  margin-bottom: 30px;
}

.service-slider-sticky-block {
  padding-top: 120px;
  padding-bottom: 120px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.service-box-marquee-block {
  flex-flow: column;
  justify-content: space-between;
  margin-right: -15px;
  display: flex;
  overflow: hidden;
}

.service-box-marquee {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 400%;
  display: flex;
}

.service-marquee-box {
  position: relative;
  overflow: hidden;
}

.service-marquee-box-link-block {
  color: var(--dark);
  justify-content: center;
  align-items: center;
  line-height: 0;
  text-decoration: none;
  display: flex;
}

.service-box-marquee-image {
  height: 420px;
}

.service-box-marquee-detail-block {
  background-color: var(--grey);
  justify-content: space-between;
  align-items: center;
  margin-left: 5%;
  margin-right: 5%;
  padding: 30px 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 8%;
}

.service-marquee-box-title {
  font-size: 28px;
  line-height: 36px;
}

.service-marquee-image-link-block {
  overflow: hidden;
}

.service-single-title {
  margin-bottom: 10px;
  font-size: 48px;
  line-height: 56px;
}

.service-single-description {
  margin-bottom: 30px;
}

.banner-three-title-blocks {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.banner-three-title-block-one {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.banner-three-sticky-block {
  padding-top: 120px;
  padding-bottom: 60px;
  position: sticky;
  top: 120px;
  overflow: hidden;
}

.banner-three-title {
  font-size: 80px;
  line-height: 88px;
}

.banner-three-title-block-two {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.banner-three-background-video {
  width: 315px;
  height: 165px;
}

.banner-three-title-block-three {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.banner-three-title-block-four {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.banner-video-block {
  width: 315px;
  height: 165px;
}

.banner-video-grid {
  z-index: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-items: center;
  position: absolute;
  inset: 0% 0% 6%;
}

.banner-three-detail-block {
  z-index: 1;
  position: relative;
}

.service-one-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
}

.service-grid-block-one {
  border-top: 1px solid #60626d26;
  border-bottom: 1px solid #60626d26;
}

.service-grid-block-two, .service-grid-block-three, .service-grid-block-four {
  border-bottom: 1px solid #60626d26;
}

.service-box-style-one {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 2.5fr auto;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 30px;
  display: grid;
}

.service-box-redirect-block {
  line-height: 0;
}

.service-box-number {
  font-family: var(--title);
  color: var(--dark);
  font-size: 28px;
  font-weight: 500;
  line-height: 36px;
}

.service-one-title-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.service-box-one-image {
  width: 275px;
  height: 150px;
}

.service-box-one-title {
  font-size: 36px;
  line-height: 44px;
}

.service-box-one-title-left {
  color: #fff;
}

.service-one-image-block {
  justify-content: center;
  align-items: center;
  display: flex;
  width: 0;
  opacity: 0;
  overflow: hidden;
  transition: width .5s cubic-bezier(.455, .03, .515, .955), opacity .5s cubic-bezier(.455, .03, .515, .955);
}

.service-one-image-link-block {
  text-decoration: none;
}

.service-one-link-block {
  color: var(--dark);
  line-height: 0;
  text-decoration: none;
}

.service-box-style-one .service-box-number,
.service-box-style-one .service-box-one-title,
.service-box-style-one .service-one-link-block {
  transition: color .5s cubic-bezier(.455, .03, .515, .955);
}

.service-box-style-one:hover .service-box-number,
.service-box-style-one:hover .service-box-one-title,
.service-box-style-one:hover .service-one-link-block {
  color: var(--primary);
}

/* Keep left titles white on all viewports and states */
.service-box-one-title-left {
  color: #fff;
}

.service-box-style-one:hover .service-box-one-title-left {
  color: #fff;
}

/* Extra specificity to beat any media/query overrides */
.service-box-style-one .service-box-one-title-left {
  color: #fff !important;
}

.service-box-style-one:hover .service-one-image-block {
  width: 275px;
  opacity: 1;
}

.service-single-lightbox-link {
  margin-bottom: 30px;
}

.service-single-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  margin-bottom: 45px;
}

.extra-benefits-block {
  position: sticky;
  top: 120px;
}

.extra-benefit-title {
  margin-bottom: 15px;
  font-size: 36px;
  line-height: 44px;
}

.service-single-detail-description {
  margin-bottom: 45px;
}

.service-single-pagintaion {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.previous-service-template-title, .next-service-template-title {
  margin-bottom: 15px;
}

.previous-service-template-pagination-link {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.next-service-template-pagination-link {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.service-template-link-icon-block {
  background-color: var(--primary);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  line-height: 0;
  display: flex;
}

.service-pagination-link-title {
  font-size: 24px;
  line-height: 32px;
}

.service-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
}

.service-image-sticky-block {
  position: sticky;
  top: 120px;
}

.service-timeline-container {
  width: 100%;
  position: relative;
}

.service-timeline-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 50px;
  height: 79%;
  display: flex;
  position: absolute;
}

.service-timline-bg-line {
  background-color: var(--white);
  width: 2px;
  height: 100%;
  position: relative;
}

.service-timline-line {
  background-color: var(--primary);
  width: 2px;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.services-wrapper {
  position: relative;
}

.service-blocks {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 30px;
  display: flex;
}

.service-blocks.last {
  padding-bottom: 0;
}

.service-number-block {
  flex: none;
  position: relative;
}

.service-number {
  border: 2px solid var(--primary);
  background-color: var(--white);
  font-family: var(--title);
  color: var(--dark);
  text-align: center;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  font-weight: 500;
  line-height: 50px;
  position: relative;
}

.service-detail-block {
  background-color: var(--grey);
  width: 100%;
  padding: 45px 30px;
}

.service-title {
  border-bottom: 1px solid #60626d1a;
  margin-bottom: 30px;
  padding-bottom: 30px;
  padding-left: 15px;
  font-size: 28px;
  line-height: 36px;
}

.service-image {
  width: 100%;
}

.download-info-block {
  background-image: linear-gradient(#131419f0, #131419f0), url('../images/1_4.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.download-info-grid-block {
  text-align: center;
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.download-info-title {
  color: var(--white);
  margin-bottom: 10px;
  font-size: 48px;
  line-height: 56px;
}

.download-info-description {
  color: var(--white);
  margin-bottom: 30px;
}

.download-redirect-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.benefit-list-wrapper {
  flex: none;
}

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

.benefit-box-image-block {
  aspect-ratio: 11 / 6;
  overflow: hidden;
}

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

.benefit-box-detail-block {
  border-bottom: 1px solid var(--dark);
  color: var(--dark);
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.benefit-box-title {
  font-size: 28px;
  line-height: 36px;
}

.banner-title-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.banner-one-title-block-one {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  padding-left: 75px;
  display: flex;
}

.banner-one-title {
  text-align: center;
  font-size: 120px;
  line-height: 128px;
}

.banner-one-title.text-primary {
  align-self: flex-end;
}

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

.banner-one-title-block-two {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.banner-one-title-block-three {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.banner-one-description-block {
  width: 47%;
  position: absolute;
  top: 42%;
}

.section.section-banner-one .banner-title-block {
  align-items: center;
  text-align: center;
}

.section.section-banner-one .banner-one-title-block-one {
  justify-content: center;
  padding-left: 0;
}

.section.section-banner-one .banner-one-title.text-primary {
  align-self: center;
}

.section.section-banner-one .banner-one-title-block-three {
  justify-content: center;
  gap: 20px;
}

.section.section-banner-one .banner-one-description-block {
  width: 100%;
  max-width: 900px;
  position: relative;
  top: auto;
  margin: 16px auto 0;
  text-align: center;
}

.banner-one-video-block {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  height: 240vh;
  display: flex;
  position: relative;
}

.banner-one-video-sticky-block {
  padding-top: 90px;
  position: sticky;
  top: 90px;
  overflow: hidden;
}

.banner-one-background-video {
  z-index: 10;
  object-fit: cover;
  margin-bottom: 60px;
}

.banner-one-bg-video-block {
  z-index: 10;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.banner-one-link-block {
  z-index: 0;
  color: var(--dark);
  text-transform: uppercase;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0% auto auto;
}

.banner-one-link-text {
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 22px;
}

.banner-one-link-border {
  background-color: var(--dark);
  width: 100%;
  height: 1px;
}

.banner-text-scroll-text {
  z-index: 0;
  font-size: 24px;
  position: absolute;
  inset: 0% 15px auto auto;
}

.banner-one-title-two {
  font-size: 64px;
  line-height: 72px;
}

.banner-bottom-title-one-block {
  justify-content: space-between;
  padding-bottom: 15px;
  padding-right: 45px;
  display: flex;
}

.banner-one-title-three-block {
  text-align: center;
  width: 100%;
}

.banner-two-block {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 120px;
  display: flex;
  position: relative;
}

.banner-two-images-block {
  position: absolute;
  inset: 0%;
}

.banner-two-slider-block {
  z-index: 5;
  margin-bottom: -120px;
  position: relative;
}

.banner-two-slider {
  background-color: #0000;
  height: auto;
}

.slide-nav {
  display: none;
}

.banner-two-slider-image {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.banner-two-slider-image.banner-two-slide-one-image {
  z-index: 3;
  background-image: url('../images/1_5.jpg');
  background-position: 50%;
  background-size: cover;
}

.banner-two-slider-image.banner-two-slide-two-image {
  z-index: 2;
  background-image: url('../images/2_2.jpg');
  background-position: 50%;
  background-size: cover;
}

.banner-two-slider-image.banner-two-slide-three-image {
  z-index: 1;
  background-image: url('../images/3_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.banner-two-image-overlay {
  z-index: 4;
  background-color: #131419f0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.banner-two-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  place-items: center stretch;
  margin-bottom: 30px;
}

.banner-two-title {
  color: var(--white);
  font-size: 48px;
  line-height: 56px;
}

.banner-two-subtitle-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.banner-two-subtitle-text {
  color: var(--white);
  text-transform: uppercase;
}

.banner-two-image {
  width: 100%;
}

.banner-two-description {
  color: var(--white);
  margin-bottom: 30px;
}

.download-link-block {
  background-color: var(--dark);
  color: var(--white);
  padding: 10px 20px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.download-link-block:hover, .download-link-block:active, .download-link-block:focus, .download-link-block:focus-visible, .download-link-block[data-wf-focus-visible] {
  background-color: var(--primary);
}

.download-link-icon-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.download-vector-image-one {
  z-index: 1;
  width: 22%;
  position: absolute;
  inset: -14% 3% auto auto;
}

.download-vector-image-two {
  z-index: 1;
  width: 22%;
  position: absolute;
  inset: auto auto -12% 1%;
}

.banner-two-vector-image {
  z-index: 15;
  opacity: .13;
  position: absolute;
  inset: 18% auto auto 46%;
}

.solution-marquee-block {
  flex-flow: column;
  justify-content: space-between;
  display: block;
  overflow: visible;
}

.solution-marquee {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 100%;
  min-width: 0;
  animation: none !important;
}

.solution-list-wrapper {
  width: 100%;
}


.solution-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 30px 30px 30px 45px;
  display: flex;
}

.solution-box-link {
  color: inherit;
  text-decoration: none;
  display: block;
}

.solution-box-link:hover,
.solution-box-link:focus,
.solution-box-link:focus-visible {
  color: inherit;
  text-decoration: none;
}

.solution-box-image-block {
  flex: none;
  position: relative;
  overflow: hidden;
}

.solution-box-image-link-block {
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.solution-box-image {
  width: 100%;
}

.solution-box-number {
  color: #13141975;
  margin-bottom: 15px;
  font-size: 80px;
  font-weight: 500;
  line-height: 88px;
}

.solution-box-title {
  border-bottom: 1px solid #60626d1a;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.solution-box-description {
  margin-bottom: 30px;
}

.features-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.features-sticky-block {
  padding-top: 120px;
  padding-bottom: 120px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.feature-box {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: var(--grey);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 45px;
  display: grid;
}

.feature-box-image {
  width: 100%;
}

.feature-box-icon-block {
  background-color: var(--white);
  color: var(--primary);
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  margin-bottom: 20px;
  line-height: 0;
  display: flex;
}

.feature-box-title {
  border-bottom: 1px solid #60626d1f;
  margin-bottom: 30px;
  padding-bottom: 20px;
}

.feature-box-description {
  margin-bottom: 30px;
}

.banner-two-arrow-left {
  border-radius: 100%;
  width: 70px;
  height: 70px;
  display: none;
  inset: 32% auto auto -6%;
}

.banner-two-left-arrow-block, .banner-two-right-arrow-block {
  background-color: #60626d33;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  line-height: 0;
  display: flex;
}

.banner-two-arrow-right {
  border-radius: 100%;
  width: 70px;
  height: 70px;
  display: none;
  inset: 32% -6% auto auto;
}

.testimonial-two-testifier-image {
  border-radius: 100%;
}

.about-grid {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
}

.about-quick-stack {
  grid-row-gap: 15px;
  padding: 0;
}

.about-quick-stack-cell-one {
  align-items: stretch;
}

.about-quick-stack-cell-two {
  display: block;
}

.about-quick-stack-cell-three {
  flex-flow: row;
  align-items: stretch;
}

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

.about-quick-stack-counter-block {
  background-color: var(--primary);
  flex-flow: column;
  min-height: 100%;
  padding: 20px 30px;
  display: flex;
}

.about-counter-box {
  text-align: center;
}

.about-counter-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.about-counter-description {
  color: var(--white);
  text-transform: uppercase;
  font-size: 24px;
}

.about-counter-number-block {
  height: 68px;
}

.about-counter-suffix {
  color: var(--white);
  font-size: 60px;
  line-height: 66px;
}

.about-counter-number {
  color: var(--white);
  font-size: 60px;
  line-height: 68px;
}

.about-section-description {
  margin-top: 30px;
  margin-bottom: 30px;
}

.icon-box-grid {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  grid-template-rows: auto;
  margin-bottom: 45px;
}

.icon-box-icon-block {
  background-color: var(--white);
  color: var(--primary);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 30px;
  line-height: 0;
  display: flex;
}

.icon-box-title {
  margin-bottom: 5px;
  font-size: 28px;
  line-height: 36px;
}

.service-three-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}

.service-box-style-three, .service-box-three-image-block {
  position: relative;
  overflow: hidden;
}

.service-box-three-detail-block {
  background-color: var(--grey);
  justify-content: space-between;
  align-items: center;
  margin-left: 3%;
  margin-right: 3%;
  padding: 20px 15px;
  display: flex;
  position: absolute;
  inset: auto 0% 8%;
}

.service-box-three-title {
  font-size: 28px;
  line-height: 36px;
}

.service-box-three-link-block {
  color: var(--dark);
  line-height: 0;
  text-decoration: none;
}

.features-tabs {
  flex-flow: row-reverse;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.features-tabs-menu {
  z-index: 1;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  align-self: flex-start;
  width: 38%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.features-tab-link-text {
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.features-tab-link-block {
  color: var(--secondary);
  background-color: #0000;
  padding: 0;
  text-decoration: none;
}

.features-tab-link-block.w--current {
  background-color: #0000;
}

.features-tab-media-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.features-tab-link-border {
  background-color: var(--dark);
  width: 0%;
  height: 2px;
}

.feature-tab-box {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  align-items: flex-end;
  display: flex;
}

.feature-tab-box-image-block {
  width: 61%;
}

.feature-tab-box-image {
  width: 100%;
}

.feature-tab-box-detail-block {
  width: 40%;
  margin-bottom: 45px;
}

.feature-tab-box-title {
  margin-bottom: 10px;
}

.service-three-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.solution-single-title {
  margin-bottom: 10px;
  font-size: 48px;
  line-height: 56px;
}

.solution-single-description {
  margin-bottom: 30px;
}

.benefit-single-title {
  margin-bottom: 10px;
  font-size: 48px;
  line-height: 56px;
}

.benefit-single-description, .benefit-single-lightbox-link {
  margin-bottom: 30px;
}

.benefit-images-list-wrapper {
  display: block;
}

.benefit-images-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 30px;
  display: grid;
}

.benefit-rich-text-block-one {
  margin-bottom: 30px;
}

.benefit-rich-text-block-one h2,
.benefit-rich-text-block-two h2 {
  margin: 0 0 18px;
  line-height: 1.2;
}

.benefit-rich-text-block-one p,
.benefit-rich-text-block-two p {
  margin: 0 0 18px;
  line-height: 1.7;
}

.benefit-rich-text-block-one p:last-child,
.benefit-rich-text-block-two p:last-child {
  margin-bottom: 0;
}

.benefit-rich-text-block-one mark,
.benefit-rich-text-block-two mark {
  background: #ffe08a;
  padding: 0 6px;
  border-radius: 6px;
}

.benefit-single-pagination {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.benefit-template-next-button-block {
  text-align: right;
}

.previous-benefit-template-title, .next-benefit-template-title {
  margin-bottom: 15px;
}

.next-benefit-template-pagination-link {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.previous-benefit-template-pagination-link {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.benefit-template-link-icon-block {
  background-color: var(--primary);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  line-height: 0;
  display: flex;
}

.benefit-pagination-link-title {
  font-size: 24px;
  line-height: 32px;
}

.benefit-single-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.solution-single-lightbox-link, .solution-images-list-wrapper {
  margin-bottom: 30px;
}

.solution-images-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.solution-rich-text-block-one {
  margin-bottom: 30px;
}

.solution-single-pagination {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.solution-template-next-button-block {
  text-align: right;
}

.previous-solution-template-title, .next-solution-template-title {
  margin-bottom: 15px;
}

.previous-solution-template-pagination-link {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.next-solution-template-pagination-link {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.solution-template-link-icon-block {
  background-color: var(--primary);
  color: var(--white);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  line-height: 0;
  display: flex;
}

.solution-pagination-link-title {
  font-size: 24px;
  line-height: 32px;
}

.solution-single-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
}

.solution-single-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

.container-small {
  padding-left: 15px;
  padding-right: 15px;
}

.license-description-block {
  text-align: center;
  margin-bottom: 30px;
  padding-left: 6rem;
  padding-right: 6rem;
}

.license-content-wrapper {
  background-color: var(--grey);
  margin-bottom: 30px;
  padding: 45px 30px;
}

.license-content-wrapper.last {
  margin-bottom: 0;
}

.license-title {
  margin-bottom: 10px;
}

.license-description {
  margin-bottom: 30px;
}

.license-description.last {
  margin-bottom: 0;
}

.license-redirect-link {
  color: var(--dark);
  text-transform: uppercase;
  font-weight: 500;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: inline-block;
}

.license-redirect-link:hover, .license-redirect-link:active, .license-redirect-link:focus, .license-redirect-link:focus-visible, .license-redirect-link[data-wf-focus-visible] {
  color: var(--primary);
}

.changelog-content-wrapper {
  background-color: var(--grey);
  text-align: center;
  padding: 45px 30px;
}

.changelog-number-wrap {
  background-color: var(--primary);
  color: var(--white);
  width: 80px;
  height: 50px;
  margin-bottom: 15px;
  font-weight: 500;
  line-height: 50px;
  display: inline-block;
}

.changelog-date-text {
  padding-top: 10px;
  padding-bottom: 10px;
}

.changelog-title {
  margin-bottom: 10px;
}

.counter-seprator-block-one, .counter-seprator-block-two, .counter-seprator-block-three {
  background-color: #60626d33;
  width: 1px;
}

.banner-one-embed {
  color: var(--dark);
  line-height: 0;
}

.benefit-box-icon {
  line-height: 0;
}

.team-box-social-media-link-block {
  color: var(--dark);
  justify-content: center;
  align-items: center;
  line-height: 0;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.team-box-social-media-link-block:hover, .team-box-social-media-link-block:active, .team-box-social-media-link-block:focus, .team-box-social-media-link-block:focus-visible, .team-box-social-media-link-block[data-wf-focus-visible] {
  color: var(--primary);
}

.team-box-vector-image {
  opacity: .1;
  width: 90px;
  position: absolute;
  inset: 18% 20% auto auto;
}

.service-box-three-layer-block {
  background-color: #131419a6;
  position: absolute;
  inset: 0%;
}

.banner-three-background-videotwo {
  width: 315px;
  height: 165px;
  display: none;
}

.process-arrow-one {
  position: absolute;
  top: 55%;
  left: 29%;
  transform: translate(-50%, -50%);
}

.process-arrow-two {
  position: absolute;
  top: 55%;
  right: 32%;
  transform: translate(50%, -50%);
}

.team-box-three-social-link-block {
  color: var(--white);
  line-height: 0;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.team-box-three-social-link-block:hover, .team-box-three-social-link-block:active, .team-box-three-social-link-block:focus, .team-box-three-social-link-block:focus-visible, .team-box-three-social-link-block[data-wf-focus-visible] {
  color: var(--primary);
}

.team-three-layer-block {
  background-color: #131419d9;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.nav-link {
  text-transform: uppercase;
  padding: 30px 20px;
  font-weight: 500;
  text-decoration: none;
}

.nav-link.w--current {
  color: var(--primary);
}

.team-single-social-link-block {
  color: var(--dark);
  line-height: 0;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
}

.team-single-social-link-block:hover, .team-single-social-link-block:active, .team-single-social-link-block:focus, .team-single-social-link-block:focus-visible, .team-single-social-link-block[data-wf-focus-visible] {
  color: var(--primary);
}

.landing-banner-title-block {
  margin-bottom: 45px;
}

.landing-banner-title {
  font-size: 60px;
  line-height: 68px;
}

.landing-banner-detail-block {
  text-align: center;
  position: relative;
}

.landing-page-image-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: flex-end;
  margin-top: -45px;
  display: flex;
  overflow: hidden;
}

.homepages-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.homepages-link-block {
  text-align: center;
  text-decoration: none;
  display: block;
}

.homepages-image-box {
  background-color: var(--white);
  padding: 20px 20px 30px;
}

.homepages-image-block {
  margin-bottom: 20px;
  overflow: hidden;
}

.innerpages-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.innerpage-link-block {
  text-align: center;
  text-decoration: none;
  display: block;
}

.innerpage-image-box {
  background-color: var(--grey);
  padding: 20px 20px 30px;
  overflow: hidden;
}

.innerpages-image-block {
  margin-bottom: 20px;
  overflow: hidden;
}

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

.feature-icon-box {
  text-align: center;
  border: 1px solid #13141926;
  padding-top: 45px;
  padding-bottom: 45px;
}

.feature-icon-block {
  color: var(--primary);
  margin-bottom: 30px;
  line-height: 0;
  display: inline-block;
}

.cms-utility-page-tabs {
  position: static;
}

.cms-utility-page-tabs-menu {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--primary);
  padding: 10px;
  display: flex;
  position: absolute;
  inset: 2% 15px auto auto;
}

.cms-utility-page-tab-link {
  color: var(--white);
  text-transform: uppercase;
  background-color: #0000;
  padding: 20px 15px;
  font-weight: 500;
  text-decoration: none;
}

.cms-utility-page-tab-link.w--current {
  background-color: var(--white);
  color: var(--primary);
}

.utility-page-tabs, .cms-page-tabs {
  flex-flow: row-reverse;
  display: flex;
}

.utility-page-tabs-menu {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 40%;
  padding-right: 60px;
  display: flex;
}

.utility-page-tabs-content {
  width: 60%;
  margin-right: 60px;
}

.utility-page-tab-link {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--dark);
  text-transform: uppercase;
  background-color: #0000;
  border-bottom: 1px solid #1314191f;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.utility-page-tab-link:hover, .utility-page-tab-link:active, .utility-page-tab-link:focus, .utility-page-tab-link:focus-visible, .utility-page-tab-link[data-wf-focus-visible] {
  color: var(--primary);
}

.utility-page-tab-link.w--current {
  color: var(--primary);
  background-color: #0000;
}

.utility-page-tab-link.last {
  border-bottom-style: none;
}

.utility-page-tab-link-text {
  line-height: 40px;
}

.cms-page-tabs-menu {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  width: 40%;
  padding-right: 60px;
  display: flex;
}

.cms-page-tabs-content {
  width: 60%;
  margin-right: 60px;
}

.cms-page-tab-link {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--dark);
  text-transform: uppercase;
  background-color: #0000;
  border-bottom: 1px solid #1314191f;
  padding: 30px 0 30px 30px;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: none;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: flex;
}

.cms-page-tab-link:hover, .cms-page-tab-link:active, .cms-page-tab-link:focus, .cms-page-tab-link:focus-visible, .cms-page-tab-link[data-wf-focus-visible] {
  color: var(--primary);
}

.cms-page-tab-link.w--current {
  color: var(--primary);
  background-color: #0000;
}

.cms-page-tab-link.last {
  border-bottom-style: none;
}

.utility-page-link-block {
  display: block;
}

.purchase-detail-block {
  text-align: center;
}

.purchase-section-title {
  color: var(--white);
  margin-bottom: 15px;
  font-size: 56px;
  line-height: 64px;
}

.purchase-section-description {
  color: var(--white);
  margin-bottom: 30px;
  padding-left: 6em;
  padding-right: 6em;
}

.button-white {
  background-color: var(--white);
  color: var(--primary);
  text-transform: uppercase;
  padding: 8px 10px 8px 20px;
  text-decoration: none;
}

.button-white-icon-block {
  background-color: var(--primary);
  color: var(--white);
  width: 50px;
  height: 50px;
  line-height: 0;
  position: relative;
  overflow: hidden;
}

.button-white-hover-icon, .button-white-icon {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.figma-section-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: .75fr 1fr;
}

.figma-sections-image-block {
  background-color: var(--grey);
  padding: 45px 90px;
}

.figma-sections-detail-block {
  text-align: center;
  border: 1px solid #6666662e;
  padding-top: 10px;
  padding-bottom: 10px;
}

.figma-sections-images {
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.figma-sections-image-one {
  z-index: 1;
  border: 1px solid #6663;
  margin-bottom: 90px;
  position: relative;
}

.figma-sections-image-two {
  border: 1px solid #6663;
  align-self: flex-end;
  margin-left: -75px;
}

.figma-sections-detail-title {
  font-size: 40px;
  line-height: 48px;
}

.figma-demo-block {
  background-color: var(--grey);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.figma-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--primary);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 30px 30px 30px 45px;
  display: grid;
}

.figma-icon-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.figma-icon-block {
  background-color: var(--white);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  line-height: 0;
  display: flex;
}

.figma-icon-detail-block-title {
  color: var(--white);
  margin-bottom: 5px;
  font-size: 40px;
  line-height: 48px;
}

.figma-icon-detail-block-text {
  color: var(--white);
  margin-bottom: 30px;
}

.service-sticky-image-block {
  position: relative;
  overflow: hidden;
}

.service-sticky-image-mask-block {
  background-color: var(--primary);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.faq-image-block {
  position: relative;
  overflow: hidden;
}

.faq-image-mask-block {
  background-color: var(--primary);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.about-quickstack-image-block {
  position: relative;
  overflow: hidden;
}

.about-quickstack-image-mask-block {
  background-color: var(--white);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.features-tab-link-icon, .download-link-icon-block {
  line-height: 0;
}

.download-link-border-block {
  background-color: #ffffff40;
  align-self: stretch;
  width: 1px;
}

.download-link-icon-detail-block {
  padding-top: 5px;
  padding-bottom: 5px;
}

.download-link-icon-detail-text {
  margin-bottom: 5px;
  font-size: 14px;
}

.download-link-icon-detail-title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}

.pricing-plan-two-title {
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 44px;
}

.pricing-plan-two-price-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 20px;
  display: flex;
}

.pricing-plan-three-title {
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 44px;
}

.pricing-plan-three-description {
  margin-bottom: 20px;
}

.solution-box-one, .solution-box-two, .solution-box-three, .solution-box-four, .solution-box-five, .solution-box-six {
  flex: 0 31.6%;
}

.map-figure {
  margin-bottom: 0;
  padding-bottom: 0;
}

.service-section-vector-image {
  opacity: .15;
  display: none;
  position: absolute;
  inset: auto 8% 14% auto;
}

.video-popup-vector-image {
  display: none;
  position: absolute;
  inset: auto 8% 24% auto;
}

.testimonial-quote-image {
  display: block;
  margin-top: 15px;
  margin-left: auto;
}

.license-image-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
}

.banner-three-vector-block {
  color: var(--dark);
  line-height: 0;
  display: none;
  position: absolute;
  inset: auto -8% 0% auto;
}

.service-marquee-box-one, .service-marquee-box-two, .service-marquee-box-three, .service-marquee-box-four, .service-marquee-box-five, .service-marquee-box-six {
  flex: none;
}

.service-one-link-text, .team-box-social-media-link-text, .service-box-link-text, .service-marquee-box-link-text, .service-box-three-link-text, .team-box-three-social-link-text, .previous-blog-template-pagination-link-text, .previous-solution-template-pagination-link-text, .previous-benefit-template-pagination-link-text, .next-benefit-template-pagination-link-text, .previous-service-template-pagination-link-text, .next-service-template-pagination-link-text, .team-single-social-link-text, .previous-team-template-pagination-link-text, .next-team-template-pagination-link-text {
  display: none;
}

.benefit-slider {
  background-color: #0000;
  height: auto;
}

.benefit-slider-mask {
  width: 100%;
  max-width: 40%;
  overflow: visible;
}

.benefit-slide {
  margin-right: 30px;
}

.benefit-slide-nav {
  display: none;
}

.section-title-main-block {
  width: 50%;
  margin-bottom: 60px;
  display: inline-block;
}

.benefit-slider-left-arrow {
  background-color: var(--primary);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  line-height: 0;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  inset: -20% 8% auto auto;
}

.benefit-slider-left-arrow:hover, .benefit-slider-left-arrow:active, .benefit-slider-left-arrow:focus, .benefit-slider-left-arrow:focus-visible, .benefit-slider-left-arrow[data-wf-focus-visible] {
  background-color: var(--dark);
}

.benefit-slider-right-arrow {
  background-color: var(--primary);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  line-height: 0;
  transition: all .5s cubic-bezier(.455, .03, .515, .955);
  display: flex;
  inset: -20% 2% auto auto;
}

.benefit-slider-right-arrow:hover, .benefit-slider-right-arrow:active, .benefit-slider-right-arrow:focus, .benefit-slider-right-arrow:focus-visible, .benefit-slider-right-arrow[data-wf-focus-visible] {
  background-color: var(--dark);
}

.landing-banner-image-left-two {
  border: 1px solid #6663;
  width: 18%;
}

.landing-banner-image-left-one {
  border: 1px solid #6663;
  width: 20%;
}

.landing-banner-image-center {
  border: 1px solid #6663;
  width: 32%;
}

.landing-banner-image-right-one {
  border: 1px solid #6663;
  width: 18%;
}

.landing-banner-image-right-two {
  border: 1px solid #6663;
  width: 20%;
}

.landing-banner-vector {
  display: none;
  position: absolute;
  inset: auto auto -30% -40%;
}

.figma-demo-image {
  z-index: 0;
  width: 82.5%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.figma-demo-detail-block {
  width: 62%;
  margin-bottom: 45px;
  padding-left: 45px;
  position: relative;
}

.figma-demo-detail-number {
  font-size: 80px;
  line-height: 88px;
}

.figma-demo-detail-title {
  margin-bottom: 10px;
  font-size: 40px;
  line-height: 48px;
}

.homepage-image, .innerpage-image {
  border: 1px solid #6666661f;
}

.utilitypage-vector-image {
  display: none;
  position: absolute;
  inset: auto 18px 30px auto;
}

.purchase-image-one {
  width: 22%;
  display: none;
  position: absolute;
  inset: 14% auto auto 90px;
}

.purchase-image-two {
  display: none;
  position: absolute;
  inset: 8% 120px auto auto;
}

.purchase-image-three {
  display: none;
  position: absolute;
  inset: auto 12% 8% auto;
}

.next-solution-template-pagination-link-text {
  display: none;
}

@media screen and (min-width: 1280px) {
  .testimonial-two-detail-block {
    margin-bottom: 30px;
  }

  .testimonail-two-testifier-name {
    font-size: 24px;
    line-height: 32px;
  }

  .testimonial-two-description {
    font-size: 24px;
  }

  .testimonial-two-testifier-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .testimonial-two-testifier-designation {
    color: var(--primary);
    text-transform: uppercase;
  }

  .team-box-style-one {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }
}

@media screen and (min-width: 1440px) {
  .navbar {
    padding-left: 30px;
    padding-right: 30px;
  }

  .footer-title {
    color: var(--white);
  }

  .testimonial-marquee-block {
    margin-right: -90px;
  }

  .testimonial-marquee {
    width: 345%;
  }

  .about-us-image-two-block {
    z-index: 1;
    overflow: hidden;
  }

  .about-us-image-one-block {
    z-index: 0;
    overflow: hidden;
  }

  .service-box-marquee-block {
    margin-right: -90px;
  }

  .service-box-marquee {
    width: 360%;
  }

  .solution-marquee {
    width: auto;
    min-width: max-content;
  }

  .solution-list-wrapper {
    flex: 0 0 320px;
  }

  .banner-two-arrow-left {
    display: inline-block;
    left: -6%;
  }

  .banner-two-arrow-right {
    display: inline-block;
    right: -6%;
  }
}

@media screen and (min-width: 1920px) {
  .navbar {
    padding-left: 30px;
    padding-right: 30px;
  }

  .description-section-title-block {
    padding-left: 10em;
    padding-right: 10em;
  }

  .testimonial-marquee-block {
    margin-right: -330px;
  }

  .testimonial-marquee {
    width: 305%;
  }

  .service-box-marquee-block {
    margin-right: -330px;
  }

  .service-box-marquee {
    width: 285%;
  }

  .solution-marquee {
    width: 350%;
  }

  .banner-two-arrow-left {
    left: -18%;
  }

  .banner-two-arrow-right {
    right: -18%;
  }

  .service-section-vector-image, .video-popup-vector-image {
    display: inline-block;
  }

  .banner-three-vector-block {
    display: block;
  }

  .landing-banner-vector, .utilitypage-vector-image, .purchase-image-one, .purchase-image-two, .purchase-image-three {
    display: inline-block;
  }
}

@media screen and (max-width: 991px) {
  .service-hero-layout {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .service-hero-cta {
    max-width: 560px;
    justify-self: start;
  }

  .color-tiles {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .color-tile {
    height: 120px;
  }

  .header {
    padding-top: 80px;
    padding-bottom: 64px;
  }

  .style-guide-navbar {
    padding-left: 24px;
  }

  .styleguide {
    max-width: 100%;
    padding: 20px;
  }

  .navbar-link {
    margin-right: 32px;
  }

  .style-item {
    grid-template-columns: .5fr 1fr;
  }

  .navbar {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .navbar-wrap {
    grid-template-columns: auto 1fr;
  }

  .dropdown {
    padding: 0;
    transition: all .5s cubic-bezier(.455, .03, .515, .955);
    display: block;
  }

  .dropdown-nav-link {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--grey);
    justify-content: space-between;
    padding: 15px 20px;
  }

  .dropdown-nav-link-icon {
    margin-left: 0;
  }

  .dropdown-list {
    position: static;
  }

  .dropdown-column {
    background-color: var(--white);
    width: auto;
  }

  .megamenu-columns-block {
    background-color: var(--white);
  }

  .megamenu-columns-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-top-block {
    padding-top: 60px;
  }

  .footer-top-detail-block {
    flex-flow: column;
    padding-bottom: 60px;
  }

  .footer-top-detail-block-left {
    margin-bottom: 45px;
  }

  .footer-top-detail-block-right {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .footer-logo {
    height: 75px;
  }

  .footer-title {
    margin-bottom: 30px;
  }

  .footer-navigation-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    display: flex;
  }

  .footer-nav-list {
    flex: none;
  }

  .footer-nav-list-seprator {
    display: none;
  }

  .not-found-title, .password-title {
    font-size: 56px;
    line-height: 64px;
  }

  .section {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .section.homepage-case-studies-section {
    padding-bottom: 120px !important;
  }

  .section.section-breadcrumb {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .section.section-description {
    padding-bottom: 210px;
  }

  .section.section-video {
    margin-top: -120px;
  }

  .section.section-sticky-video {
    height: auto;
    padding-bottom: 0;
  }

  .section.section-sticky-video.blog-one-sticky-video {
    padding-bottom: 90px;
  }

  .section.section-service-marquee, .section.section-banner {
    height: auto;
  }

  .section.section-services, .section.section-download {
    padding-top: 90px;
  }

  .section.section-benefits {
    height: auto;
  }

  .section.section-benefits.bg-grey {
    padding-bottom: 120px;
  }

  .section.section-banner-one {
    padding-top: 60px;
  }

  .section.section-features {
    height: auto;
  }

  .section.section-purchase {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .breadcrumb-block {
    text-align: center;
    display: block;
  }
@media (min-width: 992px) {
  .breadcrumb-block {
    text-align: left;
    display: inline-block;
  }
}

  .breadcrumb-title {
    font-size: 64px;
    line-height: 72px;
  }

  .contact-grid {
    grid-column-gap: 30px;
    grid-row-gap: 45px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    place-items: stretch stretch;
  }

  .contact-box-grid-block-seprator {
    display: none;
  }

  .contact-box-title {
    font-size: 24px;
    line-height: 32px;
  }

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

  .section-title-block.text-center {
    margin-bottom: 45px;
  }

  .section-title {
    font-size: 40px;
    line-height: 48px;
  }

  .contact-form-description, .contact-soical-media-block {
    margin-bottom: 45px;
  }

  .client-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .client-grid-block.last {
    display: block;
  }

  .menu-button {
    background-color: var(--primary);
    color: var(--white);
    padding: 15px;
    transition: all .5s cubic-bezier(.455, .03, .515, .955);
  }

  .menu-button:hover, .menu-button:active, .menu-button:focus, .menu-button:focus-visible, .menu-button[data-wf-focus-visible], .menu-button.w--open {
    background-color: var(--dark);
  }

  .nav-menu {
    background-color: var(--white);
    display: block;
  }

  .footer-vector-image {
    bottom: -40%;
    right: 15%;
  }

  .section-title-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 45px;
  }

  .testimonial-tabs {
    flex-flow: column;
  }

  .testimonial-tabs-menu {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 45px;
  }

  .testimonial-tabs-content {
    margin-bottom: 0;
  }

  .testimonial-tab-link-detail-title {
    font-size: 24px;
    line-height: 32px;
  }

  .testimonial-box-style-one {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .testimonial-image-block {
    margin-bottom: 30px;
  }

  .testimonial-star-rating-block {
    margin-bottom: 15px;
  }

  .testimonial-description {
    font-size: 20px;
  }

  .testimonail-two-testifier-name {
    font-size: 28px;
    line-height: 36px;
  }

  .description-section-title-block {
    padding-left: 0;
    padding-right: 0;
  }

  .description-section-title {
    font-size: 32px;
    line-height: 40px;
  }

  .video-popup-block {
    height: 360px;
  }

  .counter-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: auto max-content auto;
    justify-items: stretch;
  }

  .counter-grid-block {
    text-align: center;
  }

  .counter-block {
    justify-content: center;
    align-items: center;
  }

  .pricing-plan-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .prcing-plan-price {
    font-size: 40px;
    line-height: 48px;
  }

  .pricing-plan-seprator, .pricing-plan-duration {
    font-size: 18px;
  }

  .video-block {
    margin-bottom: 90px;
    display: block;
  }

  .network-block {
    margin-bottom: 90px;
  }

  .network-grid {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-flow: column-reverse;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .network-icon-boxes {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    margin-top: 30px;
  }

  .testimonial-marquee-block {
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible;
  }

  .testimonial-marquee {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    display: grid;
  }

  .testimonial-box-style-two {
    padding-left: 30px;
    padding-right: 30px;
  }

  .testimonial-two-description {
    font-size: 18px;
  }

  .testimonial-two-quote-block {
    margin-bottom: 15px;
    display: inline-block;
    position: static;
  }

  .process-grid {
    grid-column-gap: 30px;
    grid-row-gap: 75px;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
  }

  .process-box-style-one {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .process-step-number-block {
    top: -18%;
    right: -2%;
  }

  .about-us-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .about-us-image-two-block {
    bottom: 0%;
    right: 0%;
  }

  .about-us-list {
    margin-bottom: 30px;
  }

  .charging-station-grid {
    grid-template-columns: 1fr;
    place-items: stretch stretch;
  }

  .faq-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .pricing-plan-style-two {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .terms-and-condition-title {
    font-size: 28px;
    line-height: 36px;
  }

  .annual-price-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .pricing-plan-two-grid-left-side {
    margin-bottom: 20px;
  }

  .pricing-plan-two-grid-center {
    border-style: solid none;
    border-top-width: 1px;
    border-top-color: #60626d33;
    border-bottom-width: 1px;
    border-bottom-color: #60626d33;
    margin-bottom: 30px;
    padding: 30px 0;
  }

  .pricing-plan-two-grid-right-side {
    text-align: left;
  }

  .pricing-box-style-three {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-sticky-column {
    position: static;
  }

  .pricing-plan-three-price-block {
    padding-bottom: 20px;
  }

  .pricing-plan-three-features-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .image-mask-left-block {
    display: none;
  }

  .team-tabs {
    flex-flow: column-reverse;
  }

  .team-tabs-menu {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    margin-top: 30px;
    margin-right: 0;
    display: grid;
  }

  .team-tab-link.bg-grey {
    padding-left: 15px;
    padding-right: 15px;
  }

  .team-member-name {
    font-size: 24px;
    line-height: 32px;
  }

  .team-tabs-content {
    width: auto;
  }

  .team-box-style-one.bg-white {
    flex-flow: column-reverse;
  }

  .team-box-style-one.bg-grey {
    flex-flow: column;
  }

  .team-box-image-link-block {
    width: auto;
  }

  .team-box-detail-block {
    width: auto;
    display: block;
  }

  .team-box-detail-top-block {
    margin-bottom: 20px;
  }

  .team-two-member-name {
    font-size: 28px;
    line-height: 36px;
  }

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

  .team-three-detail-block {
    padding: 20px 15px;
    position: static;
  }

  .team-box-three-member-name {
    font-size: 28px;
    line-height: 36px;
  }

  .team-single-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .team-single-member-name {
    font-size: 32px;
    line-height: 40px;
  }

  .team-single-block-title {
    font-size: 24px;
    line-height: 32px;
  }

  .previous-team-template-title, .next-team-template-title {
    font-size: 28px;
    line-height: 36px;
  }

  .team-two-single-list, .blog-one-list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .blog-one-title, .blog-two-title {
    font-size: 24px;
    line-height: 32px;
  }

  .blog-three-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 60px;
  }

  .blog-post-style-three {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: auto;
  }

  .blog-post-three-image-block {
    width: auto;
    position: static;
  }

  .blog-three-title {
    font-size: 28px;
    line-height: 36px;
  }

  .blog-single-title {
    font-size: 32px;
    line-height: 40px;
  }

  .blog-single-blockquote {
    font-size: 22px;
    line-height: 30px;
  }

  .blog-single-pagination {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .previous-blog-template-title {
    font-size: 32px;
    line-height: 40px;
  }

  .sticky-video-block {
    position: static;
    top: 0;
  }

  .zoomed-outer-block {
    display: none;
  }

  .zoomed-inner {
    pointer-events: auto;
    height: auto;
    display: block;
    position: static;
  }

  .grid-video {
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    height: auto;
  }

  .zoom-in-video-block {
    display: block;
  }

  .service-two-list {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .service-marquee-box-image-block {
    line-height: 0;
  }

  .service-box-detail-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .service-slider-sticky-block {
    padding-top: 90px;
    padding-bottom: 90px;
    position: static;
  }

  .service-box-marquee-block {
    margin-right: 0;
    display: block;
  }

  .service-box-marquee {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    display: grid;
  }

  .service-box-marquee-image {
    height: auto;
  }

  .service-box-marquee-detail-block {
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .service-single-title {
    font-size: 40px;
    line-height: 48px;
  }

  .banner-three-title-block-one {
    justify-content: center;
    align-items: center;
  }

  .banner-three-sticky-block {
    padding-top: 60px;
    padding-bottom: 0;
    position: static;
  }

  .banner-three-title {
    font-size: 64px;
    line-height: 72px;
  }

  .banner-three-title-block-two {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-right: 0;
  }

  .banner-three-title-block-three, .banner-three-title-block-four {
    justify-content: center;
    align-items: center;
  }

  .banner-video-block {
    width: auto;
    height: auto;
  }

  .banner-video-grid {
    display: none;
  }

  .service-one-title-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .service-box-one-title {
    font-size: 28px;
    line-height: 36px;
  }

  .service-one-image-block {
    display: none;
  }

  .service-single-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }

  .previous-service-template-title, .next-service-template-title {
    font-size: 32px;
    line-height: 40px;
  }

  .service-grid {
    flex-flow: column-reverse;
    grid-template-columns: 1fr;
    display: flex;
  }

  .service-image-sticky-block {
    position: static;
  }

  .service-detail-block {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .service-title {
    margin-bottom: 15px;
    padding-bottom: 15px;
  }

  .service-image {
    width: 100%;
  }

  .download-info-block {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .download-info-grid-block {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .download-info-title {
    font-size: 40px;
    line-height: 48px;
  }

  .benefit-box-title {
    font-size: 24px;
    line-height: 32px;
  }

  .banner-title-block {
    margin-bottom: 30px;
    display: block;
  }

  .banner-one-title-block-one {
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    padding-left: 0;
  }

  .banner-one-title {
    font-size: 72px;
    line-height: 80px;
  }

  .banner-one-title.text-primary {
    align-self: flex-start;
  }

  .banner-one-vector-image {
    width: 80px;
  }

  .banner-one-title-block-two {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .banner-one-description-block {
    width: auto;
    position: static;
    top: 30%;
  }

  .banner-one-description {
    margin-bottom: 30px;
  }

  .banner-one-video-block {
    height: auto;
  }

  .banner-one-video-sticky-block {
    padding-top: 0;
    position: static;
  }

  .banner-one-background-video {
    margin-bottom: 30px;
  }

  .banner-one-bg-video-block {
    justify-content: flex-start;
    display: block;
  }

  .banner-one-title-two {
    font-size: 48px;
    line-height: 56px;
  }

  .banner-bottom-title-one-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 5px;
    padding-right: 0;
  }

  .banner-two-block {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .banner-two-slider-block {
    margin-bottom: 0;
  }

  .banner-two-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1.25fr;
  }

  .download-vector-image-one, .download-vector-image-two, .banner-two-vector-image {
    display: none;
  }

  .solution-marquee-block {
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }

  .solution-marquee {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    display: grid;
  }

  .solution-box.bg-grey {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .solution-box.bg-white {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 30px;
    padding-right: 30px;
  }

  .solution-box-number {
    font-size: 64px;
    line-height: 72px;
  }

  .solution-box-title {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .features-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
  }

  .features-sticky-block {
    padding-top: 90px;
    padding-bottom: 90px;
    position: static;
  }

  .feature-box {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
  }

  .about-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex;
  }

  .about-quick-stack-counter-block {
    min-height: 100%;
  }

  .service-box-three-detail-block {
    margin-left: 0%;
    margin-right: 0%;
    position: static;
  }

  .service-box-three-title {
    font-size: 24px;
    line-height: 32px;
  }

  .features-tabs {
    flex-flow: column-reverse;
    display: flex;
  }

  .features-tabs-menu {
    width: 100%;
    position: static;
  }

  .features-tabs-content {
    margin-bottom: 30px;
  }

  .feature-tab-box {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .feature-tab-box-image-block {
    width: auto;
  }

  .feature-tab-box-detail-block {
    width: auto;
    margin-bottom: 0;
  }

  .service-three-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .solution-single-title, .benefit-single-title {
    font-size: 40px;
    line-height: 48px;
  }

  .benefit-single-pagination {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .previous-benefit-template-title, .next-benefit-template-title {
    font-size: 32px;
    line-height: 40px;
  }

  .benefit-single-list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .solution-single-pagination {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .previous-solution-template-title, .next-solution-template-title {
    font-size: 32px;
    line-height: 40px;
  }

  .license-description-block {
    padding-left: 0;
    padding-right: 0;
  }

  .license-title, .changelog-title {
    font-size: 32px;
    line-height: 40px;
  }

  .counter-seprator-block-two, .banner-one-embed, .service-box-three-layer-block {
    display: none;
  }

  .banner-three-background-videotwo {
    display: block;
  }

  .process-arrow-one, .process-arrow-two, .team-three-layer-block {
    display: none;
  }

  .landing-banner-title {
    font-size: 48px;
    line-height: 56px;
  }

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

  .homepage-image-box-title {
    font-size: 28px;
    line-height: 36px;
  }

  .innerpages-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .innerpage-image-box-title {
    font-size: 28px;
    line-height: 36px;
  }

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

  .feature-icon-box-title {
    font-size: 28px;
    line-height: 36px;
  }

  .cms-utility-page-tabs-menu {
    top: 9%;
    right: auto;
  }

  .cms-utility-page-tab-link {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .utility-page-tabs, .cms-page-tabs {
    flex-flow: column-reverse;
  }

  .utility-page-tabs-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    padding-right: 0;
    display: grid;
  }

  .utility-page-tabs-content {
    width: auto;
    margin-bottom: 30px;
    margin-right: 0;
  }

  .utility-page-tab-link-text {
    font-size: 28px;
    line-height: 36px;
  }

  .cms-page-tabs-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: auto;
    padding-right: 0;
    display: grid;
  }

  .cms-page-tabs-content {
    width: auto;
    margin-bottom: 30px;
    margin-right: 0;
  }

  .cms-page-tab-link {
    font-size: 28px;
    line-height: 36px;
  }

  .utility-page-link-block, .cms-page-link-block {
    text-decoration: none;
  }

  .purchase-detail-block {
    padding-left: 0;
    padding-right: 0;
  }

  .purchase-section-title {
    font-size: 40px;
    line-height: 48px;
  }

  .purchase-section-description {
    padding-left: 0;
    padding-right: 0;
  }

  .figma-section-grid {
    grid-template-columns: 1fr;
  }

  .figma-sections-image-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .figma-sections-images {
    justify-content: center;
  }

  .figma-sections-detail-title {
    font-size: 32px;
    line-height: 40px;
  }

  .figma-demo-block {
    align-items: stretch;
  }

  .figma-block {
    grid-template-columns: 1fr;
    padding-left: 30px;
    padding-right: 30px;
  }

  .figma-icon-detail-block-title {
    font-size: 32px;
    line-height: 40px;
  }

  .about-quickstack-image-mask-block {
    display: none;
  }

  .pricing-plan-two-title {
    font-size: 32px;
    line-height: 40px;
  }

  .pricing-plan-two-price-block {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .pricing-plan-three-title {
    font-size: 32px;
    line-height: 40px;
  }

  .testimonial-box-block-five, .testimonial-box-block-six, .testimonial-box-block-seven, .testimonial-box-block-eight, .solution-box-four, .solution-box-five, .solution-box-six {
    display: none;
  }

  .benefit-slider-mask {
    max-width: 100%;
  }

  .benefit-slide {
    width: 48%;
  }

  .section-title-main-block {
    width: 100%;
    margin-bottom: 45px;
  }

  .benefit-slider-left-arrow {
    position: absolute;
    top: auto;
    bottom: -15%;
    right: 50%;
  }

  .benefit-slider-right-arrow {
    position: absolute;
    top: auto;
    bottom: -15%;
    right: 41%;
  }

  .figma-demo-image {
    display: none;
  }

  .figma-demo-detail-block {
    text-align: center;
    width: auto;
    margin-bottom: 0;
    padding: 30px 15px;
  }

  .figma-demo-detail-number {
    font-size: 72px;
    line-height: 80px;
  }

  .figma-demo-detail-title {
    font-size: 32px;
    line-height: 40px;
  }
}

@media screen and (max-width: 991px) {
  .solution-marquee {
    grid-template-columns: 1fr;
    width: 100%;
    min-width: 0;
  }

  .solution-list-wrapper {
    width: 100%;
  }
}

/* Extra mobile fixes for solution marquee */
@media screen and (max-width: 767px) {
  .solution-marquee-block {
    overflow: visible;
  }

  .solution-marquee {
    display: grid !important;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-row-gap: 20px;
    grid-column-gap: 0;
    min-width: 0 !important;
    width: 100% !important;
  }

  .solution-list-wrapper {
    flex: 1 1 auto !important;
    width: 100% !important;
  }

  .solution-box {
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .service-hero-layout {
    gap: 32px;
  }

  .service-hero-cta__actions {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 20px;
  }

  .service-hero-call-button,
  .service-hero-quote-badge {
    width: 100%;
    justify-content: center;
    font-size: 18px;
  }

  .service-hero-quote-badge {
    justify-content: space-between;
  }

  .service-hero-form__message {
    min-height: 104px;
  }

  .color-tiles {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .color-tile {
    height: 120px;
  }

  .button-primary.header-button {
    display: none;
  }

  .style-guide-navbar {
    justify-content: space-between;
    padding: 12px;
    position: fixed;
    top: auto;
    bottom: 0;
  }

  .styleguide {
    padding-bottom: 150px;
  }

  .navbar-link {
    margin-bottom: 5px;
    margin-right: 0;
  }

  .navbar-inner {
    flex-flow: column;
    justify-content: space-between;
    display: flex;
  }

  .header-logo {
    height: 50px;
  }

  .megamenu-columns-block {
    height: 300px;
    overflow: auto;
  }

  .megamenu-columns-grid {
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
  }

  .back-to-top-link {
    bottom: 90px;
    right: 20px;
  }

  .footer-top-detail-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    display: block;
  }

  .footer-logo {
    height: 60px;
  }

  .footer-title {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 40px;
  }

  .footer-copyright-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .page-not-found {
    font-size: 14rem;
    line-height: 11rem;
  }

  .not-found-title, .password-title {
    font-size: 48px;
    line-height: 56px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.section-breadcrumb {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .section.section-description {
    padding-bottom: 60px;
  }

  .section.section-video {
    margin-top: 0;
    padding-top: 60px;
  }

  .section.section-sticky-video.blog-one-sticky-video {
    padding-bottom: 60px;
  }

  .section.section-download {
    padding-top: 60px;
  }

  .breadcrumb-title {
    font-size: 56px;
    line-height: 64px;
  }

  .contact-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .contact-box {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .contact-box-title {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 32px;
  }

  .section-title-block.text-center {
    margin-bottom: 30px;
  }

  .section-title {
    font-size: 32px;
    line-height: 40px;
  }

  .client-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .menu-button {
    padding: 12px;
  }

  .testimonial-tabs-menu {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .testimonial-box-style-one {
    display: block;
  }

.testimonial-description {
  font-size: 18px;
}

.testimonail-two-testifier-name, .description-section-title {
  font-size: 24px;
  line-height: 32px;
}

.video-popup-lightbox-icon {
  width: 60px;
  height: 60px;
  font-size: 18px;
  line-height: 60px;
}

/* Global override: keep mobile nav toggle rounded even when Webflow injects inline styles */
.w-nav-button,
.w-nav-button .w-icon-nav-menu {
  border-radius: 10px !important;
}

  .lightbox-wave-one, .lightbox-wave-two {
    width: 60px;
    height: 60px;
  }

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

  .pricing-plan-style-one {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-plan-one-top-block {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-plan-type-title {
    font-size: 28px;
    line-height: 36px;
  }

  .prcing-plan-price {
    font-size: 32px;
    line-height: 40px;
  }

  .pricing-plan-features-list-text {
    font-size: 18px;
  }

  .video-block {
    margin-bottom: 60px;
  }

  .network-section-title {
    font-size: 32px;
    line-height: 40px;
  }

  .testimonial-box-style-two {
    padding: 30px 15px;
  }

  .process-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: auto;
    justify-items: stretch;
  }

  .process-box-style-one {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .process-step-detail-title {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 32px;
  }

  .process-step-address-text {
    font-size: 18px;
  }

  .process-step-number-block {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .process-step-number {
    font-size: 20px;
  }

  .process-step-text {
    font-size: 18px;
  }

  .about-us-image-one {
    width: 100%;
  }

  .about-us-image-two-block {
    display: none;
  }

  .about-us-title {
    font-size: 24px;
    line-height: 32px;
  }

  .accordion-bottom-block {
    height: 130px;
  }

  .accordion-top-block-text, .terms-and-condition-title {
    font-size: 24px;
    line-height: 32px;
  }

  .privacy-policy-title {
    font-size: 28px;
    line-height: 36px;
  }

  .about-us-image-one-block {
    width: 100%;
  }

  .team-box-style-one.bg-white {
    padding-left: 15px;
    padding-right: 15px;
  }

  .team-box-member-name {
    font-size: 24px;
    line-height: 32px;
  }

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

  .team-single-grid {
    grid-template-rows: auto auto;
  }

  .team-single-member-name {
    font-size: 28px;
    line-height: 36px;
  }

  .previous-team-template-title, .next-team-template-title {
    display: none;
  }

  .team-two-single-list, .blog-one-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .blog-post-image {
    width: 100%;
  }

  .blog-two-list {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .pagination {
    margin-top: 30px;
  }

  .blog-three-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 45px;
  }

  .blog-post-style-three {
    padding-left: 15px;
    padding-right: 15px;
  }

  .blog-three-title {
    font-size: 28px;
    line-height: 36px;
  }

  .blog-single-blockquote {
    font-size: 18px;
    line-height: 26px;
  }

  .previous-blog-template-title, .next-blog-template-title {
    font-size: 28px;
    line-height: 36px;
    display: none;
  }

  .background-video {
    height: 300px;
  }

  .service-box-detail-title {
    font-size: 24px;
    line-height: 32px;
  }

  .service-box-marquee-detail-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .service-marquee-box-title {
    font-size: 24px;
    line-height: 32px;
  }

  .service-single-title {
    font-size: 36px;
    line-height: 44px;
  }

  .banner-three-title {
    text-align: center;
    font-size: 56px;
    line-height: 64px;
  }

  .banner-three-title-block-two {
    flex-flow: column;
    align-items: stretch;
  }

  .banner-three-vector-image {
    width: 70px;
  }

  .service-box-style-one {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding: 20px 15px;
  }

  .service-box-one-title {
    font-size: 24px;
    line-height: 32px;
  }

  .extra-benefit-title {
    font-size: 32px;
    line-height: 40px;
  }

  .service-single-pagintaion {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .previous-service-template-title, .next-service-template-title, .service-timeline-wrapper {
    display: none;
  }

  .service-title {
    font-size: 24px;
    line-height: 32px;
  }

  .download-info-block {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .download-info-title {
    font-size: 32px;
    line-height: 40px;
  }

  .benefit-box-detail-block {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .banner-one-title {
    font-size: 64px;
    line-height: 72px;
  }

  .banner-one-vector-image {
    width: 70px;
  }

  .banner-one-title-two {
    font-size: 40px;
    line-height: 48px;
  }

  .banner-two-block {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .banner-two-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .banner-two-title {
    font-size: 40px;
    line-height: 48px;
  }

  .banner-two-subtitle-block {
    margin-bottom: 15px;
  }

  .solution-box.bg-grey, .solution-box.bg-white {
    align-items: stretch;
    padding-left: 15px;
    padding-right: 15px;
  }

  .solution-box-image {
    width: 100%;
  }

  .solution-box-number {
    font-size: 56px;
    line-height: 64px;
  }

  .solution-box-title {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 24px;
    line-height: 32px;
  }

  .feature-box {
    padding: 30px 15px;
  }

  .feature-box-title {
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: 24px;
    line-height: 32px;
  }

  .about-counter-block {
    margin-bottom: 5px;
  }

  .about-counter-description {
    font-size: 18px;
  }

  .icon-box-title {
    font-size: 24px;
    line-height: 32px;
  }

  .service-box-three-image-link-block {
    display: block;
  }

  .service-box-three-image {
    width: 100%;
  }

  .features-tab-link-text, .feature-tab-box-title {
    font-size: 28px;
    line-height: 36px;
  }

  .service-three-grid {
    grid-template-columns: 1fr;
  }

  .solution-single-title, .benefit-single-title {
    font-size: 32px;
    line-height: 40px;
  }

  .benefit-images-list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .previous-benefit-template-title, .next-benefit-template-title {
    display: none;
  }

  .benefit-single-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .solution-images-list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .previous-solution-template-title, .next-solution-template-title {
    font-size: 28px;
    line-height: 36px;
    display: none;
  }

  .license-content-wrapper {
    padding: 30px 15px;
  }

  .license-title, .changelog-title {
    font-size: 28px;
    line-height: 36px;
  }

  .counter-seprator-block-one, .counter-seprator-block-three {
    display: none;
  }

  .banner-three-background-videotwo {
    width: 100%;
    height: 163px;
  }

  .landing-banner-title {
    font-size: 32px;
    line-height: 40px;
  }

  .landing-page-image-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .homepages-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .homepage-image-box-title {
    font-size: 24px;
    line-height: 32px;
  }

  .innerpage-image-box {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .innerpage-image-box-title, .feature-icon-box-title, .utility-page-tab-link-text, .cms-page-tab-link {
    font-size: 24px;
    line-height: 32px;
  }

  .purchase-section-title {
    font-size: 32px;
    line-height: 40px;
  }

  .figma-sections-detail-title {
    font-size: 28px;
    line-height: 36px;
  }

  .figma-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .figma-icon-box {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .figma-icon-detail-block-title, .pricing-plan-three-title {
    font-size: 28px;
    line-height: 36px;
  }

  .benefit-slide {
    width: 100%;
  }

  .section-title-main-block {
    margin-bottom: 30px;
  }

  .benefit-slider-left-arrow {
    bottom: -12%;
  }

  .benefit-slider-right-arrow {
    bottom: -12%;
    right: 36%;
  }

  .figma-demo-detail-number {
    font-size: 64px;
    line-height: 72px;
  }

  .figma-demo-detail-title {
    font-size: 28px;
    line-height: 36px;
  }
}

@media screen and (max-width: 479px) {
  .clone-button {
    text-align: center;
    width: 100%;
    min-height: 32px;
  }

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

  .color-tiles {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .color-tile {
    height: 80px;
  }

  .stylesection {
    margin-top: 32px;
  }

  .source-info {
    width: 100%;
  }

  .header {
    padding-top: 40px;
    padding-bottom: 16px;
  }

  .style-guide-navbar {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    position: fixed;
    inset: auto 0 0;
  }

  .typography-label {
    margin-bottom: 12px;
  }

  .form-block {
    margin-bottom: 0;
  }

  .styleguide {
    padding-bottom: 180px;
  }

  .navbar-link {
    margin-left: 4px;
    margin-right: 4px;
  }

  .style-item {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr;
    place-content: start flex-start;
    align-items: stretch;
    display: flex;
  }

  .navbar-inner {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
  }

  .navbar-right-side {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .megamenu-columns-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: auto;
  }

  .back-to-top-link {
    bottom: 110px;
  }

  .footer-top-detail-block {
    padding-bottom: 30px;
  }

  .footer-link-logo {
    margin-bottom: 15px;
  }

  .footer-title {
    font-size: 24px;
    line-height: 32px;
  }

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

  .page-not-found {
    font-size: 9rem;
    line-height: 8rem;
  }

  .not-found-title, .password-title {
    font-size: 32px;
    line-height: 40px;
  }

  .section.section-breadcrumb {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .section.section-services {
    padding-top: 60px;
  }

  .section.section-landing-banner {
    padding-bottom: 60px;
  }

  .breadcrumb-title {
    font-size: 40px;
    line-height: 48px;
  }

  .breadcrumb-bottom-info {
    flex-flow: column;
  }

  .breadcrumb-seprator {
    display: none;
  }

  .contact-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .contact-box {
    flex-flow: column;
  }

  .contact-box-title {
    font-size: 20px;
    line-height: 28px;
  }

  .section-title {
    font-size: 28px;
    line-height: 36px;
  }

  .client-grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .footer-vector-image {
    display: none;
  }

  .testimonial-tab-link {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .testimonial-tab-link-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .testimonial-box-style-one {
    display: block;
  }

  .testimonial-carousel-controls {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-wrap: nowrap;
  }

  .testimonial-carousel-controls .button-primary {
    flex: 0 1 auto;
    min-width: 0;
  }

  .testimonial-arrow-button {
    flex: none;
  }

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

  .pricing-plan-type-title {
    font-size: 24px;
    line-height: 32px;
  }

  .pricing-plan-price-block {
    justify-content: center;
    align-items: center;
  }

  .prcing-plan-price {
    font-size: 24px;
    line-height: 32px;
  }

  .network-section-title {
    font-size: 28px;
    line-height: 36px;
  }

  .testimonial-two-testifier-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about-us-list-item {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about-us-list-text {
    font-size: 18px;
    line-height: 26px;
  }

  .accordion-bottom-block {
    height: 230px;
  }

  .pricing-plan-style-two {
    padding: 30px 15px;
  }

  .privacy-policy-title {
    font-size: 24px;
    line-height: 32px;
  }

  .privacy-policy-subtitle {
    font-size: 20px;
    line-height: 28px;
  }

  .pricing-plan-three-features-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .team-tabs-menu {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .team-two-member-name, .team-box-three-member-name {
    font-size: 24px;
    line-height: 32px;
  }

  .team-single-pagination {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
  }

  .previous-team-template-pagination-link {
    flex-flow: column;
  }

  .next-team-template-pagination-link {
    flex-flow: column-reverse;
  }

  .blog-three-grid {
    margin-top: 30px;
  }

  .blog-three-title {
    font-size: 24px;
    line-height: 32px;
  }

  .blog-single-title {
    font-size: 28px;
    line-height: 36px;
  }

  .previous-blog-template-pagination-link {
    flex-flow: column;
  }

  .next-blog-template-pagination-link {
    flex-flow: column-reverse;
  }

  .blog-template-previous-button-block, .service-template-next-button-block {
    text-align: center;
  }

  .background-video {
    height: 160px;
  }

  .service-box-marquee-detail-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .service-single-title {
    font-size: 32px;
    line-height: 40px;
  }

  .banner-three-title-block-one {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
  }

  .banner-three-title {
    font-size: 32px;
    line-height: 40px;
  }

  .banner-three-title-block-two {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .banner-three-title-block-three {
    justify-content: flex-start;
    align-items: center;
  }

  .banner-three-vector-image {
    display: none;
  }

  .service-one-grid {
    display: block;
  }

  .service-box-style-one {
    padding-left: 0;
    padding-right: 0;
  }

  .service-one-title-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .extra-benefit-title {
    font-size: 28px;
    line-height: 36px;
  }

  .previous-service-template-pagination-link {
    flex-flow: column;
  }

  .next-service-template-pagination-link {
    flex-flow: column-reverse;
  }

  .service-blocks {
    flex-flow: column;
  }

  .service-blocks.last {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .service-detail-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .download-info-title {
    font-size: 28px;
    line-height: 36px;
  }

  .download-redirect-block {
    flex-flow: column;
  }

  .benefit-box-detail-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .banner-one-title-block-one {
    margin-bottom: 5px;
  }

  .banner-one-title {
    font-size: 40px;
    line-height: 48px;
  }

  .banner-one-vector-image {
    display: none;
  }

  .banner-one-title-block-two {
    display: block;
  }

  .banner-one-background-video {
    height: 160px;
  }

  .banner-one-title-two, .banner-bottom-title-one-block {
    display: none;
  }

  .banner-two-title {
    font-size: 28px;
    line-height: 36px;
  }

  .solution-box-number {
    font-size: 48px;
    line-height: 56px;
  }

  .solution-box-title {
    font-size: 24px;
    line-height: 32px;
  }

  .about-quick-stack {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .about-quick-stack-cell-three {
    display: none;
  }

  .icon-box-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .service-box-three-detail-block {
    margin-left: 0%;
    margin-right: 0%;
    position: static;
  }

  .features-tab-link-text, .solution-single-title {
    font-size: 24px;
    line-height: 32px;
  }

  .benefit-single-title {
    font-size: 28px;
    line-height: 36px;
  }

  .benefit-images-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .next-benefit-template-pagination-link {
    flex-flow: column-reverse;
  }

  .previous-benefit-template-pagination-link {
    flex-flow: column;
  }

  .solution-images-list {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .previous-solution-template-title, .next-solution-template-title {
    text-align: center;
  }

  .previous-solution-template-pagination-link {
    flex-flow: column;
  }

  .next-solution-template-pagination-link {
    flex-flow: column-reverse;
  }

  .solution-pagination-link-title {
    text-align: center;
  }

  .license-title {
    font-size: 24px;
    line-height: 32px;
  }

  .changelog-content-wrapper {
    padding: 30px 15px;
  }

  .changelog-title {
    font-size: 24px;
    line-height: 32px;
  }

  .team-box-vector-image {
    display: none;
  }

  .landing-banner-title-block {
    margin-bottom: 30px;
  }

  .landing-page-image-block {
    margin-top: 0;
    display: none;
  }

  .homepages-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .innerpages-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

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

  .cms-utility-page-tabs-menu {
    flex-flow: column;
    margin-bottom: 30px;
    position: static;
  }

  .cms-utility-page-tab-link {
    text-align: center;
  }

  .utility-page-tabs-menu {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .utility-page-tab-link {
    padding-top: 0;
    padding-left: 0;
  }

  .utility-page-tab-link.last {
    padding-bottom: 0;
  }

  .cms-page-tabs-menu {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .cms-page-tab-link {
    padding-top: 0;
    padding-left: 0;
  }

  .cms-page-tab-link.last {
    padding-bottom: 0;
  }

  .purchase-section-title {
    font-size: 28px;
    line-height: 36px;
  }

  .figma-sections-image-block {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .figma-sections-images {
    display: block;
  }

  .figma-sections-image-one {
    width: 100%;
    margin-bottom: 0;
  }

  .figma-sections-image-two {
    align-self: auto;
    margin-left: 0;
    display: none;
  }

  .pricing-plan-two-title, .pricing-plan-three-title {
    font-size: 24px;
    line-height: 32px;
  }

  .testimonial-quote-image {
    display: none;
  }

  .benefit-slider-right-arrow {
    right: 24%;
  }

  .figma-demo-detail-number {
    font-size: 56px;
    line-height: 64px;
  }

  .figma-demo-detail-title {
    font-size: 24px;
    line-height: 32px;
  }
}

#w-node-_7a1c551d-e302-0c25-a31b-cdba2de0cd07-c62b9ee8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7b832999-6bec-41ae-5d0b-0dc9a04664ad-c62b9ee8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b9d7675a-dd8a-9d94-b347-46bc2e70d05b-c62b9ee8, #w-node-_083a78fb-60ca-d1bd-964a-df8051207b9f-c62b9ee8, #w-node-_5499ddac-19ae-82bd-9e26-505ec9db43c7-c62b9ee8, #w-node-_16fee764-4b1d-d16e-1de4-337df9844d43-c62b9f26 {
  place-self: center end;
}

#w-node-_7d7af141-9c23-aeff-836d-2c6a753d377a-c62b9f26 {
  grid-area: 1 / 1 / 2 / 10;
}

#w-node-_0a2d2bbb-96bd-b698-7ede-47d9e8bd5b63-c62b9f26 {
  grid-area: 1 / 10 / 3 / 13;
  align-self: end;
}

#w-node-_93b45eb7-3798-85dd-dd08-7567a9d161c6-c62b9f26 {
  grid-area: 2 / 1 / 4 / 5;
}

#w-node-fd3fc091-8ccd-ed6b-28e3-ec1bb83b5ceb-c62b9f26 {
  grid-area: 3 / 5 / 4 / 13;
}

#w-node-_34b56585-ce54-def3-d420-5f98c517b404-c62b9f26 {
  grid-area: 2 / 5 / 3 / 10;
}

#w-node-fb1c5604-b019-24b1-04b2-a0d8f2869bc6-c62b9f26, #w-node-e81f81de-e3f3-f0ed-342f-9e030a9eee63-c62b9f26, #w-node-_5999c470-8bf6-03dd-22cc-bed43ebe1e01-c62b9f26 {
  place-self: center end;
}

#w-node-_6bb5ea8e-fe22-4ff1-55d0-88c2756cfc95-c62b9f45, #w-node-_0f60ddb3-e654-a907-f7ec-511757e4703b-c62b9f45, #w-node-_24b2e4f4-3a92-42fd-751a-4cc2f4bfea1c-c62b9f45 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-acdcb179-5762-b325-3db9-be5a32328e8e-c62b9f45, #w-node-_29565e7f-df42-8f0b-bade-c4b306e2e95e-c62b9f45, #w-node-e56ef2d1-9156-5f22-33f4-7594ae2190eb-c62b9f45 {
  place-self: center end;
}

#w-node-_21664f7d-8e1b-a389-b9f7-8b3606626034-c62b9f45, #w-node-a976a8e5-44b0-92fd-461d-b18734c20b13-c62b9f45, #w-node-ff7fbc53-84f4-68f0-fff9-9b20dace028b-c62b9f45 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4749172e-6742-98d1-f038-3748a3e672a7-c62b9f45, #w-node-_7f7578d0-a189-cae8-1ebc-3bae780f5603-c62b9f45, #w-node-fcfe0db9-b924-1879-23c3-3e4e71b4de93-c62b9f60 {
  place-self: center end;
}

#w-node-bbdcf5cb-0941-214c-bd54-674c74519830-c62b9f60 {
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr;
}

#w-node-bbdcf5cb-0941-214c-bd54-674c74519832-c62b9f60 {
  grid-row: span 2 / span 2;
}

#w-node-_82c928fa-740b-8670-0155-60063da1a2ca-c62b9f60, #w-node-_54948c8d-5759-21ca-6e1d-3bf39b737ad1-c62b9f60, #w-node-_659a88f0-97ba-1f35-a2fa-c22f797928fe-c62b9f60, #w-node-cc5c9573-2cc5-fa0a-439f-99a750f8c48f-c62b9f61, #w-node-b0d2a1ef-6531-15e2-b85e-8d76f0a71c76-c62b9f61, #w-node-bec1c4fb-f66d-d8d3-ef02-8274815ab984-c62b9f61, #w-node-_27e41c25-c5b8-c24c-0660-1084c824bf89-c62b9f61 {
  place-self: center end;
}

#w-node-_27e41c25-c5b8-c24c-0660-1084c824bf92-c62b9f61, #w-node-_27e41c25-c5b8-c24c-0660-1084c824bf9f-c62b9f61, #w-node-_27e41c25-c5b8-c24c-0660-1084c824bfac-c62b9f61 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-a4e7ee77-9344-8989-4e71-1e1195e7b356-c62b9f61, #w-node-_9f01d7a6-51da-fda8-da37-19936256fe46-c62b9f61, #w-node-_56c307e0-85ba-2e2b-81ce-1505257baac8-c62b9f63, #w-node-ec3366de-12ce-433a-df8b-9e0119a99175-c62b9f63, #w-node-_237259bb-cd39-69f4-fc7b-64014d6bce0d-c62b9f64, #w-node-_1a0da751-389a-23a7-a286-fb584d8b75b8-c62b9f65, #w-node-_763cde9e-cc0d-433f-3b4c-703e17c4b251-c62b9f65, #w-node-d12e0728-3959-268f-f532-79f83282e33b-c62b9f67, #w-node-_2038374a-c425-2607-221f-3bfb556c439d-c62b9f68, #w-node-_1b5dfad3-d9cf-9d9c-73e2-1cbd86791e0c-c62b9f6b, #w-node-beeea7b6-4020-5a88-e0de-21524b016f1f-c62b9f6b, #w-node-aff7090c-7841-2281-a5fc-a0382c1aced7-c62b9f6d, #w-node-_0536cc85-379b-fbde-650d-653122c2f4c5-c62b9f7f {
  place-self: center end;
}

#w-node-b83ce978-7180-201b-38d4-45ea8eb5a15e-c62b9f7f {
  grid-area: 1 / 1 / 2 / 10;
}

#w-node-b83ce978-7180-201b-38d4-45ea8eb5a160-c62b9f7f {
  grid-area: 1 / 10 / 3 / 13;
  align-self: end;
}

#w-node-b83ce978-7180-201b-38d4-45ea8eb5a162-c62b9f7f {
  grid-area: 2 / 1 / 4 / 5;
}

#w-node-b83ce978-7180-201b-38d4-45ea8eb5a164-c62b9f7f {
  grid-area: 3 / 5 / 4 / 13;
}

#w-node-b83ce978-7180-201b-38d4-45ea8eb5a168-c62b9f7f {
  grid-area: 2 / 5 / 3 / 10;
}

#w-node-_24760d0c-198c-84c9-e590-5515af8c5e06-c62b9f81 {
  align-self: center;
}

#w-node-_696a4558-bd92-11a8-90d8-eb2c780c44ab-c62b9f81 {
  place-self: center end;
}

#w-node-_0113de71-5f1c-57ba-6b54-8b4b12250410-c62b9f81 {
  align-self: center;
}

#w-node-_0113de71-5f1c-57ba-6b54-8b4b12250415-c62b9f81 {
  place-self: center end;
}

#w-node-_9336aa6e-9cb4-8418-4ccd-0e150006eb64-c62b9f81 {
  align-self: center;
}

#w-node-_9336aa6e-9cb4-8418-4ccd-0e150006eb69-c62b9f81 {
  place-self: center end;
}

#w-node-_45afe45a-f9e6-7786-29c3-d0a96c970026-c62b9f81 {
  align-self: center;
}

#w-node-_45afe45a-f9e6-7786-29c3-d0a96c97002b-c62b9f81, #w-node-f54e508b-c71b-c773-3f9a-caf22a5f64ec-c62b9f81, #w-node-_0f1c06f8-4f00-ac35-829d-c2bac0fdc3c4-c62b9fa1, #w-node-_44b0f56c-4a90-4c0a-bf6b-1551305b4777-c62b9fa2 {
  place-self: center end;
}

@media screen and (min-width: 1920px) {
  #w-node-_34b56585-ce54-def3-d420-5f98c517b404-c62b9f26, #w-node-b83ce978-7180-201b-38d4-45ea8eb5a168-c62b9f7f {
    grid-column-end: 10;
  }
}

@media screen and (max-width: 991px) {
  #w-node-c97ccb09-e88d-526e-bc38-9ae5692961ca-c62b9ee8 {
    justify-self: end;
  }

  #w-node-_7b832999-6bec-41ae-5d0b-0dc9a04664ad-c62b9ee8 {
    grid-column: span 1 / span 1;
  }

  #w-node-b9d7675a-dd8a-9d94-b347-46bc2e70d05b-c62b9ee8, #w-node-_083a78fb-60ca-d1bd-964a-df8051207b9f-c62b9ee8, #w-node-_5499ddac-19ae-82bd-9e26-505ec9db43c7-c62b9ee8, #w-node-_16fee764-4b1d-d16e-1de4-337df9844d43-c62b9f26 {
    place-self: auto;
  }

  #w-node-_34b56585-ce54-def3-d420-5f98c517b404-c62b9f26 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fb1c5604-b019-24b1-04b2-a0d8f2869bc6-c62b9f26 {
    place-self: auto start;
  }

  #w-node-e81f81de-e3f3-f0ed-342f-9e030a9eee63-c62b9f26 {
    justify-self: auto;
  }

  #w-node-_5999c470-8bf6-03dd-22cc-bed43ebe1e01-c62b9f26 {
    place-self: auto;
  }

  #w-node-_0a6d9e12-59aa-85cc-61f8-c58cff796cc7-ff796c37 {
    justify-self: end;
  }

  #w-node-acdcb179-5762-b325-3db9-be5a32328e8e-c62b9f45, #w-node-_29565e7f-df42-8f0b-bade-c4b306e2e95e-c62b9f45, #w-node-e56ef2d1-9156-5f22-33f4-7594ae2190eb-c62b9f45 {
    place-self: auto;
  }

  #w-node-_21664f7d-8e1b-a389-b9f7-8b3606626034-c62b9f45, #w-node-a976a8e5-44b0-92fd-461d-b18734c20b13-c62b9f45, #w-node-ff7fbc53-84f4-68f0-fff9-9b20dace028b-c62b9f45 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4749172e-6742-98d1-f038-3748a3e672a7-c62b9f45, #w-node-_7f7578d0-a189-cae8-1ebc-3bae780f5603-c62b9f45, #w-node-fcfe0db9-b924-1879-23c3-3e4e71b4de93-c62b9f60 {
    place-self: auto;
  }

  #w-node-bbdcf5cb-0941-214c-bd54-674c74519830-c62b9f60 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_82c928fa-740b-8670-0155-60063da1a2ca-c62b9f60, #w-node-_54948c8d-5759-21ca-6e1d-3bf39b737ad1-c62b9f60 {
    place-self: auto;
  }

  #w-node-_659a88f0-97ba-1f35-a2fa-c22f797928fe-c62b9f60 {
    place-self: auto start;
  }

  #w-node-cc5c9573-2cc5-fa0a-439f-99a750f8c48f-c62b9f61, #w-node-b0d2a1ef-6531-15e2-b85e-8d76f0a71c76-c62b9f61 {
    place-self: auto;
  }

  #w-node-bec1c4fb-f66d-d8d3-ef02-8274815ab984-c62b9f61 {
    justify-self: start;
  }

  #w-node-_27e41c25-c5b8-c24c-0660-1084c824bf89-c62b9f61 {
    place-self: auto;
  }

  #w-node-_27e41c25-c5b8-c24c-0660-1084c824bf92-c62b9f61, #w-node-_27e41c25-c5b8-c24c-0660-1084c824bf9f-c62b9f61, #w-node-_27e41c25-c5b8-c24c-0660-1084c824bfac-c62b9f61 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9f01d7a6-51da-fda8-da37-19936256fe46-c62b9f61, #w-node-_56c307e0-85ba-2e2b-81ce-1505257baac8-c62b9f63 {
    place-self: auto;
  }

  #w-node-ec3366de-12ce-433a-df8b-9e0119a99175-c62b9f63 {
    place-self: auto start;
  }

  #w-node-_237259bb-cd39-69f4-fc7b-64014d6bce0d-c62b9f64, #w-node-_1a0da751-389a-23a7-a286-fb584d8b75b8-c62b9f65 {
    place-self: auto;
  }

  #w-node-d12e0728-3959-268f-f532-79f83282e33b-c62b9f67 {
    justify-self: start;
  }

  #w-node-_2038374a-c425-2607-221f-3bfb556c439d-c62b9f68 {
    place-self: auto;
  }

  #w-node-b33e0f2b-b3d1-8a48-3fe9-c62174eb3dff-c62b9f68, #w-node-b1819be9-f5b1-8fd9-5bb7-0143a351b453-c62b9f68 {
    justify-self: auto;
  }

  #w-node-beeea7b6-4020-5a88-e0de-21524b016f1f-c62b9f6b {
    place-self: auto;
  }

  #w-node-aff7090c-7841-2281-a5fc-a0382c1aced7-c62b9f6d {
    justify-self: start;
  }

  #w-node-_0536cc85-379b-fbde-650d-653122c2f4c5-c62b9f7f {
    place-self: auto;
  }

  #w-node-b83ce978-7180-201b-38d4-45ea8eb5a168-c62b9f7f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_24760d0c-198c-84c9-e590-5515af8c5e06-c62b9f81 {
    align-self: auto;
  }

  #w-node-_696a4558-bd92-11a8-90d8-eb2c780c44ab-c62b9f81, #w-node-_0113de71-5f1c-57ba-6b54-8b4b12250415-c62b9f81, #w-node-_9336aa6e-9cb4-8418-4ccd-0e150006eb69-c62b9f81, #w-node-_45afe45a-f9e6-7786-29c3-d0a96c97002b-c62b9f81, #w-node-f54e508b-c71b-c773-3f9a-caf22a5f64ec-c62b9f81, #w-node-_0f1c06f8-4f00-ac35-829d-c2bac0fdc3c4-c62b9fa1 {
    place-self: auto;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b0d2a1ef-6531-15e2-b85e-8d76f0a71c76-c62b9f61 {
    justify-self: start;
  }

  #w-node-_27e41c25-c5b8-c24c-0660-1084c824bf89-c62b9f61 {
    place-self: auto;
  }

  #w-node-a4e7ee77-9344-8989-4e71-1e1195e7b356-c62b9f61, #w-node-_9f01d7a6-51da-fda8-da37-19936256fe46-c62b9f61 {
    justify-self: start;
  }

  #w-node-_54521c0b-053c-b123-4022-523482d84a74-c62b9f64 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_763cde9e-cc0d-433f-3b4c-703e17c4b251-c62b9f65 {
    justify-self: start;
  }

  #w-node-_641f49f6-f59e-09a5-b7a7-580beabbe66c-c62b9f85 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_44b0f56c-4a90-4c0a-bf6b-1551305b4777-c62b9fa2 {
    place-self: auto;
  }
}

@media screen and (max-width: 479px) {
  #w-node-bbdcf5cb-0941-214c-bd54-674c74519830-c62b9f60 {
    grid-template-rows: auto auto;
    grid-template-columns: auto;
  }

  #w-node-bbdcf5cb-0941-214c-bd54-674c74519832-c62b9f60 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_54521c0b-053c-b123-4022-523482d84a74-c62b9f64, #w-node-_641f49f6-f59e-09a5-b7a7-580beabbe66c-c62b9f85 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Fa V 4 Compatibility';
  src: url('../fonts/fa-v4compatibility.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.navbar .nav-menu.w--open a.navbar-link,
.navbar .nav-menu.w--open a.w-nav-link,
.navbar .nav-menu.w--open a.w--nav-link-open {
  color: var(--dark) !important;
}
/* Responsive tweak: 2-column solutions grid desktop, single column below 992px */
@media screen and (max-width: 991px) {
  .solution-marquee {
    grid-template-columns: 1fr;
    width: 100%;
    min-width: 0;
  }
  .solution-list-wrapper {
    width: 100%;
  }
}
/* Static solutions grid (replaces marquee) */
.sg-section {
  width: 100%;
}

.sg-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 30px;
  width: 100%;
}

.sg-card {
  width: 100%;
  background-color: #211c1c1f;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.sg-link {
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.sg-body {
  padding: 24px;
}

.sg-number {
  font-size: 20px;
  font-weight: 700;
  color: var(--primary, #8cc63f);
  margin-bottom: 8px;
}

.sg-title {
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 12px 0;
}

.sg-desc {
  margin: 0;
}

.sg-image {
  width: 100% !important;
  height: 300px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  margin: 0 auto;
}

.sg-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 14px !important;
  display: block;
}

/* Desktop safeguard: keep solution images centered and rounded on wide screens */
@media screen and (min-width: 992px) {
  .sg-grid .sg-image {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 14px;
  }

  .sg-grid .sg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
    display: block;
  }
}

@media screen and (max-width: 991px) {
  .sg-grid {
    grid-template-columns: 1fr;
  }
}
/* Process cards uniform height and typography tweaks */
.process-grid {
  align-items: stretch;
}
.process-grid > div { display: flex; }
.process-box-style-one { height: 100%; }