:root {
  --_typography---font-family--font-family: "Instrument Sans", sans-serif;
  --_color---body-text-color: #656565;
  --_typography---body--regular-font-size: 16px;
  --_typography---body--regular-line-hight: 26px;
  --_typography---font-weight--normal: 400;
  --_color---secondary: #0d2b37;
  --_typography---h1--h1-font-size: 100px;
  --_typography---h1--h1-line-hight: 110px;
  --_typography---font-weight--bold: 700;
  --_typography---h2--h2-font-size: 48px;
  --_typography---h2--h2-line-hight: 58px;
  --_typography---font-weight--semibold: 600;
  --_typography---h3--h3-font-size: 36px;
  --_typography---h3--h3-line-hight: 46px;
  --_typography---h4--h4-font-size: 24px;
  --_typography---font-weight--medium: 500;
  --_typography---h5--h5-font-size: 18px;
  --_typography---h5--h5-line-hight: 28px;
  --_typography---h6--h6-font-size: 16px;
  --_typography---h6--h6-line-hight: 26px;
  --_color---primary: #d4ffa4;
  --_layout-width---container-fluid: 100%;
  --_color---transparent: transparent;
  --_color---dark: #116f76;
  --border-radius--large: 100px;
  --_color---white: white;
  --_typography---button--large-font-size: 16px;
  --_typography---button--large-line-hight: 26px;
  --_typography---button--samll-font-size: 14px;
  --_typography---button--small-line-hight: 24px;
  --border-radius--small: 10px;
  --_color---grey: whitesmoke;
  --_color---black: black;
  --border-radius--extra-large-1: 50%;
  --_color---black-opacity: #00000080;
  --_layout-width---conatiner: 1330px;
  --_spacings---section-padding: 100px;
  --_color---blur-2: 25px;
  --border-radius--extra-small: 5px;
  --_typography---h4--h4-line-hight: 34px;
  --_color---box-shadow: #0000001a;
  --_typography---body--small-font-size: 14px;
  --_typography---body--small-line-hight: 24px;
  --_color---border-light: #fff3;
  --_color---body-text-color-opacity: #fffc;
  --_color---border-light-2: #b8b8b8;
  --_color---blur-1: 10px;
  --_color---white-color-opacity: #ffffff1a;
  --border-radius--regular: 30px;
  --bolg-border-radius-1: 100px;
  --bolg-border-radius-2: 100px;
  --bolg-border-radius-3: 100px;
  --_color---hero-2-couter-title: #0d2b37;
}

body {
  font-family: var(--_typography---font-family--font-family);
  color: var(--_color---body-text-color);
  font-size: var(--_typography---body--regular-font-size);
  line-height: var(--_typography---body--regular-line-hight);
  font-weight: var(--_typography---font-weight--normal);
}

h1 {
  color: var(--_color---secondary);
  font-size: var(--_typography---h1--h1-font-size);
  line-height: var(--_typography---h1--h1-line-hight);
  font-weight: var(--_typography---font-weight--bold);
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  color: var(--_color---secondary);
  font-size: var(--_typography---h2--h2-font-size);
  line-height: var(--_typography---h2--h2-line-hight);
  font-weight: var(--_typography---font-weight--semibold);
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  color: var(--_color---secondary);
  font-size: var(--_typography---h3--h3-font-size);
  line-height: var(--_typography---h3--h3-line-hight);
  font-weight: var(--_typography---font-weight--normal);
  margin-top: 0;
  margin-bottom: 0;
}

h4 {
  color: var(--_color---secondary);
  font-size: var(--_typography---h4--h4-font-size);
  line-height: var(--_typography---h3--h3-line-hight);
  font-weight: var(--_typography---font-weight--medium);
  margin-top: 0;
  margin-bottom: 0;
}

h5 {
  color: var(--_color---secondary);
  font-size: var(--_typography---h5--h5-font-size);
  line-height: var(--_typography---h5--h5-line-hight);
  font-weight: var(--_typography---font-weight--medium);
  margin-top: 0;
  margin-bottom: 0;
}

h6 {
  color: var(--_color---secondary);
  font-size: var(--_typography---h6--h6-font-size);
  line-height: var(--_typography---h6--h6-line-hight);
  font-weight: var(--_typography---font-weight--medium);
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--_color---body-text-color);
  text-decoration: none;
  -webkit-text-decoration-color: var(--_color---body-text-color);
  text-decoration-color: var(--_color---body-text-color);
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

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

blockquote {
  margin-bottom: 0;
  padding: 0;
}

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

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkicon {
  margin-right: 8px;
}

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.w-commerce-commercecartproductname {
  font-weight: 700;
}

.w-commerce-commercecartoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercecartquantity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecartquantity::placeholder {
  color: #999;
}

.w-commerce-commercecartquantity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.w-commerce-commercecartordervalue {
  font-weight: 700;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

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

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

@media screen and (max-width: 479px) {
  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity {
    font-size: 16px;
  }
}

.pages {
  position: relative;
  overflow: hidden;
}

.pages.overflow-visible {
  overflow: visible;
}

.header {
  background-color: var(--_color---primary);
  padding-top: 20px;
  padding-bottom: 20px;
}

.container-fluid {
  max-width: var(--_layout-width---container-fluid);
  padding-left: 15px;
  padding-right: 15px;
}

.navbar {
  background-color: var(--_color---transparent);
}

.site-navigation {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-logo-brand {
  height: 50px;
  padding-left: 0;
}

.nav-logo-brand.w--current {
  padding-left: 0;
}

.nav-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.header-extra {
  display: inline-flex;
}

.btn-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-radius: var(--border-radius--large);
  background-color: var(--_color---secondary);
  color: var(--_color---primary);
  align-items: center;
  width: auto;
  padding: 10px 30px;
  overflow: hidden;
}

.btn-block.submit-btn-2 {
  color: var(--_color---primary);
  text-transform: uppercase;
}

.btn-block.submit-btn-2:hover {
  background-color: var(--_color---dark);
}

.btn-block.cart-btn-block {
  color: var(--_color---primary);
  text-transform: uppercase;
}

.btn-block.cart-btn-block:hover {
  background-color: var(--_color---dark);
}

.btn-block.submit-button {
  text-transform: uppercase;
}

.btn-block.submit-button:hover {
  background-color: var(--_color---dark);
}

.btn-block.dark-border {
  border: 1px solid var(--_color---secondary);
  background-color: var(--_color---transparent);
}

.btn-block.dark-border:where(.w-variant-294a0479-9e26-a6d6-a15d-0dbed2b87f69) {
  padding: 8px 15px;
}

.btn-block.dark-border:where(.w-variant-38801927-cfcd-8da6-a1c7-7aa70861ea63), .btn-block.dark-border.large {
  padding-top: 15px;
  padding-bottom: 15px;
}

.btn-block.secondary-btn-block {
  background-color: var(--_color---primary);
  color: var(--_color---secondary);
  text-transform: uppercase;
}

.btn-block.secondary-btn-block:where(.w-variant-69a871d7-55e2-4c6d-7185-d6a5ba52ebdc) {
  padding-top: 15px;
  padding-bottom: 15px;
}

.btn-block.secondary-btn-block:where(.w-variant-fff14296-edd4-94cb-2d84-569c4c8d35ed) {
  padding: 8px 20px;
}

.btn-block.parimary-button {
  width: auto;
}

.btn-block.parimary-button:where(.w-variant-8f313f04-a0b1-39e5-0fd2-0bbe7e6715c8) {
  padding: 8px 20px;
}

.btn-block.parimary-button:where(.w-variant-64aa4ac3-4803-297a-43bb-40aa71c637c1) {
  padding-top: 15px;
  padding-bottom: 15px;
}

.btn-block.buy-now-button {
  color: var(--_color---white);
}

.btn-block.buy-now-button:hover {
  background-color: var(--_color---dark);
}

.btn-block.submit-btn {
  background-color: var(--_color---primary);
  color: var(--_color---secondary);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  transition: all .5s;
}

.btn-block.submit-btn:hover {
  background-color: var(--_color---dark);
  color: var(--_color---primary);
}

.btn-block-inner {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  justify-content: center;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.btn-block-inner:where(.w-variant-8f313f04-a0b1-39e5-0fd2-0bbe7e6715c8) {
  display: inline-flex;
}

.btn-text {
  color: var(--_color---primary);
  font-size: var(--_typography---button--large-font-size);
  line-height: var(--_typography---button--large-line-hight);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  text-decoration: none;
}

.btn-text:where(.w-variant-8f313f04-a0b1-39e5-0fd2-0bbe7e6715c8) {
  font-size: var(--_typography---button--samll-font-size);
  line-height: var(--_typography---button--small-line-hight);
}

.btn-text.secondary:where(.w-variant-fff14296-edd4-94cb-2d84-569c4c8d35ed), .btn-text.small {
  font-size: var(--_typography---button--samll-font-size);
  line-height: var(--_typography---button--small-line-hight);
}

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

.btn-text.primary:where(.w-variant-294a0479-9e26-a6d6-a15d-0dbed2b87f69) {
  font-size: var(--_typography---button--samll-font-size);
  line-height: var(--_typography---button--small-line-hight);
}

.btn-text.secondary {
  color: var(--_color---secondary);
}

.btn-text.secondary:where(.w-variant-fff14296-edd4-94cb-2d84-569c4c8d35ed) {
  font-size: var(--_typography---button--samll-font-size);
  line-height: var(--_typography---button--small-line-hight);
}

.brad-icon {
  width: 100%;
  height: 100%;
}

.btn-icon-block.block-1 {
  height: 12px;
  margin-top: -2px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.btn-icon-block.block-1:where(.w-variant-8f313f04-a0b1-39e5-0fd2-0bbe7e6715c8) {
  margin-top: -3px;
}

.btn-icon-block.block-2 {
  height: 12px;
  margin-top: -2px;
  position: absolute;
  inset: 0% auto 0% -20px;
}

.btn-icon-block.block-2:where(.w-variant-8f313f04-a0b1-39e5-0fd2-0bbe7e6715c8) {
  margin-top: -2px;
}

.btn-icon-block.block-2.second {
  left: -5px;
  transform: translate(-100%);
}

.btn-icon {
  object-fit: cover;
}

.btn-icon.overlay {
  opacity: 0;
  position: absolute;
  inset: 25% 0% 0%;
}

.nav-link {
  color: var(--_color---secondary);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  padding: 0;
}

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

.nav-link.w--current {
  color: var(--_color---secondary);
  text-decoration: underline;
}

.nav-dropdown {
  overflow: visible;
}

.nav-dropdown-list {
  background-color: var(--_color---transparent);
}

.nav-dropdown-wrapper {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  border: 1px solid var(--_color---secondary);
  border-radius: var(--border-radius--small);
  background-color: var(--_color---grey);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 15px;
  margin-left: -100px;
  padding: 30px 40px;
  display: grid;
}

.nav-droupdown-item-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.nav-dropdown-item-link {
  color: var(--_color---secondary);
  text-transform: capitalize;
  padding: 0;
}

.nav-dropdown-item-link:hover, .nav-dropdown-item-link.w--current {
  color: var(--_color---secondary);
  text-decoration: underline;
}

.circle-btn-block {
  border: 1px solid var(--_color---body-text-color);
  border-radius: var(--border-radius--extra-large-1);
  background-color: var(--_color---black-opacity);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 176px;
  height: 175px;
  padding: 27px;
  display: flex;
  overflow: hidden;
}

.circle-overlay-block {
  border-radius: var(--border-radius--extra-large-1);
  background-color: var(--_color---dark);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 63px;
  height: 63px;
  display: flex;
  position: absolute;
  left: auto;
  right: auto;
  overflow: hidden;
}

.circle-overlay-block:where(.w-variant-84942269-b179-b290-1cd2-edc054e4b08d) {
  background-color: var(--_color---primary);
}

.circle-overlay-block:where(.w-variant-cfbce355-cf29-6cf2-819e-119a69334c78) {
  background-color: var(--_color---secondary);
}

.circle-icon {
  width: 16px;
  height: 16px;
}

.circle-icon:where(.w-variant-84942269-b179-b290-1cd2-edc054e4b08d), .circle-icon.icon-2 {
  display: none;
}

.circle-icon.icon-2:where(.w-variant-84942269-b179-b290-1cd2-edc054e4b08d) {
  display: block;
}

.container {
  max-width: var(--_layout-width---conatiner);
  padding-left: 15px;
  padding-right: 15px;
}

.section-padding {
  padding-top: var(--_spacings---section-padding);
  padding-bottom: var(--_spacings---section-padding);
}

.section-pretitle-content-block {
  justify-content: space-between;
  width: 100%;
  max-width: 303px;
  display: flex;
  position: relative;
}

.section-pretitle {
  color: var(--_color---secondary);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
}

.section-pretitle:where(.w-variant-c2a44d98-c431-f566-6fd8-501e2b880f5e) {
  color: var(--_color---white);
}

.section-title-box {
  margin-top: 20px;
}

.section-title-box:where(.w-variant-d68299ea-db6f-ec13-e17a-46b2dfb8b954) {
  margin-top: 0;
}

.section-heading {
  text-transform: uppercase;
}

.section-heading:where(.w-variant-d68299ea-db6f-ec13-e17a-46b2dfb8b954) {
  color: var(--_color---white);
}

.about-single-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.about-btn-block {
  margin-top: 30px;
  display: inline-flex;
}

.client-section-title-block {
  width: 72%;
}

.client-section-content-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.client-logo-wrap {
  border-radius: var(--border-radius--small);
  background-color: var(--_color---grey);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 50px 20px;
  display: flex;
}

.client-logo-wrap.wrap {
  padding-left: 30px;
  padding-right: 30px;
}

.client-logo {
  min-width: 70px;
  height: 20px;
  min-height: 22px;
}

.client-logo-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 30px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service-section {
  overflow: hidden;
}

.service-section-wrap {
  height: 100%;
  margin-left: -15px;
  margin-right: -15px;
}

.service-section-grid {
  grid-template-rows: auto;
  grid-template-columns: 6fr 6fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.service-image-wapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.service-image-inner {
  position: absolute;
  inset: 0%;
}

.service-image-inner.block-1 {
  inset: auto;
  height: 100%;
  position: static;
  inset: auto;
}

.service-list-block {
  height: 100%;
}

.service-image-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.service-image {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  width: 100%;
  height: 100%;
  position: relative;
}

.service-image-overlay {
  z-index: 0;
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  -webkit-backdrop-filter: blur(var(--_color---blur-2));
  backdrop-filter: blur(var(--_color---blur-2));
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.service-image-overlay-block {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: absolute;
}

.service-content-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--_color---secondary);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 60px 30px;
  display: flex;
}

.service-content-block {
  margin-top: 50px;
}

.servicve-link-block {
  cursor: pointer;
  padding: 15px 0;
}

.service-title {
  color: var(--_color---grey);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: capitalize;
  white-space: normal;
  text-decoration: none;
}

.service-desc {
  color: var(--_color---white);
}

.service-dropdown-list {
  background-color: var(--_color---transparent);
  height: auto;
  margin-top: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.marquee-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
  overflow: hidden;
}

.marquee-wrapper.bloack-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  opacity: .1;
  flex: none;
}

.marquee-wrapper.wrap-1 {
  background-color: var(--_color---grey);
}

.marquee-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: none;
  display: flex;
}

.marquee-block.marquee-1 {
  opacity: .5;
}

.marquee-block-inner {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  display: flex;
}

.marquee-text {
  color: var(--_color---black);
  font-size: var(--_typography---h1--h1-font-size);
  line-height: var(--_typography---h1--h1-line-hight);
  font-weight: var(--_typography---font-weight--bold);
  text-transform: uppercase;
  flex: none;
}

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

.marquee-section {
  margin-top: 70px;
}

.marquee-section.section-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 0;
  display: flex;
  overflow: hidden;
}

