html {
  font-family: sans-serif;
  text-size-adjust: 100%;
}

body {
  margin: 0px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0px;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline-color: initial;
  outline-style: initial;
  outline-width: 0px;
}

abbr[title] {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: currentcolor;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0px;
}

mark {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(255, 255, 0);
  color: rgb(0, 0, 0);
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
}

svg:not(:root) {
  overflow-x: hidden;
  overflow-y: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0px;
}

pre {
  overflow-x: auto;
  overflow-y: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-variant-caps: inherit;
  font-variant-numeric: inherit;
  font-variant-east-asian: inherit;
  font-variant-alternates: inherit;
  font-variant-position: inherit;
  font-variant-emoji: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  margin: 0px;
}

button {
  overflow-x: visible;
  overflow-y: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0px;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  appearance: none;
}

fieldset {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(192, 192, 192);
  border-right-color: rgb(192, 192, 192);
  border-bottom-color: rgb(192, 192, 192);
  border-left-color: rgb(192, 192, 192);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  margin: 0px 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  padding: 0px;
}

textarea {
  overflow-x: auto;
  overflow-y: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
}

td, th {
  padding: 0px;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-variant-alternates: normal;
  font-variant-position: normal;
  font-variant-emoji: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-family: webflow-icons !important;
}

.w-icon-nav-menu::before {
  content: "";
}

.w-icon-dropdown-toggle::before {
  content: "";
}

.w-icon-file-upload-remove::before {
  content: "";
}

.w-icon-file-upload-icon::before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  margin: 0px;
  min-height: 100%;
  background-color: rgb(255, 255, 255);
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: rgb(51, 51, 51);
}

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

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

.w-hidden {
  display: none;
}

.w-button {
  display: inline-block;
  padding: 9px 15px;
  background-color: rgb(56, 152, 236);
  color: white;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  line-height: inherit;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  cursor: pointer;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

input.w-button {
  appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: transparent !important;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border-top-color: unset;
  border-top-style: unset;
  border-top-width: unset;
  border-right-color: unset;
  border-right-style: unset;
  border-right-width: unset;
  border-bottom-color: unset;
  border-bottom-style: unset;
  border-bottom-width: unset;
  border-left-color: unset;
  border-left-style: unset;
  border-left-width: unset;
  border-image-source: unset;
  border-image-slice: unset;
  border-image-width: unset;
  border-image-outset: unset;
  border-image-repeat: unset;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
  border-bottom-left-radius: unset;
  background-image: unset;
  background-position-x: unset;
  background-position-y: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  transition-property: unset;
  transition-duration: unset;
  transition-timing-function: unset;
  transition-delay: unset;
  transition-behavior: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant-ligatures: unset;
  font-variant-caps: unset;
  font-variant-alternates: unset;
  font-variant-numeric: unset;
  font-variant-east-asian: unset;
  font-variant-position: unset;
  font-variant-emoji: unset;
  text-align: unset;
  letter-spacing: unset;
  text-decoration-line: unset;
  text-decoration-thickness: unset;
  text-decoration-style: unset;
  text-decoration-color: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space-collapse: unset;
  text-wrap-mode: unset;
  word-break: unset;
  word-spacing: unset;
  overflow-wrap: unset;
}

.w-webflow-badge {
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 1px 3px;
  cursor: pointer;
  position: fixed !important;
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  top: auto !important;
  right: 12px !important;
  bottom: 12px !important;
  left: auto !important;
  color: rgb(170, 173, 176) !important;
  background-color: rgb(255, 255, 255) !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration-line: none !important;
  text-decoration-thickness: initial !important;
  text-decoration-style: initial !important;
  text-decoration-color: initial !important;
  transform: none !important;
  margin: 0px !important;
  width: auto !important;
  height: auto !important;
  overflow-x: unset !important;
  overflow-y: unset !important;
}

.w-webflow-badge > img {
  position: unset;
  display: inline-block !important;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin-bottom: 10px;
}

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

h2 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}

h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}

h5 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}

h6 {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}

p {
  margin-top: 0px;
  margin-bottom: 10px;
}

blockquote {
  margin: 0px 0px 10px;
  padding: 10px 20px;
  border-left-width: 5px;
  border-left-style: solid;
  border-left-color: rgb(226, 226, 226);
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0px 0px 10px;
}

figcaption {
  margin-top: 5px;
  text-align: center;
}

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

.w-list-unstyled {
  padding-left: 0px;
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
}

fieldset {
  padding: 0px;
  margin: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
}

button, [type="button"], [type="reset"] {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  cursor: pointer;
  appearance: button;
}

.w-form {
  margin: 0px 0px 15px;
}

.w-form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: rgb(221, 221, 221);
}

.w-form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: rgb(255, 222, 222);
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.w-input {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857;
  color: rgb(51, 51, 51);
  vertical-align: middle;
  background-color: rgb(255, 255, 255);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(204, 204, 204);
  border-right-color: rgb(204, 204, 204);
  border-bottom-color: rgb(204, 204, 204);
  border-left-color: rgb(204, 204, 204);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
}

.w-select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857;
  color: rgb(51, 51, 51);
  vertical-align: middle;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(204, 204, 204);
  border-right-color: rgb(204, 204, 204);
  border-bottom-color: rgb(204, 204, 204);
  border-left-color: rgb(204, 204, 204);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  background-color: rgb(243, 243, 243);
}

.w-input::placeholder {
  color: rgb(153, 153, 153);
}

.w-select::placeholder {
  color: rgb(153, 153, 153);
}

.w-input:focus {
  border-top-color: rgb(56, 152, 236);
  border-right-color: rgb(56, 152, 236);
  border-bottom-color: rgb(56, 152, 236);
  border-left-color: rgb(56, 152, 236);
  outline-color: initial;
  outline-style: initial;
  outline-width: 0px;
}

.w-select:focus {
  border-top-color: rgb(56, 152, 236);
  border-right-color: rgb(56, 152, 236);
  border-bottom-color: rgb(56, 152, 236);
  border-left-color: rgb(56, 152, 236);
  outline-color: initial;
  outline-style: initial;
  outline-width: 0px;
}

.w-input[disabled] {
  cursor: not-allowed;
}

.w-select[disabled] {
  cursor: not-allowed;
}

.w-input[readonly] {
  cursor: not-allowed;
  background-color: rgb(238, 238, 238);
}

.w-select[readonly] {
  cursor: not-allowed;
  background-color: rgb(238, 238, 238);
}

fieldset[disabled] .w-input {
  cursor: not-allowed;
}

fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled) {
  background-color: rgb(238, 238, 238);
}

.w-select[disabled]:not(.w-input-disabled) {
  background-color: rgb(238, 238, 238);
}

fieldset[disabled]:not(.w-input-disabled) .w-input {
  background-color: rgb(238, 238, 238);
}

fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: rgb(238, 238, 238);
}

textarea.w-input {
  height: auto;
}

textarea.w-select {
  height: auto;
}

.w-select[multiple] {
  height: auto;
}

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

.w-file-upload {
  display: block;
  margin-bottom: 10px;
}

.w-file-upload-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  position: absolute;
  z-index: -100;
}

.w-file-upload-default {
  display: inline-block;
  color: rgb(51, 51, 51);
}

.w-file-upload-uploading {
  display: inline-block;
  color: rgb(51, 51, 51);
}

.w-file-upload-success {
  display: inline-block;
  color: rgb(51, 51, 51);
}

.w-file-upload-error {
  display: block;
  margin-top: 10px;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-file {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0px;
  padding: 8px 9px 8px 11px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(204, 204, 204);
  border-right-color: rgb(204, 204, 204);
  border-bottom-color: rgb(204, 204, 204);
  border-left-color: rgb(204, 204, 204);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  background-color: rgb(250, 250, 250);
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  margin-top: 3px;
  margin-left: 10px;
  width: auto;
  height: auto;
  padding: 3px;
  display: block;
  cursor: pointer;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  display: inline-block;
  color: rgb(234, 56, 76);
  padding: 2px 0px;
}

.w-file-upload-label {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
  margin: 0px;
  padding: 8px 12px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(204, 204, 204);
  border-right-color: rgb(204, 204, 204);
  border-bottom-color: rgb(204, 204, 204);
  border-left-color: rgb(204, 204, 204);
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  background-color: rgb(250, 250, 250);
}

.w-icon-file-upload-icon {
  display: inline-block;
  margin-right: 8px;
  width: 20px;
}

.w-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}

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

@media screen and (max-width: 479px) {
  .w-container {
  max-width: none;
  }
}

.w-container::before, .w-container::after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-container::after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row::before, .w-row::after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-row::after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0px;
  margin-right: 0px;
}

.w-col {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 479px) {
  .w-col {
  width: 100%;
  }
}

@media (max-width: 768px) {
  .w-col {
  width: 100%;
  left: auto;
  right: auto;
  }
}

.w-col .w-col {
  padding-left: 0px;
  padding-right: 0px;
}

@media (max-width: 768px) {
  .w-row, .w-container .w-row {
  margin-left: 0px;
  margin-right: 0px;
  }
}

.w-background-video {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 500px;
  color: white;
}

.w-background-video > video {
  background-size: cover;
  background-position-x: 50%;
  background-position-y: 50%;
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  right: -100%;
  bottom: -100%;
  top: -100%;
  left: -100%;
  object-fit: cover;
  z-index: -100;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  display: none !important;
  appearance: none;
}

