:root {
  --color--body-light: #16181b;
  --color--body-text-light: #bebebe;
  --color--white: white;
  --heading-one-font--h1-s: 110px;
  --heading-one-font--h1-d: 160px;
  --heading-one-font--h1-t: 75px;
  --heading-one-font--h1-l: 60px;
  --heading-one-font--h1-m: 45px;
  --heading-two-font--h2-s: 50px;
  --heading-two-font--h2-t: 45px;
  --heading-two-font--h2-l: 40px;
  --heading-two-font--h2-m: 35px;
  --heading-three-font--h3-s: 40px;
  --heading-three-font--h3-t: 35px;
  --heading-three-font--h3-l: 30px;
  --heading-four-font--h4-s: 30px;
  --heading-four-font--h4-l: 25px;
  --heading-five-font--h5-s: 24px;
  --heading-five-font--h5-l: 20px;
  --heading-six-font--h6-s: 20px;
  --heading-six-font--h6-l: 16px;
  --color--black: #000;
  --color--body-dark: #0b0c0e;
  --color--body-text-dark: #717171;
  --color--grey-text: #575757;
  --heading-six-font--flex-size: .75px;
}

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

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

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

body {
  background-color: var(--color--body-light);
  color: var(--color--body-text-light);
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 1.62;
}

h1 {
  color: var(--color--white);
  font-family: Inter Tight, sans-serif;
  font-size: var(--heading-one-font--h1-s);
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 1.06;
}

h2 {
  color: var(--color--white);
  font-family: Inter Tight, sans-serif;
  font-size: var(--heading-two-font--h2-s);
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}

h3 {
  color: var(--color--white);
  font-family: Inter Tight, sans-serif;
  font-size: var(--heading-three-font--h3-s);
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.25;
}

h4 {
  color: var(--color--white);
  font-family: Inter Tight, sans-serif;
  font-size: var(--heading-four-font--h4-s);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.33;
}

h5 {
  color: var(--color--white);
  font-family: Inter Tight, sans-serif;
  font-size: var(--heading-five-font--h5-s);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.41;
}

h6 {
  color: var(--color--white);
  font-family: Inter Tight, sans-serif;
  font-size: var(--heading-six-font--h6-s);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.5;
}

p {
  margin-bottom: 10px;
}

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

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 30px;
}

blockquote {
  border-left: 1.43px solid #e2e2e2;
  padding: 0 20px 0 10px;
  font-size: 16px;
  line-height: 1.62;
}

.dropdown-toggle {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 20px;
  display: flex;
}

.navber-main {
  z-index: 9999;
  position: absolute;
  inset: 0% 0% auto;
}

.nav-toggle-box {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  cursor: pointer;
  border-left: 1px solid #fff;
  flex-flow: column;
  flex: 1;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  display: flex;
}

.nav-menu-link {
  color: #fff;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  font-weight: 500;
}

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

.navbar {
  background-color: #ddd0;
  padding-left: 15px;
  padding-right: 15px;
}

.toggle-line {
  background-color: #fff;
  border-radius: 100px;
  width: 31px;
  height: 2px;
}

.toggle-line.last-line {
  width: 15px;
}