.marquee-image {
  opacity: .05;
  width: 70px;
  height: 70px;
  margin-left: 5px;
  margin-right: 5px;
}

.display-none {
  display: none;
}

.testimonial-author-position {
  color: var(--_color---dark);
  font-weight: var(--_typography---font-weight--semibold);
  text-transform: capitalize;
}

.testimonial-author-position.text-2 {
  font-size: var(--_typography---h5--h5-font-size);
  line-height: var(--_typography---h5--h5-line-hight);
  font-weight: var(--_typography---font-weight--medium);
}

.testimonial-author-position.text-1 {
  color: var(--_color---body-text-color);
  font-weight: var(--_typography---font-weight--medium);
}

.testimonial-reating-box {
  border: 1px solid var(--_color---body-text-color);
  border-radius: var(--border-radius--small);
  background-color: var(--_color---box-shadow);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  align-self: flex-end;
  padding: 20px 25px;
  position: relative;
  overflow: hidden;
}

.testimonial-reating-box.box-2 {
  background-color: var(--_color---grey);
  border-width: 0;
}

.testimonial-reating-box.box-2:where(.w-variant-f96bb6bc-a046-023c-9d4f-03151c7d1ad9) {
  display: none;
}

.testimonial-reating-box.box-2:where(.w-variant-1f368fd1-42e2-277e-ed93-3ac2e54104b5) {
  background-color: var(--_color---white);
}

.testimonial-reating-box.box-2.block-1 {
  padding: 10px 30px 10px 15px;
  display: none;
}

.testimonial-reating-box.box-2.block-1:where(.w-variant-2814d927-d17d-4a0f-bd17-1d55aa049b9d) {
  border-radius: var(--border-radius--large);
  display: block;
}

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

.testimonial-reating-content-block.block-1:where(.w-variant-2814d927-d17d-4a0f-bd17-1d55aa049b9d) {
  justify-content: flex-start;
  align-items: center;
}

.testimonial-reating-content-block.block-2 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 30px 33px;
  display: flex;
}

.avatar-block {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.avatar-block:where(.w-variant-2814d927-d17d-4a0f-bd17-1d55aa049b9d) {
  margin-bottom: 0;
}

.avatar-block.block-2 {
  margin-bottom: 0;
  display: inline-flex;
}

.avatar-block.block-2.block-3 {
  width: 130px;
}

.avatar-image {
  border: 1px solid var(--_color---white);
  border-radius: var(--border-radius--extra-large-1);
  width: 40px;
  min-width: 40px;
  min-height: 40px;
  margin-right: -10px;
}

.avatar-image.block-2 {
  border-color: var(--_color---secondary);
}

.avatar-image.block-1 {
  border-color: var(--_color---secondary);
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
}

.avatar-image.block-3 {
  border-color: var(--_color---primary);
}

.testimonial-avatar-block {
  border: 1px solid var(--_color---white);
  border-radius: var(--border-radius--extra-large-1);
  background-color: var(--_color---primary);
  color: var(--_color---black);
  font-size: var(--_typography---h4--h4-font-size);
  line-height: var(--_typography---h4--h4-line-hight);
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: flex;
}

.testimonial-avatar-block.block-2 {
  border-color: var(--_color---secondary);
}

.testimonial-avatar-block.block-1 {
  border-color: var(--_color---secondary);
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
}

.testimonial-avatar-block.block-4 {
  border-color: var(--_color---primary);
  background-color: var(--_color---secondary);
  color: var(--_color---grey);
}

.testimonial-avatar-block.block-3 {
  background-color: var(--_color---dark);
  color: var(--_color---white);
}

.reating-desc {
  color: var(--_color---white);
  font-size: var(--_typography---body--small-font-size);
  line-height: var(--_typography---body--small-line-hight);
  font-weight: var(--_typography---font-weight--normal);
  text-transform: capitalize;
}

.reating-desc.block-1 {
  color: var(--_color---secondary);
  font-weight: var(--_typography---font-weight--medium);
  font-weight: var(--_typography---font-weight--medium);
}

.reating-content-box {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  align-items: center;
  display: flex;
}

.reating-content-box.block-1 {
  display: block;
}

.reating-content-box.block-1:where(.w-variant-2814d927-d17d-4a0f-bd17-1d55aa049b9d) {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
}

.reating-text {
  color: var(--_color---white);
  font-size: var(--_typography---h5--h5-font-size);
  line-height: var(--_typography---h5--h5-line-hight);
  font-weight: var(--_typography---font-weight--normal);
}

.reating-text.block-1 {
  color: var(--_color---secondary);
}

.reating-text.block-1.style-2 {
  font-weight: var(--_typography---font-weight--medium);
}

.reating-text.block-1.style-3 {
  font-size: var(--_typography---button--large-font-size);
  line-height: var(--_typography---button--large-line-hight);
  font-weight: var(--_typography---font-weight--semibold);
}

.reating-image {
  height: 15px;
}

.footer-section {
  background-color: var(--_color---secondary);
}

.frist-footer {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 35px;
  display: flex;
}

.footer-form-title {
  color: var(--_color---white);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: capitalize;
}

.footer-form-desc {
  color: var(--_color---white);
  text-align: center;
}

.footer-form-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.footer-form {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.footer-text-field {
  border: 1px solid var(--_color---transparent);
  border-radius: var(--border-radius--large);
  color: var(--_color---grey);
  background-color: #ffffff1a;
  width: 420px;
  height: 46px;
  margin-bottom: 0;
  padding: 11px 20px;
}

.footer-text-field:focus {
  border-color: var(--_color---border-light);
}

.footer-text-field::placeholder {
  color: #ffffff80;
  text-transform: capitalize;
}

.second-footer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: var(--border-radius--small);
  background-color: #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 50px 15px 30px;
  overflow: hidden;
}

.second-footer-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 3.5fr 6fr 2.5fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.footer-info-title {
  color: var(--_color---white);
  font-size: var(--_typography---h4--h4-font-size);
  line-height: var(--_typography---h4--h4-line-hight);
  font-weight: var(--_typography---font-weight--medium);
}

.footer-social-list {
  margin-top: 35px;
}

.footer-social-list-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  align-items: center;
  display: flex;
}

.footer-social-block {
  border-radius: var(--border-radius--extra-small);
  background-color: #0003;
  width: 50px;
  height: 50px;
  padding: 12px;
  display: flex;
  overflow: hidden;
}

.footer-social-icon-block {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.footer-social-icon-overlay {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer-social-block {
  justify-content: center;
  align-items: center;
}

.footer-social-link-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

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

.footer-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
}

.footer-nav-link {
  border-bottom: 1px solid var(--_color---border-light);
  color: var(--_color---white);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  padding: 10px;
  display: block;
}

.footer-nav-link:hover {
  color: var(--_color---primary);
}

.footer-widget-title-3 {
  color: var(--_color---white);
  font-weight: var(--_typography---font-weight--normal);
}

.footer-contact-link-block {
  margin-top: 20px;
}

.footer-contact-link-block.block-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  margin-top: 30px;
  display: flex;
}

.footer-nav-link-2 {
  color: var(--_color---white);
  text-transform: capitalize;
  display: block;
}

.footer-nav-link-2:hover {
  color: var(--_color---primary);
}

.footer-nav-link-2.link {
  text-transform: none;
}

.footer-nav-link-2.link:hover {
  color: var(--_color---primary);
}

.footer-address-text {
  color: var(--_color---white);
  text-transform: capitalize;
}

.second-footer-title-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.second-footer-title {
  color: var(--_color---white);
  font-size: var(--_typography---h1--h1-font-size);
  line-height: var(--_typography---h1--h1-line-hight);
  font-weight: var(--_typography---font-weight--bold);
  text-transform: uppercase;
}

.second-footer-title.title-2 {
  color: var(--_color---primary);
}

.second-footer-btn-block {
  border-radius: var(--border-radius--extra-large-1);
  background-color: var(--_color---dark);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
  position: relative;
}

.second-footer-btn-icon {
  width: 40px;
  height: 40px;
}

.second-footer-link-block {
  cursor: pointer;
}

.bottom-footer {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 37px;
  padding-bottom: 37px;
}

.copyright-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.copyright-text {
  color: var(--_color---body-text-color-opacity);
  text-align: center;
}

.copyright-link {
  color: var(--_color---white);
  font-weight: var(--_typography---font-weight--semibold);
}

.copyright-link:hover {
  color: var(--_color---primary);
}

.copyright-link.link-1 {
  font-size: var(--_typography---body--small-font-size);
  line-height: var(--_typography---body--small-line-hight);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  font-size: var(--_typography---body--small-font-size);
  line-height: var(--_typography---body--small-line-hight);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
}

.copyright-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}

.section-padding-bottom {
  padding-bottom: var(--_spacings---section-padding);
}

.circle-image-box {
  background-image: url("https://cdn.prod.website-files.com/695b323f73edb530d9d03280/6960c2498cb28910206e71b6_round-icon.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 119px;
  height: 119px;
}

.service-list-wrap, .service-list-item, .cart-block {
  height: 100%;
}

.cart-block.cart-1 {
  color: var(--_color---white);
}

.nav-menu-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cart-button {
  background-color: var(--_color---transparent);
  color: var(--_color---secondary);
  font-weight: var(--_typography---font-weight--medium);
  padding: 0;
}

.cart-button:hover {
  color: var(--_color---dark);
  text-decoration: underline;
}

.cart-button.button-1:hover {
  color: var(--_color---dark);
  text-decoration: none;
}

.cart-icon {
  display: none;
}

.cart-text {
  background-color: var(--_color---transparent);
  color: var(--_color---secondary);
  font-size: var(--_typography---body--regular-font-size);
  line-height: var(--_typography---body--regular-line-hight);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: uppercase;
  border-radius: 0;
  min-width: auto;
  height: 100%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}

.cart-text.text-1.cart-text-2 {
  color: var(--_color---white);
}

.cart-text.title {
  color: var(--_color---secondary);
}

.cart-container {
  border-radius: var(--border-radius--small);
  min-width: 290px;
}

.cart-header {
  border-bottom-color: var(--_color---black-opacity);
}

.cart-empty-flex {
  flex-flow: column;
}

.cart-empty-title {
  color: var(--_color---secondary);
  font-size: var(--_typography---h5--h5-font-size);
  line-height: var(--_typography---h5--h5-line-hight);
  font-weight: var(--_typography---font-weight--medium);
}

.cart-empty-text {
  color: var(--_color---secondary);
  margin-bottom: 15px;
}

.cart-item-name {
  color: var(--_color---secondary);
  font-weight: var(--_typography---font-weight--semibold);
}

.cart-item-amount {
  color: var(--_color---secondary);
}

.cart-quantity {
  border-color: var(--_color---black-opacity);
  border-radius: var(--border-radius--extra-small);
  background-color: var(--_color---grey);
  line-height: var(--_typography---body--regular-line-hight);
}

.cart-quantity.cart-1 {
  background-color: var(--_color---grey);
  color: var(--_color---black);
  background-color: var(--_color---grey);
}

.cart-total-text {
  font-weight: var(--_typography---font-weight--medium);
}

.cart-total-amount {
  color: var(--_color---secondary);
  font-weight: var(--_typography---font-weight--bold);
}

.cart-remove {
  color: var(--_color---secondary);
  font-weight: var(--_typography---font-weight--medium);
}

.cart-remove:hover {
  color: var(--_color---dark);
}

.avatar-2-client-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--_color---grey);
  border-radius: var(--border-radius--large);
  background-color: var(--_color---dark);
  align-items: center;
  width: 285px;
  margin-top: 40px;
  padding: 10px 20px;
  display: flex;
}

.avatar-2-client-block.block-2.dark-12, .avatar-2-client-block.block-1.block-12 {
  display: none;
}

.avatar-2-client-block.block-3 {
  border-color: var(--_color---black-opacity);
  background-color: var(--_color---primary);
  flex-flow: column;
  margin-top: 30px;
  display: none;
}