.w-background-video--control {
  position: absolute;
  bottom: 1em;
  right: 1em;
  background-color: transparent;
  padding: 0px;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  position: relative;
  height: 300px;
  text-align: center;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(221, 221, 221);
  clear: both;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.w-slider-mask {
  position: relative;
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 1;
  left: 0px;
  right: 0px;
  height: 100%;
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
}

.w-slide {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  white-space-collapse: collapse;
  text-wrap-mode: wrap;
  text-align: left;
}

.w-slider-nav {
  position: absolute;
  z-index: 2;
  top: auto;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  padding-top: 10px;
  height: 40px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.w-slider-nav.w-round > div {
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  padding: 0.2em 0.5em;
  font-size: inherit;
  line-height: inherit;
}

.w-slider-nav-invert {
  color: rgb(255, 255, 255);
}

.w-slider-nav-invert > div {
  background-color: rgba(34, 34, 34, 0.4);
}

.w-slider-nav-invert > div.w-active {
  background-color: rgb(34, 34, 34);
}

.w-slider-dot {
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  margin: 0px 3px 0.5em;
  transition-behavior: normal, normal;
  transition-duration: 100ms, 100ms;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: background-color, color;
}

.w-slider-dot.w-active {
  background-color: rgb(255, 255, 255);
}

.w-slider-dot:focus {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
  box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left {
  position: absolute;
  width: 80px;
  top: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  cursor: pointer;
  overflow-x: hidden;
  overflow-y: hidden;
  color: white;
  font-size: 40px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  position: absolute;
  width: 80px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
  cursor: pointer;
  overflow-x: hidden;
  overflow-y: hidden;
  color: white;
  font-size: 40px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  z-index: 4;
  left: auto;
}

.w-slider-arrow-left [class^="w-icon-"] {
  position: absolute;
}

.w-slider-arrow-right [class^="w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus {
  outline-color: initial;
  outline-style: initial;
  outline-width: 0px;
}

.w-slider-arrow-right:focus {
  outline-color: initial;
  outline-style: initial;
  outline-width: 0px;
}

.w-slider-aria-label {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 0px;
  position: absolute;
  width: 1px;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  display: inline-block;
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 900;
}

.w-dropdown-toggle {
  position: relative;
  vertical-align: top;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  color: rgb(34, 34, 34);
  padding: 20px 40px 20px 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
  user-select: none;
  display: inline-block;
  cursor: pointer;
}

.w-dropdown-toggle:focus {
  outline-color: initial;
  outline-style: initial;
  outline-width: 0px;
}

.w-icon-dropdown-toggle {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto 20px auto auto;
  width: 1em;
  height: 1em;
}

.w-dropdown-list {
  position: absolute;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(221, 221, 221);
  display: none;
  min-width: 100%;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-richtext::before, .w-richtext::after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-richtext::after {
  clear: both;
}

.w-richtext[contenteditable="true"]::before, .w-richtext[contenteditable="true"]::after {
  white-space-collapse: initial;
  text-wrap-mode: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow-x: hidden;
  overflow-y: hidden;
}

.w-richtext figure[data-rt-type="video"] > div::after {
  content: "";
  position: absolute;
  display: none;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.w-richtext figure {
  position: relative;
  max-width: 60%;
}

.w-richtext figure > div::before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure div {
  font-size: 0px;
  color: transparent;
}

.w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure[data-rt-type="image"] > figcaption {
  display: table-caption;
  caption-side: bottom;
}

.w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0px;
}

.w-richtext figure[data-rt-type="video"] iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-nav {
  position: relative;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(221, 221, 221);
  z-index: 1000;
}

.w-nav::before, .w-nav::after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-nav::after {
  clear: both;
}

.w-nav-brand {
  position: relative;
  float: left;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  color: rgb(51, 51, 51);
}

@media (max-width: 768px) {
  .w-nav-brand {
  padding-left: 10px;
  }
}

.w-nav-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  color: rgb(34, 34, 34);
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.w-nav-link.w--current {
  color: rgb(0, 130, 243);
}

.w-nav-menu {
  position: relative;
  float: right;
}

[data-nav-menu-open] {
  position: absolute;
  top: 100%;
  left: 0px;
  right: 0px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(200, 200, 200);
  text-align: center;
  overflow-x: visible;
  overflow-y: visible;
  min-width: 200px;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  display: none;
  top: 100%;
  left: 0px;
  right: 0px;
  width: 100%;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0px;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
  right: auto;
  z-index: 1;
  top: 0px;
}

.w-nav[data-animation="over-left"] [data-nav-menu-open] {
  right: auto;
  z-index: 1;
  top: 0px;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
  left: auto;
  z-index: 1;
  top: 0px;
}

.w-nav[data-animation="over-right"] [data-nav-menu-open] {
  left: auto;
  z-index: 1;
  top: 0px;
}

.w-nav-button {
  position: relative;
  float: right;
  padding: 18px;
  font-size: 24px;
  display: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
}

.w-nav-button:focus {
  outline-color: initial;
  outline-style: initial;
  outline-width: 0px;
}

.w-nav-button.w--open {
  background-color: rgb(200, 200, 200);
  color: white;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button {
  display: block;
}

.w--nav-dropdown-open {
  display: block;
}

.w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
  display: none;
  }
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-button {
  display: block;
  }
}

@media (max-width: 768px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
  display: none;
  }
}

@media (max-width: 768px) {
  .w-nav[data-collapse="small"] .w-nav-button {
  display: block;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
  display: none;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-button {
  display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs::before, .w-tabs::after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.w-tabs::after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  position: relative;
  display: inline-block;
  vertical-align: top;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  padding: 9px 30px;
  text-align: left;
  cursor: pointer;
  color: rgb(34, 34, 34);
  background-color: rgb(221, 221, 221);
}

@media screen and (max-width: 479px) {
  .w-tab-link {
  display: block;
  }
}

.w-tab-link.w--current {
  background-color: rgb(200, 200, 200);
}

.w-tab-link:focus {
  outline-color: initial;
  outline-style: initial;
  outline-width: 0px;
}

.w-tab-content {
  position: relative;
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
}

.w-tab-pane {
  position: relative;
  display: none;
}

.w--tab-active {
  display: block;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  padding: 10px;
  background-color: rgb(221, 221, 221);
}

.w-dyn-hide {
  display: none !important;
}

.w-dyn-bind-empty {
  display: none !important;
}

.w-condition-invisible {
  display: none !important;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  outline-color: rgb(59, 121, 195);
  outline-style: solid;
  outline-width: 2px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

h4 {
  color: var(--black);
  letter-spacing: var(--_size---2);
  margin-top: 50px;
  margin-bottom: 16px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 120%;
}

h5 {
  color: var(--black);
  letter-spacing: var(--_size---2);
  margin-top: 30px;
  margin-bottom: 16px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}

.mobile-margin-top-12 {
  display: none;
}

@media screen and (max-width: 991px) {
  .mobile-margin-top-12 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  }
}

@media (max-width: 768px) {
  .mobile-margin-top-12 {
  margin-top: 10px;
  }
}

.nav-right {
  column-gap: 20px;
  row-gap: 20px;
  align-items: center;
  display: flex;
}

.nav-dropdown-menu-wrap {
  justify-content: space-between;
  display: flex;
}

@media screen and (max-width: 991px) {
  .nav-dropdown-menu-wrap {
  column-gap: 40px;
  row-gap: 40px;
  }
}

@media screen and (max-width: 479px) {
  .nav-dropdown-menu-wrap {
  column-gap: 10px;
  row-gap: 10px;
  flex-direction: row;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  }
}

@media screen and (min-width: 1440px) {
  .nav-dropdown-menu-wrap {
  display: flex;
  }
}

@media (max-width: 768px) {
  .nav-dropdown-menu-wrap {
  column-gap: 10px;
  row-gap: 10px;
  flex-direction: row;
  flex-wrap: nowrap;
  }
}

.nav-dropdown-list {
  background-color: rgb(255, 255, 255);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
  background-color: rgba(255, 255, 255, 0);
  padding-top: 10px;
  padding-bottom: 0px;
  left: -82px;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 991px) {
  .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
  box-shadow: none;
  margin-top: 16px;
  padding-top: 0px;
  position: relative;
  left: 0px;
  }
}

@media (max-width: 768px) {
  .nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
  margin-top: 5px;
  margin-right: 0px;
  }
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide._5 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide._5.w--open {
  padding-top: 8px;
  left: -62px;
}

@media screen and (max-width: 991px) {
  .nav-dropdown-list.shadow-three.mobile-shadow-hide._5.w--open {
  left: 0px;
  }
}

@media screen and (max-width: 479px) {
  .nav-dropdown-list.shadow-three.mobile-shadow-hide._5.w--open {
  align-self: auto;
  }
}

.nav-link-text {
  color: var(--black);
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: all;
}

.nav-link-text:hover {
  color: var(--blue);
}

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

.nav-dropdown-menu {
  column-gap: 4px;
  row-gap: 4px;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 300px;
  padding-right: 42px;
  display: flex;
}

@media screen and (max-width: 479px) {
  .nav-dropdown-menu {
  column-gap: 0px;
  row-gap: 0px;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  order: 0;
  align-self: auto;
  padding-right: 26px;
  }
}

@media screen and (min-width: 1440px) {
  .nav-dropdown-menu {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  }
}

.nav-dropdown-menu.center {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgb(229, 229, 229);
  padding-left: 42px;
  padding-right: 0px;
}

@media (max-width: 768px) {
  .nav-dropdown-menu.center {
  border-left-width: 0px;
  border-right-width: 0px;
  padding-left: 0px;
  padding-right: 0px;
  }
}

.nav-button-wrapper {
  column-gap: 16px;
  row-gap: 16px;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .nav-button-wrapper {
  width: 100%;
  margin-left: 0px;
  display: none;
  }
}

@media screen and (max-width: 479px) {
  .nav-button-wrapper {
  width: auto;
  }
}

.h4 {
  color: var(--black);
  letter-spacing: var(--_size---2);
  align-self: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 120%;
}

@media screen and (max-width: 991px) {
  .h4 {
  font-size: 32px;
  }
}

@media screen and (max-width: 479px) {
  .h4 {
  font-size: 24px;
  }
}

@media (max-width: 768px) {
  .h4 {
  font-size: 28px;
  }
}

.h4.text-gray-1 {
  color: var(--gray-1);
}

.h4.width-330 {
  max-width: 330px;
}

@media screen and (max-width: 991px) {
  .h4.width-330 {
  max-width: 100%;
  }
}

.h4.margin-top {
  margin-top: -14px;
}

@media screen and (max-width: 991px) {
  .h4.margin-top {
  margin-top: -10px;
  }
}

@media screen and (max-width: 479px) {
  .h4.margin-top {
  margin-top: 0px;
  }
}

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

@media screen and (min-width: 1440px) {
  .h4.text-white {
  color: var(--white);
  }
}

.nav-dropdown-toggle {
  margin-right: 10px;
  padding: 0px;
}

@media screen and (max-width: 991px) {
  .nav-dropdown-toggle {
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  }
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: rgb(0, 80, 189);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  outline-color: rgb(0, 80, 189);
  outline-style: solid;
  outline-width: 2px;
}

.nav-dropdown-toggle.w--open {
  color: rgb(212, 218, 255);
}

@media screen and (max-width: 991px) {
  .nav-dropdown-toggle.w--open {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  }
}

@media (max-width: 768px) {
  .nav-dropdown-toggle.w--open {
  padding-left: 0px;
  }
}

.nav-dropdown-box {
  background-color: rgb(255, 255, 255);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 300px;
  height: 100%;
  padding: 24px 24px 24px 30px;
}

@media screen and (max-width: 991px) {
  .nav-dropdown-box {
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.02);
  width: 100%;
  max-width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  }
}

@media screen and (max-width: 479px) {
  .nav-dropdown-box {
  width: 100%;
  padding: 10px 16px;
  }
}

@media screen and (min-width: 1440px) {
  .nav-dropdown-box {
  width: 200px;
  }
}

@media (max-width: 768px) {
  .nav-dropdown-box {
  padding: 20px 32px;
  }
}

.nav-menus {
  column-gap: 18px;
  row-gap: 18px;
  justify-content: space-between;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .nav-menus {
  column-gap: 24px;
  row-gap: 24px;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  padding: 30px 40px 40px;
  display: flex;
  }
}

@media screen and (max-width: 479px) {
  .nav-menus {
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: column;
  padding-left: 25px;
  padding-right: 25px;
  }
}

@media screen and (min-width: 1920px) {
  .nav-menus {
  list-style-type: none;
  }
}

@media (max-width: 768px) {
  .nav-menus {
  flex-direction: column;
  padding-top: 20px;
  }
}

.navbar {
  z-index: 5;
  background-color: rgb(255, 255, 255);
  position: relative;
}

.navbar-container-wrap {
  column-gap: 16px;
  row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1378px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .navbar-wrapper {
  align-items: center;
  }
}

.contact-button {
  cursor: pointer;
  background-color: rgb(31, 31, 31);
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 12px 22px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: none;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.nav-item {
  margin-bottom: 0px;
}

@media screen and (max-width: 991px) {
  .nav-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  }
}

@media screen and (min-width: 1440px) {
  .nav-item {
  list-style-type: none;
  }
}

@media screen and (min-width: 1920px) {
  .nav-item {
  list-style-type: none;
  }
}

.navbar-container {
  z-index: 5;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  max-width: 1418px;
  margin-left: auto;
  margin-right: auto;
  padding: 18px 20px;
}

@media screen and (max-width: 991px) {
  .navbar-container {
  padding-left: 20px;
  padding-right: 20px;
  }
}

@media screen and (max-width: 479px) {
  .navbar-container {
  padding-top: 14px;
  padding-left: 16px;
  padding-right: 16px;
  }
}

.utility-page-wrap {
  column-gap: 40px;
  row-gap: 40px;
  background-color: var(--gray-4);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .utility-page-wrap {
  height: 100vh;
  }
}

.page-wrapper {
  position: relative;
}

.container {
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.container.project-container {
  max-width: 1420px;
}

.container._02 {
  width: 100%;
  max-width: 100%;
  height: 300vh;
  padding-left: 0px;
  padding-right: 0px;
  display: flex;
  position: relative;
}

.h1 {
  color: var(--black);
  letter-spacing: var(--_size---2);
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 140px;
  font-weight: 600;
  line-height: 110%;
}

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

@media screen and (max-width: 479px) {
  .h1 {
  font-size: 43px;
  }
}

@media (max-width: 768px) {
  .h1 {
  font-size: 70px;
  }
}

.h2 {
  color: var(--black);
  letter-spacing: var(--_size---2);
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 110px;
  font-weight: 600;
  line-height: 110%;
}

@media screen and (max-width: 991px) {
  .h2 {
  font-size: 70px;
  }
}

@media screen and (max-width: 479px) {
  .h2 {
  font-size: 37px;
  }
}

@media (max-width: 768px) {
  .h2 {
  font-size: 56px;
  }
}

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

.h2.capitalize {
  text-transform: uppercase;
}

.h2.fttr {
  color: var(--white);
}

.h3 {
  color: var(--black);
  letter-spacing: var(--_size---2);
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 120%;
}

@media screen and (max-width: 479px) {
  .h3 {
  font-size: 32px;
  }
}

@media (max-width: 768px) {
  .h3 {
  font-size: 44px;
  }
}

.h3.text-gray-1 {
  color: var(--gray-1);
}

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

.h5 {
  color: var(--black);
  letter-spacing: var(--_size---2);
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 130%;
}

@media screen and (max-width: 991px) {
  .h5 {
  font-size: 22px;
  }
}

@media screen and (max-width: 479px) {
  .h5 {
  font-size: 20px;
  }
}

@media (max-width: 768px) {
  .h5 {
  font-size: 20px;
  }
}

.h5.padding-faq {
  padding-top: 22px;
}

@media screen and (max-width: 479px) {
  .h5.padding-faq {
  padding-top: 20px;
  }
}

.h5.text-gray-1 {
  color: var(--gray-1);
}

.paragraph-large {
  color: var(--black);
  margin-bottom: 0px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

@media screen and (max-width: 479px) {
  .paragraph-large {
  margin-top: 0px;
  }
}

.paragraph-large.text-gray-2 {
  color: var(--gray-2);
}

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

.paragraph-large.text-gray-1 {
  color: var(--gray-1);
}

.paragraph-large.sl-margin {
  margin-right: 213px;
}

@media screen and (max-width: 991px) {
  .paragraph-large.sl-margin {
  margin-right: 60px;
  }
}

@media screen and (max-width: 479px) {
  .paragraph-large.sl-margin {
  margin-right: 40px;
  }
}

.paragraph-large.email-link {
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: all;
}

.paragraph-large.email-link:hover {
  color: var(--blue);
}

.paragraph-small {
  color: var(--black);
  margin-bottom: 0px;
  font-family: Intertight, Arial, sans-serif;
  font-weight: 600;
  line-height: 150%;
}

.paragraph-small.text-gray-2 {
  color: var(--gray-2);
}

.paragraph-small.text-gray-2.bottom-padding {
  padding-bottom: 12px;
}

@media screen and (max-width: 479px) {
  .paragraph-small.text-gray-2.bottom-padding {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: flex-start;
  padding-bottom: 8px;
  display: block;
  }
}

@media (max-width: 768px) {
  .paragraph-small.text-gray-2.bottom-padding {
  padding-bottom: 10px;
  }
}

.paragraph-small.text-gray-1 {
  color: var(--gray-1);
}

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

.color {
  border: 1px solid var(--gray-2);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 76px;
  display: flex;
}

@media (max-width: 768px) {
  .color {
  height: 60px;
  }
}

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

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

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

@media screen and (min-width: 1920px) {
  .color.bg-orange {
  background-color: var(--blue);
  }
}

.button-01 {
  column-gap: 6px;
  row-gap: 6px;
  align-items: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media screen and (min-width: 1920px) {
  .button-01 {
  margin-top: 40px;
  }
}

.button-01-text {
  color: var(--black);
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

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

.button-01-arrow-wrap {
  width: 20px;
  height: 20px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.button-01-arrow-box {
  display: flex;
}

.button-01-arrow {
  width: 20px;
  height: 20px;
}

.button-02 {
  column-gap: 6px;
  row-gap: 6px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.button-02.project-btn {
  padding: 10px 16px;
}

.button-02.blog-btn {
  padding: 10px 16px;
}

.button-02._02 {
  display: none;
}

.button-text-box {
  z-index: 2;
  height: 22px;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.button-icon-box {
  width: 20px;
  height: 20px;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.button-02-bg {
  z-index: 1;
  background-color: var(--white);
  width: 110%;
  height: 110%;
  position: absolute;
  top: -5%;
  right: 0%;
  bottom: 0%;
  left: -5%;
}

.button-02-bg.bg-black-btn {
  background-color: var(--black);
}

.button-02-bg.bg-orange {
  background-color: var(--blue);
}

.button-02-hover-bg {
  z-index: 1;
  background-color: var(--blue);
  width: 110%;
  height: 110%;
  position: absolute;
  top: -5%;
  right: 0%;
  bottom: 0%;
  left: -5%;
  transform: translate(101%);
}

.button-02-hover-bg.bg-black {
  background-color: var(--black);
}

.button-text {
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
}

.button-02-text {
  color: var(--black);
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

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

.button-01-icon {
  z-index: 2;
  position: relative;
}

.button-01-icon.hover-icon {
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.cta {
  padding-top: 100px;
  padding-bottom: 300px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .cta {
  padding-bottom: 250px;
  }
}

@media screen and (max-width: 479px) {
  .cta {
  padding-top: 80px;
  padding-bottom: 180px;
  }
}

@media (max-width: 768px) {
  .cta {
  padding-bottom: 200px;
  }
}

.cta-wrap {
  column-gap: 30px;
  row-gap: 30px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: 100%;
  max-width: 1147px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .cta-wrap {
  max-width: 100%;
  }
}

.cta-background-video {
  z-index: -1;
  height: 100%;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.footer {
  background-color: var(--white);
  padding-top: 100px;
}

@media screen and (max-width: 991px) {
  .footer {
  padding-top: 80px;
  }
}

@media screen and (max-width: 479px) {
  .footer {
  padding-top: 40px;
  }
}

@media (max-width: 768px) {
  .footer {
  padding-top: 60px;
  }
}

.footer-top-wrap {
  justify-content: flex-end;
  display: flex;
}

.footer-bottom-wrap {
  column-gap: 20px;
  row-gap: 20px;
  border-top: 1px solid var(--gray-3);
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 40px;
  padding-top: 16px;
  display: flex;
}

@media screen and (max-width: 479px) {
  .footer-bottom-wrap {
  flex-direction: column-reverse;
  flex-wrap: wrap;
  margin-top: 30px;
  }
}

.footer-top-right {
  width: 100%;
  max-width: 452px;
}

@media (max-width: 768px) {
  .footer-top-right {
  max-width: 100%;
  }
}

.footer-top-heading {
  column-gap: 6px;
  row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

.footer-content-wrap {
  column-gap: 20px;
  row-gap: 20px;
  justify-content: space-between;
  margin-top: 50px;
  display: flex;
}

@media screen and (max-width: 479px) {
  .footer-content-wrap {
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

@media (max-width: 768px) {
  .footer-content-wrap {
  margin-top: 40px;
  }
}

.footer-arrow-icon {
  width: 100%;
  height: 100%;
}

.footer-icon-wrap {
  max-width: 36px;
  height: 36px;
  display: flex;
}

.footer-menu-wrap.footer-menu-02 {
  max-width: 228px;
}

@media screen and (max-width: 479px) {
  .footer-menu-wrap.footer-menu-02 {
  max-width: 100%;
  }
}

.footer-menu-link {
  column-gap: 4px;
  row-gap: 4px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-top: 12px;
  display: flex;
}

.menu-link-list {
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: color;
}

.menu-link-list:hover {
  color: var(--blue);
}

.menu-link-list.paragraph-large.w--current {
  color: var(--blue);
}

.footer-bottom-left {
  width: 100%;
  max-width: 514px;
}

.footer-logo {
  width: 100%;
  height: 100%;
}

.nav-dropdown-menu-link {
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: all;
}

.nav-dropdown-menu-link.paragraph-large:hover {
  color: var(--blue);
}

.license {
  margin-top: 130px;
  margin-bottom: 130px;
}

@media screen and (max-width: 991px) {
  .license {
  margin-top: 80px;
  margin-bottom: 80px;
  }
}

@media screen and (max-width: 479px) {
  .license {
  margin-top: 40px;
  margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .license {
  margin-top: 60px;
  margin-bottom: 60px;
  }
}

.image-box-wrap {
  column-gap: 70px;
  row-gap: 70px;
  background-color: var(--gray-4);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  width: 31.5%;
  padding: 72px 20px 34px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media screen and (max-width: 991px) {
  .image-box-wrap {
  column-gap: 40px;
  row-gap: 40px;
  padding-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  .image-box-wrap {
  width: 100%;
  }
}

@media (max-width: 768px) {
  .image-box-wrap {
  width: 48%;
  }
}

.image-box-wrap-2 {
  column-gap: 70px;
  row-gap: 70px;
  background-color: var(--gray-4);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding: 72px 20px 34px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media screen and (max-width: 991px) {
  .image-box-wrap-2 {
  column-gap: 40px;
  row-gap: 40px;
  padding-top: 40px;
  }
}

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

.hero-01 {
  height: 95vh;
  padding-top: 30px;
  padding-bottom: 40px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: background-color;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 991px) {
  .hero-01 {
  height: 100%;
  }
}

.hero-01-wrap {
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
  height: 80vh;
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {
  .hero-01-wrap {
  height: 70vh;
  }
}

@media screen and (max-width: 479px) {
  .hero-01-wrap {
  height: 40vh;
  }
}

@media (max-width: 768px) {
  .hero-01-wrap {
  height: 60vh;
  }
}

.hero-01-text {
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: 1147px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .hero-01-text {
  max-width: 100%;
  }
}

.hero-01-tag {
  column-gap: 10px;
  row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.dot {
  background-color: var(--white);
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  width: 5px;
  height: 5px;
}

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

.project-count-wrap {
  border-bottom: 1px solid var(--gray-3);
  margin-top: 22px;
  padding-bottom: 14px;
}

@media screen and (max-width: 991px) {
  .project-count-wrap {
  margin-top: 8px;
  }
}

.project-count-wrap.home-2-service {
  margin-top: 0px;
  padding-bottom: 0px;
}

.count-wrap {
  column-gap: 4px;
  row-gap: 4px;
  align-items: flex-start;
  height: 58px;
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 991px) {
  .count-wrap {
  height: 52px;
  }
}

@media (max-width: 768px) {
  .count-wrap {
  height: 46px;
  }
}

.counter-single-wrap {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.counter-single-wrap.upper {
  justify-content: flex-end;
  align-items: flex-start;
}

.counter-single-wrap.lower {
  align-items: stretch;
}

.about-01 {
  background-color: var(--white);
  max-width: 100%;
  padding-top: 110px;
}

@media screen and (max-width: 991px) {
  .about-01 {
  padding-top: 100px;
  }
}

@media (max-width: 768px) {
  .about-01 {
  padding-top: 80px;
  }
}

.about-01-wrap {
  width: 892px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 991px) {
  .about-01-wrap {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  }
}

.text-orange {
  color: var(--blue);
}

.service-01 {
  background-color: var(--white);
  padding-top: 160px;
}

@media screen and (max-width: 991px) {
  .service-01 {
  padding-top: 100px;
  }
}

@media screen and (max-width: 479px) {
  .service-01 {
  padding-top: 60px;
  }
}

@media (max-width: 768px) {
  .service-01 {
  padding-top: 80px;
  }
}

.services-single {
  margin-top: 150px;
  margin-bottom: 150px;
}

@media screen and (max-width: 991px) {
  .services-single {
  margin-top: 80px;
  }
}

@media screen and (max-width: 479px) {
  .services-single {
  margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .services-single {
  margin-top: 60px;
  }
}

.services-single-wrap {
  column-gap: 80px;
  row-gap: 80px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .services-single-wrap {
  column-gap: 50px;
  row-gap: 50px;
  }
}

@media screen and (max-width: 479px) {
  .services-single-wrap {
  column-gap: 20px;
  row-gap: 20px;
  }
}

@media (max-width: 768px) {
  .services-single-wrap {
  column-gap: 30px;
  row-gap: 30px;
  }
}

.services-single-top-wrap {
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .services-single-top-wrap {
  column-gap: 0px;
  row-gap: 0px;
  }
}

.services-single-bottom-wrap {
  width: 100%;
  max-width: 798px;
}

@media screen and (max-width: 991px) {
  .services-single-bottom-wrap {
  max-width: 100%;
  }
}

.services-singel-image {
  max-width: 100%;
  margin-top: 40px;
}

@media screen and (max-width: 991px) {
  .services-singel-image {
  margin-top: 20px;
  }
}

.service-image {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

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

@media screen and (max-width: 479px) {
  .service-details-wrap {
  margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .service-details-wrap {
  margin-top: 24px;
  }
}

.service-cta-card-list {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 20px 20px 40px 40px;
}

.service-cta-card-list.bg-gray-4 {
  background-color: var(--gray-4);
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  display: flex;
}

@media screen and (max-width: 991px) {
  .service-cta-card-list.bg-gray-4 {
  padding-bottom: 36px;
  padding-left: 36px;
  }
}

@media screen and (max-width: 479px) {
  .service-cta-card-list.bg-gray-4 {
  padding-bottom: 20px;
  padding-left: 20px;
  }
}

@media (max-width: 768px) {
  .service-cta-card-list.bg-gray-4 {
  padding-bottom: 28px;
  padding-left: 28px;
  }
}

.service-cta-card-list.bg-gray-4.hide {
  display: none;
}

.service-01-short-title {
  margin-left: 233px;
}

@media screen and (max-width: 991px) {
  .service-01-short-title {
  margin-left: auto;
  margin-right: auto;
  }
}

.service-link-wrap {
  margin-top: 30px;
}

@media screen and (max-width: 479px) {
  .service-link-wrap {
  margin-top: 24px;
  }
}

@media (max-width: 768px) {
  .service-link-wrap {
  margin-top: 28px;
  }
}

.service-grid-item {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: all;
  display: block;
  position: relative;
}

@media screen and (max-width: 991px) {
  .service-grid-item {
  padding-top: 16px;
  padding-bottom: 16px;
  }
}

@media (max-width: 768px) {
  .service-grid-item {
  padding-top: 14px;
  padding-bottom: 14px;
  }
}

.service-item-inner {
  z-index: 1;
  align-items: center;
  display: flex;
}

.service-titel-wrap {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}

.serice-link-icon-wrap {
  width: 100%;
  max-width: 100px;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .serice-link-icon-wrap {
  max-width: 80px;
  }
}

@media screen and (max-width: 479px) {
  .serice-link-icon-wrap {
  max-width: 34px;
  }
}

@media (max-width: 768px) {
  .serice-link-icon-wrap {
  max-width: 60px;
  }
}

.service-hover-image-mask {
  z-index: 3;
  width: 100%;
  max-width: 452px;
  height: 300px;
  display: block;
  position: absolute;
  top: -70%;
  right: 9%;
  bottom: 0%;
  left: auto;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 991px) {
  .service-hover-image-mask {
  max-width: 300px;
  height: 200px;
  display: none;
  top: 20%;
  }
}

@media screen and (max-width: 479px) {
  .service-hover-image-mask {
  max-width: 200px;
  height: 100px;
  top: 34%;
  }
}

@media (max-width: 768px) {
  .service-hover-image-mask {
  max-width: 250px;
  height: 153px;
  top: 28%;
  }
}

.service-01-image {
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
  height: 100%;
  margin-top: 0px;
}

.project-01 {
  background-color: var(--white);
  padding-top: 160px;
}

@media screen and (max-width: 991px) {
  .project-01 {
  padding-top: 100px;
  }
}

@media screen and (max-width: 479px) {
  .project-01 {
  padding-top: 60px;
  }
}

@media (max-width: 768px) {
  .project-01 {
  padding-top: 80px;
  }
}

.project-01-top-wrap.align-center {
  z-index: 1;
  position: sticky;
  top: 8%;
}

.project-01-bottom-wrap {
  z-index: 2;
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 86px;
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {
  .project-01-bottom-wrap {
  column-gap: 24px;
  row-gap: 24px;
  margin-top: 70px;
  }
}

@media screen and (max-width: 479px) {
  .project-01-bottom-wrap {
  margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .project-01-bottom-wrap {
  margin-top: 60px;
  }
}

.project-01-list {
  background-color: var(--white);
  width: 100%;
  max-width: 100%;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

.project-01-list.project-01-list-03 {
  max-width: 796px;
}

@media screen and (max-width: 991px) {
  .project-01-list.project-01-list-03 {
  max-width: 100%;
  }
}

.project-01-image-wrap {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
}

@media screen and (max-width: 991px) {
  .project-01-image-wrap {
  height: 400px;
  }
}

@media screen and (max-width: 479px) {
  .project-01-image-wrap {
  height: 200px;
  }
}

@media (max-width: 768px) {
  .project-01-image-wrap {
  height: 300px;
  }
}

.project-01-image {
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
  height: 100%;
}

.project-01-name-wrap {
  column-gap: 8px;
  row-gap: 8px;
  margin-top: 4px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .project-01-name-wrap {
  column-gap: 8px;
  row-gap: 0px;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 10px;
  }
}

@media screen and (max-width: 479px) {
  .project-01-name-wrap {
  flex-direction: row;
  flex-wrap: wrap;
  }
}

.project-01-item-01 {
  max-width: 796px;
}

@media screen and (max-width: 991px) {
  .project-01-item-01 {
  max-width: 100%;
  }
}

.project-01-item-01.project-item-02 {
  max-width: 562px;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .project-01-item-01.project-item-02 {
  max-width: 100%;
  }
}

.project-01-item-01.project-item-03 {
  justify-content: space-between;
  align-items: flex-end;
  max-width: 100%;
  display: flex;
}

@media screen and (max-width: 991px) {
  .project-01-item-01.project-item-03 {
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

.project-01-image-hover-btn {
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.collection-list {
  justify-content: flex-end;
  display: flex;
}

.review {
  background-color: var(--white);
  padding-top: 160px;
}

@media screen and (max-width: 991px) {
  .review {
  padding-top: 80px;
  }
}

@media screen and (max-width: 479px) {
  .review {
  padding-top: 40px;
  }
}

@media (max-width: 768px) {
  .review {
  padding-top: 60px;
  }
}

.project {
  margin-top: 150px;
  margin-bottom: 322px;
}

@media screen and (max-width: 991px) {
  .project {
  margin-top: 80px;
  margin-bottom: 100px;
  }
}

@media screen and (max-width: 479px) {
  .project {
  margin-top: 40px;
  margin-bottom: 60px;
  }
}

@media (max-width: 768px) {
  .project {
  margin-top: 60px;
  margin-bottom: 80px;
  }
}

.project-wrap {
  z-index: 2;
}

.project-top-wrap {
  z-index: 1;
  position: sticky;
  top: 10%;
}

.project-bottom-wrap {
  z-index: 2;
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 80px;
  display: flex;
  position: relative;
}

@media screen and (max-width: 479px) {
  .project-bottom-wrap {
  column-gap: 30px;
  row-gap: 30px;
  margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .project-bottom-wrap {
  margin-top: 60px;
  }
}

.project-top-title {
  column-gap: 10px;
  row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.project-heading-wrap {
  z-index: 1;
}

.single-project {
  margin-top: 150px;
}

@media screen and (max-width: 991px) {
  .single-project {
  margin-top: 80px;
  }
}

@media screen and (max-width: 479px) {
  .single-project {
  margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .single-project {
  margin-top: 60px;
  }
}

.single-project-bottom-wrap {
  margin-top: 40px;
}

@media screen and (max-width: 479px) {
  .single-project-bottom-wrap {
  margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .single-project-bottom-wrap {
  margin-top: 30px;
  }
}

.project-page-heading.align-center {
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.project-author-info {
  column-gap: 20px;
  row-gap: 20px;
  justify-content: space-between;
  margin-top: 80px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .project-author-info {
  margin-top: 70px;
  }
}

@media screen and (max-width: 479px) {
  .project-author-info {
  column-gap: 16px;
  row-gap: 16px;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .project-author-info {
  margin-top: 60px;
  }
}

.project-author-name {
  column-gap: 8px;
  row-gap: 8px;
  border-bottom: 1px solid var(--gray-3);
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 680px;
  padding-bottom: 16px;
  display: flex;
}

@media screen and (max-width: 479px) {
  .project-author-name {
  max-width: 100%;
  padding-bottom: 6px;
  }
}

@media (max-width: 768px) {
  .project-author-name {
  column-gap: 6px;
  row-gap: 6px;
  padding-bottom: 10px;
  }
}

.project-author-live {
  column-gap: 8px;
  row-gap: 8px;
  border-bottom: 1px solid var(--gray-3);
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 680px;
  padding-bottom: 16px;
  display: flex;
}

@media screen and (max-width: 479px) {
  .project-author-live {
  max-width: 100%;
  padding-bottom: 6px;
  }
}

@media (max-width: 768px) {
  .project-author-live {
  column-gap: 6px;
  row-gap: 6px;
  padding-bottom: 10px;
  }
}

.single-project-image-wrap {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.single-project-image-1 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.single-project-details-wrap {
  column-gap: 175px;
  row-gap: 175px;
  justify-content: flex-start;
  margin-top: 60px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .single-project-details-wrap {
  column-gap: 60px;
  row-gap: 60px;
  }
}

@media screen and (max-width: 479px) {
  .single-project-details-wrap {
  column-gap: 26px;
  row-gap: 26px;
  }
}

@media (max-width: 768px) {
  .single-project-details-wrap {
  column-gap: 30px;
  row-gap: 30px;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  margin-top: 40px;
  }
}

.single-project-right-wrap {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  max-width: 1148px;
}

@media screen and (max-width: 991px) {
  .single-project-right-wrap {
  max-width: 100%;
  }
}

.project-details-01 {
  column-gap: 16px;
  row-gap: 16px;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: 914px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .project-details-01 {
  max-width: 100%;
  }
}

.project-details-image-wrap {
  column-gap: 20px;
  row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "Area-2 Area-3" ". Area";
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

@media screen and (max-width: 991px) {
  .project-details-image-wrap {
  margin-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  .project-details-image-wrap {
  column-gap: 10px;
  row-gap: 10px;
  margin-top: 30px;
  }
}

.project-details-02 {
  column-gap: 16px;
  row-gap: 16px;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: 914px;
  margin-top: 80px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .project-details-02 {
  max-width: 100%;
  margin-top: 60px;
  }
}

@media screen and (max-width: 479px) {
  .project-details-02 {
  margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .project-details-02 {
  margin-top: 40px;
  }
}

.projecct-image-02 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
}

.projecct-image-03 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
}

.projecct-image-04 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
}

.related-project {
  margin-top: 160px;
}

@media screen and (max-width: 991px) {
  .related-project {
  margin-top: 80px;
  }
}

@media screen and (max-width: 479px) {
  .related-project {
  margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .related-project {
  margin-top: 60px;
  }
}

.related-project-wraper {
  margin-top: 30px;
}

@media screen and (max-width: 479px) {
  .related-project-wraper {
  margin-top: 24px;
  }
}

.releted-project-list {
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  display: flex;
}

@media (max-width: 768px) {
  .releted-project-list {
  flex-direction: column-reverse;
  flex-wrap: nowrap;
  }
}

.review-bottom-wrap {
  margin-top: 60px;
}

@media screen and (max-width: 991px) {
  .review-bottom-wrap {
  margin-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  .review-bottom-wrap {
  margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .review-bottom-wrap {
  margin-top: 30px;
  }
}

.review-slider-wrapper {
  background-color: rgba(0, 0, 0, 0);
  height: auto;
}

.review-slide-wrapper {
  width: 100%;
  margin-right: 5%;
}

@media screen and (max-width: 991px) {
  .review-slide-wrapper {
  width: 100%;
  margin-right: 0%;
  }
}

@media screen and (max-width: 479px) {
  .review-slide-wrapper {
  width: 100%;
  margin-right: 0%;
  }
}

.review-block {
  column-gap: 20px;
  row-gap: 20px;
  background-color: rgb(255, 255, 255);
  display: flex;
}

@media (max-width: 768px) {
  .review-block {
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

.team-member-image-two {
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 479px) {
  .team-member-image-two {
  display: inline-block;
  overflow-x: clip;
  overflow-y: clip;
  }
}

.team-block-info {
  column-gap: 2px;
  row-gap: 2px;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .team-block-info {
  height: 100%;
  }
}

.review-slider-arrow {
  background-color: var(--gray-3);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 97px;
  height: 97px;
  padding: 28px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: all;
  display: block;
  position: absolute;
  top: auto;
  right: 0%;
  bottom: 0%;
  left: auto;
}

@media screen and (max-width: 991px) {
  .review-slider-arrow {
  width: 80px;
  height: 80px;
  padding: 20px;
  top: auto;
  right: 0%;
  bottom: 0%;
  left: auto;
  }
}

@media screen and (max-width: 479px) {
  .review-slider-arrow {
  width: 46px;
  height: 46px;
  padding: 8px;
  }
}

@media (max-width: 768px) {
  .review-slider-arrow {
  width: 60px;
  height: 60px;
  padding: 10px;
  }
}

.review-slider-arrow:hover {
  background-color: var(--blue);
}

.review-slider-arrow.left {
  top: auto;
  right: 117px;
  bottom: 0%;
  left: auto;
}

@media screen and (max-width: 991px) {
  .review-slider-arrow.left {
  right: 110px;
  }
}

@media screen and (max-width: 479px) {
  .review-slider-arrow.left {
  right: 60px;
  }
}

@media (max-width: 768px) {
  .review-slider-arrow.left {
  right: 80px;
  }
}

.review-slider-arrow.left:hover {
  background-color: var(--blue);
}

.team-slider-nav {
  margin-top: 24px;
  font-size: 10px;
  display: none;
  position: static;
  bottom: -60px;
}

.review-text-wrap {
  column-gap: 80px;
  row-gap: 80px;
  background-color: var(--gray-4);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 562px;
  padding: 30px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .review-text-wrap {
  column-gap: 30px;
  row-gap: 30px;
  max-width: 350px;
  padding: 20px;
  }
}

@media screen and (max-width: 479px) {
  .review-text-wrap {
  column-gap: 30px;
  row-gap: 30px;
  padding: 14px;
  }
}

@media (max-width: 768px) {
  .review-text-wrap {
  column-gap: 44px;
  row-gap: 44px;
  max-width: 100%;
  }
}

.review-company-logo-wrap {
  max-width: 182px;
}

.client-image-wrap {
  width: 100%;
  max-width: 446px;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .client-image-wrap {
  max-width: 250px;
  height: 300px;
  }
}

@media screen and (max-width: 479px) {
  .client-image-wrap {
  height: 250px;
  }
}

@media (max-width: 768px) {
  .client-image-wrap {
  max-width: 100%;
  height: 350px;
  }
}

.review-slider-arrow-icon {
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 479px) {
  .review-slider-arrow-icon {
  width: 100%;
  height: 100%;
  }
}

.news-01 {
  background-color: var(--white);
  padding-top: 160px;
  padding-bottom: 160px;
}

@media screen and (max-width: 991px) {
  .news-01 {
  padding-top: 100px;
  padding-bottom: 100px;
  }
}

@media screen and (max-width: 479px) {
  .news-01 {
  padding-top: 40px;
  padding-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .news-01 {
  padding-top: 60px;
  padding-bottom: 60px;
  }
}

.news-top-wrap {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.news-bottom-wrap {
  column-gap: 20px;
  margin-top: 60px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .news-bottom-wrap {
  column-gap: 20px;
  row-gap: 40px;
  flex-direction: column;
  flex-wrap: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  }
}

@media screen and (max-width: 479px) {
  .news-bottom-wrap {
  column-gap: 30px;
  row-gap: 30px;
  }
}

@media (max-width: 768px) {
  .news-bottom-wrap {
  column-gap: 50px;
  row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  }
}

.top-caption {
  column-gap: 4px;
  row-gap: 4px;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .top-caption {
  margin-bottom: 10px;
  }
}

@media screen and (max-width: 479px) {
  .top-caption {
  margin-bottom: 6px;
  }
}

@media (max-width: 768px) {
  .top-caption {
  margin-bottom: 8px;
  }
}

.top-caption.company-caption {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.top-caption.align-left {
  justify-content: flex-start;
  align-items: center;
}

@media screen and (max-width: 991px) {
  .top-caption.align-left {
  margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  .top-caption.align-left {
  margin-bottom: 0px;
  }
}

.blog {
  margin-top: 150px;
  margin-bottom: 160px;
}

@media screen and (max-width: 991px) {
  .blog {
  margin-top: 80px;
  margin-bottom: 80px;
  }
}

@media screen and (max-width: 479px) {
  .blog {
  margin-top: 40px;
  margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .blog {
  margin-top: 60px;
  margin-bottom: 60px;
  }
}

.blog-wrap {
  position: relative;
}

.blog-top-wrap {
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  display: flex;
}

@media screen and (max-width: 991px) {
  .blog-top-wrap {
  column-gap: 40px;
  row-gap: 40px;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  }
}

@media (max-width: 768px) {
  .blog-top-wrap {
  column-gap: 32px;
  row-gap: 32px;
  }
}

.blog-bottom-wrap {
  margin-top: 80px;
}

@media screen and (max-width: 991px) {
  .blog-bottom-wrap {
  margin-top: 60px;
  }
}

@media screen and (max-width: 479px) {
  .blog-bottom-wrap {
  margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .blog-bottom-wrap {
  margin-top: 40px;
  }
}

.blog-top-left-wrap {
  width: 100%;
  max-width: 998px;
}

@media screen and (max-width: 991px) {
  .blog-top-left-wrap {
  max-width: 100%;
  }
}

.blog-top-right-wrap {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}

@media screen and (max-width: 991px) {
  .blog-top-right-wrap {
  display: none;
  }
}

.blog-top-image-01 {
  width: 330px;
  height: 345px;
  position: relative;
}

@media screen and (max-width: 991px) {
  .blog-top-image-01 {
  width: 100%;
  height: 100%;
  }
}

.blog-page-image-01 {
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
  height: 100%;
}

.category-and-date-wrap {
  column-gap: 20px;
  row-gap: 20px;
  align-items: center;
  margin-top: 6px;
  display: flex;
}

.tag-wrap {
  background-color: var(--gray-3);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 10px;
}

.top-blog-list {
  column-gap: 6px;
  row-gap: 6px;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.blog-list {
  column-gap: 6px;
  row-gap: 6px;
  flex-direction: column;
  flex-wrap: nowrap;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media (max-width: 768px) {
  .blog-list {
  column-gap: 8px;
  row-gap: 8px;
  }
}

.blog-image-wrap {
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: relative;
}

.blog-image-wrap.image-02 {
  height: 345px;
}

@media screen and (max-width: 991px) {
  .blog-image-wrap.image-02 {
  height: 300px;
  }
}

@media (max-width: 768px) {
  .blog-image-wrap.image-02 {
  height: 100%;
  }
}

.blog-image {
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
  height: 100%;
}

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

@media (max-width: 768px) {
  .blog-collection-list {
  column-gap: 26px;
  row-gap: 26px;
  grid-template-columns: 1fr;
  }
}

.blog-tab {
  background-color: rgba(221, 221, 221, 0);
  padding: 10px;
}

.blog-tab.w--current {
  background-color: var(--black);
  color: var(--white);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.tabs-menu {
  column-gap: 20px;
  row-gap: 20px;
  margin-top: -80px;
  display: flex;
  position: absolute;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

@media screen and (max-width: 991px) {
  .tabs-menu {
  column-gap: 10px;
  row-gap: 10px;
  justify-content: center;
  margin-top: 0px;
  margin-bottom: 30px;
  position: static;
  top: -114px;
  }
}

.tab-link-text {
  font-family: Intertight, Arial, sans-serif;
  font-weight: 600;
  line-height: 150%;
}

.blog-btn-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.blog-btn-wrap.display-none {
  display: none;
}

.singel-blog {
  margin-top: 150px;
}

@media screen and (max-width: 991px) {
  .singel-blog {
  margin-top: 80px;
  }
}

@media screen and (max-width: 479px) {
  .singel-blog {
  margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .singel-blog {
  margin-top: 60px;
  }
}

.singel-blog-top-wrap {
  column-gap: 80px;
  row-gap: 80px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .singel-blog-top-wrap {
  column-gap: 40px;
  row-gap: 40px;
  }
}

@media screen and (max-width: 479px) {
  .singel-blog-top-wrap {
  column-gap: 20px;
  row-gap: 20px;
  }
}

@media (max-width: 768px) {
  .singel-blog-top-wrap {
  column-gap: 30px;
  row-gap: 30px;
  }
}

.singel-blog-bottom-wrap {
  column-gap: 20px;
  row-gap: 20px;
  justify-content: space-between;
  margin-top: 50px;
  display: flex;
  position: relative;
}

@media screen and (max-width: 991px) {
  .singel-blog-bottom-wrap {
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  .singel-blog-bottom-wrap {
  margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .singel-blog-bottom-wrap {
  margin-top: 30px;
  }
}

.blog-heading-wrap.align-center {
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: 500px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .blog-heading-wrap.align-center {
  column-gap: 14px;
  row-gap: 14px;
  }
}

@media screen and (max-width: 479px) {
  .blog-heading-wrap.align-center {
  column-gap: 10px;
  row-gap: 10px;
  }
}

@media (max-width: 768px) {
  .blog-heading-wrap.align-center {
  column-gap: 12px;
  row-gap: 12px;
  }
}

.blog-details-left {
  width: 100%;
  max-width: 448px;
  height: 100%;
  position: sticky;
  top: 40px;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 991px) {
  .blog-details-left {
  column-gap: 16px;
  row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  position: static;
  }
}

@media screen and (min-width: 1920px) {
  .blog-details-left {
  margin-bottom: 20px;
  }
}

.blog-details-right {
  margin-top: -50px;
}

@media screen and (max-width: 991px) {
  .blog-details-right {
  margin-top: -60px;
  }
}

@media screen and (max-width: 479px) {
  .blog-details-right {
  margin-top: 10px;
  }
}

@media screen and (min-width: 1920px) {
  .blog-details-right {
  margin-top: 60px;
  }
}

.publishing-info {
  column-gap: 5px;
  row-gap: 5px;
  border-bottom: 1px solid var(--gray-3);
  flex-direction: column;
  flex-wrap: nowrap;
  padding-bottom: 15px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .publishing-info {
  width: 48%;
  }
}

.writer-info {
  column-gap: 5px;
  row-gap: 5px;
  border-bottom: 1px solid var(--gray-3);
  flex-direction: column;
  flex-wrap: nowrap;
  padding-bottom: 15px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .writer-info {
  align-items: flex-end;
  width: 48%;
  }
}

.social-share {
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .social-share {
  margin-top: 20px;
  }
}

@media screen and (max-width: 479px) {
  .social-share {
  column-gap: 12px;
  row-gap: 12px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  margin-top: 10px;
  }
}

.social-icon-wrap {
  column-gap: 12px;
  row-gap: 12px;
  display: flex;
}

.social-icon-list {
  background-color: var(--gray-3);
  border-top-left-radius: 500px;
  border-top-right-radius: 500px;
  border-bottom-right-radius: 500px;
  border-bottom-left-radius: 500px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 12px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: background-color;
  display: flex;
}

.social-icon-list:hover {
  background-color: var(--blue);
}

.blog-publish-and-writer-info {
  column-gap: 30px;
  row-gap: 30px;
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
}

@media screen and (max-width: 991px) {
  .blog-publish-and-writer-info {
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  }
}

.related-blog {
  margin-top: 160px;
  margin-bottom: 60px;
}

@media screen and (max-width: 991px) {
  .related-blog {
  margin-top: 60px;
  margin-bottom: 40px;
  }
}

@media screen and (max-width: 479px) {
  .related-blog {
  margin-top: 20px;
  margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  .related-blog {
  margin-top: 40px;
  margin-bottom: 20px;
  }
}

.related-blog-list-wrap {
  margin-top: 30px;
}

.contact {
  margin-top: 60px;
  margin-bottom: 36px;
}

@media screen and (max-width: 991px) {
  .contact {
  margin-top: 40px;
  margin-bottom: 30px;
  }
}

@media screen and (max-width: 479px) {
  .contact {
  margin-top: 40px;
  margin-bottom: 0px;
  }
}

@media (max-width: 768px) {
  .contact {
  margin-top: 20px;
  margin-bottom: 16px;
  }
}

.contact-top-wrap {
  column-gap: 20px;
  row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

@media screen and (max-width: 479px) {
  .contact-top-wrap {
  column-gap: 20px;
  row-gap: 20px;
  }
}

@media (max-width: 768px) {
  .contact-top-wrap {
  column-gap: 24px;
  row-gap: 24px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  }
}

.contact-top-left {
  max-width: 998px;
}

@media (max-width: 768px) {
  .contact-top-left {
  max-width: 100%;
  }
}

.contact-top-right {
  max-width: 212px;
}

@media screen and (max-width: 479px) {
  .contact-top-right {
  max-width: 100%;
  }
}

@media (max-width: 768px) {
  .contact-top-right {
  max-width: 90%;
  }
}

.contact-form-heading {
  column-gap: 12px;
  row-gap: 12px;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 320px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .contact-form-heading {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  }
}

.contact-form-wrap {
  column-gap: 56px;
  row-gap: 56px;
  margin-top: 100px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .contact-form-wrap {
  column-gap: 44px;
  row-gap: 44px;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 60px;
  margin-bottom: 80px;
  }
}

@media screen and (max-width: 479px) {
  .contact-form-wrap {
  margin-top: 20px;
  margin-bottom: 40px;
  }
}

@media (max-width: 768px) {
  .contact-form-wrap {
  column-gap: 42px;
  row-gap: 42px;
  margin-top: 40px;
  margin-bottom: 60px;
  }
}

.contact-form-left {
  max-width: 526px;
  margin-top: 142px;
}

@media screen and (max-width: 991px) {
  .contact-form-left {
  max-width: 100%;
  margin-top: 0px;
  }
}

.contact-form-right {
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  justify-content: center;
  display: flex;
}

.contact-form-image-wrap {
  width: 100%;
  max-width: 100%;
}

@media screen and (max-width: 991px) {
  .contact-form-image-wrap {
  height: 400px;
  }
}

@media screen and (max-width: 479px) {
  .contact-form-image-wrap {
  height: 200px;
  }
}

@media (max-width: 768px) {
  .contact-form-image-wrap {
  height: 350px;
  }
}

.contact-form-image {
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
  height: 100%;
}

.office-and-email-info {
  column-gap: 20px;
  row-gap: 20px;
  justify-content: space-between;
  margin-top: 50px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .office-and-email-info {
  margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .office-and-email-info {
  column-gap: 16px;
  row-gap: 16px;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 30px;
  }
}

.office-info {
  column-gap: 12px;
  row-gap: 12px;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: 228px;
  display: flex;
}

@media (max-width: 768px) {
  .office-info {
  column-gap: 4px;
  row-gap: 4px;
  max-width: 100%;
  }
}

.email-info {
  column-gap: 12px;
  row-gap: 12px;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  max-width: 228px;
  display: flex;
}

@media (max-width: 768px) {
  .email-info {
  column-gap: 4px;
  row-gap: 4px;
  max-width: 100%;
  }
}

.contact-form-main-wrap {
  margin-top: 60px;
  margin-bottom: 0px;
}

@media screen and (max-width: 991px) {
  .contact-form-main-wrap {
  margin-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  .contact-form-main-wrap {
  margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .contact-form-main-wrap {
  margin-top: 30px;
  }
}

.contact-form {
  column-gap: 24px;
  row-gap: 24px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 479px) {
  .contact-form {
  column-gap: 20px;
  row-gap: 20px;
  }
}

@media (max-width: 768px) {
  .contact-form {
  column-gap: 22px;
  row-gap: 22px;
  }
}

.contact-form-item-wrap {
  column-gap: 8px;
  row-gap: 8px;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  display: flex;
}

.contact-form-input {
  background-color: var(--gray-4);
  min-height: 56px;
  color: var(--black);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: 0px;
  padding: 16px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

@media screen and (max-width: 479px) {
  .contact-form-input {
  min-height: 44px;
  }
}

@media (max-width: 768px) {
  .contact-form-input {
  min-height: 50px;
  }
}

.contact-form-input:hover {
  color: var(--gray-2);
}

.contact-form-input:active {
  color: var(--black);
}

.contact-form-input:focus {
  border: 1px solid var(--blue);
}

.contact-form-input.message-box {
  min-height: 146px;
}

@media screen and (max-width: 479px) {
  .contact-form-input.message-box {
  min-height: 100px;
  }
}

@media (max-width: 768px) {
  .contact-form-input.message-box {
  min-height: 120px;
  }
}

.contact-form-label {
  color: var(--black);
  margin-bottom: 0px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.contact-form-submit-button {
  background-color: var(--blue);
  color: var(--white);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-top: 40px;
  padding: 16px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: all;
}

@media screen and (max-width: 991px) {
  .contact-form-submit-button {
  margin-top: 30px;
  }
}

@media screen and (max-width: 479px) {
  .contact-form-submit-button {
  margin-top: 18px;
  }
}

@media (max-width: 768px) {
  .contact-form-submit-button {
  margin-top: 24px;
  padding: 12px;
  }
}

.contact-form-submit-button:hover {
  background-color: var(--black);
  box-shadow: rgba(255, 93, 23, 0.2) 0px 0px 48px, rgba(255, 93, 23, 0.2) 0px 25px 48px;
}

.select-option-field {
  min-height: 56px;
  color: var(--black);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-bottom: 0px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Intertight, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

@media screen and (max-width: 479px) {
  .select-option-field {
  min-height: 44px;
  }
}

@media (max-width: 768px) {
  .select-option-field {
  min-height: 50px;
  }
}

.select-option-field:hover {
  color: var(--gray-2);
}

.select-option-field:focus {
  border: 1px solid var(--blue);
}

.pricing {
  margin-top: 150px;
}

@media screen and (max-width: 991px) {
  .pricing {
  margin-top: 80px;
  }
}

@media screen and (max-width: 479px) {
  .pricing {
  margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .pricing {
  margin-top: 60px;
  }
}

.priceing-top-wrap {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.priceing-bottom-wrap {
  column-gap: 20px;
  row-gap: 20px;
  justify-content: space-between;
  max-width: 1138px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

@media screen and (max-width: 991px) {
  .priceing-bottom-wrap {
  margin-top: 60px;
  }
}

@media screen and (max-width: 479px) {
  .priceing-bottom-wrap {
  margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .priceing-bottom-wrap {
  column-gap: 22px;
  row-gap: 22px;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 40px;
  }
}

.priceing-heading {
  column-gap: 40px;
  row-gap: 40px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .priceing-heading {
  column-gap: 30px;
  row-gap: 30px;
  }
}

@media screen and (max-width: 479px) {
  .priceing-heading {
  column-gap: 14px;
  row-gap: 14px;
  }
}

@media (max-width: 768px) {
  .priceing-heading {
  column-gap: 20px;
  row-gap: 20px;
  }
}

.pricing-card-list {
  background-color: var(--gray-4);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.priceing-item {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}

.priceing-list-wrapper {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}

.item-name-title {
  column-gap: 12px;
  row-gap: 12px;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 30px 30px 16px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .item-name-title {
  padding: 24px 24px 10px;
  }
}

@media screen and (max-width: 479px) {
  .item-name-title {
  padding: 16px 16px 8px;
  }
}

.item-name-title._02 {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

@media screen and (max-width: 991px) {
  .item-name-title._02 {
  column-gap: 10px;
  row-gap: 10px;
  }
}

.divider {
  background-color: var(--black);
  width: 100%;
  height: 1px;
}

.divider.services-divder {
  margin-top: 40px;
}

@media screen and (max-width: 991px) {
  .divider.services-divder {
  margin-top: 20px;
  }
}

.divider.bg-gray-03 {
  background-color: var(--gray-3);
}

.futures-list-wrap {
  column-gap: 50px;
  row-gap: 50px;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 30px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .futures-list-wrap {
  column-gap: 36px;
  row-gap: 36px;
  padding: 24px;
  }
}

@media screen and (max-width: 479px) {
  .futures-list-wrap {
  padding: 16px;
  }
}

@media (max-width: 768px) {
  .futures-list-wrap {
  column-gap: 30px;
  row-gap: 30px;
  }
}

.futures-list-wrap._02 {
  padding: 30px 0px 0px;
}

@media screen and (max-width: 991px) {
  .futures-list-wrap._02 {
  align-items: flex-start;
  }
}

@media screen and (max-width: 479px) {
  .futures-list-wrap._02 {
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-top: 14px;
  }
}

@media (max-width: 768px) {
  .futures-list-wrap._02 {
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  }
}

.futures-list-wrap._01 {
  padding-bottom: 54px;
}

.priceing-amount-wrap {
  column-gap: 10px;
  row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.priceing-features-wrap {
  column-gap: 16px;
  row-gap: 16px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  max-width: 416px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .priceing-features-wrap {
  max-width: 100%;
  }
}

.features-item-list {
  column-gap: 20px;
  row-gap: 20px;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 991px) {
  .features-item-list {
  column-gap: 24px;
  row-gap: 24px;
  }
}

@media screen and (max-width: 479px) {
  .features-item-list {
  column-gap: 18px;
  row-gap: 18px;
  }
}

.features-title-text {
  color: var(--gray-1);
  margin-bottom: 8px;
  margin-left: 40px;
}

@media screen and (max-width: 991px) {
  .features-title-text {
  margin-bottom: 6px;
  margin-left: 44px;
  }
}

@media screen and (max-width: 479px) {
  .features-title-text {
  margin-left: 38px;
  }
}

.check-icon {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 479px) {
  .check-icon {
  width: 22px;
  height: 22px;
  }
}

.quantity {
  display: none;
}

.order-confirmation {
  background-color: var(--white);
  margin-top: 40px;
  font-family: Intertight, Arial, sans-serif;
  font-weight: 500;
}

.faq {
  margin-top: 160px;
  margin-bottom: 60px;
}

@media screen and (max-width: 991px) {
  .faq {
  margin-top: 80px;
  margin-bottom: 40px;
  }
}

@media screen and (max-width: 479px) {
  .faq {
  margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .faq {
  margin-top: 40px;
  margin-bottom: 20px;
  }
}

.faq-wrap {
  column-gap: 20px;
  row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .faq-wrap {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  }
}

.faq-right-wrap {
  column-gap: 12px;
  row-gap: 12px;
  flex-direction: column;
  flex-wrap: nowrap;
  max-width: 912px;
  display: flex;
}

.faq-list {
  background-color: var(--gray-4);
  cursor: pointer;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  padding: 44px;
}

@media screen and (max-width: 991px) {
  .faq-list {
  padding: 40px;
  }
}

@media screen and (max-width: 479px) {
  .faq-list {
  padding: 16px;
  }
}

@media (max-width: 768px) {
  .faq-list {
  padding: 30px;
  }
}

.faq-question-wrap {
  column-gap: 20px;
  row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-answer-wrap {
  overflow-x: hidden;
  overflow-y: hidden;
}

.faq-icon-wrap {
  width: 100%;
  max-width: 30px;
  height: 100%;
}

.faq-icon {
  width: 100%;
  height: 100%;
}

.company-hero {
  margin-top: 150px;
}

@media screen and (max-width: 991px) {
  .company-hero {
  margin-top: 80px;
  }
}

@media screen and (max-width: 479px) {
  .company-hero {
  margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .company-hero {
  margin-top: 40px;
  }
}

.services-detail {
  column-gap: 78px;
  row-gap: 78px;
  align-items: flex-start;
  margin-top: 80px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .services-detail {
  column-gap: 50px;
  row-gap: 50px;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 60px;
  }
}

@media screen and (max-width: 479px) {
  .services-detail {
  column-gap: 30px;
  row-gap: 30px;
  margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .services-detail {
  column-gap: 40px;
  row-gap: 40px;
  margin-top: 40px;
  }
}

.services-detail-image {
  object-fit: cover;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  width: 100%;
  max-width: 624px;
}

@media screen and (max-width: 991px) {
  .services-detail-image {
  max-width: 100%;
  }
}

.company-hero-right {
  column-gap: 30px;
  row-gap: 30px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-self: center;
  max-width: 680px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .company-hero-right {
  column-gap: 20px;
  row-gap: 20px;
  max-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .company-hero-right {
  column-gap: 16px;
  row-gap: 16px;
  }
}

.company-hero-image {
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .company-hero-image {
  height: 500px;
  }
}

@media screen and (max-width: 479px) {
  .company-hero-image {
  height: 250px;
  }
}

@media (max-width: 768px) {
  .company-hero-image {
  height: 300px;
  }
}

.brand-logo {
  margin-top: 150px;
}

@media screen and (max-width: 991px) {
  .brand-logo {
  margin-top: 100px;
  }
}

@media screen and (max-width: 479px) {
  .brand-logo {
  margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .brand-logo {
  margin-top: 60px;
  }
}

.brand-logo-wrap {
  column-gap: 40px;
  row-gap: 40px;
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
}

@media screen and (max-width: 991px) {
  .brand-logo-wrap {
  column-gap: 20px;
  row-gap: 20px;
  }
}

@media screen and (max-width: 479px) {
  .brand-logo-wrap {
  column-gap: 10px;
  row-gap: 10px;
  }
}

@media (max-width: 768px) {
  .brand-logo-wrap {
  column-gap: 16px;
  row-gap: 16px;
  }
}

.brand-logo-wraper {
  margin-top: 0px;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 479px) {
  .brand-logo-wraper {
  margin-top: 0px;
  }
}

.logo-wrap {
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  display: flex;
}

.logo-outer {
  column-gap: 16px;
  row-gap: 16px;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-box {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 100%;
  max-width: 350px;
  height: 100%;
  margin-right: 100px;
}

@media screen and (max-width: 991px) {
  .logo-box {
  margin-right: 80px;
  }
}

@media screen and (max-width: 479px) {
  .logo-box {
  margin-right: 40px;
  }
}

@media (max-width: 768px) {
  .logo-box {
  margin-right: 60px;
  }
}

.logo-icon {
  width: 100%;
  max-width: 250%;
  height: 100%;
  margin-right: 100px;
}

.news-card-50 {
  width: 50%;
}

@media screen and (max-width: 991px) {
  .news-card-50 {
  width: 100%;
  }
}

.news-card-25 {
  width: 25%;
}

@media screen and (max-width: 991px) {
  .news-card-25 {
  width: 100%;
  }
}

.founders {
  margin-top: 160px;
  margin-bottom: 160px;
}

@media screen and (max-width: 991px) {
  .founders {
  margin-top: 100px;
  margin-bottom: 100px;
  }
}

@media screen and (max-width: 479px) {
  .founders {
  margin-top: 60px;
  }
}

@media (max-width: 768px) {
  .founders {
  margin-top: 80px;
  margin-bottom: 80px;
  }
}

.founders-wrap {
  position: relative;
}

.founders-bottom-wrap {
  margin-top: 60px;
}

@media screen and (max-width: 991px) {
  .founders-bottom-wrap {
  margin-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  .founders-bottom-wrap {
  margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .founders-bottom-wrap {
  margin-top: 30px;
  }
}

.team-slide-wrapper {
  width: 50%;
  margin-right: 20px;
}

@media screen and (max-width: 991px) {
  .team-slide-wrapper {
  width: 100%;
  margin-right: 6%;
  }
}

@media screen and (max-width: 479px) {
  .team-slide-wrapper {
  width: 100%;
  margin-right: 0%;
  }
}

.team-block {
  column-gap: 18px;
  row-gap: 18px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 479px) {
  .team-block {
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

.founders-image {
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
  max-width: 350px;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .founders-image {
  max-width: 320px;
  height: 300px;
  }
}

@media screen and (max-width: 479px) {
  .founders-image {
  max-width: 100%;
  }
}

@media (max-width: 768px) {
  .founders-image {
  max-width: 260px;
  height: 250px;
  }
}

.founders-details-wrap {
  column-gap: 30px;
  row-gap: 30px;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 479px) {
  .founders-details-wrap {
  column-gap: 16px;
  row-gap: 16px;
  }
}

@media (max-width: 768px) {
  .founders-details-wrap {
  column-gap: 20px;
  row-gap: 20px;
  }
}

.team-slider-nav-2 {
  margin-top: 24px;
  font-size: 10px;
  display: none;
  position: static;
  bottom: -60px;
}

.founders-details {
  column-gap: 10px;
  row-gap: 10px;
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
}

@media screen and (max-width: 479px) {
  .founders-details {
  column-gap: 4px;
  row-gap: 4px;
  }
}

@media (max-width: 768px) {
  .founders-details {
  column-gap: 8px;
  row-gap: 8px;
  }
}

.slider {
  background-color: var(--white);
  height: auto;
}

@media screen and (max-width: 991px) {
  .slider {
  height: auto;
  }
}

@media screen and (min-width: 1920px) {
  .slider {
  width: auto;
  }
}

.founder-slider-arrow {
  background-color: var(--gray-3);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 97px;
  height: 97px;
  padding: 28px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: all;
  display: block;
  position: absolute;
  top: auto;
  right: 0%;
  bottom: 0%;
  left: auto;
}

@media screen and (max-width: 991px) {
  .founder-slider-arrow {
  width: 80px;
  height: 80px;
  padding: 20px;
  top: auto;
  right: 0%;
  bottom: 0%;
  left: auto;
  }
}

@media screen and (max-width: 479px) {
  .founder-slider-arrow {
  width: 46px;
  height: 46px;
  padding: 8px;
  }
}

@media (max-width: 768px) {
  .founder-slider-arrow {
  width: 60px;
  height: 60px;
  padding: 10px;
  }
}

.founder-slider-arrow.left {
  margin-right: 116px;
  top: -156px;
  bottom: auto;
  left: auto;
}

@media screen and (max-width: 991px) {
  .founder-slider-arrow.left {
  margin-right: 104px;
  top: auto;
  right: 0%;
  bottom: 0%;
  left: auto;
  }
}

@media screen and (max-width: 479px) {
  .founder-slider-arrow.left {
  margin-right: 60px;
  bottom: -12%;
  }
}

@media (max-width: 768px) {
  .founder-slider-arrow.left {
  margin-right: 80px;
  bottom: 0%;
  }
}

.founder-slider-arrow.left:hover {
  background-color: var(--blue);
}

.founder-slider-arrow.right {
  top: -156px;
  right: 0%;
  bottom: auto;
  left: auto;
}

@media screen and (max-width: 991px) {
  .founder-slider-arrow.right {
  top: auto;
  right: 0%;
  bottom: 0%;
  left: auto;
  }
}

@media screen and (max-width: 479px) {
  .founder-slider-arrow.right {
  bottom: -12%;
  }
}

@media (max-width: 768px) {
  .founder-slider-arrow.right {
  bottom: 0%;
  }
}

.founder-slider-arrow.right:hover {
  background-color: var(--blue);
}

.awwward-list-wrap {
  border-bottom: 1px solid var(--gray-3);
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 30px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .awwward-list-wrap {
  padding-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  .awwward-list-wrap {
  column-gap: 8px;
  row-gap: 8px;
  flex-direction: row;
  flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .awwward-list-wrap {
  padding-bottom: 16px;
  }
}

.hero-bg-image-wrap {
  z-index: -9999;
  object-position: 50% 49%;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  right: 0%;
  bottom: auto;
  left: 0%;
}

@media screen and (max-width: 991px) {
  .hero-bg-image-wrap {
  height: 90%;
  }
}

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

.fraame-wrap {
  padding-top: 100px;
}

@media screen and (min-width: 1440px) {
  .fraame-wrap {
  padding-top: 100px;
  }
}

.fraame-top-wrap {
  column-gap: 20px;
  row-gap: 20px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(0, 0, 0);
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-left: 233px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .fraame-top-wrap {
  column-gap: 0px;
  row-gap: 0px;
  margin-left: 0px;
  }
}

.fraame-bottom-wrap {
  margin-top: 125px;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 991px) {
  .fraame-bottom-wrap {
  margin-top: 80px;
  }
}

@media screen and (max-width: 479px) {
  .fraame-bottom-wrap {
  margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .fraame-bottom-wrap {
  margin-top: 60px;
  }
}

.top-fraame-caption {
  margin-top: 12px;
}

.top-fraame-heading {
  width: 100%;
  max-width: 914px;
  margin-top: 52px;
}

@media screen and (max-width: 991px) {
  .top-fraame-heading {
  max-width: 100%;
  margin-top: 20px;
  }
}

.image-marquee-wrapper {
  align-items: center;
  display: flex;
}

.image-marquee-line {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 479px) {
  .image-marquee-line {
  margin-left: -10px;
  }
}

.fraame-image {
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 100%;
  height: 100%;
}

.marqee-image-filed {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 100%;
  max-width: 446px;
  height: 100%;
  margin-right: 20px;
}

@media screen and (max-width: 991px) {
  .marqee-image-filed {
  max-width: 300px;
  }
}

@media screen and (max-width: 479px) {
  .marqee-image-filed {
  max-width: 170px;
  height: 150px;
  margin-right: 10px;
  }
}

@media (max-width: 768px) {
  .marqee-image-filed {
  max-width: 250px;
  height: 200px;
  margin-right: 14px;
  }
}

.nav-dropdown-icon {
  margin-top: 6px;
  margin-right: -16px;
}

.footer-email-icon-wrap {
  overflow-x: hidden;
  overflow-y: hidden;
}

.about-text-line {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.about-text-cover {
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
}

.services-02 {
  margin-top: 80px;
  margin-bottom: 80px;
}

@media screen and (max-width: 479px) {
  .services-02 {
  margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .services-02 {
  margin-top: 60px;
  }
}

.services-02-top-wrap {
  column-gap: 20px;
  row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

@media (max-width: 768px) {
  .services-02-top-wrap {
  column-gap: 14px;
  row-gap: 14px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  }
}

.services-02-bottom-wrap {
  margin-top: 80px;
}

@media screen and (max-width: 991px) {
  .services-02-bottom-wrap {
  column-gap: 0px;
  row-gap: 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 50px;
  display: flex;
  }
}

@media (max-width: 768px) {
  .services-02-bottom-wrap {
  margin-top: 40px;
  }
}

.service-02-top-heading {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 1136px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .service-02-top-heading {
  max-width: 90%;
  }
}

@media screen and (max-width: 479px) {
  .service-02-top-heading {
  column-gap: 10px;
  row-gap: 10px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  }
}

@media (max-width: 768px) {
  .service-02-top-heading {
  max-width: 100%;
  }
}

.service-02-list-wrap {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 479px) {
  .service-02-list-wrap {
  align-items: flex-start;
  }
}

.service-02-left-wrap {
  padding-top: 40px;
}

@media screen and (max-width: 479px) {
  .service-02-left-wrap {
  padding-top: 26px;
  }
}

@media (max-width: 768px) {
  .service-02-left-wrap {
  padding-top: 32px;
  }
}

.service-02-right-wrap {
  border-top: 1px solid var(--gray-3);
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  max-width: 1136px;
}

@media screen and (max-width: 991px) {
  .service-02-right-wrap {
  max-width: 90%;
  }
}

@media screen and (max-width: 479px) {
  .service-02-right-wrap {
  max-width: 88%;
  }
}

.service-02-top-right-wrap {
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .service-02-top-right-wrap {
  margin-top: 30px;
  }
}

@media screen and (max-width: 479px) {
  .service-02-top-right-wrap {
  column-gap: 8px;
  row-gap: 8px;
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

@media (max-width: 768px) {
  .service-02-top-right-wrap {
  column-gap: 12px;
  row-gap: 12px;
  margin-top: 24px;
  }
}

.service-02-bopttom-right-wrap {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media screen and (max-width: 991px) {
  .service-02-bopttom-right-wrap {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  }
}

.service-02-short-title {
  max-width: 380px;
}

@media screen and (max-width: 991px) {
  .service-02-short-title {
  max-width: 48%;
  }
}

@media screen and (max-width: 479px) {
  .service-02-short-title {
  max-width: 100%;
  }
}

@media (max-width: 768px) {
  .service-02-short-title {
  max-width: 50%;
  }
}

.service-02-image-wrap {
  column-gap: 12px;
  row-gap: 12px;
  padding-top: 56px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .service-02-image-wrap {
  padding-top: 40px;
  }
}

@media screen and (max-width: 479px) {
  .service-02-image-wrap {
  column-gap: 8px;
  row-gap: 8px;
  padding-top: 20px;
  }
}

@media (max-width: 768px) {
  .service-02-image-wrap {
  padding-top: 28px;
  }
}

.service-02-tag-btn-wrap {
  column-gap: 50px;
  row-gap: 50px;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 380px;
  padding-top: 0px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .service-02-tag-btn-wrap {
  column-gap: 16px;
  row-gap: 16px;
  max-width: 100%;
  padding-top: 20px;
  }
}

@media (max-width: 768px) {
  .service-02-tag-btn-wrap {
  padding-top: 13px;
  }
}

.service-02-image-01 {
  object-fit: cover;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  width: 150px;
  height: 150px;
}

@media screen and (max-width: 479px) {
  .service-02-image-01 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100px;
  height: 114px;
  }
}

@media (max-width: 768px) {
  .service-02-image-01 {
  height: 144px;
  }
}

.service-02-image-02 {
  object-fit: cover;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  width: 218px;
  height: 150px;
}

@media screen and (max-width: 479px) {
  .service-02-image-02 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 114px;
  }
}

@media (max-width: 768px) {
  .service-02-image-02 {
  width: 200px;
  height: 144px;
  }
}

.service-02-tag-wrap {
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: row;
  flex-wrap: wrap;
  display: flex;
}

@media screen and (max-width: 479px) {
  .service-02-tag-wrap {
  column-gap: 6px;
  row-gap: 6px;
  }
}

@media (max-width: 768px) {
  .service-02-tag-wrap {
  column-gap: 12px;
  row-gap: 12px;
  }
}

.work-list-wrap {
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  position: relative;
}

@media (max-width: 768px) {
  .work-list-wrap {
  width: 100%;
  }
}

.news-02 {
  background-color: rgb(244, 244, 244);
  padding-top: 24px;
  padding-bottom: 62px;
}

@media screen and (max-width: 991px) {
  .news-02 {
  padding-bottom: 60px;
  }
}

@media screen and (max-width: 479px) {
  .news-02 {
  padding-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .news-02 {
  padding-top: 20px;
  padding-bottom: 50px;
  }
}

.news-02-top-wrap {
  column-gap: 158px;
  row-gap: 158px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .news-02-top-wrap {
  column-gap: 8px;
  row-gap: 8px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  }
}

@media screen and (max-width: 479px) {
  .news-02-top-wrap {
  column-gap: 8px;
  row-gap: 8px;
  }
}

@media (max-width: 768px) {
  .news-02-top-wrap {
  column-gap: 12px;
  row-gap: 12px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  }
}

.news-02-top-heading {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  justify-content: space-between;
  display: flex;
}

@media screen and (max-width: 991px) {
  .news-02-top-heading {
  column-gap: 12px;
  row-gap: 12px;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
  }
}

@media screen and (max-width: 479px) {
  .news-02-top-heading {
  column-gap: 8px;
  row-gap: 8px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  }
}

.news-02-btn-wrap {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.text-gray {
  color: var(--gray-1);
}

.news-02-bottom-wrap {
  column-gap: 20px;
  row-gap: 20px;
  justify-content: space-between;
  margin-top: 118px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .news-02-bottom-wrap {
  column-gap: 50px;
  row-gap: 50px;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 70px;
  }
}

@media screen and (max-width: 479px) {
  .news-02-bottom-wrap {
  column-gap: 30px;
  row-gap: 30px;
  margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .news-02-bottom-wrap {
  column-gap: 40px;
  row-gap: 40px;
  margin-top: 50px;
  }
}

.news-02-left-wrap {
  max-width: 732px;
}

@media screen and (max-width: 991px) {
  .news-02-left-wrap {
  max-width: 100%;
  }
}

.news-02-right-wrap {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  max-width: 550px;
}

@media screen and (max-width: 991px) {
  .news-02-right-wrap {
  max-width: 100%;
  }
}

.home-02-blog-list {
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
}

@media screen and (max-width: 991px) {
  .home-02-blog-list {
  column-gap: 18px;
  row-gap: 18px;
  }
}

@media screen and (max-width: 479px) {
  .home-02-blog-list {
  column-gap: 12px;
  row-gap: 12px;
  }
}

.news-02-btn-wraper {
  display: flex;
}

.news-list-item {
  column-gap: 30px;
  row-gap: 30px;
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
}

@media screen and (max-width: 991px) {
  .news-list-item {
  column-gap: 26px;
  row-gap: 26px;
  }
}

@media screen and (max-width: 479px) {
  .news-list-item {
  column-gap: 22px;
  row-gap: 22px;
  }
}

.news-list-02 {
  column-gap: 30px;
  row-gap: 30px;
  flex-direction: column;
  flex-wrap: nowrap;
  display: flex;
}

@media screen and (max-width: 991px) {
  .news-list-02 {
  column-gap: 26px;
  row-gap: 26px;
  }
}

@media screen and (max-width: 479px) {
  .news-list-02 {
  column-gap: 22px;
  row-gap: 22px;
  }
}

.blog-link {
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
}

._404-image-wrap {
  height: 534px;
}

@media screen and (max-width: 991px) {
  ._404-image-wrap {
  height: 300px;
  }
}

@media screen and (max-width: 479px) {
  ._404-image-wrap {
  height: 180px;
  }
}

@media (max-width: 768px) {
  ._404-image-wrap {
  height: 250px;
  }
}

._404-image {
  width: 100%;
  height: 100%;
}

._404-text-wrap {
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  max-width: 750px;
  display: flex;
}

@media screen and (max-width: 991px) {
  ._404-text-wrap {
  margin-top: 200px;
  }
}

@media (max-width: 768px) {
  ._404-text-wrap {
  margin-top: 140px;
  }
}

.btn-wrap {
  margin-top: 10px;
}

.shop-hero {
  margin-top: 160px;
}

@media screen and (max-width: 991px) {
  .shop-hero {
  margin-top: 80px;
  }
}

@media screen and (max-width: 479px) {
  .shop-hero {
  margin-top: 40px;
  }
}

@media (max-width: 768px) {
  .shop-hero {
  margin-top: 60px;
  }
}

.shop-hero-wrap {
  column-gap: 20px;
  row-gap: 20px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .shop-hero-wrap {
  column-gap: 0px;
  row-gap: 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  }
}

.shop-hero-right-wrap {
  margin-left: 360px;
}

@media screen and (max-width: 991px) {
  .shop-hero-right-wrap {
  margin-left: 0px;
  }
}

.change-log-wrap {
  column-gap: 20px;
  row-gap: 20px;
  background-color: var(--gray-4);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 50px 70px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .change-log-wrap {
  column-gap: 18px;
  row-gap: 18px;
  padding: 40px 50px;
  }
}

@media screen and (max-width: 479px) {
  .change-log-wrap {
  column-gap: 14px;
  row-gap: 14px;
  padding: 16px 20px;
  }
}

@media (max-width: 768px) {
  .change-log-wrap {
  column-gap: 16px;
  row-gap: 16px;
  padding: 30px 40px;
  }
}

.background-video {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.company-hero-content {
  column-gap: 78px;
  row-gap: 78px;
  align-items: flex-start;
  margin-top: 80px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .company-hero-content {
  column-gap: 50px;
  row-gap: 50px;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 60px;
  }
}

@media screen and (max-width: 479px) {
  .company-hero-content {
  column-gap: 30px;
  row-gap: 30px;
  margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .company-hero-content {
  column-gap: 40px;
  row-gap: 40px;
  margin-top: 40px;
  }
}

.service-detail-text {
  column-gap: 30px;
  row-gap: 30px;
  flex-direction: column;
  flex-wrap: nowrap;
  align-self: center;
  max-width: 680px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .service-detail-text {
  column-gap: 20px;
  row-gap: 20px;
  max-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .service-detail-text {
  column-gap: 16px;
  row-gap: 16px;
  }
}

.team-block-2 {
  column-gap: 18px;
  row-gap: 18px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 479px) {
  .team-block-2 {
  column-gap: 20px;
  row-gap: 20px;
  flex-direction: column;
  flex-wrap: nowrap;
  }
}

.marqee-image-filed-2 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  width: 100%;
  max-width: 446px;
  height: 100%;
  margin-right: 20px;
}

@media screen and (max-width: 991px) {
  .marqee-image-filed-2 {
  max-width: 300px;
  }
}

@media screen and (max-width: 479px) {
  .marqee-image-filed-2 {
  max-width: 170px;
  height: 150px;
  margin-right: 10px;
  }
}

@media (max-width: 768px) {
  .marqee-image-filed-2 {
  max-width: 250px;
  height: 200px;
  margin-right: 14px;
  }
}

.button-cta-nav {
  column-gap: 6px;
  row-gap: 6px;
  align-items: center;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  display: flex;
}

@media screen and (min-width: 1920px) {
  .button-cta-nav {
  margin-top: 0px;
  }
}

@media screen and (max-width: 991px) {
  .nav-dropdown {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  }
}

@media screen and (max-width: 479px) {
  .nav-dropdown {
  justify-content: flex-start;
  align-items: flex-start;
  }
}

@media screen and (min-width: 1440px) {
  .nav-dropdown {
  display: inline-block;
  }
}

@media screen and (max-width: 991px) {
  .nav-menu-wrapper {
  background-color: rgb(255, 255, 255);
  }
}

@media screen and (max-width: 991px) {
  .nav-dropdown-list.shadow-three.w--open {
  position: absolute;
  }
}

@media (max-width: 768px) {
  .nav-dropdown-list.shadow-three.w--open {
  position: relative;
  }
}

@media screen and (max-width: 991px) {
  .menu-button {
  color: rgb(31, 31, 31);
  background-color: rgba(11, 8, 28, 0);
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 12px;
  }
}

@media screen and (max-width: 991px) {
  .menu-button.w--open {
  background-color: var(--blue);
  color: rgb(255, 255, 255);
  }
}

@media screen and (max-width: 991px) {
  .nav-button-wrapper.mobile {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  }
}

@media screen and (max-width: 991px) {
  .nav-right-wrap {
  column-gap: 4px;
  row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  }
}

@media screen and (max-width: 479px) {
  .nav-right-wrap {
  column-gap: 0px;
  row-gap: 0px;
  }
}

@media screen and (max-width: 991px) {
  .company-hero-top-wrap {
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
  }
}

@media screen and (max-width: 991px) {
  .company-hero-top-wrap.align-center-mobile {
  text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .logo-outer.number-2 {
  margin-left: 100px;
  }
}

@media screen and (max-width: 991px) {
  .shop-hero-right-wrap.align-center-tab {
  text-align: center;
  }
}

@media (max-width: 768px) {
  .nav-dropdown-list.shadow-three {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 8px 50px;
  }
}

@media (max-width: 768px) {
  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
  box-shadow: none;
  }
}

@media (max-width: 768px) {
  .navbar-brand {
  padding-left: 0px;
  }
}

@media screen and (max-width: 479px) {
  .priceing-btn-wrap {
  margin-right: auto;
  }
}

@media (max-width: 768px) {
  .priceing-btn-wrap {
  margin-right: 0px;
  }
}

@media (max-width: 768px) {
  ._404-text-wrap.align-center {
  column-gap: 10px;
  row-gap: 10px;
  }
}

@media screen and (max-width: 479px) {
  .navbar-brand.w--current {
  width: 150px;
  }
}

@media screen and (max-width: 479px) {
  .h2.h2-mobile {
  font-size: 38px;
  line-height: 108%;
  }
}

@media screen and (max-width: 479px) {
  .h3.service-02-service-title {
  font-size: 24px;
  }
}

@media screen and (max-width: 479px) {
  .nav-dropdown-menu-link.paragraph-large {
  align-self: flex-start;
  }
}

@media screen and (max-width: 479px) {
  .service-02-heading.mobile-align {
  text-align: center;
  }
}

#w-node-_083a4c1c-bce7-b26f-2632-6644f566d665-75e16166 {
  grid-row-start: span 1;
  grid-column-start: span 2;
  grid-row-end: span 1;
  grid-column-end: span 2;
}

@media screen and (max-width: 991px) {
  #w-node-c01fb300-7abf-7810-adcc-ac9f2241b04d-75e1614f {
  grid-row-start: span 1;
  grid-column-start: span 2;
  grid-row-end: span 1;
  grid-column-end: span 2;
  }
}

@media (max-width: 768px) {
  #w-node-c01fb300-7abf-7810-adcc-ac9f2241b04d-75e1614f {
  grid-column-start: span 1;
  grid-column-end: span 1;
  }
}

[data-wf-bgvideo-fallback-img] {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  [data-wf-bgvideo-fallback-img] {
  position: absolute;
  z-index: -100;
  display: inline-block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  }
}