.nav-cart {
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

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

.navbar-container {
  max-width: 1596px;
  margin-left: auto;
  margin-right: auto;
}

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

.nav-menu {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: static;
}

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

.auto-fit {
  object-fit: cover;
}

.auto-fit.tab-image-full-width.image-slide-effect {
  width: 120%;
  max-width: none;
  height: 120%;
}

.auto-fit.tab-image-full-width.image-shadow {
  box-shadow: 0 80px 120px #000c;
}

.auto-fit.tab-image-full-width.rotate-img-one {
  z-index: 3;
  transform: scale(1.2);
}

.auto-fit.tab-image-full-width.rotate-img-two {
  z-index: 2;
  position: absolute;
  inset: 0%;
  transform: scale(1.2);
}

.auto-fit.tab-image-full-width.rotate-img-three {
  z-index: 1;
  position: absolute;
  inset: 0%;
  transform: scale(1.2);
}

.auto-fit.tab-image-full-width.about-hero-image {
  width: 110%;
  max-width: none;
  height: 120%;
}

.auto-fit.tab-image-full-width.one, .auto-fit.tab-image-full-width.two, .auto-fit.tab-image-full-width.three {
  position: absolute;
  inset: 0%;
}

.auto-fit.tab-image-full-width.main.is-size {
  transform: scale(.9);
}

.auto-fit.tab-image-full-width.is-radius {
  border-radius: 20px;
}

.auto-fit.image-full-width {
  width: 100%;
  height: 100%;
}

.auto-fit.service-image-five {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.auto-fit.service-image-two {
  z-index: 5;
  position: absolute;
  inset: 0%;
}

.auto-fit.service-img-one {
  z-index: 6;
  position: relative;
}

.auto-fit.service-image-four {
  z-index: 3;
  position: absolute;
  inset: 0%;
}

.auto-fit.service-image-three {
  z-index: 4;
  position: absolute;
  inset: 0%;
}

.auto-fit.service-image-six {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.auto-fit.rotate-img-one {
  position: relative;
}

.auto-fit.news-bg-image {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 10% 0% 0%;
}

.auto-fit.display-off {
  display: none;
}

.auto-fit.image-slide-effect {
  width: 100%;
  max-width: none;
  height: 120%;
}

.auto-fit.is-radius {
  border-radius: 20px;
}

.hero-social-icon {
  background-color: #ffffff1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 43px;
  display: flex;
}

.hero-button-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-button-arrow.process-hero-arrow-box {
  z-index: 5;
  margin-top: -35px;
  position: relative;
}

.margin-remove {
  margin-top: 0;
  margin-bottom: 0;
}

.margin-remove.change-font-color, .margin-remove.text-color-body-dark {
  color: #717171;
}

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

.margin-remove.text-center.heading-two-bottom-padding.change-color-white {
  color: var(--color--white);
  text-transform: uppercase;
  padding-bottom: 20px;
}

.margin-remove.text-center.text-color-black-2.text-capitalize {
  text-transform: uppercase;
}

.margin-remove.text-body-dark {
  color: #717171;
}

.margin-remove.text-color-black.is-case {
  text-transform: none;
}

.margin-remove.change-font-style.change-color-white, .margin-remove.text-color-white, .margin-remove.change-color-white {
  color: var(--color--white);
  text-transform: uppercase;
}

.margin-remove.change-color-body-color {
  color: var(--color--body-text-light);
}

.banner-social-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.banner-social-icon-wrapper.change-position {
  justify-content: flex-start;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 0;
  position: static;
}

.heading-five-bottom-padding {
  padding-bottom: 20px;
}

.change-style-font {
  text-transform: uppercase;
  font-family: Italiana, sans-serif;
}

.change-style-font.margin-remove.text-center {
  text-align: center;
}

.social-icon-contect {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-left: 25px;
  display: flex;
}

.social-icon-contect.chnage-padding-left {
  padding-left: 0;
}

.heading-style-h5 {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.41;
}

.heading-style-h5.text-center {
  text-align: center;
}

.heading-style-h5.catagary-name-text {
  color: #0b0c0e;
}

.heading-style-h5.catagary-name-text.is-case {
  text-transform: none;
}

.heading-style-h5.catagary-name-text.is-case.is-color {
  color: #fff;
}

.heading-style-h5.customer-review-text {
  color: #bebebe;
}

.heading-style-h5.item-name {
  color: #ffffff4d;
}

.heading-style-h5.item-name.is-case {
  text-transform: none;
}

.heading-style-h5.item-name.is-case.is-color {
  color: #fff;
}

.heading-style-h1 {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 110px;
  line-height: 1.06;
}

.heading-style-h1.text-color-black {
  color: var(--color--black);
}

.heading-style-h1.text-color-chnage {
  color: #ffffff4d;
}

.heading-style-h2 {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.2;
}

.heading-style-h2.service-name.one, .heading-style-h2.text-color-black, .heading-style-h2.text-color-black.landskape-font-change {
  color: var(--color--black);
}

.heading-style-h2.service-name {
  z-index: 1;
  color: #575757;
  position: relative;
}

.heading-style-h2.service-name.six.is-case.is-color, .heading-style-h2.service-name.two.is-case.is-color, .heading-style-h2.service-name.seven.is-case.is-color {
  color: #fff6;
}

.heading-style-h2.service-name.one {
  color: #000;
}

.heading-style-h2.service-name.one.is-case.is-color, .heading-style-h2.service-name.five.is-case.is-color, .heading-style-h2.service-name.three.is-case.is-color {
  color: #fff6;
}

.heading-style-h2.item-number {
  color: #ffffff4d;
}

.heading-style-h2.item-number.is-color {
  color: #fff;
}

.heading-style-h2.is-case {
  text-transform: none;
}

.heading-style-h2.is-case.is-color {
  color: #000;
}

.heading-style-h2.is-case.is-opacity {
  opacity: .3;
}

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

.counter-box {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  display: flex;
}

.subheading-text {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

.subheading-text.text-color-black {
  color: var(--color--black);
}

.container {
  max-width: 1320px;
  padding-left: 15px;
  padding-right: 15px;
}

.container.change-position {
  z-index: 5;
  position: relative;
}

.container.change-sizing {
  height: 100%;
}

.dot-box {
  background-color: #fff;
  border-radius: 50%;
  width: 5px;
  height: 5px;
}

.dot-box.dot-color-black {
  background-color: #000;
}

.portfolio-gallery-image-button {
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
  background-color: #a8a8a826;
  border: 1px solid #ffffff26;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  display: flex;
  position: absolute;
}

.marketing-main-container {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: stretch;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.font-medium {
  color: var(--color--white);
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 1.1;
}

.content-heading {
  max-width: 345px;
}

.portfolio-catagory {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.portfolio-main-gallery-box {
  perspective: 2000px;
}

.white-overlay-box {
  background-color: var(--color--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 65%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.catagory-dot {
  background-color: #fff;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.portfolio-content-wrapper {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  perspective: 2000px;
  flex-flow: column;
  display: flex;
  position: relative;
}

.marketing-content-right-part {
  z-index: 1;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.right-image-content {
  height: 100%;
  position: relative;
}

.text-marque-train {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-right: 30px;
  display: flex;
}

.home-one-portfolio {
  z-index: 9;
  margin-top: 20%;
  padding-bottom: 130px;
  position: relative;
}

.marketing-content-box {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.portfolio-heading {
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.left-portfolio-part {
  background-color: #fff;
  border-radius: 0 2000% 2000% 0%;
  width: 30%;
  margin-top: -25%;
  margin-bottom: -25%;
  margin-left: -20%;
}

.left-portfolio-part.change-portfilo-right {
  border-radius: 500% 0% 0% 500%;
  margin-left: 0;
  margin-right: -20%;
}

.home-one-portfolio-style {
  z-index: 1;
  pointer-events: none;
  justify-content: space-between;
  height: 100vh;
  display: none;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.image-box-relative {
  position: relative;
}

.heading-style-h6 {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.heading-style-h6.service-list-number.one.is-opacity, .heading-style-h6.service-list-number.is-opacity {
  opacity: .3;
}

.heading-style-h6.item-number.is-color {
  color: var(--color--black);
}

.portfolio-img-details-part {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.portfolio-image-box {
  width: 100%;
  height: 400px;
  position: relative;
}

.portfolio-image-box.home-one-change {
  height: 700px;
}

.white-overlay-section {
  z-index: 2;
  justify-content: center;
  align-items: flex-end;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.home-one-service {
  z-index: 1;
  background-color: var(--color--body-light);
  position: sticky;
  top: 60px;
  overflow: hidden;
}

.portfolio-gallery {
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-bottom-line {
  background-color: #fff3;
  width: 180px;
  max-width: 180px;
  height: 3px;
}

.button-content {
  overflow: hidden;
}

.arrow-box {
  border: 1px solid #e7d2d2;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.arrow-box.is-background {
  background-color: #000;
  border-width: 0;
}

.arrow-box.is-background.inactive {
  background-color: #0000;
  border-width: 1px;
  border-color: #000;
}

.service-line {
  width: 100%;
  position: absolute;
}

.service-line.bottom {
  justify-content: center;
  align-items: center;
  display: flex;
  inset: auto 0% 0%;
}

.button-main {
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
  padding: 20px 22px;
  text-decoration: none;
  position: relative;
}

.button-main.button-border-change {
  border-top-width: .6px;
  border-top-color: #0b0c0e;
  border-bottom-width: .6px;
  border-bottom-color: #0b0c0e;
}

.button-main.password-button {
  text-transform: uppercase;
  background-color: #3898ec00;
  width: 100%;
}

.button-main.cart-button {
  color: #0b0c0e;
  border-top-width: 1px;
  border-top-color: #000;
  border-bottom-width: 1px;
  border-bottom-color: #000;
  border-radius: 0;
}

.button-main.is-background {
  background-color: #000;
}

.button-main.is-background.is-align {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.item-icon-box {
  z-index: 1;
  opacity: 0;
  position: absolute;
  inset: -15% 15% 0% auto;
}

.item-icon-box.change-position {
  top: -5%;
}

.item-icon-box.bottom-position {
  top: -20%;
}

.item-icon-box.is-opacity {
  opacity: 1;
}

.service-arrow.is-filter {
  filter: invert();
}

.service-item-wrapper {
  border-top: 1px solid #e7d2d24d;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1290px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 60px 15px;
  display: flex;
  position: relative;
}

.service-item-wrapper.bottom-border {
  border-bottom: 1px solid #e7d2d24d;
}

.marketing-left-heading-box {
  max-width: 488px;
}

.button-top-line {
  background-color: #fff;
  height: 1px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-text {
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.button-text.button-text-two {
  position: absolute;
  inset: 100% 0% 0%;
}

.button-text.button-text-two.text-color-black-2, .button-text.button-color-change {
  color: #0b0c0e;
}

.button-text-wrapper {
  position: relative;
}

.button-bottom-line {
  background-color: #fff;
  height: 1px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.service-item-main {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 820px;
  display: flex;
}

.home-one-marketing-service {
  z-index: 1;
  background-color: var(--color--body-light);
  padding-top: 115px;
  position: relative;
  overflow: hidden;
}

.service-content-main-box {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
  display: flex;
  position: relative;
}

.overlay-middie-line {
  background-color: #fff;
  height: .8px;
}

.item-title-wrapper {
  grid-column-gap: 160px;
  grid-row-gap: 160px;
  justify-content: space-between;
  align-items: center;
  width: 673px;
  max-width: 673px;
  display: flex;
}

.service-header-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 40px;
  display: flex;
}

.marketing-header-right {
  margin-bottom: 20px;
  display: flex;
}

.item-text-box {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
}

.item-text-box.left-padding {
  padding-left: 10px;
}

.heading-style-h3 {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.25;
}

.heading-style-h3.text-center {
  text-align: center;
}

.heading-style-h3.text-center.text-color-black {
  color: var(--color--black);
}

.subheading-bottom-padding {
  padding-bottom: 15px;
}

.image-bottom-right-style {
  z-index: 10;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: auto -1px -1px auto;
}

.inner-line {
  background-color: #fff;
  width: 1px;
  height: 100%;
}

.inner-line.is-background {
  background-color: #7b7b7b6e;
}

.home-two-service-container {
  max-width: 1326px;
  margin-left: auto;
  margin-right: auto;
  position: sticky;
  top: 0;
}

.service-content-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.left-service-details {
  flex: 1;
}

.image-four {
  z-index: 6;
  position: absolute;
  inset: 0%;
}

.service-name-box {
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
  overflow: hidden;
}

.service-image-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-three {
  z-index: 7;
  position: absolute;
  inset: 0%;
}

.middile-line {
  background-color: #fff3;
  width: 1px;
  margin-top: 60px;
  margin-bottom: 60px;
  position: absolute;
  inset: 0% 50%;
}

.image-details-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.image-details-text.four {
  z-index: 7;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.image-details-text.six {
  z-index: 5;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.image-details-text.three {
  z-index: 8;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.image-details-text.one {
  z-index: 10;
  position: relative;
}

.image-details-text.five {
  z-index: 6;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.image-details-text.two {
  z-index: 9;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.image-details-text.seven {
  position: absolute;
  inset: auto 0% 0%;
}

.service-image-box {
  z-index: 100;
  position: relative;
  overflow: hidden;
}

.service-image-box.is-style {
  border-radius: 20px;
}

.image-one {
  z-index: 9;
  position: relative;
}

.home-two-service {
  background-color: var(--color--body-light);
  height: 400vh;
  padding-top: 70px;
  padding-left: 15px;
  padding-right: 15px;
}

.image-two {
  z-index: 8;
  position: absolute;
  inset: 0%;
}

.image-five {
  z-index: 5;
  position: absolute;
  inset: 0%;
}

.image-details {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  max-width: 519px;
  margin-top: 50px;
  position: relative;
  overflow: hidden;
}

.image-six {
  z-index: 4;
  position: absolute;
  inset: 0%;
}

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

.right-service-image-part {
  flex: 1;
}

.home-two-feature {
  background-color: var(--color--body-light);
  padding-top: 130px;
  padding-bottom: 130px;
  overflow: hidden;
}

.feature-number-box {
  padding-top: 5px;
}

.feature-image-main {
  position: absolute;
  inset: auto auto 0% 42%;
}

.feature-img-three {
  z-index: 6;
  position: absolute;
  inset: 0%;
}

.feature-img-one {
  z-index: 7;
  position: relative;
}

.left-feature {
  z-index: 10;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.feature-img-five {
  z-index: 5;
  position: absolute;
  inset: 0%;
}

.feature-img-two {
  z-index: 6;
  position: absolute;
  inset: 0%;
}

.feature-name-box {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.right-feature {
  z-index: 10;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.home-two-feature-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 90px;
  display: flex;
  position: relative;
}

.feature-img-four {
  z-index: 5;
  position: absolute;
  inset: 0%;
}

.portfolio-bottom {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  margin-right: 30px;
  padding-top: 124px;
  display: flex;
}

.home-two-portfolio-img-box {
  justify-content: center;
  align-items: center;
  position: relative;
}

.home-two-portfolio-img-box.bottom-left-bottom-image {
  margin-left: auto;
  margin-right: -80px;
}

.home-two-portfolio-img-box.bottom-left-bottom-image.five.margin-off {
  margin-left: 0;
  margin-right: 0;
}

.home-two-portfolio-img-box.second-imgbox {
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
}

.portfolio-right-heading {
  max-width: 440px;
}

.home-two-portfolio {
  height: 400vh;
}

.home-two-portfolio-wrapper-main {
  position: relative;
}

.lefi-top-portfolio {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  margin-left: 100px;
  display: flex;
}

.home-two-portfolio-heading {
  background-color: #fff;
  background-image: url('../images/portfolio-line.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.right-top-portfolio {
  grid-column-gap: 166px;
  grid-row-gap: 166px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.portfolio-image-catagory {
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 6px 19px;
  display: flex;
  position: absolute;
  inset: 30px auto auto 30px;
}

.portfolio-top {
  grid-column-gap: 140px;
  grid-row-gap: 140px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.portfolio-para {
  max-width: 385px;
}

.bottom-left {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  flex-flow: column;
  display: flex;
}

.marque-content-tarin {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-right: 30px;
  display: flex;
}

.home-two-trusted {
  background-color: var(--color--body-light);
  background-image: url('../images/trusted-bg-img-.png');
  background-position: 50% 35%;
  background-repeat: no-repeat;
  background-size: 1290px 624px;
  padding-top: 130px;
  padding-bottom: 130px;
}

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

.happy-left {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 785px;
}

.happy-right {
  max-width: 500px;
}

.happy-content-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: flex-start;
}

.happy-divider-line {
  opacity: .2;
  background-color: #fff;
  height: 1px;
  margin-top: 210px;
  margin-bottom: 40px;
}

.slide-nav {
  display: none;
}

.mask {
  max-width: 720px;
  height: auto;
}

.text-slider {
  background-color: #ddd0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
}

.right-arrow {
  opacity: .2;
  transition: all .3s;
  inset: auto 0% auto auto;
}

.right-arrow:hover {
  opacity: 1;
}

.left-arrow {
  opacity: .2;
  transition: all .2s;
  position: absolute;
  inset: auto 90px auto auto;
}

.left-arrow:hover {
  opacity: 1;
}

.experince-big-number-text {
  display: flex;
  position: relative;
}

.font-size-big {
  font-family: Inter Tight, sans-serif;
  font-size: 190px;
  font-weight: 600;
  line-height: 170px;
}

.font-size-big.text-color-black {
  color: var(--color--black);
}

.home-three-empower {
  background-color: var(--color--body-light);
  padding-top: 130px;
  padding-bottom: 130px;
}

.empower-content-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.left-empower-heading {
  flex: 1;
}

.experince-number-box {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: flex-end;
  width: 225px;
  max-width: 225px;
  height: 225px;
  padding-right: 5px;
  display: flex;
  overflow: hidden;
}

.exprince-right-text-part {
  max-width: 300px;
}

.change-font-style {
  font-family: Italiana, sans-serif;
}

.content-text-details-box {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 30px;
  display: flex;
}

.empower-heading-box {
  max-width: 418px;
}

.right-part-experince {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-text-color-change {
  color: #717171;
}

.empower-header-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 70px;
  display: flex;
}

.empower-content-box {
  border-top: 1px solid #fff3;
  position: relative;
}

.content-number {
  color: #fff;
}

.content-top-line {
  background-color: #fff;
  height: 1px;
  margin-top: -1px;
  position: absolute;
  inset: 0% 0% auto;
}

.exprince-plus-box {
  z-index: 5;
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 57px;
  height: 57px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 0 20px 80px #000c;
}

.content-para-text {
  max-width: 304px;
}

.service-name-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.service-name-text.is-move {
  transform: translate(50px);
}

.left-service-image {
  flex: 1;
  position: sticky;
  top: 130px;
}

.arrow-move {
  margin-right: 30px;
}

.service-list-name-box {
  border-top: 1px solid #fff3;
  border-bottom: 1px solid #fff3;
  justify-content: flex-start;
  align-items: center;
  height: 134px;
  padding-top: 35px;
  padding-bottom: 35px;
  display: flex;
  position: relative;
}

.home-three-service-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.service-bottom-line {
  background-color: #fff;
  height: 1px;
  margin-bottom: -1.4px;
  position: absolute;
  inset: auto 0% 0%;
}

.service-bottom-line.one.is-opacity, .service-bottom-line.is-opacity {
  opacity: .3;
}

.home-three-service {
  background-color: var(--color--body-light);
  padding-top: 130px;
  padding-bottom: 130px;
}

.right-service-list {
  flex-flow: column;
  width: 660px;
  max-width: 660px;
  display: flex;
}

.service-arrow-box {
  width: auto;
  overflow: hidden;
}

.bottom-right-sticky-image {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: -200px;
  padding-bottom: 100px;
  display: flex;
  position: sticky;
  top: 130px;
}

.rotate-image-box {
  flex: none;
  width: 100%;
  position: relative;
}

.bottom-left-para-box {
  max-width: 560px;
  padding-top: 20px;
}

.text-overlay-wrapper {
  flex-flow: column;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.text-overlay-box {
  height: 60px;
  position: relative;
}

.offer-top-text-box {
  max-width: 1092px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.home-three-counter-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bottom-left-text-part {
  grid-row-gap: 200px;
  flex-flow: column;
  max-width: 920px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.home-three-offer-creative {
  background-color: #fff;
  background-image: url('../images/portfolio-line.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  padding-top: 130px;
  padding-bottom: 130px;
}

.offer-content-bottom-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.overlay-box-move {
  background-color: #ffffffb3;
  position: absolute;
  inset: 0%;
}

.offer-creative-top-part {
  padding-bottom: 70px;
  position: relative;
}

.counter-main-box {
  justify-content: center;
  align-items: center;
  display: flex;
}

.portfoilo-catagory-three {
  background-color: #0b0c0e4d;
  border-radius: 8px;
  padding: 8px 24px;
}

.portfolio-link-image {
  cursor: none;
  overflow: hidden;
}

.portfolio-sticky-main {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 130px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.wrapper-image-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-right: 20px;
  display: flex;
}

.wrapper-image-box.first {
  padding-top: 0;
}

.home-three-portfolio {
  background-color: var(--color--body-light);
  height: 300vh;
  padding-bottom: 110px;
  position: relative;
}

.porfoilo-three-main {
  overflow: hidden;
}

.catagory-box {
  background-color: #0b0c0e80;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.new-blog-item-link {
  z-index: 5;
  width: 550px;
  max-width: 550px;
  position: relative;
  overflow: visible;
}

.news-part-overflow-hidden {
  width: 100%;
  overflow: hidden;
}

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

.text-center.change-color-body-color {
  color: var(--color--body-text-light);
}

.new-blog-wrapper {
  z-index: 2;
  grid-row-gap: 100vh;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  display: grid;
  position: relative;
}

.news-heading-box {
  z-index: 2;
  max-width: 624px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.blog-news-information {
  border-top: 1px solid #fff3;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.news-blog-link-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.news-blog-link-wrapper.change-margin {
  top: 85vh;
}

.news-blog-details-part {
  z-index: 1;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  background-color: #0000004d;
  border: 1px solid #fff3;
  width: 100%;
  padding: 30px 40px;
}

.news-blog-image {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: 327px;
  display: flex;
  overflow: hidden;
}

.home-three-news {
  background-color: var(--color--body-light);
  position: relative;
}

.news-img-overlay {
  pointer-events: none;
  background-image: linear-gradient(#16181b 10%, #16181b4d 50%, #16181b 90%);
  position: absolute;
  inset: 0%;
}

.news-background-image-holer {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.news-backgroud-main {
  position: absolute;
  inset: 0%;
}

.new-blog-title {
  max-width: 338px;
  padding-bottom: 35px;
}

.news-blog-main {
  margin-top: 20em;
  padding-bottom: 130px;
}

.about-business {
  margin-top: -290px;
  padding-bottom: 120px;
}

.about-service-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 80px;
  display: flex;
}

.service-item-name-box {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.servic-name-content {
  overflow: hidden;
}

.service-creative-main {
  margin-left: auto;
  margin-right: auto;
}

.animation-catagary-box {
  background-color: #fff;
  border-radius: 100px;
  padding: 6px 22px;
}

.animation-catagary-box._6 {
  position: absolute;
  inset: auto auto 8% 30%;
  transform: rotate(-12deg);
}

.animation-catagary-box._6.is-style {
  background-color: #747474;
}

.animation-catagary-box._5 {
  position: absolute;
  inset: auto auto 8% 0%;
  transform: rotate(-15deg);
}

.animation-catagary-box._5.is-style {
  box-shadow: 0 10px 20px #0003;
}

.animation-catagary-box._2 {
  position: absolute;
  inset: auto auto 30% 20%;
  transform: rotate(-50deg);
}

.animation-catagary-box._2.is-style {
  box-shadow: 0 10px 20px #0003;
}

.animation-catagary-box._4 {
  position: absolute;
  inset: auto 9% 28% auto;
  overflow: clip;
  transform: rotate(55deg);
}

.animation-catagary-box._4.is-style {
  background-color: #747474;
}

.animation-catagary-box._8 {
  position: absolute;
  inset: auto 20% 5% auto;
  transform: rotate(-10deg);
}

.animation-catagary-box._8.is-style {
  box-shadow: 0 10px 20px #0003;
}

.animation-catagary-box._9 {
  position: absolute;
  inset: auto 0% 12% auto;
  transform: rotate(20deg);
}

.animation-catagary-box._9.is-style {
  box-shadow: 0 10px 20px #0003;
}

.animation-catagary-box._7 {
  position: absolute;
  bottom: 18%;
  left: 58%;
  transform: rotate(-28deg);
}

.animation-catagary-box._7.is-style {
  background-color: #747474;
}

.animation-catagary-box._1 {
  position: absolute;
  inset: auto auto 28% 9%;
  transform: rotate(60deg);
}

.animation-catagary-box._1.is-style {
  background-color: #747474;
}

.animation-catagary-box._3 {
  position: absolute;
  inset: auto auto 12% 45%;
  transform: rotate(20deg);
}

.animation-catagary-box._3.is-style {
  box-shadow: 0 10px 20px #0003;
}

.service-name-wapper {
  position: relative;
}

.about-service-part {
  padding-top: 120px;
}

.about-service-part.change-bg-color {
  background-color: var(--color--body-light);
  overflow: hidden;
}

.service-image-small-box.one {
  z-index: 5;
  position: relative;
}

.service-image-small-box.two {
  z-index: 4;
  position: absolute;
  inset: 0%;
}

.service-image-small-box.three {
  z-index: 3;
  position: absolute;
  inset: 0%;
}

.service-image-small-box.four {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.service-image-small-box.five {
  position: absolute;
  inset: 0%;
}

.service-image-three {
  position: absolute;
  inset: -100% -20% auto auto;
}

.service-item-line {
  background-color: #fff;
  height: 4px;
  position: absolute;
  inset: auto 0% 0%;
}

.service-item-line.two {
  background-color: var(--color--white);
}

.crieative-catagagy-wrapper {
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-end;
  max-width: 1227px;
  height: 220px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.card-content-wrapper {
  flex-flow: column;
  display: flex;
}

.card-title-box {
  max-width: 324px;
  padding-top: 20px;
  padding-bottom: 30px;
}

.card-button-box {
  padding-top: 30px;
  display: flex;
}

.reasons-content-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  padding-bottom: 60px;
  display: flex;
}

.heading-style-h4-2 {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.33;
}

.heading-style-h4-2.item-name.is-color {
  color: #000;
}

.heading-style-h4-2.item-name.is-color.is-case {
  text-transform: none;
}

.heading-style-h4-2.card-title-text {
  color: #0b0c0e;
}

.card-number {
  padding-top: 60px;
}

.trust-button {
  background-color: #000;
  border-radius: 100px;
  padding: 5px 13px;
}

.reasons-end-part {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #0f10130f;
  border-radius: 100px;
  justify-content: flex-start;
  align-items: center;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 8px;
  display: flex;
}

.about-reasons-content-main {
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
}

.card-bg-style-svg {
  pointer-events: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.card-details-para {
  width: 300px;
  overflow: hidden;
}

.reasons-heading {
  max-width: 737px;
  margin-left: auto;
  margin-right: auto;
}

.text-color-black-2 {
  color: #000;
}

.card-number-text {
  color: #717171;
  letter-spacing: 1.6px;
  font-size: 14px;
  font-weight: 500;
}

.some-reasons-card {
  background-color: #f0f0f0;
  width: 100%;
  height: 585px;
  padding: 70px 50px;
  position: relative;
}

.about-reasons {
  background-color: #fff;
  background-image: url('../images/portfolio-line.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  padding: 120px 15px 130px;
}

.reviewer-add-icon {
  margin-left: -20px;
  position: relative;
}

.highlight-text-white {
  color: #fff;
}

.trusted-left-content {
  max-width: 630px;
  padding-top: 130px;
  padding-bottom: 130px;
  position: sticky;
  top: 0;
}

.trusted-heading {
  border-bottom: 1px solid #fff3;
  max-width: 648px;
  padding-bottom: 70px;
}

.heading-two-bottom-padding {
  padding-bottom: 20px;
}

.heading-two-bottom-padding.margin-remove.change-color-white {
  color: var(--color--white);
  text-transform: uppercase;
}

.trusted-reating-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding-top: 60px;
  display: flex;
}

.right-reviewer-details {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  border-left: 1px solid #fff3;
  flex-flow: column;
  flex: 0 45.05%;
  padding-top: 130px;
  display: flex;
}

.reviewer-image-two, .reviewer-image-three {
  margin-left: -20px;
}

.bottom-line-review {
  background-color: #fff;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.reviewer-name {
  padding-top: 50px;
}

.reviewer-social-image {
  display: flex;
}

.customer-review-details {
  border-bottom: 1px solid #fff3;
  padding-bottom: 120px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.customer-review-details.border-none {
  border-bottom-width: 0;
}

.star-review-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 231px;
  display: flex;
}

.about-trusted-top-line {
  height: 1px;
  display: none;
  position: absolute;
}

.about-trusted-main {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 15px;
  display: flex;
}

.about-trusted {
  border-top: 1px solid #fff3;
  position: relative;
}

.about-trusted.change-body-color {
  background-color: var(--color--body-light);
}

.white-star {
  margin-top: 5px;
}

.review-content {
  max-width: 535px;
}

.right-content-box {
  border-bottom: 1px solid #fff3;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 25px;
  display: flex;
}

.right-content-box.border-none {
  border-bottom-width: 0;
}

.counter-text-box {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  max-width: 270px;
  display: flex;
}

.top-border-line {
  background-color: #fff;
  height: 1px;
  margin-top: -1px;
  position: absolute;
  inset: 0% 0% auto;
}

.service-empower-top-part {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.empower-bottom-counter-box {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: column;
  padding-top: 60px;
  padding-left: 20px;
  display: flex;
  position: relative;
}

.empower-bottom-counter-box.padding-off {
  padding-left: 0;
}

.service-empower-bottom-wrapper {
  border-top: 1px solid #fff3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.empower-right-content {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  flex: 1;
  max-width: 520px;
  display: flex;
}

.left-heading-empower {
  max-width: 493px;
}

.service-empower {
  background-color: var(--color--body-light);
  padding-top: 85px;
  padding-bottom: 130px;
}

.service-main-content {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 830px;
  display: flex;
}

.service-name-box-wrapper {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.service-left-business-heading {
  max-width: 721px;
}

.service-list-wrapper-new {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  height: 200px;
  padding: 60px 15px;
  display: flex;
  position: relative;
}

.service-business-header-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 60px;
  display: flex;
}

.service-build-brand {
  background-color: var(--color--body-light);
  padding-top: 120px;
  padding-bottom: 120px;
}

.item-image-box {
  position: absolute;
  inset: 5% 15% 0% auto;
  transform: rotate(15deg);
}

.item-image-box.is-opacity {
  opacity: 0;
}

.service-list-main-box {
  border-top: 1px solid #fff3;
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-list-main-box.bottom-border {
  border-bottom: 1px solid #fff3;
}

.service-list-main-box.is-background {
  background-color: #e8e8e8;
}

.service-list-main-box.is-background.inactive {
  background-color: #e8e8e800;
}

.process-hero-heading {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.process-hero-img-box.two {
  position: relative;
  transform: translate(0, -20px)rotate(-8deg);
}

.process-hero-img-box.three {
  transform: translate(-30px, -165px)rotate(15deg);
}

.process-hero-img-box.two {
  z-index: 1;
  position: relative;
  transform: translate(0, -100px)rotate(-8deg);
}

.process-hero-img-box.one {
  transform: rotate(15deg)translate(0, -200px);
}

.process-hero {
  background-color: var(--color--body-light);
  background-image: url('../images/process-hero-bg-img.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 170px;
  padding-bottom: 100px;
}

.text-body-dark {
  color: #717171;
}

.portfolio-image-box-details {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.portfolio-image-box-details.change {
  background-image: linear-gradient(#0000004d, #0000004d);
}

.portfolio-image-wrapper {
  perspective: 1000px;
  width: 100vw;
  height: 100vh;
}

.portfolio-image-main {
  position: relative;
}

.portfolio-image-main.change-height {
  width: 100%;
  height: 100%;
}

.portfolio-main-content {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.portfolio-gallery-main {
  width: 100%;
  height: 100%;
}

.portfolio-gallery-main.one {
  position: absolute;
  inset: 0%;
}

.portfolio-gallery-main.two, .portfolio-gallery-main.thee, .portfolio-gallery-main.four, .portfolio-gallery-main.five {
  position: absolute;
  inset: 0%;
  transform: translate(100%);
}

.portfolio-gallery-main.six {
  transform: translate(100%);
}

.portfolio-main-section {
  background-color: var(--color--body-light);
  height: 400vh;
}

.marketing-image {
  justify-content: center;
  align-items: center;
  width: 350px;
  height: 250px;
  display: flex;
  overflow: hidden;
}

.home-portfolio-line {
  justify-content: space-around;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.portfolio-line {
  background-color: #0000001a;
  width: 1px;
}

.change-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.change-margin.change-color-body-color {
  color: var(--color--body-text-light);
}

.overflow-hidden {
  overflow: hidden;
}

.home-two-hero {
  background-color: var(--color--body-light);
  width: 100%;
  height: 400vh;
  position: relative;
}

.home-two-hero-sticky {
  perspective: 1200px;
  background-image: url('../images/home-2-hero-img.webp');
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.home-two-hero-sticky.is-background {
  background-image: url('../images/skeleton-image_11.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-three-hero {
  height: 400vh;
  position: relative;
}

.home-three-hero-heading-box {
  z-index: 3;
  position: relative;
}

.second-line-hero-heading {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-three-hero-para {
  max-width: 580px;
  padding-top: 20px;
}

.second-line-heading-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-three-sticky-main {
  background-image: url('../images/Background-Image.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-end;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.hero-subheading-box {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.process-hero-content-wrapper-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  max-width: 1052px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  display: flex;
}

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

.slider-arrow-circle {
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  background-color: #a8a8a826;
  border: 1px solid #ffffff26;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 125px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-image-arrow {
  z-index: 1;
  position: relative;
}

.feature-img-six {
  position: absolute;
  inset: 0%;
}

.sticky-wrapper {
  position: sticky;
  top: 0;
  overflow: hidden;
}

.image-date {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.date-text {
  color: #fff9;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.blog-card-title {
  max-width: 373px;
}

.blog-card {
  transition: opacity .3s;
  position: relative;
}

.blog-image-skew-box {
  overflow: hidden;
}

.blog-card-details {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #fff3;
  flex-flow: column;
  padding-top: 35px;
  padding-bottom: 30px;
  display: flex;
}

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

.blog-content {
  height: 100%;
  margin-top: -375px;
  padding-bottom: 130px;
}

.text-color-white {
  color: #fff;
}

.merque-image-box {
  width: 55%;
  height: 48%;
}

.eamil-box {
  background-color: #fff;
  border-radius: 100px;
  padding: 15px 46px;
  position: absolute;
}

.about-marquee {
  background-color: var(--color--body-light);
  height: 250vh;
  position: relative;
}

.about-merque-main {
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.background-video {
  width: 100%;
  height: 100%;
}

.marque-image-main {
  z-index: 2;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.about-marquee-wrapper {
  display: flex;
}

.utility-page-wrap {
  background-image: url('../images/Shop-hero-bg-img.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.utility-page-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.utility-page-content.password-form {
  -webkit-backdrop-filter: blur(76px);
  backdrop-filter: blur(76px);
  background-color: #ffffff0d;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 692px;
  padding: 40px 15px;
  display: flex;
}

.utility-page-form {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 532px;
  display: flex;
}

.home-three-sticky-man-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.home-three-content {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 826px;
  height: 100%;
  display: flex;
}

.home-three-man-image {
  z-index: 10;
  flex: 1;
  margin-left: -250px;
  position: relative;
}

.left-align {
  margin-left: 140px;
}

.text-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.field-label {
  display: none;
}

.text-field {
  text-align: center;
  text-transform: capitalize;
  min-height: 60px;
  font-size: 16px;
}

.text-field.password-protectes {
  background-color: var(--color--white);
  color: var(--color--body-text-dark);
}

.password-form-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.password-top-tox {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.main-image-bpx {
  justify-content: center;
  align-items: center;
  width: 456px;
  height: 456px;
  position: relative;
  overflow: hidden;
}

.service-hero-content-main {
  transform-style: preserve-3d;
  margin-top: -450px;
  padding-bottom: 200px;
  transform: none;
}

.servie-img-marquee-wapper {
  perspective: 3000px;
  transform-style: preserve-3d;
  display: flex;
  transform: none;
}

.service-hero-marquee-tarin {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: none;
  padding-right: 30px;
  display: flex;
}

.creating-third-line {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.white-arrow-box {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
}

.service-creating-main-content {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  max-width: 1146px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.service-creating-main-content.change {
  padding-top: 220px;
}

.creating-first-line {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.left-icon-svg {
  position: absolute;
  inset: 20% auto auto 28%;
}

.creating-second-line {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.rotate-svg-box {
  position: absolute;
  inset: 10% 0% auto auto;
}

.service-creating {
  background-image: url('../images/creating-bg-img.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 15px;
  overflow: hidden;
}

.text-field {
  background-color: var(--color--body-light);
  text-align: left;
  border-width: 0;
}

.business-counter-box.bottom-padding {
  padding-bottom: 60px;
}

.business-counter-box.top-padding {
  padding-top: 60px;
}

.right-image-box {
  justify-content: center;
  align-items: flex-start;
  width: 410px;
  height: 324px;
  display: flex;
}

.business-goals-top-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 80px;
  display: flex;
}

.business-goals-bottom-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bottom-rught-counter-part {
  grid-column-gap: 140px;
  grid-row-gap: 160px;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.bottom-left-image-part {
  flex: 1;
}

.left-heading-business {
  max-width: 583px;
  margin-top: -8px;
}

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

.coul-line {
  background-image: linear-gradient(#16181b33, #ffffff4d 50%, #16181b33);
  width: 1px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 50%;
}

.row-line {
  background-image: linear-gradient(90deg, #16181b33, #ffffff4d 50%, #16181b33);
  width: 100%;
  height: 1px;
  position: absolute;
  inset: 50% 0% auto;
}

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

.overlay-wrapper {
  background-image: linear-gradient(180deg, var(--color--body-light), #fff0 31%);
  pointer-events: none;
  position: absolute;
  inset: 0%;
}

.nav-dropdown-list {
  -webkit-backdrop-filter: blur(97px);
  backdrop-filter: blur(97px);
  background-color: #ffffff1a;
}

.nav-dropdown-list.w--open {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  -webkit-backdrop-filter: blur(91%);
  backdrop-filter: blur(91%);
  background-color: #ffffff0d;
  flex-flow: column;
  min-width: 200px;
  padding: 15px;
  display: flex;
}

.dropdown-link {
  color: var(--color--white);
  text-transform: uppercase;
  margin-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
  font-size: 14px;
  transition: all .5s;
}

.dropdown-link:hover {
  transform: translate(10px);
}

.dropdown-link.w--current {
  color: var(--color--white);
  padding-right: 0;
}

.cart-button {
  background-color: #3898ec00;
}

.cart-quantity {
  color: var(--color--body-dark);
  margin-top: -25px;
  margin-left: -8px;
}

.cart-icon {
  flex: none;
}

.display-off {
  display: none;
}

.cross-line-one {
  transform: rotate(45deg);
}

.menu-cross-icon {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 34px;
  height: 34px;
  display: flex;
  position: absolute;
  inset: 40px 40px auto auto;
  overflow: hidden;
}

.menu-social-media-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 130px;
}

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

.desktop-hamburgar-menu {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.cross-line-two {
  transform: translate(0, 1px)rotate(-45deg);
}

.menu-social-link {
  background-color: #0000;
  border: 1px solid #ffffff26;
  justify-content: center;
  align-items: center;
  width: 44.25px;
  height: 44.25px;
  transition: all .25s;
  display: flex;
}

.menu-social-link:hover {
  background-color: var(--color--body-light);
  border-color: #fff;
}

.desktop-menu-content {
  color: #b8b8bd;
  text-align: center;
  max-width: 350px;
  margin-bottom: 80px;
}

.margin-bottom-thirty-five {
  margin-bottom: 35px;
}

.hamburgar-line {
  background-color: #fff;
  width: 38.99px;
  height: 2px;
}

.desktop-menu {
  background-color: var(--color--body-dark);
  justify-content: center;
  align-items: center;
  width: 500px;
  height: 100vh;
  position: relative;
  transform: none;
}

.pages-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-backdrop-filter: blur(91px);
  backdrop-filter: blur(91px);
  background-color: #ffffff0d;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.pages-mega-menu {
  background-color: #0000;
  width: 100%;
  inset: 100% auto auto 0;
}

.pages-mega-menu.w--open {
  width: 100%;
  inset: 100% auto auto 0%;
}

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

.mega-menu-list-box {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  flex: 1;
  padding: 20px 40px 20px 30px;
  display: flex;
}

.mega-menu-list-box.right-border {
  border-right: 1px solid #ffffff0f;
}

.service-viceo {
  width: 150px;
  height: 96px;
}

.portfolio-overlay-heading {
  z-index: 1;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.marketing-left-part {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  height: 650px;
  display: flex;
  overflow: hidden;
}

.portfolio-three-main-content {
  height: 500vh;
}

.portfolio-three-main-box {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.portfolio-three-gallery {
  transform-origin: 0 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.portfolio-three-gallery.one {
  z-index: 6;
}

.portfolio-three-gallery.two {
  z-index: 5;
}

.portfolio-three-gallery.three {
  z-index: 4;
}

.portfolio-three-gallery.four {
  z-index: 3;
}

.portfolio-three-gallery.five {
  z-index: 2;
}

.portfolio-three-gallery.six {
  z-index: 1;
}

.gallery-main-box-wrapper {
  width: 100%;
  height: 100%;
}

.email-box {
  border-bottom: 1px solid #fff3;
  padding-bottom: 10px;
  position: relative;
}

.line-box {
  background-color: #fff;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.footer-big-text {
  color: #fff;
  letter-spacing: -11px;
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 220px;
  line-height: .9;
}

.footer-big-text.text-center.footer-margin {
  text-align: center;
  margin-bottom: -18px;
}

.footer-big-text.text-center.footer-margin.clamp {
  font-size: clamp(60px, 20vw, 400px);
}

.footer-social-icon-box {
  border: 1px solid #fff3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  text-decoration: none;
  display: flex;
}

.footer-container {
  max-width: 1630px;
  padding-left: 15px;
  padding-right: 15px;
}

.footer-top-left-content {
  max-width: 355px;
}

.footer-address-box {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
}

.contact-link-box {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  padding-top: 30px;
  display: flex;
}

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

.footer-top-part {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-bottom: 1px solid #fff3;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 90px;
  display: flex;
}

.footer-bottom-part {
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 95px;
}

.footer-social-icon-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.footer-link-main-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  padding-top: 28px;
}

.footer {
  background-color: #0b0c0e;
  padding-top: 140px;
}

.footer:where(.w-variant-76ade6e2-acbe-541d-e5c5-0be33a0693c3) {
  position: relative;
}

.footer-logo {
  text-decoration: none;
}

.footer-contect-main {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-link {
  color: var(--color--body-text-light);
  text-decoration: none;
}

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

.footer-top-left-text-part {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 35px;
  display: flex;
}

.footer-top-right-contect {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.footer-address-main-box {
  grid-column-gap: 55px;
  grid-row-gap: 55px;
  max-width: 202px;
}

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

.service-marque-image-box.is-background {
  background-color: #e8e8e8;
}

.portfolio-marque-image-wrapper {
  display: flex;
}

.home-two-hero-top {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: center;
  margin-right: 22%;
  padding-top: 60px;
  display: flex;
}

.hero-top-left {
  position: relative;
}

.hero-video-box {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-two-hero-big-text {
  position: relative;
}

.home-two-hero-main {
  padding-top: 100px;
}

.home-two-hero-main.is-padding {
  padding-top: 0;
}

.home-two-hero-end-part {
  justify-content: space-between;
  align-items: center;
  padding-top: 50px;
}

.left-part-text {
  max-width: 370px;
}

.right-hero-social-icon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
}

.home-two-hero-video {
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.video-main {
  justify-content: center;
  align-items: center;
  width: 38%;
  height: 40vh;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(45%, -35%);
}

.video-overlay {
  display: none;
}

.about-service-main {
  position: relative;
}

.service-small-image-left-box {
  position: absolute;
  inset: auto auto 30% 0%;
}

.service-small-image-left-box.tab-display-off.is-style {
  border-radius: 20px;
  overflow: hidden;
}

.servie-small-image-right-box {
  position: absolute;
  inset: 10% 0% auto auto;
}

.servie-small-image-right-box.tab-display-off.is-style {
  border-radius: 20px;
  overflow: hidden;
}

.right-line {
  background-color: #00000080;
  width: 1px;
  height: 200px;
  position: absolute;
  inset: 30% 0% auto auto;
}

.footer-2 {
  color: var(--color--body-text-light);
  background-color: #0b0c0e;
  padding-top: 140px;
  overflow: hidden;
}

.font-medium-2 {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 1.1;
}

.font-medium-2.two {
  color: #fff;
  position: absolute;
  inset: 100% 0% 0%;
}

.font-medium-2.change-color {
  color: #ffffff80;
}

.font-medium-3 {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 1.1;
}

.font-medium-3.text-color-black {
  color: var(--color--black);
}

.service-box-overlay-2 {
  background-color: #fff;
  position: absolute;
  inset: 0%;
}

.service-box-overlay-2.one {
  background-color: #fff;
}

.font-medium-4 {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 1.1;
}

.home-hero-slace-2 {
  background-color: #fff;
  width: 1px;
  height: 150px;
  transform: rotate(20deg);
}

.overlay-wrapper-2 {
  pointer-events: none;
  background-image: linear-gradient(#16181b, #fff0 31%);
  position: absolute;
  inset: 0%;
}

.over-line-2 {
  background-color: #fff;
  height: 3px;
}

.text-color-change-2 {
  color: var(--color--body-text-light);
}

.hero-big-text-2 {
  color: #fff;
  letter-spacing: -15px;
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 300px;
  line-height: .9;
}

.hero-big-text-2.clamp {
  font-size: clamp(60px, 20vw, 400px);
}

.div-block-4 {
  padding-top: 600px;
}

.div-block-5 {
  background-color: var(--color--body-light);
  padding-top: 300px;
  padding-bottom: 300px;
}

.div-block-6 {
  background-color: var(--color--body-light);
  padding-top: 600px;
}

.div-block-7 {
  background-color: var(--color--body-light);
  padding-top: 420px;
}

.font-medium-5 {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter Tight, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 1.1;
}

.font-medium-5.is-case {
  text-transform: none;
}

.font-medium-5.is-case.text-color-black {
  color: var(--color--black);
}

.font-medium-5.two {
  color: #fff;
  position: absolute;
  inset: 100% 0% 0%;
}

.font-medium-5.change-color {
  color: #ffffff80;
}

.font-medium-5.change-color.is-color {
  color: #000;
}

.rt-background-off {
  background-color: #16181b00;
}

.button-text-3 {
  color: #fff;
  letter-spacing: .8px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  line-height: 25px;
}

.button-text-3.is-case {
  text-transform: none;
}

.service-hero-content-main-2 {
  transform-style: preserve-3d;
  margin-top: -450px;
  transform: none;
}

.service-hero-content-main-2.is-margin {
  margin-top: 0;
}

.service-box-overlay-3 {
  background-color: #fff;
  position: absolute;
  inset: 0%;
}

.rt-hero-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rt-overlay-images {
  background-color: #ffffff4d;
  width: 600px;
  height: 600px;
}

.rt-overlay-images.is-radius {
  border-radius: 20px;
}

.div-block-11 {
  background-color: var(--color--body-light);
  height: 100%;
}

.change-color-body-color {
  color: var(--color--body-text-light);
}

.div-block-12 {
  background-color: var(--color--body-light);
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: var(--heading-one-font--h1-d);
  }

  .heading-style-h1 {
    font-size: 160px;
  }

  .font-medium {
    font-size: 100px;
  }

  .marketing-left-heading-box {
    max-width: 600px;
  }

  .home-two-portfolio-heading {
    text-align: center;
  }

  .left-arrow {
    opacity: .2;
    transition-duration: .3s;
  }

  .left-arrow:hover {
    opacity: 1;
  }

  .right-part-experince {
    grid-column-gap: 65px;
    grid-row-gap: 65px;
  }

  .home-three-service-wrapper {
    grid-column-gap: 110px;
    grid-row-gap: 110px;
  }

  .bottom-right-sticky-image {
    margin-left: -150px;
  }

  .wrapper-image-box {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 30px;
  }

  .customer-review-details {
    padding-left: 40px;
    padding-right: 40px;
  }

  .empower-bottom-counter-box {
    padding-left: 0;
  }

  .marketing-image {
    width: 450px;
    height: 400px;
  }

  .home-three-man-image {
    margin-left: -350px;
  }

  .white-arrow-box {
    width: 101px;
    height: 101px;
  }

  .left-icon-svg {
    top: 25%;
    left: 13%;
  }

  .rotate-svg-box {
    inset: 22% -2% auto auto;
  }

  .business-goals-bottom-wrapper {
    grid-column-gap: 140px;
    grid-row-gap: 140px;
  }

  .business-image-box {
    width: 630px;
    height: 626px;
  }

  .marketing-left-part {
    height: 700px;
  }

  .servie-small-image-right-box {
    top: -5%;
  }

  .font-medium-2, .font-medium-3, .font-medium-4, .font-medium-5 {
    font-size: 100px;
  }
}

@media screen and (min-width: 1440px) {
  .marketing-main-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .white-overlay-box {
    width: 50%;
  }

  .bottom-right-sticky-image {
    margin-left: -200px;
  }

  .porfoilo-three-main {
    top: 100px;
  }

  .customer-review-details {
    padding-left: 110px;
  }

  .about-trusted-main {
    grid-column-gap: 110px;
    grid-row-gap: 110px;
    justify-content: flex-end;
  }

  .marketing-image {
    width: 550px;
  }

  .home-three-man-image {
    margin-left: -300px;
  }

  .footer-big-text {
    letter-spacing: -17.5px;
    font-size: 350px;
  }

  .footer-big-text.text-center.footer-margin {
    margin-bottom: -35px;
  }

  .footer-top-right-contect {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
  }

  .servie-small-image-right-box {
    right: -3%;
  }
}

@media screen and (min-width: 1920px) {
  .nav-cart {
    position: relative;
  }

  .nav-right-part {
    padding-right: 7px;
  }

  .auto-fit.image-full-width.image-slide-effect {
    width: 150%;
    max-width: none;
    height: 120%;
  }

  .social-icon-contect {
    padding-left: 70px;
  }

  .subheading-text.color-chnage {
    color: #ffffff80;
  }

  .portfolio-content-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .right-image-content {
    justify-content: center;
    align-items: center;
    width: 50vw;
    display: flex;
    overflow: hidden;
  }

  .portfolio-heading {
    padding-top: 250px;
  }

  .left-portfolio-part {
    border-top-right-radius: 500%;
    border-bottom-right-radius: 500%;
    width: 35%;
    margin-top: -35%;
    margin-bottom: -35%;
    margin-left: -10%;
  }

  .left-portfolio-part.change-portfilo-right {
    margin-right: -10%;
  }

  .portfolio-image-box {
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .portfolio-image-box.home-one-change {
    height: 844px;
  }

  .portfolio-gallery {
    width: 1600px;
    height: 844px;
  }

  .service-content-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .left-service-details {
    margin-left: -80px;
  }

  .feature-name-box {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .bottom-right {
    flex: 0 auto;
  }

  .marque-content-tarin {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex: none;
    justify-content: center;
    align-items: center;
    padding-right: 30px;
    display: flex;
  }

  .sliding-text {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    display: flex;
  }

  .portfolio-sticky-main {
    padding-top: 0;
    top: 0;
  }

  .porfoilo-three-main {
    top: 0;
  }

  .new-blog-wrapper {
    z-index: 2;
  }

  .home-three-news {
    margin-bottom: 0;
  }

  .card-details-para {
    width: 400px;
  }

  .about-trusted {
    position: relative;
  }

  .blog-card-details {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .home-three-content {
    padding-top: 60px;
  }

  .home-three-man-image {
    margin-left: -25%;
    margin-right: -40px;
  }

  .sticky-main-image-box {
    flex: 1;
  }

  .business-counter-box {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-big-text {
    font-size: 400px;
  }

  .service-small-image-left-box {
    left: -2%;
  }

  .servie-small-image-right-box {
    top: 10%;
    right: -5%;
  }

  .hero-big-text-2 {
    letter-spacing: -20px;
    font-size: 400px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: var(--heading-one-font--h1-t);
  }

  h2 {
    font-size: var(--heading-two-font--h2-t);
  }

  h3 {
    font-size: var(--heading-three-font--h3-t);
  }

  .dropdown-toggle {
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .navber-main {
    padding-top: 10px;
  }

  .nav-toggle-box {
    display: none;
  }

  .nav-menu-link {
    color: var(--color--black);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
  }

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

  .navbar {
    padding-right: 0;
  }

  .nav-right-part {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-left: auto;
  }

  .nav-menu {
    background-color: var(--color--white);
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
  }

  .nav-dropdown {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .auto-fit.tab-image-full-width, .auto-fit.tab-image-full-width.image-slide-effect, .auto-fit.service-image-five.tab-image-full-width, .auto-fit.service-image-two.tab-image-full-width, .auto-fit.service-img-one.tab-image-full-width, .auto-fit.service-image-four.tab-image-full-width, .auto-fit.service-image-three.tab-image-full-width, .auto-fit.service-image-six.tab-image-full-width {
    width: 100%;
    height: 100%;
  }

  .auto-fit.news-bg-image {
    position: static;
  }

  .hero-button-arrow.process-hero-arrow-box {
    margin-top: 0;
  }

  .banner-social-icon-wrapper {
    padding-top: 20px;
    padding-bottom: 10px;
    position: relative;
  }

  .banner-social-icon-wrapper.change-position {
    padding-bottom: 60px;
  }

  .heading-five-bottom-padding {
    padding-bottom: 10px;
  }

  .social-icon-contect {
    justify-content: center;
    align-items: center;
  }

  .social-icon-contect.chnage-padding-left {
    justify-content: flex-start;
    align-items: center;
  }

  .heading-style-h5.item-name {
    color: #fff;
  }

  .heading-style-h1 {
    font-size: 75px;
  }

  .heading-style-h2 {
    font-size: 45px;
  }

  .heading-style-h2.item-number {
    color: var(--color--white);
  }

  .heading-style-h2.service-name.one, .heading-style-h2.service-name.two, .heading-style-h2.service-name.three, .heading-style-h2.service-name.four, .heading-style-h2.service-name.five, .heading-style-h2.service-name.six, .heading-style-h2.service-name.seven {
    color: var(--color--white);
  }

  .heading-style-h2.service-name {
    color: #16181b;
  }

  .heading-style-h2.service-name.six, .heading-style-h2.service-name.two, .heading-style-h2.service-name.seven, .heading-style-h2.service-name.one, .heading-style-h2.service-name.five, .heading-style-h2.service-name.four, .heading-style-h2.service-name.three, .heading-style-h2.item-number {
    color: #fff;
  }

  .about-subheading.tab-middle {
    justify-content: center;
    align-items: center;
  }

  .counter-box {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    text-align: center;
  }

  .container.change-sizing {
    flex: 1;
  }

  .tab-display-off, .portfolio-gallery-image-button {
    display: none;
  }

  .marketing-main-container {
    flex-flow: column;
    height: auto;
  }

  .font-medium {
    font-size: 60px;
  }

  .content-heading {
    max-width: 100%;
  }

  .white-overlay-box {
    display: none;
  }

  .portfolio-content-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .marketing-content-right-part {
    padding-bottom: 0;
    position: static;
  }

  .home-one-portfolio {
    background-color: #fff;
    margin-top: 0%;
    padding-top: 20px;
    padding-bottom: 70px;
  }

  .marketing-content-box {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .portfolio-heading {
    padding-top: 0;
    position: static;
  }

  .portfolio-image-box.home-one-change, .portfolio-image-box.change-height {
    height: auto;
  }

  .white-overlay-section {
    background-color: #fff;
    height: auto;
    padding-top: 60px;
    position: static;
  }

  .home-one-service {
    padding: 60px 15px 70px;
    position: static;
  }

  .content-bottom-line, .item-icon-box {
    display: none;
  }

  .service-item-wrapper {
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .marketing-left-heading-box {
    flex: 1;
  }

  .service-item-main {
    min-height: auto;
  }

  .home-one-marketing-service {
    padding-top: 65px;
  }

  .service-content-main-box {
    height: auto;
  }

  .item-title-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .service-header-wrapper {
    padding-bottom: 20px;
  }

  .heading-style-h3 {
    font-size: 35px;
  }

  .subheading-bottom-padding {
    padding-bottom: 10px;
  }

  .home-two-service-container {
    position: relative;
  }

  .service-content-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    height: auto;
  }

  .middile-line, .image-details-text.four, .image-details-text.six, .image-details-text.three, .image-details-text.five, .image-details-text.two, .image-details-text.seven {
    display: none;
  }

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

  .home-two-service {
    height: auto;
    padding-top: 60px;
  }

  .image-details {
    text-align: center;
    max-width: 100%;
    margin-top: 0;
    padding-top: 40px;
  }

  .home-two-feature {
    padding: 60px 15px;
  }

  .feature-image-main {
    display: none;
  }

  .left-feature, .right-feature {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: center;
  }

  .home-two-feature-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0;
  }

  .bottom-right {
    width: 100%;
    display: none;
  }

  .portfolio-bottom {
    flex-flow: column;
    width: 100%;
    padding-top: 30px;
  }

  .home-two-portfolio-img-box.bottom-left-bottom-image {
    margin-left: 0;
    margin-right: 0;
  }

  .home-two-portfolio-img-box.second-imgbox {
    margin-left: 0;
  }

  .home-two-portfolio-img-box.one {
    width: 100%;
  }

  .portfolio-right-heading.heading-two-bottom-padding {
    max-width: 100%;
  }

  .home-two-portfolio {
    background-color: #fff;
    height: auto;
    padding-bottom: 70px;
  }

  .lefi-top-portfolio {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    margin-left: 0;
  }

  .home-two-portfolio-heading {
    height: auto;
    padding-top: 60px;
    padding-bottom: 20px;
    position: static;
  }

  .right-top-portfolio {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: center;
    width: 100%;
  }

  .portfolio-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap-reverse;
  }

  .portfolio-para {
    max-width: 100%;
  }

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

  .happy-right {
    max-width: 100%;
  }

  .happy-content-wrap {
    flex-flow: column;
  }

  .happy-divider-line {
    margin-top: 50px;
    margin-bottom: 40px;
  }

  .text-slider {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    padding-bottom: 60px;
  }

  .right-arrow {
    display: flex;
    inset: auto auto 0 90px;
  }

  .left-arrow {
    display: flex;
    inset: auto auto 0 0;
  }

  .home-three-empower {
    padding-top: 70px;
    padding-bottom: 60px;
  }

  .left-empower-heading {
    flex: 0 auto;
  }

  .content-text-details-box {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 20px;
  }

  .right-part-experince {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .empower-header-wrapper {
    padding-bottom: 40px;
  }

  .service-name-text.is-move {
    transform: none;
  }

  .left-service-image {
    width: 100%;
    position: relative;
    top: 0;
  }

  .service-list-name-box {
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .home-three-service-wrapper {
    flex-flow: column;
  }

  .home-three-service {
    padding-top: 0;
    padding-bottom: 70px;
  }

  .right-service-list {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .bottom-right-sticky-image {
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 0;
    position: static;
  }

  .bottom-left-para-box {
    max-width: 100%;
    padding-top: 10px;
  }

  .text-overlay-wrapper {
    display: none;
  }

  .home-three-counter-wrapper {
    padding-top: 40px;
  }

  .bottom-left-text-part {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    text-align: center;
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .home-three-offer-creative {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .offer-content-bottom-wrapper {
    flex-flow: column;
  }

  .offer-creative-top-part {
    padding-bottom: 40px;
  }

  .portfolio-sticky-main {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    height: auto;
    padding-top: 70px;
    position: static;
  }

  .wrapper-image-box {
    flex-flow: column;
    padding-right: 0;
  }

  .wrapper-image-box.first {
    width: 100%;
    padding-top: 0;
  }

  .wrapper-image-box.second {
    width: 100%;
  }

  .home-three-portfolio {
    height: auto;
    padding: 0 15px;
  }

  .porfoilo-three-main {
    width: 100%;
  }

  .new-blog-item-link {
    width: 100%;
    max-width: 100%;
  }

  .new-blog-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .blog-news-information {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 20px;
  }

  .news-blog-link-wrapper.change-margin {
    top: 0;
  }

  .news-blog-details-part {
    padding: 20px;
  }

  .home-three-news {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .new-blog-title {
    padding-bottom: 20px;
  }

  .news-blog-main {
    margin-top: 0;
    padding-top: 40px;
  }

  .about-business {
    padding-bottom: 0;
  }

  .about-service-wrapper {
    padding-bottom: 60px;
  }

  .about-service-part {
    padding-top: 60px;
  }

  .service-image-small-box, .service-image-three {
    display: none;
  }

  .card-title-box {
    padding-bottom: 20px;
  }

  .reasons-content-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 30px;
    padding-bottom: 40px;
    display: grid;
  }

  .card-details-para {
    width: auto;
  }

  .some-reasons-card {
    width: auto;
    height: auto;
    padding: 40px 20px;
  }

  .about-reasons {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .trusted-left-content {
    width: 100%;
    max-width: 100%;
    padding-top: 60px;
    padding-bottom: 0;
    position: static;
  }

  .trusted-heading {
    max-width: 100%;
    padding-bottom: 30px;
  }

  .heading-two-bottom-padding {
    padding-bottom: 10px;
  }

  .trusted-reating-wrapper {
    padding-top: 30px;
  }

  .right-reviewer-details {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    border-left-width: 0;
    width: 100%;
    padding-top: 0;
  }

  .reviewer-name {
    padding-top: 20px;
  }

  .customer-review-details {
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .about-trusted-main {
    flex-flow: column;
    padding-right: 15px;
  }

  .about-trusted {
    padding-bottom: 30px;
  }

  .review-content {
    max-width: 100%;
  }

  .service-empower-top-part {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .empower-bottom-counter-box {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .empower-bottom-counter-box.bottom-padding-off {
    padding-bottom: 0;
  }

  .service-empower-bottom-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    border-top-width: 0;
    grid-template-columns: 1fr 1fr;
  }

  .left-heading-empower {
    flex: 1;
  }

  .service-empower {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .service-main-content {
    min-height: auto;
  }

  .service-name-box-wrapper {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .right-service-button {
    flex: none;
  }

  .service-list-wrapper-new {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .service-business-header-wrapper {
    padding-bottom: 30px;
  }

  .service-build-brand {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .item-image-box {
    display: none;
  }

  .process-hero-heading {
    padding-bottom: 30px;
  }

  .process-hero-img-box.three, .process-hero-img-box.one, .process-hero-img-box.two, .process-hero-img-box.three, .process-hero-img-box.two, .process-hero-img-box.one {
    transform: none;
  }

  .process-hero {
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .portfolio-image-wrapper {
    width: auto;
    height: auto;
  }

  .portfolio-main-content {
    flex-flow: column;
    height: auto;
    position: static;
  }

  .portfolio-gallery-main.one {
    position: relative;
  }

  .portfolio-gallery-main.two, .portfolio-gallery-main.thee, .portfolio-gallery-main.four, .portfolio-gallery-main.five {
    position: static;
    transform: none;
  }

  .portfolio-gallery-main.six {
    transform: none;
  }

  .portfolio-main-section {
    height: auto;
  }

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

  .home-portfolio-line {
    display: none;
  }

  .home-two-hero {
    height: auto;
  }

  .home-two-hero-sticky {
    height: auto;
    position: static;
  }

  .home-three-hero {
    height: auto;
  }

  .home-three-hero-para {
    max-width: 380px;
  }

  .home-three-sticky-main {
    height: auto;
    padding-top: 140px;
    position: relative;
  }

  .process-hero-content-wrapper-2 {
    padding-top: 0;
  }

  .slider-arrow-circle {
    width: 100px;
    height: 100px;
  }

  .sticky-wrapper {
    position: static;
  }

  .tab-image-full-width {
    width: 100%;
    height: 100%;
  }

  .blog-card-title {
    max-width: 100%;
  }

  .blog-card-details {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 20px;
    padding-bottom: 15px;
  }

  .blog-content-wrapper {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .blog-content {
    margin-top: 0;
    padding-bottom: 70px;
  }

  .merque-image-box {
    width: 100%;
    height: 100%;
  }

  .about-marquee {
    height: auto;
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .about-merque-main {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .marque-image-main {
    height: 500px;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
  }

  .utility-page-content, .utility-page-form {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .home-three-sticky-man-wrapper {
    flex-flow: row;
  }

  .home-three-content {
    width: 100%;
  }

  .home-three-man-image {
    margin-left: -150px;
  }

  .left-align {
    margin-left: 0;
  }

  .text-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .password-form-box, .password-top-tox {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .main-image-bpx {
    width: auto;
    min-width: auto;
    height: auto;
    min-height: auto;
  }

  .service-hero-content-main {
    padding-bottom: 80px;
  }

  .white-arrow-box {
    width: 60px;
    height: 60px;
  }

  .service-creating-main-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
  }

  .rotate-svg-box {
    display: none;
  }

  .service-creating {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .right-image-box.overflow-hidden {
    width: auto;
    height: auto;
  }

  .business-goals-top-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    padding-bottom: 40px;
  }

  .business-goals-bottom-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .bottom-rught-counter-part {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    width: 100%;
  }

  .bottom-left-image-part {
    width: 100%;
  }

  .left-heading-business {
    text-align: center;
    flex: 1;
    max-width: 100%;
  }

  .business-image-box, .business-image-box.overflow-hidden {
    width: auto;
    height: auto;
  }

  .right-business-goal-image {
    flex: 1;
    width: 100%;
  }

  .overlay-wrapper {
    display: none;
  }

  .collection-list-2 {
    width: 100%;
  }

  .nav-dropdown-list {
    background-color: var(--color--white);
    width: 100%;
    box-shadow: 0 20px 50px #0003;
  }

  .dropdown-link {
    color: var(--color--black);
  }

  .menu-button-main {
    border-left: 1px solid #fff;
    padding: 20px 15px 15px;
  }

  .menu-button-main.w--open {
    background-color: #c8c8c800;
  }

  .menu-button-line {
    background-color: #fff;
    width: 21.28px;
    height: 2px;
    margin-bottom: 6px;
    padding: 0;
  }

  .menu-button-line.middile-line.change {
    margin-top: 0;
    display: block;
    position: static;
  }

  .menu-button-line.bottom-line {
    width: 11px;
  }

  .navbar-arrow {
    filter: invert();
  }

  .logo-image {
    width: 100%;
    height: auto;
  }

  .desktop-hamburgar-menu {
    display: none;
  }

  .pages-menu {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .pages-mega-menu.w--open {
    position: relative;
    box-shadow: 0 50px 50px #0003;
  }

  .mega-menu-list-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mega-menu-list-box.top-padding-ten.right-border {
    border-right-width: 0;
  }

  .portfolio-overlay-heading {
    position: static;
  }

  .marketing-left-part {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .portfolio-three-main-content {
    height: auto;
  }

  .portfolio-three-main-box, .portfolio-three-gallery {
    height: auto;
    position: static;
  }

  .footer-big-text {
    letter-spacing: -7.5px;
    font-size: 150px;
  }

  .footer-top-left-content {
    flex: 0 50%;
    width: 100%;
    max-width: 100%;
  }

  .footer-top-part {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-bottom: 0;
  }

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

  .footer {
    padding-top: 60px;
  }

  .footer-contect-main {
    max-width: 170px;
  }

  .footer-top-left-text-part {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 30px;
  }

  .footer-top-right-contect {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 30px;
  }

  .service-marque-image-box {
    width: 250px;
  }

  .portfolio-marque-image-wrapper {
    width: 100%;
  }

  .home-two-hero-top {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin-right: 0%;
    padding-bottom: 15px;
  }

  .hero-video-box {
    z-index: -1;
  }

  .home-two-hero-big-text {
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

  .home-two-hero-main {
    padding-bottom: 60px;
  }

  .home-two-hero-main.is-padding {
    padding-bottom: 0;
  }

  .home-two-hero-end-part {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    text-align: center;
    flex-flow: column;
    padding-top: 20px;
  }

  .video-main {
    width: 100%;
    height: 100vh;
    transform: none;
  }

  .video-overlay {
    pointer-events: none;
    background-image: linear-gradient(#00000040, #00000040);
    display: block;
    position: absolute;
    inset: 0%;
  }

  .footer-2 {
    padding-top: 60px;
  }

  .font-medium-2 {
    font-size: 60px;
  }

  .font-medium-2.change-color {
    color: #fff;
  }

  .font-medium-3 {
    font-size: 60px;
  }

  .service-box-overlay-2 {
    display: none;
  }

  .font-medium-4 {
    font-size: 60px;
  }

  .home-hero-slace-2, .overlay-wrapper-2 {
    display: none;
  }

  .text-color-change-2 {
    color: #fff;
  }

  .hero-big-text-2 {
    letter-spacing: -7.5px;
  }

  .div-block-4 {
    padding-top: 100px;
  }

  .font-medium-5 {
    font-size: 60px;
  }

  .font-medium-5.change-color {
    color: #fff;
  }

  .service-hero-content-main-2 {
    padding-bottom: 80px;
  }

  .service-box-overlay-3 {
    display: none;
  }

  .rt-overlay-images {
    width: 600px;
    height: 400px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 15px;
  }

  h1 {
    font-size: var(--heading-one-font--h1-l);
  }

  h2 {
    font-size: var(--heading-two-font--h2-l);
  }

  h3 {
    font-size: var(--heading-three-font--h3-l);
  }

  h4 {
    font-size: var(--heading-four-font--h4-l);
  }

  h5 {
    font-size: var(--heading-five-font--h5-l);
  }

  h6 {
    font-size: var(--heading-six-font--h6-l);
  }

  .auto-fit.image-full-width.padding-change {
    height: 350px;
  }

  .banner-social-icon-wrapper.change-position {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .social-icon-contect.chnage-padding-left {
    justify-content: center;
    align-items: center;
  }

  .heading-style-h5 {
    font-size: 20px;
  }

  .heading-style-h1 {
    font-size: 60px;
  }

  .heading-style-h2 {
    font-size: 40px;
  }

  .heading-style-h2.text-color-black.landskape-font-change {
    font-size: 25px;
  }

  .counter-box {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .font-medium {
    text-align: center;
    font-size: 40px;
  }

  .heading-style-h6 {
    font-size: 16px;
  }

  .arrow-box {
    flex: none;
    width: 60px;
    height: 60px;
  }

  .service-item-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .marketing-left-heading-box {
    max-width: 100%;
  }

  .item-title-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex: 0 auto;
  }

  .service-header-wrapper {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .heading-style-h3 {
    font-size: 30px;
  }

  .middile-line {
    display: none;
  }

  .portfolio-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 20px;
  }

  .home-two-portfolio-heading {
    text-align: center;
  }

  .bottom-left, .happy-content-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .empower-content-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    align-items: center;
  }

  .left-empower-heading {
    text-align: center;
    width: 100%;
  }

  .exprince-right-text-part {
    max-width: 100%;
  }

  .content-text-details-box {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .empower-heading-box {
    max-width: 100%;
  }

  .right-part-experince {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .empower-header-wrapper {
    flex-flow: column;
  }

  .content-para-text {
    max-width: 100%;
  }

  .arrow-move {
    width: 25px;
  }

  .home-three-counter-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .new-blog-item-link {
    max-width: 100%;
  }

  .new-blog-wrapper {
    grid-template-columns: 1fr;
  }

  .news-blog-details-part {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .new-blog-title, .card-title-box {
    max-width: 100%;
  }

  .reasons-content-wrapper {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-bottom: 0;
  }

  .heading-style-h4-2 {
    font-size: 25px;
  }

  .reasons-end-part {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    text-align: center;
    flex-flow: column;
    padding-top: 8px;
    padding-bottom: 8px;
    display: none;
  }

  .card-details-para {
    max-width: 100%;
  }

  .right-reviewer-details {
    border-left-width: 0;
    padding-top: 0;
  }

  .about-trusted-main {
    flex-flow: column;
  }

  .counter-text-box {
    max-width: 100%;
  }

  .service-empower-top-part {
    flex-flow: column;
  }

  .empower-bottom-counter-box {
    padding-bottom: 0;
  }

  .service-empower-bottom-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    border-top-width: 0;
    grid-template-columns: 1fr;
  }

  .empower-right-content {
    width: 100%;
    max-width: 100%;
  }

  .left-heading-empower {
    max-width: 100%;
  }

  .service-name-box-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .service-business-header-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .portfolio-image-main {
    width: 100%;
  }

  .second-line-hero-heading {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .home-three-hero-para {
    max-width: 100%;
  }

  .process-hero-content-wrapper-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .slider-arrow-circle {
    width: 80px;
    height: 80px;
  }

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

  .utility-page-form {
    max-width: 100%;
  }

  .home-three-sticky-man-wrapper {
    flex-flow: column;
  }

  .home-three-content {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .home-three-man-image {
    margin-left: 0;
    padding-right: 50px;
  }

  .white-arrow-box {
    display: none;
  }

  .service-creating-main-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
  }

  .left-icon-svg {
    display: none;
  }

  .creating-second-line {
    justify-content: flex-start;
    align-items: center;
  }

  .rotate-svg-box, .line-image-box {
    display: none;
  }

  .business-goals-top-wrapper {
    flex-flow: column;
  }

  .left-heading-business {
    max-width: 100%;
  }

  .pages-menu {
    flex-flow: column;
  }

  .mega-menu-list-box.right-border.bottom-padding-off {
    padding-bottom: 0;
  }

  .mega-menu-list-box.top-padding-ten {
    padding-top: 10px;
  }

  .footer-big-text-box {
    display: none;
  }

  .footer-top-part {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
  }

  .footer-bottom-part {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .service-marque-image-box {
    width: 200px;
  }

  .font-medium-2, .font-medium-3, .font-medium-4 {
    text-align: center;
    font-size: 40px;
  }

  .hero-big-text-2 {
    letter-spacing: -6px;
    font-size: clamp(60px, 20vw, 400px);
  }

  .font-medium-5 {
    text-align: center;
    font-size: 40px;
  }

  .rt-overlay-images {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: var(--heading-one-font--h1-m);
  }

  h2 {
    font-size: var(--heading-two-font--h2-m);
  }

  .margin-remove.text-color-black.is-case.is-align {
    text-align: center;
  }

  .heading-style-h1 {
    font-size: 45px;
  }

  .heading-style-h2 {
    font-size: 35px;
  }

  .heading-style-h2.text-color-black.landskape-font-change {
    font-size: 20px;
  }

  .service-item-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .item-title-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .item-text-box.left-padding {
    padding-left: 0;
  }

  .feature-name-box {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .feature-name-box.one, .feature-name-box.six, .feature-name-box.two, .feature-name-box.five, .feature-name-box.four, .feature-name-box.three {
    flex-flow: column;
    width: 100%;
  }

  .lefi-top-portfolio, .portfolio-top {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .happy-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .happy-content-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .service-name-text {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column-reverse;
    justify-content: center;
    align-items: center;
  }

  .service-arrow-box {
    display: none;
  }

  .home-three-counter-wrapper {
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .trusted-reating-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .service-name-box-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .service-list-wrapper-new {
    flex-flow: column;
  }

  .service-business-header-wrapper.is-align {
    align-items: center;
  }

  .eamil-box {
    padding-left: 30px;
    padding-right: 30px;
  }

  .business-counter-box.bottom-padding {
    padding-bottom: 0;
  }

  .business-counter-box.top-padding {
    padding-top: 0;
  }

  .bottom-rught-counter-part {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .coul-line, .row-line {
    display: none;
  }

  .contact-link-box {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
  }

  .footer-bottom-part {
    text-align: center;
  }

  .footer-top-right-contect {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .footer-address-main-box {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .hero-big-text-2 {
    font-size: 100px;
  }

  .hero-big-text-2.is-size {
    letter-spacing: 0;
    font-size: 60px;
  }

  .hero-big-text-2.clamp {
    letter-spacing: -2px;
  }

  .rt-overlay-images {
    width: 100%;
  }
}

#w-node-ebaf1ff4-b52e-2237-b604-866e9de470f5-410ae252 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-ca37a560-ded0-2d40-f4f1-b317241901e7-410ae252 {
  grid-area: 1 / 1 / 2 / 2;
  place-self: center;
}

@media screen and (max-width: 767px) {
  #w-node-a73ebc6e-c77a-e7c0-8d1a-51b03bb2ab7f-aac9417e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}