.avatar-2-client-block.block-2 {
  border-color: var(--_color---body-text-color);
  background-color: var(--_color---box-shadow);
  width: 270px;
  margin-top: 0;
}

.avatar-2-client-block.block-2.dark-12, .avatar-2-client-block.block-1.block-12 {
  display: none;
}

.avatar-2-client-block.block-1.block-12 {
  display: none;
}

.avatar-2-client-block.block-1.block-12:where(.w-variant-f96bb6bc-a046-023c-9d4f-03151c7d1ad9) {
  display: flex;
}

.avatar-desc-block.block-1 {
  width: 50%;
}

.avatar-desc-block.block-1.block3 {
  align-self: center;
  width: 50%;
  margin-left: 0;
}

.avatar-desc {
  color: var(--_color---white);
  font-size: var(--_typography---body--small-font-size);
  line-height: var(--_typography---body--small-line-hight);
  font-weight: var(--_typography---font-weight--normal);
}

.avatar-desc.block-3 {
  color: var(--_color---secondary);
  font-size: var(--_typography---body--regular-font-size);
  line-height: var(--_typography---body--regular-line-hight);
  font-weight: var(--_typography---font-weight--normal);
}

.avatar-desc.block-3.block-1 {
  margin-left: 0;
}

.avatar-desc.block-1 {
  color: var(--_color---secondary);
  font-weight: var(--_typography---font-weight--semibold);
}

.counter-2-title-block {
  display: flex;
}

.counter-2-title {
  color: var(--_color---secondary);
  font-size: var(--_typography---h2--h2-font-size);
  line-height: var(--_typography---h2--h2-line-hight);
  font-weight: var(--_typography---font-weight--semibold);
}

.counter-2-desc {
  text-transform: capitalize;
}

.testimonials-2-section.section-padding {
  overflow: hidden;
}

.testimonials-2-section.section-padding:where(.w-variant-1f368fd1-42e2-277e-ed93-3ac2e54104b5) {
  background-color: var(--_color---grey);
}

.testimonials-2-section-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 3fr 9fr;
  grid-auto-columns: 1fr;
  margin-top: 70px;
  display: grid;
}

.service-btn-block {
  display: inline-flex;
}

.testimonial-2-reating-wrap {
  width: 183px;
}

.testimonial-2-reating-wrap.wrap-1 {
  width: auto;
  margin-top: 0;
  display: inline-flex;
}

.testimonial-2-wrap-block {
  height: 100%;
  position: relative;
}

.testimonial-tabs-menu {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  width: 247px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.testimonial-tabs-link {
  border-radius: var(--border-radius--extra-small);
  background-color: var(--_color---transparent);
  flex: none;
  width: 75px;
  height: 75px;
  padding: 0;
  overflow: hidden;
}

.testimonial-tabs-link.w--current {
  border-radius: var(--border-radius--extra-large-1);
}

.testimonial-tabs-link.link-1 {
  flex: none;
}

.testimonial-2-tabs-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 4.5fr 7.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.testimonial-2-image-block {
  border-radius: var(--border-radius--small);
  width: 100%;
  height: 435px;
  overflow: hidden;
}

.testimonial-2-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
}

.testimonial-2-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.testimonial-block-quote {
  color: var(--_color---body-text-color);
  font-size: var(--_typography---h4--h4-font-size);
  line-height: var(--_typography---h4--h4-line-hight);
  border-left: 0 solid #000;
  font-style: italic;
}

.testimonial-author-title-2 {
  color: var(--_color---black);
  font-size: var(--_typography---h4--h4-font-size);
  line-height: var(--_typography---h4--h4-line-hight);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: capitalize;
}

.testimonial-2-link-image-block {
  width: 100%;
  height: 100px;
}

.service-link-block:hover {
  color: var(--_color---white);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.section-heading-big {
  opacity: .05;
  color: var(--_color---black);
  font-size: var(--_typography---h1--h1-font-size);
  line-height: var(--_typography---h1--h1-line-hight);
  font-weight: var(--_typography---font-weight--bold);
  text-align: center;
  text-transform: uppercase;
}

.page-title-section {
  background-color: var(--_color---secondary);
  height: 640px;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.page-title-grid-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 8fr 4fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.page-title-grid-block.block-2 {
  width: 100%;
}

.page-title-content-block {
  z-index: 1;
  position: relative;
}

.pagetitle-text {
  color: var(--_color---white);
  font-size: var(--_typography---h1--h1-font-size);
  line-height: var(--_typography---h1--h1-line-hight);
  font-weight: var(--_typography---font-weight--bold);
  text-transform: uppercase;
}

.page-title-desc {
  color: var(--_color---white);
  font-size: var(--_typography---h5--h5-font-size);
  line-height: var(--_typography---h5--h5-line-hight);
  font-weight: var(--_typography---font-weight--normal);
  width: 70%;
  margin-top: 30px;
  margin-bottom: 30px;
}

.page-title-righ-content-block {
  height: 400px;
  position: relative;
}

.page-title-image {
  background-color: var(--_color---black);
  background-image: linear-gradient(270deg, var(--_color---transparent) 50%, #000000b3);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.pagetitle-btn-blcok {
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.page-title-image-overlay {
  background-image: linear-gradient(270deg, var(--_color---transparent) 60%, #000000b3);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.page-title-image-block {
  border-radius: var(--border-radius--small);
  width: 600px;
  height: 400px;
  margin-top: 120px;
  margin-right: 15px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.page-title-image-block.block-1 {
  margin-top: 0;
  margin-right: 0;
}

.about-3-section-grid-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 4fr 6fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-3-single-image-block {
  border-radius: var(--border-radius--small);
  width: 100%;
  height: 410px;
  overflow: hidden;
}

.about-3-single-image-block.block-2 {
  height: 360px;
  margin-top: 90px;
  position: relative;
}

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

.about-3-content-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 7.5fr 5.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-3-counter-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  margin-top: 50px;
  margin-left: 30px;
  display: flex;
}

.team-section {
  background-color: var(--_color---secondary);
}

.team-section.section-padding-bottom {
  padding-top: 75px;
}

.team-section-wrap {
  margin-top: 50px;
}

.team-section-wrap.style-2, .team-grid-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-inner-content {
  z-index: 2;
  overflow: hidden;
}

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

.team-image-block {
  border-radius: var(--border-radius--small);
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.team-image-block.block-1 {
  border-radius: var(--border-radius--extra-small);
  border-radius: var(--border-radius--extra-small);
  height: 143px;
}

.team-collection-list:nth-child(odd) {
  margin-top: 40px;
}

.team-top-content-block {
  z-index: 2;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.team-social-block {
  height: auto;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: translate(0, -100%);
}

.team-social-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: 10px;
  margin-right: 10px;
  display: flex;
}

.team-social-list-item {
  overflow: hidden;
}

.team-social-icon-block {
  border: 1px solid var(--_color---body-text-color);
  border-radius: var(--border-radius--large);
  background-color: var(--_color---black-opacity);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  display: flex;
  position: relative;
}

.team-social-icon-block.block-1 {
  border-color: var(--_color---body-text-color);
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  padding: 17px;
  overflow: hidden;
}

.team-social-link-block {
  border-radius: var(--border-radius--large);
  background-color: #0006;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  display: flex;
}

.team-social-link-block.block-1 {
  width: 32px;
  height: 32px;
  overflow: hidden;
}

.team-social-icon {
  z-index: 2;
  position: relative;
}

.team-social-icon.team-social-icon-1 {
  min-width: 14px;
}

.team-content-block {
  z-index: 1;
  border-radius: var(--border-radius--small);
  background-color: var(--_color---white-color-opacity);
  width: 100%;
  height: 100%;
  margin-top: -100px;
  position: relative;
  overflow: hidden;
}

.team-content-block.block-1 {
  background-color: var(--_color---transparent);
  background-color: var(--_color---transparent);
  flex-flow: column;
  margin-top: 0;
  display: flex;
}

.team-content-wrap {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 127px 25px 30px;
  display: flex;
}

.team-title {
  color: var(--_color---white);
  font-size: var(--_typography---h4--h4-font-size);
  line-height: var(--_typography---h4--h4-line-hight);
  font-weight: var(--_typography---font-weight--medium);
  text-transform: capitalize;
}

.team-title:hover {
  text-decoration: underline;
}

.team-author-position {
  color: var(--_color---white);
  text-transform: capitalize;
}

.team-social-icon-overlay {
  position: absolute;
}

.team-social-icon-overlay.icon-2 {
  width: 14px;
  height: 14px;
}

.team-slider-block {
  margin-bottom: -100px;
  margin-left: -15px;
  margin-right: -15px;
  display: none;
}

.team-slider {
  background-color: var(--_color---transparent);
  height: 100%;
}

.page-title-wraper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  height: 100%;
  display: grid;
  position: relative;
}

.page-title-wraper.block {
  width: 100%;
  display: block;
}

.team-image {
  object-fit: cover;
}

.service-overlay-image {
  border-radius: var(--border-radius--small);
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.section-padding-top {
  padding-top: var(--_spacings---section-padding);
}

.btn-block-wrap {
  overflow: hidden;
}

.error-sate {
  color: var(--_color---black);
  text-align: center;
}

.testimonial-2-slider {
  z-index: 0;
  background-color: var(--_color---transparent);
  height: 100%;
  overflow: hidden;
}

.testimonial-2-mask {
  width: 100%;
  overflow: hidden;
}

.testimonial-2-slider-block {
  padding-left: 15px;
  padding-right: 15px;
}

.testimonial-2-slider-wrap {
  margin-left: -15px;
  margin-right: -15px;
}

.testimonial-tabs-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.team-marquee-icon {
  flex: none;
  margin-left: 10px;
  margin-right: 10px;
}

.second-footer-btn-2-icon {
  position: absolute;
}

.success-message-1 {
  background-color: var(--_color---primary);
  color: var(--_color---secondary);
}

.error-message-1 {
  background-color: var(--_color---primary);
  color: var(--_color---secondary);
  text-align: center;
  margin-top: 20px;
}

.close-button {
  cursor: pointer;
  transition: all .3s;
}

.close-button:hover {
  transform: rotate(-46deg);
}

.cart-image {
  object-fit: cover;
  width: 70px;
  height: 70px;
}

.cart-image.image-1, .nav-2-icon {
  display: none;
}

.cart-conatin {
  margin-left: 0;
}

.counter-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.counter-title {
  font-size: var(--_typography---body--small-font-size);
  line-height: var(--_typography---body--small-line-hight);
  font-weight: var(--_typography---font-weight--semibold);
  width: 80%;
}

.counter-2-text {
  font-weight: var(--_typography---font-weight--medium);
}

.counter-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.team-list {
  align-self: flex-end;
}

.team-box {
  border: 1px solid var(--_color---body-text-color);
  border-radius: var(--border-radius--small);
  background-color: var(--_color---box-shadow);
  -webkit-backdrop-filter: blur(var(--_color---blur-2));
  backdrop-filter: blur(var(--_color---blur-2));
  padding: 20px;
  position: relative;
  overflow: hidden;
}

.team-box.box-1 {
  border-color: var(--_color---transparent);
  background-color: var(--_color---grey);
  border-color: var(--_color---transparent);
  background-color: var(--_color---grey);
}

.team-position.block-1 {
  color: var(--_color---white);
  font-size: var(--_typography---h5--h5-font-size);
  line-height: var(--_typography---h5--h5-line-hight);
  text-transform: capitalize;
  margin-top: 5px;
}

.team-position.block-1.style-2 {
  color: var(--_color---secondary);
  font-weight: var(--_typography---font-weight--medium);
  font-weight: var(--_typography---font-weight--medium);
}

.team-link {
  color: var(--_color---white);
}

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

.team-link.link-2 {
  color: var(--_color---body-text-color);
}

.varified-icon {
  object-fit: cover;
}

.section-prititle-border-color {
  background-color: var(--_color---secondary);
  opacity: .2;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.section-prititle-border-color:where(.w-variant-c2a44d98-c431-f566-6fd8-501e2b880f5e) {
  background-color: var(--_color---white);
}

.template-badge {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50px;
  display: inline-flex;
  position: fixed;
  inset: auto 20px 20px auto;
}

.badge-inner {
  background-color: #ff3067;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  padding: 3px 8px 4px 4px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  box-shadow: 0 2px 20px #ff306770;
}

.badge-flex {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.badge-logo {
  object-fit: cover;
  width: 26px;
  height: auto;
}

.badge-box {
  color: #fff;
  font-size: 13px;
  line-height: 23px;
}

@media screen and (min-width: 1280px) {
  .hero-icon-block {
    height: 119px;
    margin-left: -10px;
  }

  .hero-image-block {
    height: 146px;
  }

  .hero-desc-block {
    width: 26%;
  }

  .hero-content-flex {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 6.25fr 1fr 5fr;
    grid-auto-flow: column;
  }

  .about-section-content-block {
    grid-column-gap: 105px;
    grid-row-gap: 105px;
  }

  .about-image-flex {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    margin-top: 70px;
  }

  .client-logo-wrap {
    padding: 64px 34px;
  }

  .client-logo {
    height: 22px;
  }

  .servicve-link-block {
    display: block;
  }

  .cta-section-wrap {
    grid-column-gap: 316px;
    grid-row-gap: 316px;
    height: auto;
  }

  .cta-contain-bottom-block {
    margin-top: -12px;
  }

  .counter-wrap {
    width: 84%;
  }

  .cta-info-wrap {
    width: 70%;
  }

  .testimonials-section-title-block {
    margin-bottom: 15px;
  }

  .testimonials-flex-block {
    background-image: radial-gradient(circle at 0 0, #20cfdc 20%, #d4ffa4 100%, #fdffff 99%);
    padding: 70px 40px;
  }

  .quotation-icon-block {
    height: 75px;
  }

  .slider-arrow {
    width: 70px;
    height: 70px;
  }

  .slider-arrow.arrow-right {
    right: 6px;
  }

  .slider-arrow.arrow-left {
    right: 80px;
  }

  .slider-arrow-block {
    height: 30px;
  }

  .testimonial-author-content-block.block-3 {
    height: 100px;
  }

  .cta-block {
    padding: 70px;
  }

  .avatar-block.block-2 {
    width: 158px;
  }

  .blog-tabs-content {
    margin-bottom: 0;
  }

  .blog-image-block {
    height: 560px;
  }

  .blog-content-box {
    margin-top: 30px;
  }

  .blog-tabs-menu {
    justify-content: flex-start;
  }

  .blog-grid-block {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    place-items: start;
  }

  .blog-tab-image-block {
    width: 138px;
  }

  .blog-tab-bottom {
    flex-flow: row;
    justify-content: flex-start;
    width: 614px;
    top: auto;
    bottom: 30px;
    right: 0;
  }

  .frist-footer {
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
  }

  .second-footer-grid {
    grid-column-gap: 115px;
    grid-row-gap: 115px;
    justify-items: start;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-nav-grid {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    width: 100%;
  }

  .bottom-footer {
    margin-left: auto;
    margin-right: auto;
  }

  .navbar-2 {
    padding-top: 30px;
  }

  .hero-2-content-top-block {
    grid-template-columns: 2fr 6fr 4fr;
  }

  .hero-2-counter-block {
    margin-left: 0;
  }

  .hero-2-video {
    align-self: center;
    width: 26vw;
    height: 30vh;
  }

  .avatar-2-client-block.block-3 {
    flex-flow: row;
    width: 278px;
    display: flex;
  }

  .avatar-desc-block {
    width: 80%;
  }

  .avatar-desc-block.block-1.block3 {
    width: 70%;
  }

  .hero-2-section-heading {
    margin-top: 180px;
  }

  .about-2-section-grid {
    grid-column-gap: 70px;
    grid-row-gap: 70px;
  }

  .about-2-single-image-block {
    height: 600px;
  }

  .counter-2-grid {
    margin-top: 76px;
  }

  .service-2-grid-block {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .service-2-grid-block.block-2.block-1, .service-2-grid-block.block-2.block-3, .service-2-grid-block.block-2.block-4 {
    justify-items: center;
  }

  .service-2-grid-block.block-2.block-1, .service-2-grid-block.block-2.block-3, .service-2-grid-block.block-2.block-4, .service-2-grid-block.block-2.block-1, .service-2-grid-block.block-2.block-3, .service-2-grid-block.block-2.block-4 {
    justify-items: center;
  }

  .service-2-grid-block.block-1 {
    perspective-origin: 50%;
    justify-items: center;
  }

  .service-2-image-block {
    height: 100%;
  }

  .service-2-image-2 {
    margin-top: 100px;
    margin-left: 100px;
    margin-right: 100px;
    inset: 0% 0% 0;
  }

  .service-2-title-block {
    padding-left: 50px;
    padding-right: 50px;
  }

  .benefits-section-title-block {
    height: 150px;
  }

  .testimonials-2-section-grid {
    grid-column-gap: 69px;
    grid-row-gap: 69px;
  }

  .testimonial-2-tabs-content {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .testimonial-2-content {
    justify-content: space-between;
  }

  .testimonial-block-quote {
    font-size: var(--_typography---h3--h3-font-size);
    line-height: var(--_typography---h3--h3-line-hight);
  }

  .client-2-section-grid {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .blog-2-grid-block {
    grid-column-gap: 58px;
    grid-row-gap: 58px;
  }

  .navbar-2-inner-block {
    padding-left: 30px;
    padding-right: 30px;
  }

  .page-title-section {
    height: 732px;
  }

  .page-title-grid-block {
    grid-template-columns: 8fr 4fr;
  }

  .page-title-desc {
    width: 58%;
  }

  .page-title-righ-content-block {
    height: 492px;
    margin-left: 0;
  }

  .page-title-image {
    border-radius: var(--border-radius--small);
    overflow: hidden;
  }

  .page-title-image-block {
    width: 800px;
    height: 492px;
  }

  .page-title-image-block.block-1 {
    margin-right: 88px;
  }

  .about-3-section-grid-block, .about-3-content-block {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .about-3-counter-block {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin-top: 120px;
    margin-left: 154px;
  }

  .team-section-wrap.style-2 {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .team-grid-block {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .team-collection-list:nth-child(odd) {
    margin-top: 175px;
  }

  .page-2-title-grid-block {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .page-2-title-desc {
    width: 62%;
  }

  .page-2-title-image-block {
    height: 520px;
  }

  .about-4-single-image-block {
    height: 612px;
  }

  .about-4-section-content-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .about-4-counter-block {
    margin-left: -100px;
  }

  .counter-3-contain-block {
    padding-left: 60px;
    padding-right: 60px;
  }

  .page-title-3-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .page-title-5-title-block {
    margin-bottom: -56px;
  }

  .page-title-5-desc {
    width: 78%;
  }

  .pagetitle-6-bootom-contant {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .page-title-6-desc {
    width: 33%;
  }

  .page-title-6-image-block {
    height: 600px;
  }

  .faq-section-wrap {
    padding-right: var(--_spacings---section-padding);
    padding-left: var(--_spacings---section-padding);
  }

  .page-title-7-image-overlay {
    background-image: linear-gradient(270deg, var(--_color---transparent) 60%, #0006 95%);
  }

  .pagetitle-7-desc-contant {
    text-align: center;
    justify-content: center;
    margin-top: 50px;
    display: flex;
  }

  .team-detail-inner-grid {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .team-2-grid-block {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
  }

  .team-2-grid-block.style-2 {
    grid-column-gap: 125px;
    grid-row-gap: 125px;
    grid-column-gap: 125px;
    grid-row-gap: 125px;
  }

  .page-title-8-desc {
    width: 65%;
  }

  .cta-5-desc-block {
    width: 78%;
  }

  .authour-block.block-1 {
    width: 313px;
  }

  .pricing-tabs-wrap {
    padding-left: 50px;
    padding-right: 50px;
  }

  .blog-2-btn-block {
    margin-top: 60px;
  }

  .contact-info-grid-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .counter-box {
    padding-left: 19px;
    padding-right: 19px;
  }

  .counter-title {
    width: 90%;
    margin-top: 5px;
  }
}

@media screen and (min-width: 1440px) {
  body {
    --_typography---font-family--font-family: "Instrument Sans", sans-serif;
    --_typography---body--regular-font-size: 16px;
    --_typography---body--regular-line-hight: 26px;
    --_typography---font-weight--normal: 400;
    --_typography---h1--h1-font-size: 160px;
    --_typography---h1--h1-line-hight: 170px;
    --_typography---font-weight--bold: 700;
    --_typography---h2--h2-font-size: 48px;
    --_typography---h2--h2-line-hight: 58px;
    --_typography---font-weight--semibold: 600;
    --_typography---h3--h3-font-size: 36px;
    --_typography---h3--h3-line-hight: 46px;
    --_typography---h4--h4-font-size: 24px;
    --_typography---font-weight--medium: 500;
    --_typography---h5--h5-font-size: 18px;
    --_typography---h5--h5-line-hight: 28px;
    --_typography---h6--h6-font-size: 16px;
    --_typography---h6--h6-line-hight: 26px;
    --_typography---button--large-font-size: 16px;
    --_typography---button--large-line-hight: 26px;
    --_typography---button--samll-font-size: 14px;
    --_typography---button--small-line-hight: 24px;
    --_typography---h4--h4-line-hight: 34px;
    --_typography---body--small-font-size: 14px;
    --_typography---body--small-line-hight: 24px;
  }

  .circle-btn-block {
    right: -100px;
  }

  .about-section-title-block {
    width: 75%;
  }

  .about-section-content-inner {
    margin-top: -5px;
  }

  .service-section-wrap {
    margin-left: -100px;
    margin-right: -100px;
  }

  .service-image {
    width: 100%;
  }

  .service-image-overlay-block {
    width: 560px;
  }

  .service-content-wrap {
    justify-content: space-between;
    align-items: flex-start;
    padding: 100px;
  }

  .testimonials-flex-block {
    padding-left: 70px;
    padding-right: 70px;
  }

  .slider-arrow.arrow-right {
    right: -10px;
  }

  .slider-arrow.arrow-left {
    right: 60px;
  }

  .cta-block {
    flex-flow: column;
  }

  .avatar-block.block-2.block-3 {
    display: inline-flex;
  }

  .blog-section-title-grid {
    grid-column-gap: 130px;
    grid-row-gap: 130px;
  }

  .blog-tab-image-block {
    width: 145px;
  }

  .blog-tab-bottom {
    width: 640px;
  }

  .second-footer-grid {
    grid-template-columns: 3.5fr 6.5fr 2fr;
    max-width: 1300px;
  }

  .second-footer-title-block {
    grid-column-gap: 41px;
    grid-row-gap: 41px;
  }

  .hero-2-content-top-block {
    grid-template-columns: 2fr 6.5fr 3.5fr;
  }

  .hero-2-video {
    width: 30vw;
  }

  .avatar-2-client-block.block-1.block-12 {
    margin-top: 0;
    display: none;
  }

  .avatar-2-client-block.block-1.block-12:where(.w-variant-f96bb6bc-a046-023c-9d4f-03151c7d1ad9) {
    display: flex;
  }

  .hero-2-section-heading {
    margin-top: 200px;
  }

  .testimonials-2-section-grid {
    grid-template-columns: 2fr 9fr;
  }

  .testimonial-2-tabs-content {
    grid-template-columns: 4.5fr 7.5fr;
  }

  .client-2-section-grid {
    grid-template-columns: 7fr 5fr;
  }

  .hero-2-section-title {
    clear: left;
  }

  .pagetitle-text.text-2 {
    align-self: flex-end;
  }

  .page-title-image-block {
    width: 900px;
  }

  .about-3-section-grid-block {
    margin-top: -30px;
  }

  .about-3-desc-block {
    margin-bottom: 157px;
  }

  .team-grid-block {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .page-2-title-section {
    height: 720px;
  }

  .page-2-title-line-block {
    width: 100px;
  }

  .page-2-title-desc {
    width: 56%;
  }

  .about-4-section-grid-block {
    grid-column-gap: 71px;
    grid-row-gap: 71px;
  }

  .about-4-counter-block {
    margin-left: -140px;
  }

  .counter-3-contain-block {
    width: 260px;
  }

  .page-title-wraper {
    grid-template-columns: 7fr 5fr;
    height: 494px;
  }

  .page-title-3-section.section-padding-top {
    padding-bottom: 75px;
  }

  .page-title-4-desc {
    width: 85%;
  }

  .page-title-6-section {
    height: 800px;
  }

  .page-title-6-image-block {
    border-top-left-radius: 500px;
    border-bottom-left-radius: 500px;
    height: 100%;
  }

  .page-title-6-content-block {
    z-index: 1;
    position: relative;
  }

  .page-title-6-image-overlay {
    background-image: linear-gradient(270deg, var(--_color---transparent), var(--_color---black-opacity));
  }

  .page-title-7-section {
    height: 694px;
  }

  .page-title-7-image-block {
    width: 70%;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .page-title-7-heading-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .page-title-7-content-block {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    flex-flow: column;
    width: 100%;
    margin-top: -27px;
    display: flex;
  }

  .pagetitle-7-desc-contant {
    justify-content: flex-start;
    margin-top: 0;
  }

  .page-title-7-desc {
    text-align: left;
  }

  .cta-4-content-block {
    padding-left: 189px;
    padding-right: 189px;
  }

  .pricing-bottom-content-box {
    flex-flow: row;
  }

  .product-banner-section-wrap {
    z-index: 0;
  }

  .product-banner-image-block {
    width: 618px;
  }

  .product-banner-inner {
    position: relative;
  }
}

@media screen and (min-width: 1920px) {
  .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
  }

  .hero-title-block {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: -6px;
  }

  .marquee-block {
    overflow: hidden;
  }

  .counter-wrap {
    width: 79%;
  }

  .testimonials-section.section-padding-bottom {
    padding-top: 75px;
  }

  .slider-arrow.arrow-left {
    left: auto;
  }

  .blog-section-title-grid {
    grid-column-gap: 250px;
    grid-row-gap: 250px;
  }

  .blog-tabs-menu {
    justify-content: space-between;
  }

  .blog-tab-image-block {
    width: 143px;
  }

  .second-footer-grid {
    grid-template-columns: 3.25fr 6.25fr 2.5fr;
  }

  .second-footer-title-block {
    justify-content: center;
    align-items: center;
  }

  .hero-2-content-top-block {
    grid-template-columns: 3.5fr 5.5fr 3fr;
    grid-auto-columns: 1fr;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .hero-2-content-flex {
    margin-left: -63px;
  }

  .hero-2-text-block {
    transform: rotate(90deg);
  }

  .hero-2-text {
    transform: rotate(-180deg);
  }

  .hero-2-counter-block {
    margin-left: -80px;
  }

  .hero-2-counter-title {
    font-size: var(--_typography---h1--h1-font-size);
    line-height: var(--_typography---h1--h1-line-hight);
  }

  .hero-2-video {
    width: 39vw;
    height: 47vh;
  }

  .avatar-2-client-block.block-3 {
    margin-top: 20px;
  }

  .hero-2-section-heading {
    margin-top: 50px;
  }

  .about-2-section {
    position: relative;
  }

  .about-2-single-image-block {
    width: 524px;
  }

  .benefits-section-wrap {
    padding-left: 100px;
    padding-right: 100px;
  }

  .testimonial-2-reating-wrap.wrap-1 {
    width: 183px;
  }

  .cta-2-section-title-block {
    text-align: center;
  }

  .client-2-section {
    background-color: var(--_color---grey);
  }

  .client-2-section-grid {
    grid-auto-columns: 1fr;
  }

  .pagetitle-text.text-2 {
    align-self: flex-end;
  }

  .page-title-desc {
    width: 45%;
  }

  .page-title-righ-content-block {
    margin-right: 0;
  }

  .pagetitle-btn-blcok {
    top: auto;
  }

  .page-title-image-block {
    width: 966px;
    margin-right: 188px;
  }

  .about-3-content-block {
    grid-template-columns: 6.5fr 5.5fr;
  }

  .about-3-counter-block {
    margin-left: 120px;
  }

  .team-section-wrap {
    padding-left: 43px;
    padding-right: 43px;
  }

  .team-grid-block {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .page-2-title-grid-block {
    grid-column-gap: 179px;
    grid-row-gap: 179px;
  }

  .page-2-title-line-block {
    width: 240px;
  }

  .page-2-title-desc {
    width: 41%;
  }

  .page-title-4-grid-block {
    grid-template-columns: 1.5fr 9fr 1.5fr;
  }

  .page-title-4-content-block {
    grid-template-columns: 3fr 9fr;
  }

  .page-title-4-desc {
    width: 80%;
  }

  .contact-section-wrap {
    margin-left: 100px;
    margin-right: 100px;
    padding-left: 100px;
    padding-right: 100px;
  }

  .page-title-7-image-block {
    width: 58%;
  }

  .page-title-7-heading-block {
    flex-flow: column;
    display: flex;
  }

  .page-title-7-desc {
    width: 35%;
  }

  .service-inner-grid-block {
    grid-template-columns: 4.5fr 7.5fr;
  }

  .pricing-tabs-content-block {
    grid-column-gap: 116px;
    grid-row-gap: 116px;
  }

  .product-banner-title.product-title-1 {
    margin-left: 64px;
  }

  .product-banner-title.product-title-1.block-1 {
    margin-right: 66px;
  }

  .product-banner-image-block {
    background-color: var(--_color---transparent);
    width: 618px;
  }

  .product-banner-inner {
    margin-left: 68px;
    margin-right: 68px;
  }

  .product-banner-2-heading {
    width: 89vw;
  }

  .cta-1-title {
    width: 70%;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_typography---font-family--font-family: "Instrument Sans", sans-serif;
    --_typography---body--regular-font-size: 16px;
    --_typography---body--regular-line-hight: 26px;
    --_typography---font-weight--normal: 400;
    --_typography---h1--h1-font-size: 60px;
    --_typography---h1--h1-line-hight: 70px;
    --_typography---font-weight--bold: 700;
    --_typography---h2--h2-font-size: 40px;
    --_typography---h2--h2-line-hight: 50px;
    --_typography---font-weight--semibold: 600;
    --_typography---h3--h3-font-size: 30px;
    --_typography---h3--h3-line-hight: 40px;
    --_typography---h4--h4-font-size: 24px;
    --_typography---font-weight--medium: 500;
    --_typography---h5--h5-font-size: 18px;
    --_typography---h5--h5-line-hight: 28px;
    --_typography---h6--h6-font-size: 16px;
    --_typography---h6--h6-line-hight: 26px;
    --_typography---button--large-font-size: 16px;
    --_typography---button--large-line-hight: 26px;
    --_typography---button--samll-font-size: 14px;
    --_typography---button--small-line-hight: 24px;
    --_typography---h4--h4-line-hight: 34px;
    --_typography---body--small-font-size: 14px;
    --_typography---body--small-line-hight: 24px;
    --_spacings---section-padding: 60px;
    --_layout-width---container-fluid: 100%;
    --_layout-width---conatiner: 100%;
  }

  .header {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    background-color: var(--_color---dark);
    flex-flow: column;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 20px 15px;
  }

  .nav-menu.menu-2 {
    background-color: var(--_color---dark);
    background-color: var(--_color---dark);
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }

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

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

  .header-extra {
    display: none;
  }

  .nav-link, .nav-link:lang(en) {
    color: var(--_color---white);
  }

  .nav-link.block-1 {
    align-items: center;
    display: inline-flex;
  }

  .nav-link.block-1:hover {
    text-decoration: none;
  }

  .nav-dropdown {
    text-align: left;
    display: block;
  }

  .nav-dropdown-list {
    position: relative;
  }

  .nav-dropdown-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-bottom: 15px;
    margin-left: 0;
  }

  .menu-button {
    color: var(--_color---secondary);
    padding: 0;
  }

  .menu-button.w--open {
    background-color: var(--_color---transparent);
    color: var(--_color---secondary);
  }

  .menu-button.menu-2 {
    color: var(--_color---grey);
  }

  .menu-button.menu-2.w--open {
    z-index: 2;
  }

  .hero-section {
    padding-top: 37px;
    padding-bottom: 60px;
  }

  .hero-section-overlay {
    height: 100%;
  }

  .hero-image-block {
    display: none;
  }

  .hero-desc-block {
    width: auto;
  }

  .hero-desc {
    font-size: var(--_typography---h6--h6-font-size);
    line-height: var(--_typography---h6--h6-line-hight);
  }

  .hero-content-flex {
    flex-flow: wrap;
    margin-bottom: 20px;
  }

  .hero-content-flex-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    justify-content: center;
  }

  .hero-image-2-block {
    height: 300px;
    margin-top: 20px;
  }

  .utility-page-wrap.section-padding.utility-page-1 {
    height: auto;
  }

  .container {
    min-width: 100%;
  }

  .about-section-title-block {
    width: 100%;
  }

  .about-section-content-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    height: auto;
    margin-top: 30px;
  }

  .about-single-image-block {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .about-single-image {
    object-position: 50% 25%;
  }

  .about-section-content-inner {
    height: auto;
    padding-top: 30px;
    padding-left: 0;
  }

  .about-image-flex {
    display: none;
  }

  .client-section-title-block {
    width: 100%;
  }

  .client-section-content-block {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 30px;
    padding-bottom: 30px;
  }

  .client-logo-wrap {
    padding: 30px;
  }

  .client-logo {
    min-width: auto;
    min-height: auto;
  }

  .client-logo-block {
    width: 100%;
    height: 100%;
  }

  .service-section-grid {
    grid-template-columns: 6fr;
  }

  .service-image-wapper {
    display: none;
  }

  .service-content-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .service-content-block {
    margin-top: 20px;
  }

  .marquee-wrapper.wrap-1 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .marquee-section {
    margin-top: 30px;
  }

  .marquee-image {
    width: 30px;
    height: 30px;
  }

  .cta-section {
    height: 100%;
  }

  .cta-section.section-padding {
    background-image: linear-gradient(#000000d9, #000000d9), url("https://cdn.prod.website-files.com/695b323f73edb530d9d03280/695f4a96ea4d9fde183d7135_bg-image-1.avif");
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .cta-section-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    height: auto;
  }

  .cta-content-block {
    width: 100%;
  }

  .cta-contain-bottom-block {
    grid-template-columns: 1fr;
  }

  .counter-wrap {
    width: 70%;
  }

  .cta-info-wrap {
    width: 70%;
    margin-top: 10px;
  }

  .testimonials-section.section-padding-bottom {
    padding-top: 45px;
  }

  .testimonials-section-title-block {
    bottom: -14px;
  }

  .testimonials-grid-block {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .testimonials-flex-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .quotation-icon-block {
    display: none;
  }

  .slider-arrow.arrow-right, .slider-arrow.arrow-left, .slider-arrow.arrow-right, .slider-arrow.arrow-left {
    bottom: -100px;
  }

  .testimonial-desc {
    font-size: var(--_typography---h4--h4-font-size);
    line-height: var(--_typography---h4--h4-line-hight);
  }

  .cta-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    height: 200px;
  }

  .testimonial-reating-box {
    align-self: flex-start;
  }

  .testimonial-reating-box.box-2, .testimonial-reating-box.box-2.block-1:where(.w-variant-2814d927-d17d-4a0f-bd17-1d55aa049b9d), .testimonial-reating-box.box-2, .testimonial-reating-box.box-2.block-1:where(.w-variant-2814d927-d17d-4a0f-bd17-1d55aa049b9d), .testimonial-reating-box.box-2.block-1:where(.w-variant-2814d927-d17d-4a0f-bd17-1d55aa049b9d), .testimonial-reating-content-block.block-2, .testimonial-reating-content-block.block-2 {
    display: none;
  }

  .blog-section-title-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 6fr;
  }

  .blog-section-content-block {
    margin-top: 20px;
  }

  .blog-tabs:where(.w-variant-2814d927-d17d-4a0f-bd17-1d55aa049b9d) {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .blog-tabs-content {
    margin-top: 200px;
    margin-bottom: 0;
  }

  .blog-tabs-content:where(.w-variant-2814d927-d17d-4a0f-bd17-1d55aa049b9d) {
    margin-top: 160px;
  }

  .blog-image-block {
    height: 100%;
  }

  .blog-tabs-menu {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
  }

  .blog-tab-image-block {
    width: 100%;
  }

  .blog-tab-bottom {
    flex-flow: row;
    top: -170px;
    bottom: auto;
  }

  .blog-tab-bottom:where(.w-variant-2814d927-d17d-4a0f-bd17-1d55aa049b9d) {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    top: -40px;
  }

  .frist-footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .footer-text-field {
    width: 100%;
  }

  .second-footer {
    padding-left: 15px;
    padding-right: 15px;
  }

  .second-footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-social-list {
    margin-top: 20px;
  }

  .footer-nav-grid {
    width: 100%;
  }

  .footer-nav-link-2 {
    display: inline;
  }

  .second-footer-title-block {
    margin-top: 30px;
  }

  .second-footer-btn-block {
    width: 70px;
    height: 70px;
  }

  .second-footer-btn-icon {
    width: 25px;
    height: 25px;
  }

  .copyright-block {
    flex-flow: column;
  }

  .service-list-wrap {
    width: 100%;
  }

  .header-2 {
    z-index: 6;
    position: relative;
    overflow: visible;
  }

  .navbar-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-2-link.block-1 {
    align-items: center;
    display: inline-flex;
  }

  .nav-2-link.block-1:hover {
    text-decoration: none;
  }

  .cart-2-button {
    color: var(--_color---white);
  }

  .hero-2-section {
    padding-top: 60px;
    padding-bottom: var(--_spacings---section-padding);
  }

  .hero-2-content-top-block {
    grid-template-columns: 6fr;
    align-items: center;
  }

  .hero-2-left-content {
    display: none;
  }

  .hero-2-text-block {
    transform: rotate(-180deg);
  }

  .hero-2-video {
    width: 100%;
    height: 200px;
    margin-top: 0;
  }

  .avatar-2-client-block {
    margin-top: 30px;
  }

  .avatar-2-client-block.block-1, .hero-2-desc-block {
    display: none;
  }

  .hero-2-btn-block {
    margin-top: 20px;
  }

  .hero-2-video-wrap {
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    top: auto;
  }

  .hero-2-section-inner {
    height: auto;
  }

  .hero-2-section-wrap {
    position: relative;
  }

  .hero-2-content-top-wrap {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-2-section-heading {
    text-align: left;
    order: -9999;
    align-self: center;
    margin-top: 20px;
  }

  .about-2-section-grid {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }

  .about-2-single-image-block {
    height: auto;
  }

  .about-2-section-content-block {
    height: auto;
    margin-top: 0;
  }

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

  .counter-2-separator {
    display: none;
  }

  .service-2-section {
    padding-top: var(--_spacings---section-padding);
    padding-bottom: var(--_spacings---section-padding);
  }

  .service-2-section.section-padding {
    height: auto;
  }

  .service-2-grid-block {
    grid-template-columns: 1fr;
  }

  .service-2-grid-block.block-2 {
    margin-top: 0;
  }

  .service-2-content-block {
    height: auto;
  }

  .service-2-image {
    display: none;
  }

  .service-2-image-2 {
    border-radius: 0;
    width: 100%;
    height: 200px;
    margin: 0;
    position: relative;
  }

  .service-2-image-overlay-block {
    display: none;
  }

  .service-2-item-block {
    height: auto;
  }

  .service-2-title-block {
    background-color: var(--_color---black);
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .service-2-title {
    font-size: var(--_typography---h5--h5-font-size);
    line-height: var(--_typography---h5--h5-line-hight);
  }

  .benefits-section-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .benefits-section-grid {
    grid-template-columns: 5fr;
  }

  .benefits-section-title-block {
    height: auto;
    position: relative;
    top: auto;
  }

  .accordian-2-item {
    top: 0;
  }

  .benefits-text-block {
    padding-left: 0;
  }

  .testimonials-2-section-grid {
    grid-template-columns: 3fr;
    margin-top: 30px;
  }

  .testimonial-2-reating-wrap {
    display: none;
  }

  .testimonial-tabs-menu {
    margin-left: auto;
    margin-right: auto;
    top: 0;
    bottom: auto;
    right: auto;
  }

  .testimonial-2-tabs-content {
    grid-template-columns: 5fr 7fr;
    width: 100%;
  }

  .testimonial-2-image-block {
    height: 350px;
  }

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

  .cta-2-section {
    height: 500px;
  }

  .cta-2-section.section-padding {
    height: 400px;
  }

  .cta-2-section-wrap {
    height: 280px;
  }

  .cta-2-content-block {
    height: 100%;
  }

  .client-2-section-grid {
    grid-template-columns: 6fr;
  }

  .client-2-desc-block {
    margin-top: 10px;
  }

  .client-2-btn-block {
    margin-top: 20px;
  }

  .blog-2-section.section-padding-bottom {
    padding-top: 48px;
  }

  .blog-2-section-title-block {
    bottom: -25%;
  }

  .blog-2-grid-block {
    grid-template-columns: 1fr 1fr;
  }

  .service-2-wrap-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    margin-top: 0;
    display: flex;
  }

  .service-2-wrap-block:where(.w-variant-3895b06d-2266-88b6-d3bc-80bcc6a7d120) {
    display: none;
  }

  .blog-2-slider-block {
    margin-top: 30px;
    margin-left: -15px;
    margin-right: -15px;
    display: block;
  }

  .blog-2-slider-block:where(.w-variant-a1304aa9-f682-03e7-8cfc-8561d1034aac) {
    display: none;
  }

  .blog-slider {
    background-color: var(--_color---transparent);
    height: 100%;
    overflow: hidden;
  }

  .blog-mask {
    width: 50%;
    overflow: visible;
  }

  .block-slide-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .service-2-slider-block {
    margin-left: -15px;
    margin-right: -15px;
  }

  .service-2-slider-block:where(.w-variant-3895b06d-2266-88b6-d3bc-80bcc6a7d120) {
    display: block;
  }

  .service-2-slider {
    background-color: var(--_color---transparent);
    height: 100%;
    overflow: hidden;
  }

  .service-2-mask-block {
    width: 50%;
    height: auto;
    overflow: visible;
  }

  .service-slide {
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-title-section {
    height: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .page-title-grid-block {
    grid-template-columns: 10fr 2fr;
    margin-top: 10px;
  }

  .pagetitle-text {
    margin-top: 10px;
  }

  .page-title-desc {
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .page-title-righ-content-block {
    height: auto;
  }

  .pagetitle-btn-blcok {
    position: relative;
    bottom: auto;
    right: auto;
  }

  .page-title-image-block {
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-right: 0;
    display: block;
    position: relative;
  }

  .about-3-section-grid-block {
    grid-template-columns: 1fr;
    margin-top: 10px;
    position: relative;
  }

  .about-3-single-image-block {
    height: auto;
    display: none;
  }

  .about-3-single-image-block.block-2 {
    height: auto;
    margin-top: 10px;
    display: block;
  }

  .about-3-content-block {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    align-items: center;
  }

  .about-3-counter-block {
    margin-top: 20px;
    margin-left: 0;
  }

  .team-section.section-padding-bottom {
    padding-top: 45px;
  }

  .team-section-wrap {
    flex-flow: column;
    margin-top: 0;
  }

  .team-section-inner {
    display: none;
  }

  .team-section-inner.style1 {
    margin-top: 30px;
    display: block;
  }

  .team-grid-block {
    grid-template-columns: 1fr;
  }

  .team-collection-list:nth-child(odd) {
    margin-top: 0;
  }

  .team-social-icon-block, .team-social-link-block {
    width: 40px;
    height: 40px;
  }

  .team-content-wrap {
    height: 100%;
  }

  .team-slider-block {
    margin-top: 5px;
    margin-bottom: 0;
    display: block;
  }

  .team-slider {
    overflow: hidden;
  }

  .team-mask-block {
    width: 50%;
    overflow: visible;
  }

  .page-2-title-grid-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 7.5fr;
  }

  .page-2-title-heading-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
    order: -9999;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .page-2-title-desc-block {
    margin-top: 0;
  }

  .page-2-title-left-title-block {
    display: none;
  }

  .page-2-title-desc {
    width: 100%;
  }

  .page-2-title-image-block {
    height: 350px;
  }

  .page-2-title-image {
    object-position: 50% 15%;
  }

  .about-4-section-grid-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 5fr;
  }

  .about-4-single-image-block {
    height: 300px;
  }

  .about-4-section-content-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .about-4-desc-block {
    margin-top: 10px;
  }

  .about-4-btn-block {
    margin-top: 10px;
    margin-bottom: 0;
  }

  .about-4-counter-block {
    margin-left: 0;
  }

  .page-title-wraper {
    grid-template-columns: 1fr;
  }

  .team-slide {
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-title-3-section.section-padding-top {
    padding-bottom: 60px;
  }

  .page-title-3-wrap {
    flex-flow: column;
    display: flex;
  }

  .page-title-3-grid {
    grid-template-columns: 1fr;
  }

  .page-title-3-image-block {
    height: 300px;
  }

  .page-title-3-content-block {
    width: 100%;
  }

  .page-title-3-sepreater-block {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .page-title-3-desc-block {
    width: 100%;
  }

  .cta-3-section {
    height: auto;
  }

  .cta-3-section.section-padding {
    background-image: linear-gradient(#000c, #000c), url("https://cdn.prod.website-files.com/695b323f73edb530d9d03280/696f737ae5df7568ad795ecd_bg-image-4.avif");
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .cta-3-section-wrap {
    height: auto;
  }

  .cta-3-section-grid {
    grid-template-columns: 2fr;
    width: 100%;
    position: relative;
    inset: auto;
  }

  .cta-3-desc {
    width: 80%;
  }

  .cta-3-form-block, .cta-text-field {
    width: 100%;
  }

  .page-title-4-section {
    padding-top: var(--_spacings---section-padding);
    padding-bottom: var(--_spacings---section-padding);
    background-image: linear-gradient(#000000b3, #000000b3);
    background-position: 0 0;
    background-size: auto;
  }

  .page-title-4-image-block {
    height: 100%;
  }

  .page-title-4-grid-block {
    grid-template-columns: 1fr;
  }

  .page-title-4-content-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 4fr 8fr;
  }

  .page-title-4-desc-block {
    width: 100%;
  }

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

  .contact-grid {
    grid-template-columns: 7fr 5fr;
  }

  .contact-inner-block {
    padding: 30px 20px;
  }

  .contact-form-title {
    margin-bottom: 20px;
  }

  .map-block {
    height: 390px;
  }

  .page-title-5-section {
    padding-bottom: 60px;
  }

  .page-title-5-image-block {
    display: none;
  }

  .page-title-5-title-block {
    margin-bottom: 0;
  }

  .page-title-5-grid-block {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .page-title-5-desc-block {
    width: auto;
    top: auto;
  }

  .pagetitle-6-bootom-contant {
    margin-top: 30px;
  }

  .page-title-6-link-block {
    width: 100px;
    height: 100px;
  }

  .page-title-6-image-block {
    width: 100%;
    margin-left: 0;
  }

  .page-title-6-content-block {
    z-index: 1;
    position: relative;
  }

  .page-title-6-image-overlay {
    background-image: linear-gradient(to bottom, #00000080, #00000080), linear-gradient(270deg, var(--_color---transparent), var(--_color---black-opacity));
  }

  .page-title-6-image-inner {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .faq-tabs {
    margin-top: 30px;
  }

  .accordian-item {
    padding: 20px 15px;
  }

  .page-title-7-image-inner {
    display: none;
  }

  .pagetitle-7-desc-contant {
    margin-top: 10px;
  }

  .page-title-7-desc {
    text-align: center;
    width: 70%;
  }

  .team-detail-section-grid {
    grid-template-columns: 2fr;
  }

  .team-detail-inner-grid {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }

  .team-2-grid-block.style-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .page-title-8-wrap {
    padding-top: 10px;
  }

  .pagetitle-8-text {
    margin-bottom: 10px;
  }

  .page-title-8-desc-block {
    margin-bottom: 20px;
  }

  .page-title-8-desc {
    width: 80%;
  }

  .page-title-8-image-block {
    margin-top: 10px;
  }

  .service-single-section {
    padding-top: var(--_spacings---section-padding);
  }

  .service-single-grid {
    grid-template-columns: 2fr;
  }

  .service-single-heading {
    margin-bottom: 15px;
  }

  .service-detail-rich-block h2 {
    margin-bottom: 0;
  }

  .service-inner-grid-block, .service-detail-rich-wrap {
    margin-top: 20px;
  }

  .cta-4-section-grid {
    grid-template-columns: 1fr;
  }

  .cta-4-content-block {
    height: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .page-title-9-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .page-title-9-grid {
    grid-template-columns: 1fr;
  }

  .page-title-9-content-block.page-title-9 {
    margin-top: 20px;
  }

  .blog-single-grid {
    grid-template-columns: 2fr;
  }

  .page-title-9-desc-block {
    width: 100%;
  }

  .blog-single-image {
    height: auto;
  }

  .blog-single-rich-text h2 {
    margin-bottom: 5px;
  }

  .blog-single-rich-text blockquote {
    margin-top: 15px;
    padding: 20px 15px;
  }

  .categorie-banner-section {
    padding-top: var(--_spacings---section-padding);
    padding-bottom: var(--_spacings---section-padding);
    height: 100%;
  }

  .categorie-banner-heading-block {
    align-items: flex-start;
  }

  .pricing-1-section-inner {
    margin-top: 20px;
  }

  .pricing-2-section-grid {
    grid-template-columns: 4fr;
  }

  .cta-5-contant-block {
    padding: 30px 15px;
  }

  .cta-5-desc-block {
    width: 100%;
  }

  .authour-block.block-1 {
    display: none;
  }

  .pricing-tabs-wrap {
    padding: 30px 15px;
  }

  .pricing-rich-text li {
    width: 100%;
  }

  .pricing-title-block {
    margin-bottom: 15px;
  }

  .pricing-bottom-content-box {
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .product-banner-section.section-padding {
    height: auto;
    margin-top: -30px;
  }

  .product-banner-section-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    height: auto;
    margin-bottom: 10px;
    display: none;
  }

  .product-banner-title.product-3 {
    margin-left: 0;
  }

  .product-banner-image-block {
    width: 100%;
    height: 200px;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    transform: none;
  }

  .product-banner-image {
    display: block;
  }

  .pricing-single-grid {
    grid-template-columns: 2fr;
  }

  .pricing-section-heading {
    margin-bottom: 30px;
  }

  .pricing-single-inner-grid {
    margin-top: 30px;
  }

  .page-title-1-desc {
    width: 80%;
  }

  .info-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }

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

  .info-item-list.info-item-1, .info-item-list.info-item-2, .info-item-list.info-item-1, .info-item-list.info-item-2 {
    grid-template-rows: auto;
  }

  .color-item {
    width: 100%;
    height: 100%;
    padding: 10px;
  }

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

  .svg-icon {
    width: 30px;
    height: 30px;
  }

  .block-quote-box {
    padding: 30px;
  }

  .spacing.section-padding-top {
    padding-top: 60px;
  }

  .image-thumbnail {
    height: 230px;
  }

  .info-page-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .text-field-wrap {
    margin-bottom: 0;
  }

  .error-page-section {
    height: auto;
  }

  .service-2-section-sticky {
    height: 100%;
    position: relative;
    top: auto;
  }

  .privacy-policy-content-block {
    margin-bottom: 15px;
  }

  .cta-3-content-block {
    width: 83%;
  }

  .product-banner-heading-box {
    display: none;
  }

  .product-banner-image-overlay-block {
    z-index: 1;
    flex-flow: row;
    width: 100%;
    height: 100%;
    position: relative;
    transform: none;
  }

  .cart-wrap {
    position: absolute;
    inset: auto 50px auto auto;
  }

  .cart-wrap.cart-1 {
    right: 60px;
  }

  .team-block {
    margin-bottom: 5px;
  }

  .blog-2-section-inner {
    display: none;
  }

  .blog-2-section-inner:where(.w-variant-a1304aa9-f682-03e7-8cfc-8561d1034aac) {
    display: block;
  }

  .team-2-list {
    margin-top: 0;
  }

  .service-2-section-title.text-center {
    opacity: 1;
    font-size: var(--_typography---h2--h2-font-size);
    line-height: var(--_typography---h2--h2-line-hight);
    opacity: 1;
    font-size: var(--_typography---h2--h2-font-size);
    line-height: var(--_typography---h2--h2-line-hight);
    margin-bottom: 20px;
  }

  .testimonial-2-slider, .testimonial-2-slider:where(.w-variant-1f368fd1-42e2-277e-ed93-3ac2e54104b5) {
    margin-top: 100px;
  }

  .blog-section-desc {
    width: 90%;
  }

  .benefits-section-inner {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .service-2-section-wrap {
    height: 100%;
  }

  .contact-info-grid-block {
    margin-top: 20px;
  }

  .contact-info-block {
    padding: 20px 15px;
  }

  .faq-2-grid-block {
    grid-template-columns: 1fr;
  }

  .faq-section-contact-block {
    margin-top: 20px;
  }

  .accordian-3-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-info-section {
    padding-bottom: 60px;
  }

  .team-marquee-icon {
    width: 35px;
  }

  .second-footer-btn-2-icon {
    width: 25px;
  }

  .testimonial-tabs-inner {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .nav-2-icon {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
    display: inline-block;
    position: relative;
  }

  .servce-2-img {
    object-fit: cover;
  }

  .product-headeing {
    margin-bottom: 10px;
    display: block;
  }

  .counter-box, .team-block-1 {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---font-family--font-family: "Instrument Sans", sans-serif;
    --_typography---body--regular-font-size: 16px;
    --_typography---body--regular-line-hight: 26px;
    --_typography---font-weight--normal: 400;
    --_typography---h1--h1-font-size: 45px;
    --_typography---h1--h1-line-hight: 55px;
    --_typography---font-weight--bold: 700;
    --_typography---h2--h2-font-size: 35px;
    --_typography---h2--h2-line-hight: 45px;
    --_typography---font-weight--semibold: 600;
    --_typography---h3--h3-font-size: 26px;
    --_typography---h3--h3-line-hight: 36px;
    --_typography---h4--h4-font-size: 24px;
    --_typography---font-weight--medium: 500;
    --_typography---h5--h5-font-size: 18px;
    --_typography---h5--h5-line-hight: 28px;
    --_typography---h6--h6-font-size: 16px;
    --_typography---h6--h6-line-hight: 26px;
    --_typography---button--large-font-size: 16px;
    --_typography---button--large-line-hight: 26px;
    --_typography---button--samll-font-size: 14px;
    --_typography---button--small-line-hight: 24px;
    --_typography---h4--h4-line-hight: 34px;
    --_typography---body--small-font-size: 14px;
    --_typography---body--small-line-hight: 24px;
    --_layout-width---container-fluid: 100%;
    --_layout-width---conatiner: 100%;
  }

  .nav-logo-brand {
    height: 30px;
  }

  .nav-menu.menu-2 {
    margin-top: 10px;
  }

  .header-extra {
    display: none;
  }

  .nav-dropdown-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button.w--open {
    display: block;
  }

  .hero-section {
    padding-top: 27px;
  }

  .hero-icon-block {
    height: 30px;
  }

  .hero-image-block {
    display: none;
  }

  .hero-desc-block {
    width: 100%;
  }

  .hero-desc {
    text-align: center;
    margin-top: 10px;
  }

  .hero-content-flex {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-bottom: 0;
  }

  .hero-content-flex-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .hero-title-span {
    order: -9999;
    margin-top: 0;
    margin-left: -2px;
  }

  .hero-image-2-block {
    height: 250px;
    padding-bottom: 50px;
  }

  .circle-btn-block {
    width: 120px;
    height: 120px;
    padding: 5px;
  }

  .circle-overlay-block {
    width: 50px;
    height: 50px;
  }

  .circle-icon {
    width: 12px;
    height: 12px;
  }

  .about-section-content-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 5fr;
    margin-top: 15px;
  }

  .about-single-image {
    object-position: 50% 19%;
  }

  .about-section-content-inner {
    padding-top: 0;
  }

  .about-btn-block {
    margin-top: 15px;
  }

  .client-section-content-block {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .client-logo-wrap {
    padding: 20px 15px;
  }

  .client-logo-wrap.wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .client-logo.client-2 {
    width: 100%;
  }

  .blank {
    display: none;
  }

  .blank.block-1 {
    display: block;
  }

  .service-content-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .servicve-link-block {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .marquee-image {
    width: 40px;
    height: 40px;
  }

  .cta-section-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .cta-content-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .cta-desc-block {
    width: 100%;
  }

  .cta-btn-block {
    margin-top: 5px;
  }

  .counter-wrap {
    -webkit-backdrop-filter: blur();
    backdrop-filter: blur();
    width: 100%;
  }

  .counter-content-inner {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .cta-info-wrap {
    width: 100%;
    margin-top: 0;
    padding: 15px;
  }

  .testimonials-section-title-block {
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    bottom: -20px;
  }

  .testimonials-grid-block {
    margin-top: 30px;
  }

  .slider-arrow.arrow-right {
    bottom: -80px;
    right: 14px;
  }

  .slider-arrow.arrow-left {
    bottom: -80px;
    right: 60px;
  }

  .testimonial-author-content-wrap {
    height: 64px;
  }

  .testimonial-author-image-block {
    display: none;
  }

  .testimonial-author-title {
    margin-bottom: 5px;
  }

  .testimonial-reating-box.box-2.block-1:where(.w-variant-2814d927-d17d-4a0f-bd17-1d55aa049b9d) {
    display: none;
  }

  .blog-section-title-grid {
    place-items: stretch start;
  }

  .blog-section-title-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .blog-section-content-block {
    margin-top: 20px;
  }

  .blog-tabs-content {
    margin-top: 170px;
  }

  .blog-tabs-content:where(.w-variant-2814d927-d17d-4a0f-bd17-1d55aa049b9d) {
    margin-top: 140px;
  }

  .blog-tab-pane.block-2, .blog-tab-pane.block-3, .blog-tab-pane.block-4, .blog-tab-pane.block-2, .blog-tab-pane.block-3, .blog-tab-pane.block-4 {
    bottom: auto;
  }

  .blog-tabs-menu {
    justify-content: center;
  }

  .blog-desc-block {
    display: none;
  }

  .blog-grid-block {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .blog-tab-image-block {
    height: 100px;
  }

  .blog-tab-bottom {
    flex-flow: column;
    align-items: center;
    top: -140px;
  }

  .blog-tab-bottom:where(.w-variant-2814d927-d17d-4a0f-bd17-1d55aa049b9d) {
    margin-top: 0;
    top: 0;
  }

  .blog-right-block {
    text-align: center;
    order: 9999;
  }

  .frist-footer {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-bottom: 10px;
  }

  .footer-form-desc {
    margin-bottom: 15px;
  }

  .footer-form-content {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .footer-form-block {
    width: 100%;
  }

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

  .second-footer-grid {
    grid-template-columns: 8fr 4fr;
  }

  .footer-nav-grid {
    grid-template-columns: 5fr 7fr;
  }

  .footer-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .second-footer-title-block {
    flex-flow: wrap;
    display: none;
  }

  .second-footer-btn-block {
    width: 70px;
    height: 70px;
  }

  .second-footer-btn-icon {
    width: 30px;
    height: 30px;
  }

  .copyright-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .circle-image-box {
    width: 90px;
    height: 90px;
  }

  .hero-2-video {
    height: auto;
  }

  .avatar-2-client-block.block-2 {
    display: none;
  }

  .avatar-desc-block.block-1.block3 {
    width: 35%;
  }

  .hero-2-section-heading, .about-2-section-marquee-block {
    margin-top: 0;
  }

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

  .about-2-single-image-block {
    height: 400px;
  }

  .about-2-single-image {
    object-position: 50% 15%;
  }

  .about-2-btn-block {
    margin-top: 30px;
  }

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

  .counter-2-contain-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: center;
    display: flex;
  }

  .counter-2-contain-block.block-1 {
    flex-flow: column;
  }

  .counter-2-desc {
    text-align: center;
  }

  .service-2-image-2 {
    height: 200px;
  }

  .service-2-image-overlay-block {
    height: 100%;
  }

  .service-2-title-block {
    padding: 15px;
  }

  .benefits-section-title-block {
    margin-bottom: 20px;
  }

  .accordian-desc-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .testimonials-2-section-grid {
    margin-top: 120px;
  }

  .testimonial-tabs-menu {
    top: -95px;
    bottom: auto;
    right: auto;
  }

  .testimonial-2-tabs-content {
    grid-template-columns: 12fr;
  }

  .testimonial-2-image-block {
    height: 250px;
    display: none;
  }

  .testimonial-2-image {
    object-position: 50% 50%;
  }

  .testimonial-2-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .testimonial-block-quote {
    font-size: var(--_typography---h4--h4-font-size);
    line-height: var(--_typography---h4--h4-line-hight);
  }

  .service-2-grid-wrap {
    grid-template-columns: 1fr 1fr;
  }

  .service-link-block {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .cta-2-section.section-padding {
    height: 100%;
  }

  .cta-2-desc-block {
    width: 80%;
  }

  .blog-2-link-block {
    width: 100%;
  }

  .blog-2-content-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-items: flex-start;
    margin-top: 15px;
    padding-top: 10px;
  }

  .blog-2-content-block:where(.w-variant-a1304aa9-f682-03e7-8cfc-8561d1034aac) {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
  }

  .blog-2-date-block {
    align-items: center;
    margin-top: 4px;
  }

  .blog-2-date {
    font-size: var(--_typography---body--regular-font-size);
    line-height: var(--_typography---body--regular-line-hight);
    font-weight: var(--_typography---font-weight--medium);
  }

  .blog-2-date.block-2 {
    margin-top: 0;
  }

  .blog-slider {
    height: 100%;
  }

  .blog-mask {
    width: 50%;
    height: auto;
  }

  .block-slide-block {
    height: auto;
  }

  .service-2-mask-block {
    width: 50%;
  }

  .page-title-grid-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 15px;
  }

  .page-title-grid-block.block-2 {
    margin-bottom: 0;
  }

  .page-title-content-block, .pagetitle-text.text, .pagetitle-text.text {
    margin-top: 0;
  }

  .page-title-desc {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    display: block;
  }

  .page-title-righ-content-block {
    display: none;
  }

  .pagetitle-btn-blcok {
    justify-content: flex-start;
  }

  .page-title-image-overlay {
    display: none;
  }

  .page-title-image-block {
    order: 9999;
    height: 200px;
  }

  .page-title-image-block.block-1 {
    height: auto;
    display: none;
  }

  .about-3-single-image-block.block-2 {
    height: 300px;
  }

  .about-3-content-block {
    grid-template-columns: 1fr;
    display: block;
  }

  .about-3-counter-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    bottom: 0%;
  }

  .about-3-desc-block {
    margin-top: 20px;
  }

  .team-section-wrap {
    margin-top: 15px;
  }

  .team-section-wrap.style-2 {
    grid-row-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .team-image-block.block-1 {
    width: 143px;
  }

  .team-top-content-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .team-social-list {
    margin-right: 5px;
  }

  .team-social-icon-block, .team-social-link-block {
    width: 35px;
    height: 35px;
  }

  .team-content-wrap {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .team-mask-block {
    width: 50%;
  }

  .page-2-title-grid-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .page-2-title-left-title-block {
    display: none;
  }

  .page-2-title-desc {
    width: 100%;
  }

  .about-4-counter-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
  }

  .counter-3-contain-block {
    padding: 10px;
  }

  .page-title-wraper {
    flex-flow: column;
    display: flex;
  }

  .page-title-3-sepreater-block {
    margin-top: 15px;
    margin-bottom: 15px;
    display: none;
  }

  .page-title-3-desc-block {
    margin-top: 10px;
  }

  .page-title-3-desc {
    display: none;
  }

  .cta-3-desc, .cta-3-form-wrap {
    width: 100%;
  }

  .page-title-4-image-block {
    height: 200px;
  }

  .page-title-4-content-block {
    grid-template-columns: 1fr;
  }

  .page-title-4-btn-block {
    margin-top: 20px;
  }

  .contact-social-link {
    flex-flow: wrap;
  }

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

  .map-block {
    height: 300px;
    overflow: hidden;
  }

  .page-title-5-title-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap;
    justify-content: center;
  }

  .page-title-5-image-2-block {
    display: none;
  }

  .page-title-5-btn-block {
    order: 9999;
    margin-left: 0;
    display: none;
  }

  .page-title-5-desc-block {
    padding: 15px;
  }

  .page-title-5-desc {
    width: 100%;
  }

  .page-title-6-section {
    position: relative;
  }

  .pagetitle-6-bootom-contant {
    margin-top: 15px;
  }

  .page-title-6-link-block {
    width: 100px;
    height: 100px;
    padding: 15px;
  }

  .page-title-6-desc {
    width: 100%;
  }

  .accordian-icon-block {
    margin-left: 10px;
  }

  .page-title-7-desc {
    width: 100%;
  }

  .team-detail-inner-grid {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .team-detail-image-block {
    width: 100%;
    height: 350px;
  }

  .team-detail-thumbnail {
    object-position: 50% 0%;
  }

  .team-detail-content-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .team-2-grid-block {
    grid-row-gap: 0px;
    grid-template-columns: 1fr 1fr;
    justify-content: space-around;
  }

  .page-title-overlay {
    height: 100%;
  }

  .page-title-8-wrap {
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .page-title-8-desc-block {
    margin-top: 0;
  }

  .page-title-8-desc {
    width: 100%;
  }

  .page-title-8-image-block {
    height: auto;
    margin-top: 15px;
  }

  .service-inner-grid-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 4fr;
  }

  .cta-4-content-block {
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-title-9-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .page-title-9-content-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    width: 100%;
  }

  .page-title-9-content-block.page-title-9 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .page-title-9-heading {
    order: -9999;
  }

  .page-title-9-image-block {
    width: 100%;
    height: 100%;
  }

  .blog-single-section-heading {
    margin-bottom: 20px;
  }

  .blog-single-author-info-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 20px;
  }

  .page-title-9-desc-block {
    display: none;
  }

  .blog-single-rich-text {
    margin-top: 20px;
  }

  .categorie-banner-section {
    background-image: linear-gradient(to bottom, var(--_color---black-opacity), var(--_color---black-opacity));
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .categorie-banner-grid {
    grid-template-columns: 7fr;
  }

  .categorie-banner-desc {
    width: 80%;
  }

  .pricing-2-section-grid {
    grid-template-columns: 4fr;
  }

  .pricing-tabs-content-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .pricing-bottom-content-box {
    flex-flow: wrap;
  }

  .pricing-price-title.title-1 {
    margin-bottom: 20px;
  }

  .product-banner-section.section-padding {
    height: 100%;
  }

  .product-banner-image-block {
    height: 300px;
  }

  .pricing-single-image-block {
    height: auto;
  }

  .pricing-single-inner-grid {
    grid-template-columns: 1fr;
  }

  .pricing-conatin-box {
    padding: 20px;
  }

  .pricing-price-block {
    margin-bottom: 15px;
  }

  .page-title-1-desc {
    width: 100%;
  }

  .info-item-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

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

  .info-item-list.info-item-2 {
    grid-template-columns: 1fr;
  }

  .spacing-item {
    grid-template-columns: 1fr 1fr;
  }

  .info-page-image-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .image-thumbnail {
    height: 200px;
  }

  .utility-error-desc {
    width: 100%;
  }

  .blog-btn-block {
    margin-top: 0;
  }

  .cta-3-content-block {
    width: 100%;
  }

  .box-shadow-item {
    flex-flow: wrap;
  }

  .info-video-block {
    height: 200px;
  }

  .product-banner-inner, .product-banner-image-overlay-block {
    height: 100%;
  }

  .brad-icon-block {
    height: 40px;
  }

  .blog-2-section-inner {
    display: none;
  }

  .blog-2-section-inner:where(.w-variant-a1304aa9-f682-03e7-8cfc-8561d1034aac) {
    display: block;
  }

  .team-3-grid-block {
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-2-slider {
    margin-top: 0;
  }

  .blog-section-desc-block {
    display: none;
  }

  .blog-section-desc {
    width: 100%;
  }

  .benefits-section-inner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .pricing-sepreater-block {
    display: none;
  }

  .contact-info-grid-block {
    grid-template-columns: 1fr 1fr;
  }

  .cta-1-content-block {
    flex-flow: wrap;
  }

  .cta-image-overlay {
    background-image: linear-gradient(#0009, #0009);
  }
}

@media screen and (max-width: 479px) {
  body {
    --_typography---font-family--font-family: "Instrument Sans", sans-serif;
    --_typography---body--regular-font-size: 15px;
    --_typography---body--regular-line-hight: 25px;
    --_typography---font-weight--normal: 400;
    --_typography---h1--h1-font-size: 40px;
    --_typography---h1--h1-line-hight: 50px;
    --_typography---font-weight--bold: 700;
    --_typography---h2--h2-font-size: 28px;
    --_typography---h2--h2-line-hight: 38px;
    --_typography---font-weight--semibold: 600;
    --_typography---h3--h3-font-size: 24px;
    --_typography---h3--h3-line-hight: 34px;
    --_typography---h4--h4-font-size: 20px;
    --_typography---font-weight--medium: 500;
    --_typography---h5--h5-font-size: 18px;
    --_typography---h5--h5-line-hight: 28px;
    --_typography---h6--h6-font-size: 16px;
    --_typography---h6--h6-line-hight: 26px;
    --_typography---button--large-font-size: 15px;
    --_typography---button--large-line-hight: 25px;
    --_typography---button--samll-font-size: 14px;
    --_typography---button--small-line-hight: 24px;
    --_typography---h4--h4-line-hight: 30px;
    --_typography---body--small-font-size: 14px;
    --_typography---body--small-line-hight: 24px;
    --_layout-width---container-fluid: 100%;
    --_layout-width---conatiner: 100%;
    --_spacings---section-padding: 50px;
  }

  .nav-menu.menu-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-left: 0;
    margin-right: 0;
  }

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

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

  .btn-block.submit-btn {
    width: 100%;
  }

  .btn-block.cart-btn-block {
    margin-top: 10px;
  }

  .nav-dropdown-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 6fr 6fr;
    padding: 20px 10px;
  }

  .nav-droupdown-item-block.nav-dropdown-item-1 {
    align-items: flex-start;
  }

  .menu-button.w--open, .menu-icon {
    background-color: var(--_color---transparent);
  }

  .hero-section {
    padding-bottom: 40px;
  }

  .hero-content-flex, .hero-content-flex-2 {
    margin-bottom: 0;
  }

  .hero-image-2-block {
    display: none;
  }

  .about-section-content-block {
    justify-items: center;
  }

  .about-single-image-block {
    height: 100%;
  }

  .about-single-image-block.block-3 {
    height: 200px;
  }

  .about-single-image {
    margin-top: 0;
  }

  .about-section-content-inner {
    padding-top: 0;
  }

  .about-desc-block, .about-desc {
    display: none;
  }

  .client-section-content-block {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 35px;
  }

  .client-logo-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .blank.block-1 {
    display: none;
  }

  .service-content-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .service-prititle-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .marquee-section {
    margin-top: 15px;
  }

  .cta-section.section-padding {
    background-image: linear-gradient(#000000d9, #000000d9);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .cta-content-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .cta-desc-block {
    display: none;
  }

  .counter-content-inner {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    padding: 20px 15px;
  }

  .counter-content-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto;
    grid-template-columns: 4fr 10fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: grid;
  }

  .counter-desc {
    text-align: left;
    margin-top: 0;
  }

  .cta-info-wrap {
    padding: 15px;
  }

  .cta-info-image-block {
    display: none;
  }

  .cta-info-content {
    width: 100%;
  }

  .cta-info-title {
    margin-bottom: 0;
  }

  .testimonials-section.section-padding-bottom {
    padding-top: 48px;
  }

  .testimonials-section-title-block {
    margin-left: 0;
    margin-right: 0;
    bottom: -20px;
  }

  .testimonials-flex-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .testimonial-slider {
    overflow: hidden;
  }

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

  .slider-arrow.arrow-right {
    height: 40px;
    bottom: -76px;
    right: 20px;
  }

  .slider-arrow.arrow-left {
    bottom: -76px;
    right: 70px;
  }

  .testimonial-contain-block {
    overflow: hidden;
  }

  .slider-arrow-overlay {
    top: 5px;
  }

  .slider-arrow-block {
    width: 25px;
  }

  .testimonial-desc {
    font-size: var(--_typography---h4--h4-font-size);
    line-height: var(--_typography---h4--h4-line-hight);
    white-space: pre-wrap;
  }

  .testimonial-author-content-wrap {
    width: 100%;
    height: 67px;
  }

  .testimonial-author-content-block {
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    height: 100%;
  }

  .testimonial-author-content-block.block-1 {
    width: 100%;
    height: 100%;
  }

  .testimonial-author-image-block, .cta-block {
    display: none;
  }

  .blog-tabs {
    margin-top: 130px;
  }

  .blog-tabs-content {
    margin-top: 0;
  }

  .blog-tab-pane.block-1 {
    height: 100%;
  }

  .blog-image-block {
    height: 150px;
  }

  .blog-content-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .blog-tabs-menu {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: center;
    width: 100%;
    margin-top: 0;
    position: absolute;
    top: -85px;
  }

  .blog-grid-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .blog-tab-image-block {
    height: 70px;
  }

  .blog-tab-bottom {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 0;
    top: -20px;
  }

  .footer-form {
    flex-flow: column;
  }

  .second-footer-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .footer-social-list {
    margin-top: 15px;
  }

  .footer-social-block {
    width: 40px;
    height: 40px;
    padding: 5px;
  }

  .footer-nav-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .footer-nav-link {
    padding: 5px;
  }

  .footer-contact-link-block.block-2 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    margin-top: 10px;
  }

  .bottom-footer {
    padding: 20px;
  }

  .copyright-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .copyright-list {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .hero-2-section {
    padding-top: 50px;
  }

  .avatar-2-client-block.block-2 {
    width: 63%;
  }

  .about-2-section-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .about-2-single-image-block {
    height: 200px;
  }

  .about-2-section-content-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: center;
  }

  .about-2-desc-block {
    display: none;
  }

  .about-2-btn-block {
    margin-top: 20px;
  }

  .counter-2-grid {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .counter-2-contain-block.block-1 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
  }

  .service-2-title-block {
    padding: 10px;
  }

  .service-2-title {
    font-size: var(--_typography---h6--h6-font-size);
    line-height: var(--_typography---h6--h6-line-hight);
  }

  .benefits-section-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .benefits-icon-block {
    display: none;
  }

  .testimonial-tabs-menu {
    flex-flow: wrap;
  }

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

  .service-2-grid-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .cta-2-section {
    height: 300px;
  }

  .cta-2-section-wrap {
    height: 100%;
  }

  .cta-2-content-block {
    position: relative;
  }

  .cta-2-desc-block {
    width: 100%;
  }

  .cta-2-desc {
    display: none;
  }

  .cta-2-btn-block {
    margin-top: 10px;
  }

  .client-2-desc-block {
    display: none;
  }

  .client-2-image-block-group {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    display: flex;
  }

  .client-2-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .client-2-logo-wrap {
    height: 100%;
  }

  .client-2-logo-wrap.block-2, .client-2-logo-wrap.block-3 {
    border-radius: var(--border-radius--small);
  }

  .client-2-logo-wrap.block-1 {
    border-radius: var(--border-radius--small);
    height: 100%;
  }

  .client-2-logo-wrap.block-2, .client-2-logo-wrap.block-3 {
    border-radius: var(--border-radius--small);
  }

  .client-2-logo-wrap.block-4 {
    border-top-right-radius: var(--border-radius--small);
    border-bottom-right-radius: var(--border-radius--small);
  }

  .client-2-logo-wrap.block-5 {
    border-top-left-radius: var(--border-radius--small);
    border-bottom-left-radius: var(--border-radius--small);
  }

  .client-2-logo-wrap.block-6 {
    border-top-left-radius: var(--border-radius--small);
    border-top-right-radius: var(--border-radius--small);
  }

  .blog-2-section.section-padding-bottom {
    padding-top: 38px;
  }

  .blog-2-section-title-block {
    bottom: 5%;
  }

  .blog-2-grid-block {
    grid-template-columns: 1fr;
  }

  .hero-2-section-title {
    text-align: center;
  }

  .navbar-2-inner-block {
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-mask, .service-2-mask-block {
    width: 100%;
  }

  .page-title-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .page-title-content-block {
    margin-top: 10px;
  }

  .page-title-image-block {
    height: auto;
  }

  .about-3-single-image-block.block-2 {
    height: 200px;
  }

  .about-3-content-block {
    margin-top: 10px;
    display: block;
  }

  .about-3-counter-block {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .about-3-desc-block {
    text-align: center;
    margin-top: 5px;
  }

  .team-section.section-padding-bottom {
    padding-top: 40px;
  }

  .team-grid-block {
    grid-template-columns: 1fr;
  }

  .team-mask-block {
    width: 100%;
  }

  .page-2-title-image-block {
    display: none;
  }

  .about-4-counter-block {
    flex-flow: column;
    align-items: flex-start;
  }

  .counter-3-contain-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: row;
  }

  .shipping-price {
    flex: none;
  }

  .about-3-desc {
    display: none;
  }

  .page-title-3-section.section-padding-top {
    padding-bottom: 50px;
  }

  .page-title-3-image-block {
    height: auto;
  }

  .cta-3-section.section-padding {
    background-image: linear-gradient(#000c, #000c);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .cta-3-form {
    flex-flow: column;
  }

  .page-title-4-image-block {
    height: 100%;
  }

  .contact-social-link {
    justify-content: center;
  }

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

  .contact-form-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .page-title-6-link-block {
    text-align: center;
    width: 60px;
    height: 60px;
  }

  .page-title-6-desc {
    display: none;
  }

  .accordian-toggle {
    padding-left: 15px;
    padding-right: 15px;
  }

  .accordian-icon-block {
    width: 40px;
    height: 18px;
  }

  .accordian-icon.icon-2 {
    width: 20px;
  }

  .team-detail-image-block {
    height: 100%;
  }

  .team-detail-info-list-item {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 3fr;
  }

  .team-deatil-desc-2 {
    margin-top: 10px;
  }

  .team-2-grid-block {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .page-title-8-wrap {
    padding-bottom: 50px;
  }

  .page-title-8-desc-block {
    display: none;
  }

  .page-title-9-content-block {
    margin-bottom: -10px;
  }

  .page-title-9-content-block.page-title-9 {
    margin-top: 5px;
  }

  .page-title-9-image-block {
    margin-top: 0;
  }

  .blog-image-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .categorie-banner-desc {
    width: 100%;
  }

  .cta-5-desc-block {
    margin-top: 10px;
  }

  .pricing-bottom-content-box {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 15px;
    padding: 10px 10px 15px;
  }

  .product-banner-section.section-padding {
    margin-top: -27px;
  }

  .product-banner-section-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .product-banner-title {
    flex: none;
  }

  .product-banner-title.product-3 {
    margin-top: 0;
    margin-left: 0;
  }

  .pricing-section-heading {
    margin-bottom: 20px;
  }

  .pricing-conatin-box {
    padding-left: 15px;
    padding-right: 15px;
  }

  .info-item-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr;
  }

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

  .info-inner-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .info-inner-item.info-item-3 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .favicon-icon.icon-1 {
    height: 52px;
  }

  .heading-item {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .heading-text-box {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
  }

  .info-content-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .block-quote-box {
    padding: 20px;
  }

  .spacing-item {
    grid-template-columns: 1fr;
  }

  .spacing.section-padding-top {
    padding-top: 50px;
  }

  .info-page-image-grid {
    grid-template-columns: 1fr;
  }

  .info-page-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .utility-image {
    margin-bottom: 10px;
  }

  .info-page-video-box {
    grid-template-columns: 1fr;
  }

  .order-content {
    margin-left: 0;
    margin-right: 0;
  }

  .team-3-grid-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .contact-info-grid-block {
    grid-template-columns: 1fr;
  }

  .faq-section-contact-block {
    margin-top: 15px;
  }

  .contact-info-section {
    padding-bottom: 50px;
  }

  .team-list {
    align-self: flex-start;
  }
}

#w-node-fd2194da-02b4-31ec-5b34-c328c18a84ac-c6cef1d3, #w-node-_65a19e6f-16d0-4abc-5935-eef2a2fafede-c6cef1d3 {
  align-self: end;
}

#w-node-_9098d8ed-f896-cac2-8f63-d73d94af0f2f-c6cef1d3 {
  order: 9999;
}

#w-node-_7417ea35-1d82-4688-0717-94fa2ee540a0-c6cef1d3 {
  align-self: start;
}

#w-node-_77796b7e-9b24-27fe-bdee-c873edc29ad9-edc29acc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1d5e928f-0c7d-5732-a348-db39c159a22a-c159a220 {
  align-self: end;
}

@media screen and (min-width: 1440px) {
  #w-node-_9098d8ed-f896-cac2-8f63-d73d94af0f30-c6cef1d3 {
    align-self: end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-fd2194da-02b4-31ec-5b34-c328c18a84ac-c6cef1d3 {
    order: 9999;
  }

  #w-node-_65a19e6f-16d0-4abc-5935-eef2a2fafede-c6cef1d3 {
    align-self: start;
  }

  #w-node-_9098d8ed-f896-cac2-8f63-d73d94af0f2f-c6cef1d3, #w-node-_6cd73c46-16aa-774a-6a3a-e4fbf01abb7f-f01abb6b {
    order: -9999;
  }

  #w-node-_6cd73c46-16aa-774a-6a3a-e4fbf01abb9c-f01abb6b {
    order: 9999;
    grid-area: 2 / 1 / 3 / 3;
    justify-self: start;
  }

  #w-node-_77796b7e-9b24-27fe-bdee-c873edc29ae5-edc29acc, #w-node-ad6ddf39-e593-856d-0de7-03275faaf0bd-edc29acc {
    order: 9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_6cd73c46-16aa-774a-6a3a-e4fbf01abb9c-f01abb6b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_11cb3055-76ac-fd98-724d-ff46cfb0b0e9-cfb0b0ab {
    grid-area: 2 / 1 / 3 / 3;
  }
}