:root {
  --primary-color: #dcc5b7;
  --background-color: #27323a;
  --white: white;
  --black: #000;
  --radius: 1000px;
  --radius-two: 1000px;
}

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

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

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

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

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

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

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

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

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

body {
  color: var(--primary-color);
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
}

h1 {
  color: var(--primary-color);
  letter-spacing: -2px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 55px;
}

h2 {
  color: var(--primary-color);
  letter-spacing: -1.5px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 40px;
}

h3 {
  color: var(--primary-color);
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
}

h4 {
  color: var(--primary-color);
  letter-spacing: .5px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

h5 {
  color: var(--primary-color);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

p {
  color: #dcc5b7c7;
  letter-spacing: .5px;
  margin-bottom: 10px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
}

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

.nav-one-link-email {
  background-color: #dcc5b7;
  border: 1px solid #ededed;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-one-menu {
  z-index: 111;
  cursor: pointer;
  background-color: #dcc5b7;
  border: 1px solid #ededed;
  border-radius: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.big-container {
  max-width: 1780px;
  margin-left: auto;
  margin-right: auto;
}

.big-container.position-relative {
  position: relative;
}

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

.big-container.position-relative.change-index-two {
  z-index: 999;
}

.big-container.change-sizing {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.big-container.change-sizing.chnage-position {
  justify-content: flex-end;
  align-items: flex-end;
}

.big-container.change-border-updown {
  border-top: 1px solid #dcc5b733;
  border-bottom: 1px solid #dcc5b733;
}

.big-container.change-position {
  position: sticky;
  top: 120px;
}

.big-container.change-sizing {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.big-container.chnage-index {
  z-index: 1111;
  position: relative;
}

.nav-one-wrapper {
  z-index: 2147483647;
  border-bottom: 1px solid #dcc5b733;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.nav-line-two {
  background-color: #000;
  width: 20px;
  height: 2px;
}

.nav-one-logo {
  z-index: 111;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.nav-one-line-wrapper {
  z-index: 11;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-font {
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 24px;
}

.button-font.change-color-black {
  color: #080814;
}

.button-font.change-button-style {
  background-color: #897061;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.button-font.change-button-style.change-border {
  border: 2px solid #897061;
}

.button-font.chnage-primary-color {
  color: var(--primary-color);
}

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

.nav-one {
  z-index: 2147483647;
  padding-left: 15px;
  padding-right: 15px;
  position: fixed;
  inset: 20px 0% auto;
}

.nav-one.change-position {
  z-index: 999999;
  position: absolute;
}

.nav-one.change-home-one-nav {
  padding-top: 20px;
  top: 0;
}

.line-one {
  background-color: #000;
  width: 10px;
  height: 2px;
}

.home-one-interir-image {
  width: 100%;
  height: 100%;
}

.home-one-hero-bottom-text {
  z-index: 11;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

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

.auto-fit.responsive-image-full-width.service-image-drop-shadow {
  box-shadow: 0 40px 60px #0b0e1159;
}

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

.auto-fit.border-radius-round {
  border-radius: 50%;
}

.auto-fit.image-drop-shadow {
  box-shadow: 0 50px 80px #555a6640;
}

.auto-fit.about-image-dropshadow {
  box-shadow: 0 60px 70px #00000073;
}

.auto-fit.image-story-dropshadow, .auto-fit.image-light-drop-shadow {
  box-shadow: 0 40px 60px #0b0e1159;
}

.auto-fit.image-full-height {
  width: 100vw;
  max-width: none;
  height: 100%;
  display: block;
}

.auto-fit.landskape-image-full-width.image-black-shadow {
  box-shadow: 10px 10px 40px #0003;
}

.auto-fit.two, .auto-fit.three {
  position: absolute;
  inset: 0%;
}

.auto-fit.image-about-dropshadow {
  box-shadow: 0 40px 60px #0b0e1126;
}

.auto-fit.purpose-image-drop-shadow {
  box-shadow: 0 40px 60px #89706182;
}

.auto-fit.medium-two, .auto-fit.large-three, .auto-fit.large-two, .auto-fit.medium-three {
  position: absolute;
  inset: 0%;
}

.auto-fit.service-image-drop-shadow {
  box-shadow: 0 40px 60px #0b0e1159;
}

.auto-fit.image-effect-height {
  width: 100vw;
  max-width: none;
  height: 100vh;
}

.auto-fit.filter {
  filter: invert(9%) sepia(49%);
}

.auto-fit.landing-hero-main-border-radius {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.auto-fit.landing-hero-main-border-radius.landing-image-drop-shadow {
  box-shadow: 0 40px 60px #4b3c3399;
}

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

.home-one-about-left {
  flex: 0 50%;
}

.home-one-hero-vedio {
  z-index: 111;
  height: 100%;
}

.home-one-hero-right {
  flex: 1;
}

.home-one-about-left-main {
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.home-one-hero-sub-heading {
  padding-bottom: 10px;
}

.home-one-hero-sub-heading.display-change {
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-one-hero-sub-heading.change-display {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.home-one-service-left {
  padding-right: 300px;
  display: flex;
  position: relative;
}

.home-one-service-text {
  position: absolute;
  inset: auto -30% 15% auto;
  transform: rotate(-90deg);
}

.home-one-service-text.responsive-display-off {
  display: none;
}

.home-one-about-content-paragraph {
  max-width: 360px;
}

.home-one-about-big-text-wrapper {
  z-index: 11111;
  height: 180px;
  padding-bottom: 10px;
}

.home-one-big-text {
  text-align: center;
  text-transform: uppercase;
  font-size: 130px;
  font-weight: 300;
  line-height: 160px;
}

.home-one-big-text.change-size-two {
  font-size: 65px;
  line-height: 100px;
}

.home-one-big-text.change-size-two.desktop-display-off {
  display: none;
}

.home-one-big-text.change-size {
  line-height: 120px;
}

.home-one-big-text.change-size.desktop-display-off {
  display: none;
}

.home-one-big-text.change-size.chnage-style {
  color: #dcc5b7;
  letter-spacing: -2px;
  white-space: nowrap;
  font-weight: 200;
}

.home-one-big-text.change-size.change-style-two {
  color: #27323a;
  letter-spacing: -2px;
  font-weight: 200;
}

.home-one-big-text.change-size.change-color {
  color: #dcc5b7;
}

.home-one-big-text.change-align {
  text-align: left;
  line-height: 110px;
}

.home-one-big-text.change-align-right {
  text-align: right;
  line-height: 110px;
}

.home-one-big-text.change-text-style {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#dcc5b7 18%, #fff0 81%);
  -webkit-background-clip: text;
  background-clip: text;
}

.home-one-service-right-text {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.home-one-hero-main {
  height: 100%;
  display: flex;
  position: relative;
}

.home-one-service-image-two {
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 168px;
  margin-left: -210px;
  position: relative;
}

.button-style {
  color: #dcc5b7;
  letter-spacing: .5px;
  text-transform: uppercase;
  background-color: #dcc5b700;
  border: 1px solid #dcc5b74d;
  padding: 10px 40px;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
}

.button-style.change-border-style {
  border-color: #dcc5b7;
}

.button-style.change-border-color {
  color: #27323a;
  border-color: #0003;
}

.button-style.change-style {
  border-color: #dcc5b7;
}

.button-style.change-width {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.button-main {
  position: relative;
}

.home-one-about {
  height: 80vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.home-one-hero-paragraph {
  max-width: 475px;
}

.subheading-text {
  letter-spacing: 1.8px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  line-height: 17.6px;
}

.subheading-text-footer {
  letter-spacing: 1.8px;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 700;
  line-height: 17.6px;
}
.subheading-text.change-color-black {
  color: #000;
}

.subheading-text.change-color-black.no-break {
  white-space: nowrap;
}

.subheading-text.change-color {
  color: #27323a;
}

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

.subheading-text.change-weight {
  color: #dcc5b7b3;
  font-weight: 500;
}

.subheading-text.change-weight.change-text-style {
  color: #27323a80;
  letter-spacing: .5px;
}

.subheading-text.text-no-wrap {
  white-space: nowrap;
}

.subheading-text.chnage-color-dark-brown {
  color: #897061;
}

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

.subheading-text.change-style.change-weight.change-color {
  color: #dcc5b7;
  letter-spacing: .8px;
}

.subheading-text.change-style.change-weight.change-color.change-text-style {
  text-transform: lowercase;
}

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

.subheading-text.change-align-two {
  text-align: left;
}

.subheading-text.hover-effect {
  transition: all .3s;
}

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

.subheading-text.text-no-break {
  white-space: nowrap;
}

.main-container {
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
}

.main-container.change-sizing {
  flex: 1;
  width: 100%;
}

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

.main-container.position-sticky {
  z-index: 120;
  position: sticky;
  top: 120px;
}

.main-container.gutter-space {
  padding-left: 15px;
  padding-right: 15px;
}

.main-container.padding-top-main {
  margin-top: 20px;
}

.home-one-service-line {
  background-color: #dcc5b733;
  width: 1px;
}

.home-one-service-line.change-height {
  height: 480px;
  margin-right: -50px;
}

.home-one-service-line.change-spacing {
  margin-left: -30px;
}

.home-one-about-right {
  flex: 1;
}

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

.change-padding.change-font-style {
  text-transform: uppercase;
  font-size: 40px;
  line-height: 50px;
}

.change-padding.change-color-black {
  color: #27323a;
}

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

.change-padding.change-align, .change-padding.align-right {
  text-align: right;
}

.change-padding.change-color-dark-brown {
  color: #897061;
}

.change-padding.margin-bottom-fifteen {
  margin-bottom: 15px;
}

.change-padding.padding-bottom {
  padding-bottom: 20px;
}

.home-one-hero-small-image {
  z-index: 111;
  width: 283px;
  height: 318px;
  position: relative;
}

.home-one-hero-bottom-left {
  max-width: 186px;
  padding-bottom: 40px;
}

.home-one-service-right {
  margin-left: -40px;
}

.home-one-about-content {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 600px;
  display: flex;
}

.home-one-background-image {
  width: 100%;
  height: 100%;
}

.home-one-hero-left-main {
  z-index: 11;
  background-color: #27323a;
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.home-one-service-button {
  z-index: 11111111;
  padding-top: 40px;
  padding-bottom: 15px;
  padding-left: 15px;
  display: flex;
  position: relative;
}

.home-one-hero-main-big-wrapper {
  background-color: #27323a;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  position: relative;
}

.upper-liner {
  background-color: #dcc5b7;
  width: 1px;
  height: 15px;
  position: absolute;
  inset: -15px 0% auto auto;
}

.upper-liner.one.change-color {
  background-color: #27323a;
}

.upper-liner.line-three {
  inset: auto 0% -15px auto;
}

.upper-liner.line-three.change-color {
  background-color: #27323a;
}

.upper-liner.line-four {
  inset: auto auto -15px 0%;
}

.upper-liner.line-four.change-color {
  background-color: #27323a;
}

.upper-liner.line-two {
  inset: -15px auto auto 0%;
}

.upper-liner.line-two.change-color {
  background-color: #27323a;
}

.home-one-hero-background-image {
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.home-one-hero-background-image.change-position {
  z-index: 111;
  opacity: 0;
  height: 105vh;
  margin-top: 100vh;
  position: absolute;
  inset: 0%;
}

.home-one-hero-background-image.main-background {
  overflow: hidden;
}

.home-one-hero-line {
  background-color: #dcc5b733;
  width: 100%;
  max-width: 1780px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 25%;
}

.home-one-hero-line.change-position-two {
  bottom: 18%;
}

.home-one-hero-line.change-position-two.change-position {
  bottom: 35%;
}

.home-one-hero-line.change-position-two.change-new-position, .home-one-hero-line.change-position {
  bottom: 0%;
}

.home-one-hero {
  z-index: 11;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.home-one-service-left-item {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 60px;
  display: flex;
}

.display-off {
  display: none;
}

.home-one-about-wrapper {
  z-index: 11;
  position: relative;
}

.home-one-hero-left-content {
  z-index: 111;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  max-width: 600px;
  padding-top: 140px;
  display: flex;
  position: relative;
}

.home-one-service {
  background-color: #27323a;
  height: 100vh;
  padding-top: 100px;
  padding-left: 15px;
  padding-right: 15px;
  position: sticky;
  overflow: hidden;
}

.linear-line {
  background-color: #dcc5b7;
  width: 15px;
  height: 1px;
  position: absolute;
  inset: auto -15px 0% auto;
}

.linear-line.line-four {
  inset: 0% auto auto -15px;
}

.linear-line.line-four.change-color {
  background-color: #27323a;
}

.linear-line.line-two {
  inset: 0% -15px auto auto;
}

.linear-line.line-two.change-color, .linear-line.one.change-color {
  background-color: #27323a;
}

.linear-line.line-three {
  inset: auto auto 0% -15px;
}

.linear-line.line-three.change-color {
  background-color: #27323a;
}

.home-one-about-main {
  height: 100%;
  display: flex;
  position: relative;
}

.home-one-service-paragraph {
  max-width: 390px;
}

.home-one-service-heading {
  padding-bottom: 20px;
}

.home-one-service-wrapper {
  z-index: 111;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.home-one-hero-heading {
  max-width: 475px;
  padding-bottom: 25px;
}

.home-one-hero-left {
  flex: 0 50%;
  position: relative;
}

.home-one-process-paragraph-main {
  max-width: 350px;
}

.home-one-process-paragraph-main.overflow-hidden {
  padding-bottom: 100px;
}

.home-one-product-heading {
  max-width: 389px;
  padding-bottom: 40px;
}

.home-one-process-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-one-process-bar-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-one-process-item-main {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  padding-top: 20px;
  padding-left: 30px;
  display: flex;
}

.home-one-process-bar-main {
  background-color: #d9d9d933;
  width: 100%;
  height: 3px;
}

.home-one-process-bar-main.change-color {
  background-color: #fff;
}

.home-one-process-link-wrapper {
  display: flex;
}

.home-one-product-wrapper {
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.home-one-product-item {
  flex: none;
  padding-left: 50px;
  padding-right: 50px;
}

.accordian-margin-top {
  margin-top: 20px;
  margin-bottom: 0;
}

.home-one-product-left-wrapper {
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.home-one-process-heading {
  max-width: 389px;
  padding-bottom: 20px;
}

.home-one-process-right {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.heading-four {
  letter-spacing: .5px;
  font-size: 20px;
  line-height: 26px;
}

.heading-four.change-color-brown {
  color: #27323a;
}

.heading-four.change-color-brown.no-wrap {
  white-space: nowrap;
}

.heading-four.change-color-fade-dark, .heading-four.change-color-black {
  color: #27323a;
}

.heading-four.hover-effect {
  transition: all .3s;
}

.heading-four.hover-effect:hover {
  color: var(--white);
}

.heading-four.change-primary-color {
  color: var(--primary-color);
}

.heading-four.opacity-off {
  opacity: 0;
}

.home-one-business-accordian-item {
  cursor: pointer;
  border-bottom: 1px solid #dcc5b733;
  padding-top: 15px;
  padding-bottom: 15px;
}

.home-one-business-accordian-item.change-border-bottom {
  border-bottom-width: 0;
}

.home-one-interior-main {
  background-color: #27323a;
  position: relative;
}

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

.home-one-process-left {
  background-color: #897061;
  flex: 0 60%;
  padding: 140px 60px;
}

.home-one-product-left {
  flex: 0 40%;
  padding-bottom: 60px;
}

.home-one-interior {
  background-image: url('../../assets/images/home/3840x2160.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
  align-items: flex-end;
  height: 100vh;
  padding-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: sticky;
  top: 0;
}

.home-one-process-right-bar {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  max-width: 390px;
  display: flex;
}

.home-one-process-right-bar.chnage-style {
  max-width: 100%;
}

.home-one-product {
  background-color: #897061;
  padding-top: 120px;
  padding-left: 15px;
  position: sticky;
  top: 0;
}

.home-one-product-merquee {
  flex: none;
  display: flex;
}

.accordian-minus {
  background-color: #dcc5b7;
  width: 11px;
  height: 1px;
}

.home-one-business-accordian-paragraph {
  max-width: 548px;
  overflow: hidden;
}

.home-one-process-main-bar {
  background-color: #9b806f;
  width: 85%;
  height: 3px;
}

.home-one-process-main-bar.change-width {
  width: 94%;
}

.home-one-process-main-bar.change-color {
  background-color: #dcc5b7;
}

.home-one-process-main-bar.change-color.change-width {
  width: 94%;
}

.home-one-product-text-wrapper {
  flex: 1;
  max-width: 420px;
}

.home-one-process-line {
  background-color: var(--primary-color);
  width: 25px;
  height: 1px;
}

.interior-text.change-size {
  margin-top: -60px;
}

.home-one-process-bar-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.home-one-business-accordian-option {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-one-process-image-main {
  border-top: 1px solid #f2ebe745;
  border-bottom: 1px solid #f2ebe745;
  padding-top: 20px;
  padding-bottom: 20px;
}

.home-one-process {
  background-color: #27323a;
  padding: 100px 15px 40px;
  position: sticky;
  top: 0;
}

.div-block {
  flex: 1;
  display: flex;
  position: relative;
}

.home-one-product-right {
  flex: 0 60%;
  margin-left: -50px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.home-one-business-accordian-icon {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.home-one-interior-text-wrapper {
  z-index: 111;
  transform-origin: 50% 0;
  line-height: 100px;
  display: flex;
  position: absolute;
  inset: 18% auto auto 65px;
}

.accordian-plus {
  background-color: #dcc5b7;
  width: 1px;
  height: 11px;
  position: absolute;
}

.home-one-process-paragraph {
  max-width: 390px;
}

.home-one-process-main {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.home-one-process-main-link-wrapper {
  border-left: 1px solid #f2ebe745;
  margin-top: 30px;
  padding-left: 30px;
}

.home-one-product-main {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  display: flex;
}

.home-one-work-item-wrapper {
  z-index: 1;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-one-work-item-wrapper.lanndskape-display-on {
  display: none;
}

.home-one-work-heading {
  max-width: 389px;
}

.home-one-work-wrapper {
  z-index: 11;
  max-width: 100%;
  margin-left: auto;
  margin-right: 0;
  position: relative;
}

.home-one-work-main {
  position: relative;
}

.home-one-work-item-heading {
  background-color: #dcc5b7b0;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 50px;
  padding: 10px 25px 10px 15px;
  display: flex;
  position: absolute;
  inset: auto -75px 75px auto;
  transform: rotate(-90deg);
}

.home-one-work-item {
  border-right: 1px solid #fff3;
  flex: 1;
  position: relative;
}

.home-one-work-heading-wrapper {
  padding-top: 100px;
  padding-left: 100px;
  position: absolute;
  inset: 0%;
}

.home-one-work-image-wrapper {
  position: relative;
}

.home-one-work {
  background-color: #897061;
  margin-top: -1px;
  padding-top: 121px;
  padding-bottom: 130px;
  padding-left: 15px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.home-one-city-vedio {
  height: 100vh;
  position: sticky;
  top: 0;
}

.home-one-background-vedio {
  background-color: #0000004d;
  width: 100%;
  height: 100%;
}

.home-one-vedio-text {
  position: absolute;
  inset: 40% -20% auto auto;
  transform: rotate(-90deg);
}

.home-one-vedio-text-line {
  background-color: #dcc5b766;
  width: 100%;
  height: 1px;
  position: absolute;
  top: -25px;
  bottom: 0%;
  right: auto;
}

.change-color-dark {
  color: #27323ab3;
}

.change-color-dark.change-opacity {
  color: #27323a;
}

.home-one-testiminial-wrapper {
  display: flex;
}

.home-one-testimonial-heading {
  width: 150px;
  height: 100px;
  position: relative;
  top: 500px;
  transform: rotate(-90deg);
}

.home-one-testimonial-author {
  padding-bottom: 10px;
}

.home-one-testimonial-top {
  border-bottom: 1px solid #27323a36;
  padding-top: 100px;
  padding-bottom: 100px;
}

.home-one-testimonial-text {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.home-one-testimonial-image {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 30px;
  display: flex;
}

.home-one-testimonial {
  background-color: #dcc5b7;
  height: 100vh;
  padding-top: 100px;
  padding-left: 15px;
  padding-right: 15px;
  position: sticky;
  top: 0;
}

.home-one-testimonial-quotetion {
  margin-bottom: 20px;
}

.home-one-testimonial-main-heading {
  max-width: 389px;
}

.home-one-testimonial-paragraph {
  max-width: 420px;
  padding-bottom: 20px;
}

.home-one-testimonial-bottom {
  padding-top: 100px;
  padding-bottom: 60px;
}

.home-one-testimonial-main {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 40px;
  display: flex;
}

.home-one-promotion-wrapper {
  border-top: 1px solid #27323a36;
  border-bottom: 1px solid #27323a36;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.home-one-promotion-herading {
  padding-bottom: 40px;
}

.home-one-promotion-image {
  height: 202px;
  overflow: hidden;
}

.home-one-promotion-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-right: 1px solid #27323a33;
  flex-flow: column;
  padding: 40px;
  display: flex;
}

.home-one-promotion-item.change-border {
  border-right-width: 0;
}

.home-one-promotion-item-heading {
  max-width: 494px;
}

.home-one-promotion {
  z-index: 11;
  background-color: #fff;
  padding: 120px 15px 130px;
  position: sticky;
  top: 0;
}

.footer-one {
  z-index: 11;
  background-color: #27323a;
  flex-flow: column;
  justify-content: flex-end;
  padding-top: 140px;
  padding-left: 15px;
  padding-right: 15px;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.footer-one.footer-three {
  height: auto;
  margin-top: -1px;
  padding-top: 120px;
}

.change-style {
  text-transform: capitalize;
}

.footer-one-main-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid #dcc5b766;
  border-bottom: 1px solid #dcc5b766;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 30px;
  padding-bottom: 30px;
  display: grid;
}

.footer-one-merquee-item {
  flex: none;
  display: flex;
}

.footer-one-link-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-left: 1px solid #dcc5b766;
  border-right: 1px solid #dcc5b766;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.footer-one-bottom-right {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.footer-one-left-heading {
  max-width: 469px;
}

.footer-one-button {
  padding-top: 40px;
  padding-bottom: 15px;
  padding-left: 15px;
  display: flex;
}

.merquee-text {
  color: #3c4c57;
  letter-spacing: -2px;
  text-transform: uppercase;
  padding-right: 100px;
  font-size: 120px;
  font-weight: 300;
  line-height: 100px;
}

.footer-one-merquee {
  padding-bottom: 100px;
  display: flex;
}

.footer-one-main-paragraph {
  max-width: 590px;
}

.footer-one-bottom-link-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.footer-one-bottom-link-wrapper.change-size {
  border-top: 1px solid #dcc5b766;
  width: 100%;
}

.footer-one-left {
  flex-flow: column;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.footer-one-bottom-left {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.overflow-hidden {
  overflow: hidden;
}

.overflow-hidden.padding-bottom {
  padding-bottom: 10px;
}

.home-one-work-main-image-wrapper {
  position: relative;
}

.home-one-work-image-overlay {
  background-image: linear-gradient(#0003, #0003);
  position: absolute;
  inset: 0%;
}

.side-line {
  background-color: var(--white);
  transform-origin: 50% 100%;
  width: 1px;
  margin-top: auto;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.nav-menu-overlay {
  background-color: var(--white);
  border-radius: 50%;
  position: absolute;
  inset: 0%;
}

.nav-email-icon {
  z-index: 11;
  position: relative;
}

.nav-one-link-email-two {
  background-color: #dcc5b7;
  border: 1px solid #ededed;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.black-nav-arrow {
  display: none;
}

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

.navbar {
  background-color: #ddd0;
}

.home-two-hero-main {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding-top: 300px;
  display: flex;
}

.header-menu-item {
  color: #202854;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6875rem;
}

.header-menu-item:hover {
  color: #4a74fd;
}

.header-menu-item.sub-menu {
  display: block;
}

.header-menu-item.sub-menu.change-line-height {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 26px;
  transition: all .3s;
}

.header-menu-item.sub-menu.change-line-height:hover {
  color: var(--black);
  transform: translate(10px);
}

.header-menu-item.sub-menu.change-line-height.w--current {
  color: var(--black);
}

.menu-font {
  color: #DCC5B7;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  line-height: 26px;
}

.menu-font.change-submenu {
  min-width: 230px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.menu-font.change-submenu.w--open {
  background-color: #DCC5B7;
}

.menu-font.change-submenu.box-shadow.w--open {
  box-shadow: 0 10px 10px 2px #0000001a;
}

.menu-font.change-submenu.box-shadow.border-radius-ten {
  min-width: 200px;
}

.menu-font.change-submenu.box-shadow.border-radius-ten:hover {
  color: #4c34e3;
}

.menu-font.change-submenu.box-shadow.border-radius-ten.w--open {
  box-shadow: 0 5px 10px 2px #0000001a;
}

.menu-font.change-primary-color {
  color: #dcc5b7;
}

.dropdown-toggle {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 20px;
  display: flex;
}

.home-two-hero-text {
  text-align: center;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#dcc5b7, #fff0);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 130px;
  font-weight: 300;
  line-height: 150px;
}

.nav-two-wrapper {
  border-bottom: 1px solid #dcc5b733;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-two-hero-paragraph {
  max-width: 475px;
}

.home-two-hero-heading {
  max-width: 475px;
  padding-bottom: 20px;
}

.home-two-big-text {
  padding-bottom: 40px;
  position: relative;
}

.nav-two {
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  inset: 0% 0% auto;
}

.home-two-hero {
  z-index: 1;
  background-image: url('../../images/Home-Two-Hero.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  padding-left: 15px;
  padding-right: 15px;
  position: sticky;
  top: 0;
}

.home-two-about-left-subheading {
  margin-top: 55px;
  margin-left: -40px;
  transform: rotate(-90deg);
}

.home-two-about-left-item-two {
  margin-top: 160px;
  margin-left: -210px;
}

.home-two-about-wrapper {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.home-two-about-left {
  padding-top: 20px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.home-two-about-link-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.home-two-about-right {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-two-about-paragraph {
  max-width: 390px;
}

.home-two-about-heading {
  padding-bottom: 25px;
}

.home-two-about-link-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-arrow {
  margin-top: 5px;
}

.home-two-about-line {
  background-color: #dcc5b733;
  width: 1px;
}

.home-two-about-left-item {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-two-about {
  z-index: 2;
  background-color: #27323a;
  padding-bottom: 130px;
  position: relative;
}

.home-two-about-button {
  padding-top: 40px;
  padding-bottom: 15px;
  padding-left: 15px;
  display: flex;
}

.home-two-about-experience {
  position: absolute;
  inset: auto auto 18% 8%;
}

.home-two-work-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #efd9cc;
  flex-flow: column;
  margin-left: 15px;
  margin-right: 15px;
  padding: 70px 25px 60px;
  display: flex;
  position: relative;
}

.home-two-work-link-main {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-two-work-line {
  background-color: #27323a33;
  width: 1px;
  height: 175px;
  margin-top: auto;
  margin-bottom: auto;
}

.home-two-work-line.chnage-color-light {
  background-color: #dcc5b74d;
}

.home-two-work-main-wrapper {
  justify-content: space-between;
  display: flex;
}

.home-two-work-recidence {
  position: absolute;
  inset: -20% 15px auto auto;
}

.chnage-dark-color {
  color: #27323ab3;
}

.home-two-work-heading {
  max-width: 685px;
}

.home-two-work {
  background-color: #dcc5b7;
  padding: 120px 15px;
}

.heading-five {
  color: #dcc5b7;
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.heading-five.chnage-color-dark {
  color: #27323a;
}

.heading-five.chnage-color-dark.text-break {
  white-space: normal;
}

.heading-five.change-color {
  color: var(--primary-color);
}

.heading-five.change-color-white {
  color: #fff;
}

.heading-five.text-break {
  white-space: normal;
}

.home-two-work-item-paragraph {
  max-width: 318px;
}

.home-two-work-number {
  padding-bottom: 10px;
}

.home-two-work-number.chnage-display {
  display: flex;
}

.outline-number {
  color: #dcc5b700;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #27323ab3;
  font-size: 42px;
  font-weight: 700;
  line-height: 35px;
}

.outline-number.chnage-color {
  -webkit-text-stroke-color: #dcc5b7b3;
}

.outline-number.chnage-color.main {
  color: #27323a00;
}

.outline-number.chnage-color.hover-number {
  -webkit-text-stroke-color: #27323ab3;
  position: absolute;
}

.home-two-work-link {
  padding-top: 20px;
  padding-bottom: 90px;
  display: flex;
}

.home-two-product {
  background-color: #897061;
  padding-top: 120px;
  padding-bottom: 75px;
}

.home-two-product-heading {
  max-width: 1050px;
  padding-bottom: 85px;
}

.home-two-product-link-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.chnage-font-style {
  font-size: 16px;
}

.home-two-product-link-wrapper {
  justify-content: space-between;
  max-width: 803px;
  padding-bottom: 120px;
  display: flex;
}

.home-two-product-link-wrapper.change-padding-bottom {
  padding-bottom: 0;
}

.home-two-logo {
  background-color: #897061;
  border-top: 1px solid #dcc5b733;
  border-bottom: 1px solid #dcc5b733;
  padding-top: 60px;
  padding-bottom: 60px;
}

.home-two-logo.change-color {
  background-color: #dcc5b7;
  border-top-color: #27323a33;
  border-bottom-color: #27323a33;
}

.home-two-logo-merquee {
  display: flex;
  overflow: hidden;
}

.home-two-logo-wrapper {
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-two-logo-item {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-right: 100px;
  display: flex;
}

.home-two-story-left-image-two {
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 169px;
  margin-left: -209px;
  display: flex;
}

.home-two-story-left-image-two.change-position {
  margin-right: -30px;
}

.home-two-story-heading {
  max-width: 389px;
  padding-bottom: 20px;
}

.home-two-story {
  background-color: #897061;
  padding: 120px 15px;
}

.home-two-story.change-bottom-padding {
  padding-bottom: 0;
}

.counter-box {
  justify-content: center;
  align-items: flex-start;
  height: 60px;
  display: flex;
  overflow: hidden;
}

.counter-box.big-counter {
  height: 66px;
}

.home-two-story-wrapper {
  justify-content: space-between;
  align-items: center;
  padding-bottom: 120px;
  display: flex;
}

.home-two-counter-line {
  background-color: #dcc5b766;
  flex: 1;
  height: 1px;
}

.home-two-story-left {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.home-two-counter-box-new {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.counter-text {
  letter-spacing: -4px;
  text-transform: uppercase;
  font-size: 60px;
  font-weight: 300;
  line-height: 66px;
}

.counter-new {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-two-story-paragraph {
  max-width: 390px;
}

.home-two-story-image-caption {
  margin-bottom: 55px;
  margin-left: -40px;
  transform: rotate(-90deg);
}

.home-two-counter-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.home-two-counter-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

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

.counter.bottom.chnage-align-left {
  justify-content: flex-start;
  align-items: center;
}

.home-two-counter-item-paragraph {
  max-width: 355px;
}

.home-two-counter-item-top {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.counter-train {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-two-process-item-paragraph {
  max-width: 495px;
}

.heading-two {
  letter-spacing: -1.5px;
  font-size: 32px;
  font-weight: 300;
  line-height: 36.2px;
}

.home-two-process-bottom-wrapper {
  padding-top: 30px;
}

.home-two-process-heading {
  max-width: 450px;
  padding-bottom: 65px;
}

.home-two-process-bottom-item {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  display: flex;
  overflow: hidden;
}

.home-two-process-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-two-process-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  flex-flow: column;
  display: flex;
  position: relative;
}

.home-two-process {
  background-color: #897061;
  padding: 120px 15px;
}

.home-two-process-line {
  background-color: #dcc5b7;
  max-width: 105px;
  height: 1px;
}

.home-two-process-item-heading {
  flex: 1;
}

.home-two-process-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.home-two-success-main-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-two-success-main-text-wrapper.change-position {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 60px;
}

.home-two-success-heading {
  max-width: 442px;
}

.home-two-success-paragraph {
  max-width: 525px;
}

.home-two-success {
  background-color: #897061;
  padding-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;
}

.home-two-success-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  display: flex;
}

.home-two-success-text {
  flex: 1;
  position: relative;
}

.home-two-success-details {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.home-two-success-details.chnage-sizing {
  flex: 0 auto;
}

.home-two-service-text-item {
  border-right: 1px solid #dcc5b733;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 10px;
  display: flex;
}

.home-two-service-text-item.change-border {
  border-right-width: 0;
}

.home-two-service-item-details {
  overflow: hidden;
}

.heading-three {
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
}

.heading-three.change-color-black {
  color: #27323a;
}

.heading-three.chnage-color-white {
  color: #fff;
}

.home-two-service-text-wrapper {
  z-index: 1;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-two-service-image-overlay {
  z-index: 1;
  background-image: linear-gradient(#0000004d, #0009);
  position: absolute;
  inset: 0%;
}

.home-two-service-image-wrapper, .home-two-service {
  position: relative;
}

.home-two-service-item-text-main {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.home-two-testimonial-author-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  padding-bottom: 50px;
  display: flex;
}

.number-wrapper {
  position: absolute;
  inset: auto auto -21% 38%;
}

.number-wrapper.chnage-position {
  inset: auto 38% -21% auto;
}

.home-two-testimonial {
  background-color: #dcc5b7;
  /* background-image: linear-gradient(#dcc5b780, #dcc5b780), url('../../images/House-Outline.webp'); */
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 590px 330px;
  padding: 120px 15px;
}

.home-two-testimonial.change-color {
  background-color: #897061;
  background-image: linear-gradient(#89706180, #89706180), url('../../images/White-House.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 590px 330px;
}

.home-two-testimonial-paragraph {
  max-width: 810px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  overflow: hidden;
}

.home-two-arrow-text {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 10px;
  display: flex;
  overflow: hidden;
}

.home-two-testimonial-slider {
  background-color: #ddd0;
  width: 100%;
  position: static;
}

.testimonial-text {
  color: #27323ab3;
  font-size: 20px;
  line-height: 32px;
}

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

.testimonial-text.text-align-center.chnage-color {
  color: #dcc5b7;
}

.testimonial-text.change-color {
  color: #897061;
}

.home-two-arrow-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-two-arrow-text-wrapper {
  display: flex;
}

.home-two-testimonial-item {
  position: relative;
}

.home-two-testimonial-main {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.home-two-arrow-wrapper {
  grid-column-gap: 200px;
  grid-row-gap: 200px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-two-arrow-wrapper.display-off {
  display: none;
}

.home-two-testimonial-number-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 10px;
  min-width: 10px;
  display: flex;
}

.home-two-testimonial-left-arrow {
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  inset: auto auto -6px 40%;
}

.home-two-testimonial-left-arrow.right-arrow {
  left: auto;
  right: 40%;
}

.home-two-testimonial-author-details {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.home-two-news-heading {
  padding-bottom: 100px;
}

.home-two-new-link-wrapper {
  width: 85px;
  overflow: hidden;
}

.home-two-news-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.home-two-news-wrapper.display-off {
  display: none;
}

.home-two-news-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  padding-top: 30px;
  display: flex;
}

.home-two-news-image {
  position: relative;
  overflow: hidden;
}

.home-two-promotion-link-main-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.home-two-news-heading-wrapper {
  max-width: 390px;
}

.home-two-news-item-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.medium-heading-new {
  color: #27323a;
  text-align: center;
  letter-spacing: -2px;
  text-transform: uppercase;
  font-size: 80px;
  font-weight: 200;
  line-height: 60px;
}

.home-two-news {
  padding: 113px 15px 120px;
}

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

.footer-two-link-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border-top: 1px solid #dcc5b766;
  justify-content: flex-end;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.footer-two-paragraph {
  max-width: 595px;
  padding-bottom: 100px;
}

.home-two-footer-heading {
  padding-bottom: 30px;
}

.home-two-footer-link-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.footer-two-heading {
  max-width: 600px;
  padding-bottom: 20px;
}

.home-two-footer-wrapper {
  justify-content: space-between;
  padding-bottom: 100px;
  display: flex;
}

.footer-two {
  background-color: #27323a;
  background-image: url('../../images/FooterBackground.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 110px;
  padding-left: 15px;
  padding-right: 15px;
}

.footer-two-location {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.home-three-work-sub-heading {
  margin-bottom: 70px;
  margin-right: -100px;
  position: absolute;
  transform: rotate(-90deg);
}

.home-three-work-image-left {
  z-index: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 50px;
  display: flex;
  position: relative;
}

.home-three-work-image-two {
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 93px;
  margin-left: -65px;
  display: flex;
}

.home-three-work-image {
  display: flex;
}

.home-three-work {
  background-color: #897061;
  padding: 120px 15px 180px;
  overflow: hidden;
}

.home-three-work-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-three-work-heading {
  max-width: 495px;
}

.home-three-work-accordian {
  padding-top: 20px;
}

.home-three-work-image-right {
  margin-left: -150px;
}

.hover-effect {
  transition: all;
}

.hover-effect:hover {
  color: var(--white);
}

.home-three-tag {
  background-color: #897061;
  padding-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;
}

.home-three-image-paragraph {
  max-width: 503px;
}

.home-three-image-one {
  flex: 1;
  position: relative;
}

.home-three-image-main-wrapper {
  justify-content: space-between;
  display: flex;
}

.home-three-image-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  padding-bottom: 50px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.home-three-image-overlay {
  background-image: linear-gradient(#0000, #000c);
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-three-experience {
  background-color: #27323a;
  padding: 120px 15px;
}

.home-three-story-paragraph {
  max-width: 495px;
  padding-bottom: 40px;
}

.home-three-story-left-wrapper {
  display: flex;
  position: relative;
}

.home-three-story-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-three-story-left-image-two {
  margin-bottom: -50px;
  margin-left: -156px;
  position: relative;
}

.home-three-story-left {
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 50px;
  display: flex;
}

.home-three-story-caption {
  margin-top: 60px;
  margin-right: -90px;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: rotate(-90deg);
}

.home-three-story-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-right: 1px solid #dcc5b733;
  flex-flow: column;
  padding-right: 60px;
  display: flex;
}

.home-three-story-item.change-padding-left {
  border-right-width: 0;
  padding-left: 60px;
  padding-right: 0;
}

.home-three-story {
  background-color: #27323a;
  padding-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;
}

.home-three-story-main {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.home-three-story-heading {
  max-width: 494px;
  padding-bottom: 20px;
}

.home-three-project {
  background-color: #27323a;
  padding-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;
}

.home-three-slide {
  background-color: #27323a;
  height: 300vh;
  padding-left: 15px;
}

.home-three-slide-wrapper {
  max-width: 1575px;
  margin-left: auto;
  margin-right: 0;
  position: sticky;
  top: 120px;
  overflow: hidden;
}

.home-three-slide-main-item-wrapper {
  cursor: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-three-slide-main {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  cursor: auto;
  flex: none;
  display: flex;
}

.home-three-slide-image {
  flex: none;
  width: 50vw;
  position: relative;
}

.home-three-process-paragraph {
  max-width: 285px;
  padding-top: 20px;
}

.home-three-process-item {
  border-top: 1px solid #dcc5b766;
  padding-top: 20px;
}

.home-three-process-item-paragraph {
  max-width: 341px;
}

.home-three-process {
  background-color: #27323a;
  padding: 120px 15px 105px;
}

.home-three-process-left-heading {
  max-width: 523px;
  padding-bottom: 5px;
}

.home-three-process-top {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.home-three-process-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 60px;
  display: flex;
}

.home-three-process-main-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-three-interior-inner-wrapper {
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.home-three-background-interior-vedio {
  height: 100%;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
}

.home-three-interior-line {
  z-index: 1;
  background-color: #dcc5b766;
  max-width: 1780px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 140px 0% auto;
}

.home-three-interior-line.change-position {
  inset: auto 0% 300px;
}

.home-three-interior {
  height: 100vh;
}

.nav-three {
  z-index: 9999999;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  inset: 0% 0% auto;
}

.nav-three-main-wrapper {
  border-bottom: 1px solid #dcc5b733;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

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

.nav-three-menu-main {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
  display: flex;
}

.nav-menu-main {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.nav-three-line-one {
  background-color: var(--white);
  width: 22px;
  height: 1px;
}

.nav-three-line-two {
  background-color: var(--white);
  width: 26px;
  height: 1px;
}

.home-two-hero-wrapper {
  position: relative;
}

.home-two-image-overlay {
  background-image: linear-gradient(#0009, #0009);
  position: absolute;
  inset: 0%;
}

.home-two-effect-lower-part {
  z-index: 11;
  width: 100%;
  padding-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  inset: auto 0% 0%;
}

.home-two-effect-wrapper {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-two-effect-lower-part-wrapper {
  border-top: 1px solid #dcc5b733;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  display: flex;
  overflow: hidden;
}

.home-two-effect-text-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-two-paragraph-one {
  max-width: 350px;
}

.home-two-effect {
  z-index: 0;
  height: 100vh;
  position: sticky;
  top: 0;
}

.home-two-background-vedio {
  height: 100%;
}

.home-two-background-vedio.position-change {
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.effect-big-text {
  color: #fdf6f2;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 50px;
}

.effect-big-text.text-two {
  opacity: .3;
}

.home-two-effect-right-image {
  height: 100%;
  position: relative;
}

.home-two-vedio-effect {
  height: 165vh;
}

.right-image-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.home-two-effect-main-image {
  height: 100%;
  position: relative;
}

.left-image-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.home-two-vedio {
  height: 100vh;
  display: none;
}

.home-two-product-image-overlay {
  background-image: linear-gradient(#fff0, #000000b3);
  position: absolute;
  inset: 0%;
}

.mouse-cursor {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #dcc5b7;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  display: flex;
  position: absolute;
}

.mouse-cursor.chnage-margin {
  margin: 100px 220px 100px 40px;
}

.mouse-cursor.chnage-margin.display-off {
  display: none;
}

.home-two-product-main-item {
  flex: none;
  width: 30vw;
}

.home-two-product-item-image {
  position: relative;
}

.home-two-product-merquee {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  display: flex;
}

.home-two-product-item-text-wrapper {
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 40px;
  padding-left: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-two-product-item-text-wrapper.change-background-color {
  background-image: linear-gradient(#0000, #000);
  padding-left: 10px;
  padding-right: 10px;
}

.home-two-product-text-main {
  flex: 1;
  max-width: 349px;
}

.home-two-product-merquee-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: sticky;
  top: 220px;
  overflow: hidden;
}

.home-two-product-merquee-item {
  position: relative;
}

.home-two-line {
  background-color: #dcc5b766;
  max-width: 1780px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 30%;
}

.home-two-big-text-wrapper {
  transform-origin: 50% 0;
  justify-content: center;
  align-items: center;
  height: 150px;
  position: relative;
  overflow: hidden;
}

.nav-link {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: default;
  align-items: center;
  padding-right: 50px;
  text-decoration: none;
  display: flex;
}

.home-one-about-big-text-main-wrapper {
  z-index: 11111;
  height: 180px;
  position: sticky;
  top: 70vh;
  overflow: hidden;
}

.about-one-hero-heading {
  z-index: 11;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: flex;
  position: relative;
}

.about-one-hero-heading-main {
  max-width: 1006px;
}

.about-one-hero-image-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.about-one-hero-line {
  background-color: #dcc5b733;
  max-width: 1780px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 35%;
}

.about-one-hero-big-image {
  z-index: 111;
  background-image: linear-gradient(#0000, #00000080);
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: translate(0, 28%)scale(.45);
}

.about-banner-wrapper {
  height: 100vh;
  position: sticky;
  top: 0;
}

.about-one-hero {
  background-color: #897061;
  flex-flow: column;
  justify-content: space-between;
  height: 250vh;
  display: flex;
}

.about-one-hero-wrapper {
  z-index: 9999999;
  position: relative;
}

.about-one-hero-image-main {
  z-index: 111;
  border-radius: var(--radius);
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translate(0, 30%);
}

.about-one-feature-line-new {
  background-color: #27323a4d;
  max-width: 1780px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 10% 0% auto;
}

.about-one-feature-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.about-one-feature-bottom-text {
  margin-top: 100px;
  margin-left: -40px;
  transform: rotate(-90deg);
}

.about-one-feature-right-heading {
  max-width: 424px;
  padding-bottom: 20px;
}

.about-one-feature-line {
  flex: 0 60%;
  margin-top: -40px;
}

.about-two-feature {
  background-color: #dcc5b7;
  padding: 120px 15px;
  position: relative;
}

.about-one-feature-left-main {
  flex-flow: column;
  display: flex;
}

.about-one-feature-line-two {
  background-color: #27323a4d;
  max-width: 1780px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 24%;
}

.about-one-feature-right-main {
  padding-top: 100px;
}

.about-one-feature-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-top: 40px;
  display: flex;
}

.about-one-feature-line-new-three {
  background-color: #0000004d;
  width: 1px;
  height: 570px;
}

.about-one-feature-right-paragraph {
  max-width: 420px;
}

.about-one-feature-left-buttom {
  justify-content: center;
  align-items: center;
  margin-top: -180px;
  margin-left: 30px;
  display: flex;
}

.about-one-work-main {
  flex-flow: column;
  display: flex;
}

.about-one-work-heading {
  max-width: 346px;
  padding-bottom: 60px;
}

.about-one-work-details {
  overflow: hidden;
}

.about-one-work-right-line {
  background-color: #dcc5b733;
  width: 1px;
}

.about-one-work-item {
  border-bottom: 1px solid #f2ebe726;
  flex-flow: column;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

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

.about-one-work {
  background-color: #897061;
  padding: 120px 15px;
}

.about-one-work-image-wrapper {
  position: relative;
}

.about-one-work-main-wrapper {
  border-top: 1px solid #dcc5b733;
  border-bottom: 1px solid #dcc5b733;
  padding-top: 40px;
  padding-bottom: 40px;
}

.about-one-work-item-details {
  max-width: 438px;
  padding-top: 20px;
}

.about-one-work-right {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  display: flex;
}

.about-one-interior-lamp-new {
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  display: flex;
  position: absolute;
  inset: 0% -10% auto auto;
  overflow: hidden;
}

.home-one-interior-line {
  background-color: #dcc5b733;
  height: 1px;
  margin-bottom: 20px;
}

.home-one-interior-image {
  margin-top: 70px;
  margin-bottom: 40px;
}

.about-one-interior-heading-one {
  padding-bottom: 20px;
}

.about-one-interior-heading {
  border-bottom: 1px solid #dcc5b733;
  padding-top: 90px;
  padding-bottom: 50px;
  position: relative;
}

.about-one-interior {
  background-color: #27323a;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}

.home-one-interior-heading {
  max-width: 945px;
  padding-bottom: 120px;
}

.about-one-process {
  background-color: #dcc5b7;
  padding: 120px 15px;
}

.process-heading {
  color: #27323a;
  text-transform: uppercase;
  font-size: 80px;
  font-weight: 300;
  line-height: 80px;
}

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

.home-one-process-item-details {
  max-width: 450px;
  padding-bottom: 20px;
}

.about-one-process-heading {
  max-width: 703px;
  padding-bottom: 60px;
}

.about-one-process-item-image {
  justify-content: center;
  align-items: center;
  display: flex;
}

.about-one-process-item-head {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.about-one-process-item {
  border-right: 1px solid #27323a33;
  flex: 1;
  padding-bottom: 90px;
  padding-left: 20px;
  padding-right: 20px;
}

.about-one-process-item.change-border-right {
  border-right-width: 0;
}

.about-one-process-wrapper {
  border-top: 1px solid #27323a33;
  border-bottom: 1px solid #27323a33;
  justify-content: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.about-one-service-left {
  position: sticky;
  top: 120px;
}

.about-one-service-right {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.about-one-service-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-top: 1px solid #dcc5b733;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 40px;
  display: flex;
}

.about-one-service {
  background-color: #897061;
  padding: 120px 15px 100px;
}

.about-one-service-line {
  background-color: #dcc5b733;
  width: 1px;
  height: 785px;
  position: sticky;
  top: 120px;
}

.about-one-service-heading {
  max-width: 590px;
  padding-bottom: 280px;
}

.about-one-service-paragraph {
  border-top: 1px solid #dcc5b733;
  max-width: 590px;
  padding-top: 60px;
}

.home-one-blury-background {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  pointer-events: none;
  background-color: #27323a4d;
  position: absolute;
  inset: 0%;
}

.home-two-text-wrapper {
  position: absolute;
  inset: 0%;
}

.about-two-hero-text-wrapper {
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.about-two-hero-image {
  justify-content: center;
  align-items: flex-end;
  padding-top: 105px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.about-two-hero-main-image {
  width: 52%;
  height: 52%;
  position: relative;
  overflow: hidden;
}

.about-two-hero-heading-main {
  max-width: 1006px;
  margin-left: auto;
  margin-right: auto;
}

.about-two-hero {
  background-color: #27323a;
  width: 100%;
  height: 300vh;
}

.about-two-hero-wrapper {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
}

.about-two-hero-heading {
  width: 100%;
  padding-top: 120px;
}

.about-two-review-star-wrapper {
  display: flex;
}

.about-two-review-heading {
  max-width: 420px;
  padding-bottom: 60px;
}

.about-two-review-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.about-two-review-right {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.about-two-review {
  background-color: #27323a;
  padding: 120px 15px;
  overflow: hidden;
}

.about-two-review-paragraph {
  max-width: 525px;
}

.review-font {
  font-size: 50px;
  line-height: 66px;
}

.about-two-about-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.about-two-about-line {
  background-color: #dcc5b733;
  width: 1px;
}

.about-two-about-details {
  max-width: 394px;
}

.about-two-left-image-thumbnail {
  margin-bottom: 73px;
  margin-right: -115px;
  position: absolute;
  transform: rotate(-90deg);
}

.about-two-about-text {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.about-two-about-left {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 105px;
  display: flex;
}

.counter-text-new {
  letter-spacing: -4px;
  text-transform: uppercase;
  font-size: 60px;
  font-weight: 300;
  line-height: 66px;
}

.about-two-about-right-image {
  margin-left: -74px;
}

.about-two-about-merquee-wrapper {
  border-top: 1px solid #dcc5b733;
  border-bottom: 1px solid #dcc5b733;
  margin-top: 20px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.about-two-left-image-wrapper {
  z-index: 1;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 142px;
  margin-left: -135px;
  display: flex;
  position: relative;
}

.about-two-about {
  background-color: #897061;
  padding-top: 120px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}

.about-two-about-left-wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.about-two-about-heading {
  max-width: 392px;
  padding-bottom: 30px;
}

.about-two-service {
  background-color: #897061;
  padding-top: 120px;
  padding-bottom: 120px;
}

.about-two-work-item-text {
  padding-bottom: 30px;
}

.about-two-work-item-details {
  max-width: 345px;
}

.about-two-work-wrapper {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  justify-content: flex-start;
  display: flex;
}

.about-two-work-right {
  grid-column-gap: 16px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-two-work-heading {
  max-width: 285px;
}

.about-two-work {
  background-color: #897061;
  /*background-image: url('../../images/OIU9MH1-ai-1.svg');*/
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  padding-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
}

.number-font {
  letter-spacing: -8.5px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#dcc5b7, #fff0);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 100px;
  line-height: 80px;
}

.number-font.change-style {
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-weight: 200;
}

.number-font.change-style.three, .number-font.change-style.two {
  position: absolute;
  inset: 0%;
}

.about-two-project-main {
  padding-bottom: 20px;
}

.about-two-project-item {
  width: 100%;
  position: relative;
}

.about-two-project-item.two {
  width: 180%;
}

.about-two-project {
  overflow: hidden;
}

.about-two-project-wrapper {
  justify-content: space-between;
  display: flex;
}

.about-two-project-text {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.about-two-project-details {
  width: 290px;
  max-width: 361px;
  overflow: hidden;
}

.about-two-purpose-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.about-two-purpose-heading {
  max-width: 523px;
  padding-bottom: 20px;
}

.about-two-purpose-right {
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 30px;
  display: flex;
}

.about-two-purpose {
  background-color: #dcc5b7;
  padding: 120px 15px;
  overflow: hidden;
}

.about-two-purpose-paragraph {
  max-width: 525px;
}

.about-two-purpose-thambnail {
  position: absolute;
  inset: auto -90px 57px auto;
  transform: rotate(-90deg);
}

.about-two-purpose-right-wrapper {
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 175px;
  margin-left: -135px;
  display: flex;
  position: relative;
}

.about-two-hero-big-heading {
  transform-origin: 50% 0;
  width: 100%;
  height: 180px;
  position: relative;
  overflow: hidden;
}

.about-two-hero-big-heading-main {
  transform-origin: 50% 0;
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.service-one-hero {
  background-image: url('../../assets/images/booking/main-banner.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  position: relative;
}

.service-one-hero-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding-bottom: 100px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.service-one-hero-line {
  background-color: #dcc5b733;
  width: 100%;
  max-width: 1780px;
  height: 1px;
  margin-bottom: 20px;
}

.service-one-hero-main-heading {
  max-width: 955px;
  padding-bottom: 10px;
}

.service-one-work-item-details {
  max-width: 528px;
}

.service-one-work-main {
  background-color: #dcc5b7;
  padding-top: 100px;
}

.service-one-work-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.service-one-work {
  padding: 120px 15px 105px;
}

.service-one-work-heading {
  max-width: 421px;
}

.service-one-work-item-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.service-one-work-right {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.service-one-work-item {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.service-one-service-right {
  flex: 1;
  position: relative;
}

.service-one-service-item-text {
  background-color: #897061;
  flex-flow: column;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 150px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.service-one-service-item-text.service-text-item-three {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.service-one-service-item-text.text-service-two {
  z-index: 3;
  position: absolute;
  inset: 0%;
}

.service-one-service-item-text.service-text-item-one {
  z-index: 4;
  position: relative;
}

.service-one-service-item-main-text {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.service-one-service-item-main-text.change-direction {
  justify-content: flex-end;
  align-items: flex-start;
}

.service-one-service-circle-wrapper {
  z-index: 5;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.service-one-service-top-text {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 300px;
  padding-bottom: 266px;
  display: flex;
}

.service-one-service-top-text.change-direction {
  justify-content: flex-start;
  align-items: flex-start;
}

.service-one-service-inner-circle {
  justify-content: center;
  align-items: center;
  width: 475px;
  height: 475px;
  display: flex;
  position: relative;
}

.service-one-big-circle {
  border: 1px solid #dcc5b726;
  border-radius: 50%;
  width: 475px;
  height: 475px;
  position: absolute;
  transform: none;
}

.service-one-service {
  z-index: 1;
  height: 350vh;
  position: relative;
}

.service-one-small-circle {
  border: 1px solid #dcc5b7;
  border-radius: 50%;
  width: 255px;
  height: 255px;
  position: absolute;
  transform: none;
}

.service-one-medium-circle-image {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: auto 25% -3% auto;
  overflow: hidden;
}

.service-one-service-number {
  margin-left: -15px;
  position: relative;
}

.service-one-service-left {
  flex: 1;
  position: relative;
}

.service-one-service-paragraph {
  max-width: 320px;
}

.service-one-small-circle-image {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  position: absolute;
  inset: auto -15% 32% auto;
  overflow: hidden;
}

.service-one-service-item-image-one {
  height: 100%;
}

.service-one-service-item-image-one.item-one {
  z-index: 4;
  position: relative;
}

.service-one-service-item-image-one.service-item-two {
  z-index: 3;
  position: absolute;
  inset: 0%;
}

.service-one-service-item-image-one.service-text-item-three {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.service-one-medium-circle {
  border: 1px solid #dcc5b726;
  border-radius: 50%;
  width: 365px;
  height: 365px;
  position: absolute;
  transform: none;
}

.service-one-service-wrapper {
  justify-content: space-between;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.service-one-big-circle-image {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  inset: 5% auto auto 75%;
  overflow: hidden;
}

.service-one-service-item-heading {
  max-width: 455px;
}

.change-align {
  text-align: right;
}

.service-one-service-responsive {
  background-color: #897061;
  display: none;
}

.service-one-project-text {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

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

.text-align-center.change-coloe-black {
  color: #27323a;
}

.service-one-project-line {
  background-color: #dcc5b733;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.service-one-project-line.change-position {
  inset: auto 0% 0%;
}

.service-one-project-paragraph {
  max-width: 635px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 110px;
}

.service-one-project {
  background-color: #27323a;
  padding-top: 120px;
  padding-bottom: 120px;
}

.service-one-project-main-wrapper {
  grid-column-gap: 150px;
  grid-row-gap: 150px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 209px;
  padding-bottom: 120px;
  display: grid;
  position: relative;
}

.service-one-line-main {
  transform-origin: 50% 0;
  background-color: #dcc5b733;
  width: 1px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 50%;
}

.service-one-project-item {
  position: relative;
}

.service-one-project-heading {
  padding-bottom: 30px;
}

.service-one-project-overlay {
  background-image: linear-gradient(#00000073, #00000073);
  position: absolute;
  inset: 0%;
}

.project-big-heading {
  text-align: center;
  letter-spacing: -1.48px;
  text-transform: uppercase;
  font-size: 120px;
  font-weight: 300;
  line-height: 100px;
}

.project-big-heading.change-style {
  text-align: left;
  letter-spacing: -2px;
  font-size: 100px;
  font-weight: 200;
  line-height: 110px;
}

.project-big-heading.change-align {
  text-align: left;
}

.service-one-plan-text-main {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.service-one-plan {
  background-color: #27323a;
}

.service-one-plan-text-heading {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 36.2px;
  display: flex;
  overflow: hidden;
}

.service-one-plan-main {
  position: relative;
}

.service-one-plan-wrapper {
  padding-bottom: 110px;
}

.home-one-plan-paragraph {
  max-width: 719px;
  margin-left: auto;
  margin-right: auto;
}

.home-one-plan-heading {
  max-width: 784px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.service-one-plan-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.service-one-plan-text-wrapper.wrapper-two.desktop-display-off {
  display: flex;
}

.service-one-plan-item {
  height: 100vh;
  position: sticky;
  top: 0;
}

.service-one-plan-text-paragraph {
  max-width: 481px;
  padding-top: 20px;
}

.service-two-heo-heading-two {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.responsive-heading {
  display: none;
}

.service-two-hero {
  background-color: #27323a;
  padding-top: 220px;
  position: relative;
}

.service-two-hero-image-heading {
  justify-content: center;
  align-items: flex-end;
  height: 180px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.service-two-hero-heading {
  perspective: 3000px;
}

.service-two-hero-heading-three {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.service-two-hero-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.service-two-hero-image {
  position: relative;
  overflow: hidden;
}

.service-two-about {
  background-color: #27323a;
  padding: 120px 15px 40px;
}

.service-two-service-image-text {
  width: 12px;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: rotate(-90deg);
}

.service-two-service {
  background-color: #27323a;
  padding-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;
}

.service-two-service-small-image {
  z-index: 2;
  position: absolute;
  inset: auto 13% 5% auto;
}

.service-two-service-left-image-wrapper {
  z-index: 1;
  margin-top: 105px;
  position: relative;
}

.service-two-service-paragraph {
  max-width: 419px;
}

.service-two-service-left-image {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.service-two-service-heading {
  max-width: 495px;
  padding-bottom: 20px;
}

.service-two-service-left-image-two {
  margin-left: -180px;
}

.service-two-service-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  padding-top: 120px;
  display: flex;
}

.service-two-service-left {
  position: relative;
}

.service-two-development {
  background-color: #27323a;
  padding-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;
}

.service-two-development-main {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  border-top: 1px solid #ffffff1a;
  border-bottom: 1px solid #ffffff1a;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.service-two-development-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-right: 1px solid #ffffff1a;
  flex-flow: column;
  flex: 1;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-right: 40px;
  display: flex;
}

.service-two-development-item.change-border-right {
  border-right-width: 0;
}

.service-two-development-details {
  max-width: 345px;
}

.mask {
  max-width: 340px;
  overflow: visible;
}

.service-two-work-arrow {
  padding-bottom: 20px;
}

.service-two-work-left-arrow {
  border: 1px solid #dcc5b747;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  inset: auto auto 0% 0%;
}

.service-two-work-heading {
  max-width: 523px;
  padding-bottom: 10px;
}

.service-two-work-main-image-overlay {
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
}

.service-two-work-details {
  max-width: 420px;
}

.service-two-work-slider-main-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  padding-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.service-two-work-sider {
  background-color: #ddd0;
  height: auto;
  padding-bottom: 80px;
}

.service-two-work-main-left {
  flex-flow: column;
}

.service-two-work-right-arrow {
  border: 1px solid #dcc5b747;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  inset: auto auto 0% 70px;
}

.service-two-work-main {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.service-two-work {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.service-two-work-image {
  height: 100%;
  position: relative;
}

.service-two-work-right {
  flex: 1;
  margin-right: -30vw;
  overflow: hidden;
}

.service-two-project-heading {
  padding-bottom: 110px;
}

.service-two-project-item {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.service-two-project-item.change-top-align {
  justify-content: space-between;
  align-items: flex-start;
}

.service-two-project-item.change-direction {
  justify-content: space-around;
}

.service-two-project-main {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  margin-top: -100px;
  display: flex;
}

.service-two-project-paragraph {
  max-width: 525px;
}

.service-two-project {
  padding: 105px 15px 120px;
}

.contact-one-heading {
  max-width: 600px;
  padding-bottom: 30px;
}

.contact-one-hero {
  background-color: #897061;
  padding-top: 210px;
}

.service-two-hero-image-heading-new {
  justify-content: center;
  align-items: flex-end;
  height: 180px;
  padding-bottom: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.contact-one-contact-form-wrapper {
  padding-top: 20px;
}

.contact-one-contact-item-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.contact-one-contact-right-heading {
  padding-bottom: 40px;
}

.contact-one-input {
  color: var(--primary-color);
  background-color: #dcc5b71a;
  border: 1px solid #fff0;
  margin-bottom: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 20px;
}

.contact-one-input::placeholder {
  color: #dcc5b7;
}

.contact-one-input.change-height {
  min-height: 141px;
  margin-bottom: 10px;
}

.contact-one-input.change-border {
  color: var(--primary-color);
  border-color: #dcc5b74d;
}

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

.contact-one-contact-heading {
  padding-bottom: 20px;
}

.change-color-light {
  color: #dcc5b7cc;
}

.contact-one-submit {
  padding-top: 40px;
  padding-bottom: 15px;
  padding-left: 15px;
  display: flex;
}

.contact-one-right-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.contact-one-information {
  padding-bottom: 20px;
}

.contact-one-contact-details {
  max-width: 525px;
  padding-bottom: 50px;
}

.contact-one-form-main {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 70px;
  display: grid;
}

.contact-one-contact {
  background-color: #897061;
  padding: 112px 15px 105px;
}

.contact-two-hero-paragraph {
  max-width: 605px;
}

.contact-two-main-button {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  display: flex;
}

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

.contact-two-form-head {
  background-color: #897061;
  padding: 20px 20px 20px 40px;
}

.contact-two-form {
  width: 100%;
  max-width: 390px;
  position: absolute;
  inset: 16vh auto auto;
  overflow: hidden;
}

.contact-two-form-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  max-width: 312px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.contact-two-hero-link {
  border-bottom: 1.5px solid #dcc5b7;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.contact-two-form-main {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #27323a80;
  padding-top: 35px;
  padding-bottom: 35px;
}

.contact-two-hero {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-image: url('../../assets/images/contact/contact-main.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 120px 15px;
  display: flex;
  position: relative;
}

.blog-post-item-image {
  overflow: hidden;
}

.blog-one-main-left {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.blog-one-hero-heading {
  padding-bottom: 10px;
}

.blog-heading-text {
  letter-spacing: -2px;
  text-transform: uppercase;
  font-size: 100px;
  font-weight: 300;
  line-height: 90px;
}

.blog-post-sub-heading-wrapper {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  padding-bottom: 15px;
  display: flex;
}

.blog-post-sub-heading-wrapper.chnage-bottom-padding {
  padding-bottom: 20px;
}

.blog-one-hero {
  background-image: url('../../images/Blog-Hero.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 220px 15px 120px;
}

.blog-one-post-item-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #e5eff6;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  min-height: 336px;
  padding: 60px 60px 60px 20px;
  display: flex;
}

.blog-one-post-item-text.change-color-orange {
  background-color: #f2e3da;
  padding: 90px 20px;
}

.blog-one-post-item-text.change-orange-color {
  background-color: #f2e3da;
  padding-right: 20px;
}

.blog-one-post-item-text.change-orange-color.change-height {
  min-height: 412px;
}

.blog-one-post-item-text.chnage-orange-main {
  background-color: var(--primary-color);
}

.blog-one-blog-main {
  padding: 120px 15px 113px;
}

.blog-one-main {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: space-between;
  display: flex;
}

.blog-post-heading {
  max-width: 386px;
  padding-bottom: 10px;
}

.blog-one-post-item {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.blog-one-post-item-heading {
  max-width: 100%;
  padding-bottom: 15px;
}

.blog-one-post-item-heading.chnage-size {
  max-width: 100%;
  padding-bottom: 30px;
}

.blog-link {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-post-item-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.blog-one-item {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  display: flex;
}

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

.blog-two-blog-wrapper.display-off {
  display: none;
}

.blog-two-blog-main {
  background-color: var(--primary-color);
  padding: 120px 15px;
}

.designation-details {
  color: #dcc5b7cc;
  text-align: center;
  letter-spacing: .5px;
  font-size: 17px;
}

.blog-details-founder-text {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  max-width: 538px;
  display: flex;
}

.blog-details-top {
  padding-left: 15px;
  padding-right: 15px;
}

.blog-details-image {
  padding: 120px 15px 60px;
}

.date-font {
  color: #27323a;
  letter-spacing: -3.29px;
  font-family: Jost, sans-serif;
  font-size: 65px;
  font-weight: 600;
  line-height: 50px;
}

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

.blog-details-fouder-right {
  background-color: #27323a;
  padding: 70px 40px 40px;
}

.blog-details-founder-details {
  max-width: 259px;
  margin-left: auto;
  margin-right: auto;
}

.blog-details-founder-top {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  display: flex;
}

.month-font {
  color: #27323a;
  letter-spacing: 11px;
  text-transform: uppercase;
  font-family: Jost, sans-serif;
  font-size: 17px;
  font-weight: 700;
  transform: translate(5px);
}

.blog-details-date-details {
  max-width: 810px;
}

.blog-details-fouder-name {
  padding-bottom: 10px;
}

.blog-details-founder-image {
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  display: flex;
}

.blog-details-founder-main {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  display: flex;
}

.blog-details-date-main {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.designation {
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Outfit, sans-serif;
  font-size: 14px;
}

.blog-details-line {
  background-color: #897061;
  width: 6px;
  height: 133px;
}

.blog-details-date-paragraph {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
}

.blog-details-founder-wrapper {
  background-color: #f4f7fa;
  padding: 120px 15px;
}

.blog-details-date-left {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-detailds-founder-bottom {
  max-width: 600px;
  padding-top: 60px;
}

.blog-details-founder-designation {
  padding-bottom: 20px;
}

.blog-details-container {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog-details-container.gutter-space {
  padding-left: 15px;
  padding-right: 15px;
}

.blog-details-container.change-size {
  flex: 1;
  max-width: 1080px;
}

.blog-details-image-main {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  display: flex;
}

.blog-detais-hero-heading {
  padding-bottom: 40px;
}

.blog-details-date-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.blog-details-main {
  padding-top: 120px;
  padding-bottom: 110px;
}

.year-font {
  color: #27323a;
  letter-spacing: -.32px;
  font-family: Jost, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.year-font.change-color {
  color: #897061;
}

.blog-details-pagination-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: auto;
  display: flex;
}

.blog-details-pagination-heading-item {
  max-width: 420px;
}

.blog-details-pagination {
  background-color: #897061;
  padding: 40px 15px;
}

.image-rotate {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

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

.blog-details-main-paragraph {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  padding-top: 20px;
  display: flex;
}

.previous, .next {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fafafa00;
  border-width: 0;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.blog-main {
  position: relative;
}

.blog-details-pagination-heading-wrapper-two {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  display: flex;
}

.blog-details-pagination-heading-wrapper-two.display-off {
  display: none;
}

.previous-wrapper {
  flex: 1;
}

.next-wrapper {
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.pricing-one-hero {
  background-image: url('../../images/Blog-Hero.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 15px 120px;
}

.pricing-one-hero.change-pricing-hero-image {
  background-image: url('../../images/Pricing-One-Hero.webp');
  background-size: cover;
  padding-top: 220px;
}

.pricing-one-main {
  padding: 120px 15px;
}

.pricing-one-price-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-one-heading {
  max-width: 500px;
  padding-bottom: 40px;
}

.priving-one-image-wrapper {
  flex: 0 auto;
  width: auto;
  max-width: 390px;
  min-height: 643px;
}

.pricing-commercial-top {
  background-color: #897061;
  height: 17px;
}

.change-color-grey {
  color: #c5c8da;
}

.pricing-one-item-price {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 20px;
  display: flex;
}

.pricing-one-item-price.change-display {
  justify-content: center;
  align-items: flex-end;
}

.pricing-one-item {
  background-color: #27323a;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 390px;
  height: 644px;
  padding: 40px 40px 70px;
  display: flex;
}

.pricing-item-commercial {
  flex: 0 auto;
  width: 100%;
  max-width: 390px;
}

.pricing-one-item-paragraph {
  max-width: 238px;
  padding-bottom: 20px;
}

.pricing-one-main-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.pricing-one-price-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.pricing-item-button {
  padding: 15px;
}

.pricing-one-item-heading {
  padding-bottom: 20px;
}

.price-tick {
  margin-top: 3px;
}

.pricing-two-question-details.chnage-side-padding {
  max-width: 890px;
  padding-left: 40px;
  padding-right: 40px;
}

.pricing-two-question-details.chnage-side-padding.chnage-padding-around {
  padding-left: 0;
  padding-right: 0;
}

.pricing-one-question-details {
  max-width: 339px;
  padding-bottom: 40px;
}

.pricing-one-question-right {
  flex: 1;
}

.pricing-one-qustion-left {
  flex: 0 30%;
}

.acordean-minus-icon {
  background-color: #897061;
  width: 15px;
  height: 2px;
}

.acordean-minus-icon.change-width {
  background-color: #27323a;
  width: 13px;
}

.acordean-minus-icon.change-width.chnage-color {
  background-color: var(--primary-color);
  width: 11px;
  height: 1px;
}

.pricing-one-question-button {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  display: flex;
}

.padding-top-twenty {
  padding-bottom: 20px;
}

.dropdown-faq {
  border-bottom: 1px dashed #a5a5a5;
  width: 100%;
}

.dropdown-faq.change-color {
  border-bottom-width: 0;
}

.dropdown-faq.change-bottom-border {
  border-bottom-style: solid;
  border-bottom-color: #27323a26;
}

.dropdown-faq.change-bottom-border.chnage-border {
  border-bottom-color: #dcc5b74d;
}

.dropdown-faq.change-bottom-border.chnage-border.change-border-bottom {
  border-bottom-width: 0;
}

.pricing-one-question-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.pricing-one-question-heading {
  padding-bottom: 40px;
}

.pricing-two-question-top {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.pricing-two-question-top.chnage-side-padding {
  padding-left: 0;
  padding-right: 10px;
}

.pricing-two-question-top.chnage-side-padding.chnage-left-right-padding {
  padding: 40px 0;
}

.pricing-two-question-top.chnage-side-padding.chnage-left-right-padding.chnage-top-padding {
  padding-top: 0;
}

.pricing-two-question-top.chnage-side-padding.chnage-left-right-padding.chnage-top-padding.chnage-bottom-padding {
  padding-bottom: 20px;
}

.acordean-plus-icon {
  background-color: #897061;
  width: 2px;
  height: 15px;
  position: absolute;
}

.acordean-plus-icon.change-height {
  background-color: #27323a;
  height: 13px;
}

.acordean-plus-icon.change-height.chnage-color {
  background-color: var(--primary-color);
  width: 1px;
  height: 11px;
}

.chnage-color-transperent {
  background-color: #ddd0;
  position: static;
  overflow: hidden;
}

.pricing-one-question {
  background-color: #dcc5b7;
  padding: 110px 15px 90px;
}

.pricing-one-question.change-background-color {
  background-color: #fff;
}

.pricing-two-toogle {
  border-top: 1px solid #fff3;
  max-width: 600px;
  padding: 0;
  display: block;
}

.pricing-two-toogle.chnage-width {
  max-width: 100%;
}

.pricing-two-toogle.chnage-width.chnage-border-top {
  border-top-width: 0;
}

.acordian-icon {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.pricing-two-price-item-bottom {
  border-top: 1px solid #9095b14d;
  padding-top: 30px;
}

.pricing-two-price-main-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pricing-two-price-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.pricing-two-pricing-paragraph {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
}

.pricing-two-pricing {
  padding: 120px 15px;
}

.pricing-two-pricing-heading {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.chnage-color-dark {
  color: #27323a;
}

.chnage-color-dark.padding-top {
  margin-bottom: 5px;
}

.pricing-two-price-item-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.pricing-two-price-item {
  background-color: #fff;
  flex: 1;
  padding: 40px;
  box-shadow: 0 40px 80px #89706161;
}

.pricing-two-button {
  padding: 45px 30px 15px;
}

.chnage-color-black {
  color: #27323a;
}

.pricing-two-price-item-top {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

.pricing-two-price-details {
  max-width: 290px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-two-price-image {
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-wrapper {
  max-width: 810px;
  margin-left: auto;
  margin-right: auto;
}

.pricing-two-access-button-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-two-access {
  background-color: #27323a;
  background-image: url('../images/Background-Gredient.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 15px;
}

.chnage-color-light-white {
  color: #ffffffb8;
}

.pricing-two-access-heading {
  max-width: 508px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.pricing-two-access-paragraph {
  max-width: 682px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}

.faq-hero {
  background-image: url('../../images/Blog-Hero.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 15px 120px;
}

.faq-hero.change-faq-banner {
  background-image: url('../../assets/images/faq/FAQs-banner.webp');
  background-size: cover;
  padding-top: 220px;
}

.faq-main-item {
  border-bottom: 1px solid #ffffff26;
  justify-content: space-between;
  align-items: center;
  padding: 30px 40px;
  display: flex;
}

.faq-main-paragraph {
  max-width: 642px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
}

.faq-main {
  background-color: var(--primary-color);
  padding: 110px 15px 120px;
}

.faq-item-arrow {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
}

.faq-main-left {
  background-color: #897061;
  flex: 1;
  max-width: 420px;
}

.faq-main-heading {
  padding-bottom: 20px;
}

.faq-main-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.faq-main-right {
  flex: 1;
}

.faq-main-right.two, .faq-main-right.three, .faq-main-right.four, .faq-main-right.five, .faq-main-right.six {
  display: none;
}

.faq-main-item-wrapper {
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
}

.portfolio-hero {
  background-color: #897061;
  height: 600vh;
}

.heading-one {
  letter-spacing: -2px;
  font-size: 50px;
  font-weight: 300;
  line-height: 55px;
}

.portfolio-text-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.portfolio-text-wrapper.desktop-off {
  display: none;
}

.portfolio-text-wrapper.responsive-display-off {
  margin-top: 70vh;
}

.portfolio-big-text {
  flex-flow: column;
  height: 180px;
  display: flex;
  overflow: hidden;
}

.portfolio-hero-image-one {
  width: 100%;
  height: 100%;
}

.portfolio-hero-image {
  height: 100%;
  overflow: hidden;
}

.portfolio-hero-main {
  height: 100vh;
  position: sticky;
  top: 0;
}

.portfolio-text-head {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  height: 70px;
  display: flex;
  overflow: hidden;
}

.portfolio-text-line {
  background-color: #dcc5b733;
  width: 100%;
  max-width: 1780px;
  height: 1px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.portfolio-gallery-main {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

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

.change-color-black {
  color: #27323a;
}

.portfolio-gallery-one {
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.portfolio-gallery-heading {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
}

.portfolio-gallery-paragraph {
  max-width: 550px;
}

.portfolio-gallery-left {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.portfolio-gallery {
  padding: 120px 15px;
  display: block;
  position: relative;
}

.team-one-hero {
  background-image: url('../images/Blog-Hero.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 15px 120px;
}

.team-one-hero.change-faq-banner {
  background-image: url('../images/faq-banner.webp');
  background-size: cover;
  padding-top: 220px;
}

.team-main-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;
}

.team-main-wrapper.display-off {
  display: none;
}

.team-paragraph {
  max-width: 745px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.team-member-item-main {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.team-main {
  background-color: #897061;
  padding: 120px 15px;
}

.team-member-item-top {
  z-index: 11;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 35px;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.team-member-item-bottom {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  padding-bottom: 30px;
  padding-left: 30px;
  display: flex;
}

.team-member-item-top-main {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  display: flex;
}

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

.team-member-item-details-wrapper {
  background-color: #1a2227db;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
  box-shadow: 0 30px 60px #614d4199;
}

.team-member-item {
  position: relative;
}

.home-three-hero-main-heading {
  max-width: 590px;
}

.home-three-background-vedio {
  z-index: 1;
  width: 100%;
  height: 100vh;
}

.home-three-hero-main-text-wrapper {
  z-index: 111;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  padding-bottom: 100px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.home-three-hero-paragraph {
  max-width: 592px;
}

.home-three-hero-left {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.home-three-hero-left-image {
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 545px;
  height: 662px;
  display: flex;
  overflow: hidden;
}

.home-three-hero-text-main-wrapper {
  flex: 1;
  max-width: 887px;
  margin-left: auto;
  margin-right: 0;
}

.home-three-hero-text-main-wrapper.change-direction {
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.home-three-hero {
  background-color: #27323a;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.home-three-line {
  z-index: 11;
  background-color: #dcc5b766;
  max-width: 1780px;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 35%;
}

.home-three-image-round {
  background-color: #27323a;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.chnage-align-right {
  text-align: right;
}

.chnage-align-right.chnage-font-style {
  font-size: 20px;
  line-height: 30px;
}

.chnage-align-right.chnage-font-style.change-color-yellow {
  color: var(--primary-color);
}

.home-three-hero-text-big-wrapper {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.home-three-hero-text-big-wrapper.change-position {
  justify-content: flex-start;
  align-items: flex-start;
}

.home-three-hero-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  height: 100%;
  display: flex;
}

.full-width, .collection-item {
  width: 100%;
  height: 100%;
}

.collection-list {
  height: 100%;
}

.after-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.portfolio-details-hero {
  background-color: #897061;
  padding-top: 220px;
  padding-left: 15px;
  padding-right: 15px;
}

.portfolio-details-hero-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.before-wrapper {
  position: relative;
  overflow: hidden;
}

.portfolio-details-hero-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 40px;
  display: flex;
}

.portfolio-details-hero-heading {
  padding-bottom: 30px;
}

.portfolio-details-hero-right {
  grid-column-gap: 60px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.portfolio-details-hero-paragraph {
  max-width: 667px;
}

.devider-line-main {
  justify-content: center;
  align-items: center;
  width: 3px;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.devider-line-main.change-direction {
  inset: 0% 0% 0% auto;
}

.devider-line-circle {
  background-color: #897061;
  border: 1px solid #dcc5b7;
  border-radius: 50%;
  justify-content: space-between;
  align-items: center;
  width: 36px;
  height: 36px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
  position: absolute;
}

.portfolio-image-main {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #897061;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-left: 0;
  margin-right: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.devider-line-middle {
  background-color: #897061;
  width: 3px;
  height: 100%;
}

.link-block {
  width: 100%;
}

.team-social-media-line {
  background-color: #9095b1;
  min-width: 75px;
  min-height: 1px;
}

.team-member-overlay {
  z-index: 5;
  background-image: linear-gradient(180deg, #0000 77%, var(--background-color)), radial-gradient(circle farthest-corner at 50% 50%, #fff0 17%, #27323a 72%);
  position: absolute;
  inset: 0%;
}

.team-details-hero-section {
  background-color: #27323a;
  padding-top: 357px;
  padding-bottom: 224px;
  position: relative;
}

.team-hero-large-text {
  z-index: 10;
  letter-spacing: -2px;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#686882, #68688200);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Outfit, sans-serif;
  font-size: 201px;
  font-weight: 900;
  line-height: 201px;
  position: absolute;
  inset: 116px 0% auto auto;
}

.overflow-none {
  overflow: hidden;
}

.team-details-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  margin-top: 15px;
  display: flex;
}

.team-details-hero-wrap {
  width: 40%;
  margin-left: auto;
  position: relative;
}

.team-details-hero-block {
  flex-flow: column;
  display: flex;
}

.position-relative {
  position: relative;
}

.container-one {
  width: 100%;
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
}

.heading-three-2 {
  color: #fff;
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-size: 25px;
  line-height: 30px;
}

.team-details-hero-image-block {
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  height: 100%;
  padding-top: 100px;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.team-details-hero-paragraph {
  max-width: 48ch;
}

.team-social-media-link-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  inset: auto auto 0% -200px;
  transform: rotate(-90deg);
}

.team-details-marquee-section {
  background-color: #27323a;
  padding-bottom: 100px;
}

.service-details-marquee-main-block {
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}

.team-details-marquee-wrap {
  flex: none;
  justify-content: flex-start;
  align-items: center;
}

.team-details-marquee-text-block {
  color: #22222d;
  letter-spacing: 20px;
  text-transform: uppercase;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Outfit, sans-serif;
  font-size: 100px;
  font-weight: 700;
  line-height: 110px;
  display: flex;
}

.text-block {
  color: #3c4c57;
}

.team-about-section {
  background-color: #897061;
  padding-top: 120px;
  padding-bottom: 107px;
}

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

.counter-box-2.team-counter {
  transform-origin: 50% 100%;
  position: absolute;
  bottom: 74px;
  transform: rotate(-90deg);
}

.team-about-card-box {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 786px;
  padding-top: 60px;
  display: grid;
}

.team-about-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
}

.counter-2 {
  overflow: hidden;
}

.counter-2.team-counter-box {
  max-height: 80px;
}

.team-about-left-block {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: none;
}

.team-about-heading {
  max-width: 800px;
  padding-bottom: 20px;
}

.counter-number-wrap {
  justify-content: flex-start;
  align-items: flex-end;
  position: relative;
}

.counter-number-wrap.team-counter {
  justify-content: flex-end;
  align-items: flex-start;
}

.margin-top-twenty-five {
  margin-top: 25px;
}

.flex-block {
  max-width: 290px;
  margin-left: auto;
}

.team-about-heading-block {
  flex-flow: column;
  padding-left: 40px;
  position: relative;
}

.team-counter {
  color: #505066;
  font-family: Outfit, sans-serif;
  font-size: 80px;
  font-weight: 500;
  line-height: 80px;
}

.team-counter.small {
  color: var(--primary-color);
  font-size: 40px;
  line-height: 40px;
}

.team-about-paragraph {
  max-width: 77ch;
}

.team-about-card {
  position: relative;
}

.team-about-contain-block {
  align-items: stretch;
  width: 100%;
  max-width: 945px;
}

.team-about-heading-line {
  background-color: var(--primary-color);
  min-width: 6px;
  height: 100%;
  max-height: 124px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.team-link {
  position: absolute;
  inset: 0%;
}

.home-two-product-main-wrapper {
  height: 300vh;
}

.gutter-space {
  padding-left: 15px;
  padding-right: 15px;
}

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

.utility-page-wrap.protected-page {
  background-image: url('../images/Protected-page.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 15px;
  padding-right: 15px;
}

.utility-page-wrap.not-found {
  background-color: var(--background-color);
  padding-left: 15px;
  padding-right: 15px;
}

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

.utility-page-content.password-protect {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #27323ae6;
  width: 100%;
  max-width: 630px;
  padding-top: 60px;
  padding-bottom: 60px;
  box-shadow: 0 60px 80px #070a0d96;
}

.utility-page-content.not-found {
  width: 100%;
  height: 100%;
}

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

.utility-page-form.password-protect {
  width: 100%;
  max-width: 535px;
}

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

.password-button-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: column;
  padding-top: 20px;
  display: flex;
}

.heading-three-new {
  color: #dcc5b7;
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
}

.mega-menu-main {
  width: 100%;
  padding-top: 60px;
  padding-left: 15px;
  padding-right: 15px;
}

.menu-get-in-touch-contact-card-text-location {
  max-width: 245px;
}

.menu-social-link-item {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  max-width: 350px;
  display: flex;
}

.menu-social-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding-top: 110px;
  padding-left: 40px;
  display: grid;
}

.menu-get-in-touch-contact-card-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.header-mega-menu {
  justify-content: center;
  align-items: center;
  position: relative;
}

.header-mega-menu-outer-wrapper {
  z-index: 99;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 0;
  display: block;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.menu-get-in-touch-heading {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 50px;
  display: flex;
}

.header-menu-bar-main {
  z-index: 10;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.menu-sign {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.menu-get-in-touch-card-icon {
  border: 1px solid #484848;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  display: flex;
}

.menu-social-link-block {
  padding-top: 0;
}

.menu-list-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  width: 50%;
  padding-top: 110px;
  padding-right: 65px;
  display: flex;
}

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

.menu-list {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.marque {
  overflow: hidden;
}

.nav-one-vedio {
  height: 350px;
}

.menu-social-link-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-horizontal-line {
  background-color: #dcc5b7;
  width: 20px;
  height: 2px;
}

.dropdown-menu-list-inner {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
  display: flex;
  overflow: hidden;
}

.header-menu-bar-background-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#ffffff24 4%, #fff0 89%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 500px;
  font-weight: 600;
  line-height: 380px;
}

.marque-main {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-get-in-touch-contact-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-center-line {
  z-index: 10;
  background-color: #484848;
  width: 1px;
  height: 100vh;
  margin-top: 98px;
  position: absolute;
  top: 0;
  left: 50%;
}

.menu-background-text-marque {
  z-index: 9;
  opacity: .5;
  width: 100%;
  position: absolute;
  top: 320px;
  left: 0;
  overflow: hidden;
}

.menu-background-radial {
  z-index: 1;
  background-color: #27323a;
  background-image: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.menu-list-main {
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.menu-get-in-touch-contact {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.dropdown-menu-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  flex-flow: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu-vertical-line {
  background-color: #dcc5b7;
  width: 2px;
  height: 20px;
  position: absolute;
}

.heading-three-modified {
  color: #dcc5b7;
  font-size: 25px;
  font-weight: 400;
  line-height: 35px;
}

.utility-button {
  padding-top: 60px;
}

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

.landing-page-hero {
  background-image: url('../images/FooterBackground.webp'), linear-gradient(#27323a 10%, #897061);
  background-position: 50%, 0 0;
  background-repeat: repeat, repeat;
  background-size: contain, auto;
  padding: 220px 15px 120px;
  position: relative;
  overflow: hidden;
}

.landing-hero-image-five {
  display: none;
}

.landing-page-hero-heading {
  max-width: 945px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
}

.landing-hero-image-six, .landing-hero-image-seven {
  display: none;
}

.landing-hero-image-two {
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.landing-hero-image-three, .landing-hero-image-four {
  display: none;
}

.landing-hero-image-one {
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.landing-page-banner-image {
  justify-content: center;
  align-items: center;
  display: flex;
}

.landing-page-home-item {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.landing-page-home-item.pointer-change {
  cursor: none;
}

.landing-page-home {
  padding: 100px 15px 120px;
}

.landing-page-home-heading {
  margin-top: -60px;
  padding-bottom: 20px;
}

.landing-page-home-details {
  padding-bottom: 20px;
}

.heading-big-text {
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#dcc5b7, #fff0);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 150px;
  font-weight: 200;
  line-height: 150px;
}

.landing-page-figma-main {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.landing-page-figma-left-heading {
  padding-bottom: 30px;
}

.landing-figma-background {
  background-image: url('../images/Background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  min-width: 100vw;
  min-height: 100%;
}

.figma-background-wrap {
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.landing-page-figma-left {
  z-index: 1;
  position: relative;
}

.landing-page-figma-button {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  display: flex;
}

.landing-page-figma-details {
  max-width: 630px;
  padding-bottom: 30px;
}

.landing-page-figma {
  background-color: #27323a;
  padding: 90px 15px;
  position: relative;
}

.landing-all-page-image-marquee-wrap {
  align-items: stretch;
  width: 100%;
  max-height: 350px;
  overflow: hidden;
}

.landing-page-tab-menu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.landing-inner-page {
  padding: 110px 15px 120px;
}

.full-width-main {
  width: 100%;
}

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

.landing-page-tab-contain {
  margin-top: 20px;
}

.landing-all-page-tab {
  width: 100%;
}

.landing-menu-text {
  color: #27323a;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Lexend, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}

.landing-all-page-marquee-box {
  padding-bottom: 20px;
}

.landing-all-page-marquee-box.opacity-off {
  opacity: 0;
}

.landing-page-tab-pane {
  perspective: 1000px;
  overflow: hidden;
  transform: perspective(1000px);
}

.landing-card-image-block {
  z-index: 2;
  background-color: var(--primary-color);
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.landing-tab-contain-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  backface-visibility: hidden;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.landing-tab-contain-block.chnage-style {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.landing-all-page-card-block {
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 520px;
  height: 100%;
  display: flex;
  position: relative;
}

.landing-all-page-card-block.change-width {
  min-width: 100%;
}

.page-tab-link {
  opacity: .4;
  color: #9095b1;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
}

.page-tab-link.w--current {
  opacity: 1;
  color: #fff;
  background-color: #fff0;
}

.landing-feature-details {
  max-width: 668px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.landing-feature-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #dcc5b7;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 389px;
  padding: 40px 20px 30px;
  display: flex;
}

.landing-feature-main {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.landing-feature {
  background-color: #897061;
  padding: 100px 15px 120px;
}

.landing-feature-item-details {
  width: 100%;
  max-width: 333px;
}

.landing-main-details {
  padding-top: 120px;
  padding-left: 15px;
  padding-right: 15px;
}

.landing-main-details-text {
  max-width: 630px;
}

.footer-one-top-block {
  border-bottom: 1px solid #363a46;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 120px;
}

.sticky-circle {
  background-color: #030307;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 190px;
  display: flex;
}

.sticky-circle.footer-one-right-button-block {
  background-color: #89706133;
  margin-right: 30px;
  position: relative;
}

.change-color {
  color: #897061;
}

.footer-one-right-button-inner-block {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  background-color: #89706166;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.outline-circle {
  border: 2px solid #897061;
  border-radius: 100%;
  width: 190px;
  min-width: 190px;
  height: 190px;
  min-height: 190px;
}

.outer-clip.bottom {
  justify-content: flex-end;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.outer-clip.top {
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.outline-circle-block {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 190px;
  height: 190px;
  display: grid;
  position: absolute;
  inset: 0%;
  transform: rotate(-30deg);
}

.lets-talk-arrow {
  margin-bottom: 5px;
}

.change-link-color {
  color: var(--black);
}

.license-hero-main {
  padding-left: 15px;
  padding-right: 15px;
}

.licensing-hero {
  background-color: var(--background-color);
  padding-top: 220px;
  padding-bottom: 120px;
}

.license-page-paragraph {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
}

.licencing-boxes.padding-top-twenty {
  padding-top: 40px;
}

.background-video-new {
  aspect-ratio: 2.39;
  width: 100%;
  height: auto;
}

.image-link-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.image-link-wrapper.margin-bottom-thirty {
  flex-wrap: wrap;
  margin-top: 20px;
  margin-bottom: 30px;
}

.video-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.image-link {
  color: #040404;
  flex: none;
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.licencing-image-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 40px;
}

.licencing-section {
  padding: 110px 15px 100px;
}

.changelog-section {
  padding-top: 120px;
  padding-bottom: 100px;
}

.margin-top-ten {
  margin-top: 10px;
}

.image-filter {
  filter: invert();
}

.style-guied-color {
  background-color: #fff;
  padding: 120px 15px;
}

.style-guied-color-wrapper {
  background-color: var(--primary-color);
  border-radius: 50%;
  width: 10.875rem;
  height: 10.875rem;
}

.style-guied-color-wrapper.change-body-color {
  background-color: #897061;
}

.style-guied-color-wrapper.change-body-color.change-color-sky-blue {
  background-color: #bdbfc0;
}

.style-guied-color-wrapper.change-color-green {
  background-color: var(--background-color);
}

.style-guied-color-option {
  grid-column-gap: 300px;
  grid-row-gap: 300px;
  justify-content: center;
  margin-top: -50px;
  display: flex;
}

.style-guied-color-image {
  justify-content: center;
  display: flex;
}

.style-guied-color-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: center;
  display: flex;
}

.style-guied-color-container {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

.style-guied-typography-heading-five {
  padding-top: 40px;
}

.div-block-1744 {
  padding-top: 10px;
}

.heading-three-new-main {
  color: var(--primary-color);
  letter-spacing: -.32px;
  font-size: 28px;
  font-weight: 600;
  line-height: 38px;
}

.style-guied-typography-heading-one {
  padding-top: 20px;
}

.style-guied-typography-heading-four {
  padding-top: 40px;
}

.style-guied-typography {
  background-color: var(--background-color);
  padding-top: 120px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.style-guied-typography-container {
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

.style-guied-typography-heading-three {
  padding-top: 40px;
}

.typography-heading-one-paragraph, .typography-heading-two-paragraph {
  padding-top: 10px;
}

.style-guied-button {
  display: flex;
}

.typography-heading-one-paragraph-two {
  padding-top: 10px;
}

.style-guied-typography-heading-six, .style-guied-typography-list-style {
  padding-top: 40px;
}

.div-block-1440, .style-guide-typography-button {
  padding-top: 20px;
}

.style-guied-typography-heading-two {
  padding-top: 30px;
}

.home-one-accordean-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.home-three-hero-main {
  z-index: 1111;
  background-color: var(--background-color);
  position: relative;
}

.home-three-hero-inner {
  justify-content: space-between;
  display: flex;
  position: relative;
}

.home-three-hero-banner-left {
  background-color: #897061;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
  position: relative;
}

.home-three-hero-banner-left.change-position {
  background-color: var(--background-color);
}

.home-three-hero-banner-middle {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.home-three-hero-banner-middle.change-position {
  border-radius: var(--radius-two);
  position: static;
}

.home-three-hero-banner-middle.change-position.right {
  border-radius: 0;
}

.home-three-banner-vedio {
  z-index: 11;
  border-radius: var(--radius-two);
  width: 100vw;
  height: 100vh;
  transform: scale(.7);
}

.image {
  border-radius: var(--radius);
  width: 100%;
  height: 100%;
  transform: scale(.7);
}

.merquee-wrapper {
  background-image: linear-gradient(#00000080, #00000080);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.portfolio-hover-merquee-main {
  opacity: .4;
  display: flex;
}

.merquee-item {
  flex: none;
  padding-right: 10px;
}

.contact-two-popup {
  z-index: 1111;
  cursor: pointer;
  position: relative;
  top: 50px;
  box-shadow: 0 20px 27px #00000040;
}

.contact-form-main {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.contact-two-cross {
  background-color: #897061;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.contact-two-cross.chnage-position {
  position: static;
}

.about-one-light-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.imahe-one {
  padding-top: 20px;
}

.information-page {
  padding: 100px 15px 120px;
}

.about-one-light-main {
  margin-right: -100px;
}

.about-one-ray-main {
  margin-top: -40px;
}

.home-two-about-main {
  padding-left: 15px;
  padding-right: 15px;
}

.home-two-menu {
  background-color: var(--background-color);
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  top: 0;
}

.landing-page-home-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.landing-page-home-item-caption {
  padding-top: 25px;
}

.landing-page-all-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;
}

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

.view-button {
  background-color: var(--primary-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.about-three-hero {
  height: 100vh;
  transform: translate(0, 25%)scale(.5);
}

.about-three-hero-main {
  background-image: url('../../assets/images/seg/seg-main.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.about-three-hero-heading {
  max-width: 1006px;
}

.about-three-expert {
  background-color: var(--background-color);
  padding: 130px 15px 120px;
}

.about-three-project {
  background-color: #897061;
  padding: 130px 15px;
}

.about-three-project-heading {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
}

.about-three-project-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.about-three-project-item {
  position: relative;
}

.about-three-rating {
  background-color: #897061;
  padding-bottom: 130px;
  padding-left: 15px;
  padding-right: 15px;
}

.about-three-rating-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.about-three-work {
  background-color: #897061;
  padding-left: 15px;
  padding-right: 15px;
}

.about-three-work-heading {
  padding-bottom: 20px;
}

.about-three-work-details {
  max-width: 749px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
}

.big-number-text {
  letter-spacing: -8.5px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#dcc5b7cc, #fff0 90%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: -20px;
  font-size: 60px;
  line-height: 60px;
}

.blog-three-main {
  padding: 130px 15px;
}

.blog-three-main-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.blog-three-main-left {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  flex: 0 31%;
  justify-content: space-between;
  display: flex;
}

.blog-three-main-item {
  flex: 1;
  max-width: 390px;
  position: relative;
  overflow: hidden;
}

.blog-three-main-image {
  z-index: 1;
  position: relative;
}

.blog-three-image-text {
  z-index: 11;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.blog-post-image-heading {
  padding-bottom: 20px;
}

.blog-post-image-heading.chnage-bottom-padding {
  padding-bottom: 30px;
}

.blog-three-item-two-main {
  flex: 1;
  position: relative;
}

.blog-three-item-image {
  position: relative;
}

.blog-three-main-right {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.blog-three-main-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.blog-three-item-main {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.blog-three-item-main-right {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.blog-three-item-overlay {
  background-image: linear-gradient(180deg, #0000 22%, var(--black) 96%);
  position: absolute;
  inset: 0%;
}

.collection-list-wrapper, .collection-list-wrapper-two {
  flex: 1;
}

.contact-three-hero {
  background-color: var(--background-color);
  padding-top: 97px;
}

.contact-three-hero-wrapper {
  background-image: url('../images/Contact-Three-Banner.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 160px 15px;
}

.contact-three-hero-heading {
  max-width: 738px;
  padding-bottom: 20px;
}

.contact-three-hero-paragraph {
  max-width: 495px;
}

.contact-three-main {
  background-color: var(--background-color);
  padding: 100px 15px 130px;
}

.contact-three-main-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  display: flex;
}

.contact-three-box-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #3f4950;
  border: 1px solid #897061;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 390px;
  padding: 30px 20px;
  display: flex;
}

.contact-three-box-icon {
  padding-bottom: 10px;
}

.box-text {
  text-align: center;
  font-family: Outfit, sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.link-text {
  text-align: center;
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

.contact-three-form {
  display: flex;
}

.contact-three-form-image {
  flex: 0 45%;
}

.contact-three-form-text {
  background-color: #897061;
  flex: 1;
  padding: 100px 15px 90px 60px;
}

.contact-three-form-text-main {
  max-width: 530px;
}

.pricing-three-main {
  padding: 130px 15px;
}

.pricing-three-heading {
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.pricing-three-paragraph {
  max-width: 584px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 85px;
}

.pricing-item-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  display: flex;
}

.pricing-item-main {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--white);
  flex-flow: column;
  flex: 1;
  max-width: 410px;
  padding: 50px 40px;
  display: flex;
  box-shadow: 0 2px 50px #0000001f;
}

.pricing-three-item-price-wrapper {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.pricing-three-item-button {
  padding: 15px;
}

.pricing-item-image {
  flex: 1;
}

.pricing-three-price {
  background-color: var(--primary-color);
  padding: 130px 15px;
}

.pricing-three-price-heading {
  padding-bottom: 20px;
}

.pricing-three-price-paragraph {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
}

.pricing-table-row {
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  display: flex;
}

.pricing-table-row.chnage-color {
  background-color: var(--background-color);
}

.pricing-table-row.border-bottom {
  border-bottom: 1px solid #27323a26;
  padding-top: 25px;
  padding-bottom: 25px;
}

.pricing-table-right-part {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 40%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.pricing-table-right-part.chnage-opacity, .pricing-table-right-heading.opacity-off {
  opacity: 0;
}

.chnage-color-light-black {
  color: #5a5b5b;
}

.about-three-hero-big {
  background-color: var(--background-color);
  height: 300vh;
  position: relative;
}

.about-hero-styky {
  position: sticky;
  top: 0;
}

.popup-image {
  z-index: 21111;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #27323a80;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-big-image {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 80vh;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-two, .image-three, .image-four {
  position: absolute;
  inset: 0%;
}

.popup-close {
  cursor: pointer;
  position: absolute;
  inset: 15px 15px auto auto;
}

.text-span {
  font-weight: 700;
}

.license-font-top {
  padding-top: 20px;
}

.landing-customization {
  padding-bottom: 90px;
  padding-left: 15px;
  padding-right: 15px;
}

.customization-cta-heading {
  flex: 1;
  max-width: 250px;
  margin: 0 0 20px;
}

.icon-box-bg {
  background-color: var(--primary-color);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 85px;
  height: 85px;
  margin-bottom: 20px;
}

.spacial-card-main {
  background-color: var(--background-color);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 452px;
  padding: 45px;
}

.spacial-card-image-v2 {
  width: 100%;
  padding-top: 30px;
}

.library-preview {
  width: 100%;
}

.landing-customization-card-two {
  background-color: var(--background-color);
  text-align: center;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 30px 30px;
  box-shadow: 0 10px 15px 10px #e3e6ff99;
}

.landing-customization-card-one {
  text-align: center;
  background-image: url('../images/BG-Shape-3_1BG Shape-3.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

.landing-customization-main {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
}

.margin-bottom-fourty {
  margin-bottom: 40px;
}

.cta-customization-heading {
  max-width: 400px;
  margin-bottom: 40px;
}

.rt-fixed-tag {
  z-index: 2147483647;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.rt-icon-main {
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.rt-icon-main.rt-2 {
  background-color: #202020;
}

.rt-fixed-icon-1 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-image: linear-gradient(90deg, #b8c8ff, #ffd8d8);
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding: 5px;
  display: flex;
}

.rt-fixed-icon-1.rt-1 {
  text-decoration: none;
  transform: translate(130px);
}

.rt-fixed-icon-1.rt-3 {
  background-image: linear-gradient(90deg, #169ef3, #9649e5);
  text-decoration: none;
  transform: translate(130px);
}

.rt-fixed-icon-1.rt-2 {
  background-color: #000;
  background-image: none;
  text-decoration: none;
  transform: translate(130px);
}

.rt-template-div.rt-1, .rt-template-div.rt3, .rt-template-div.rt-2 {
  overflow: hidden;
}

.rt-chnage-font {
  color: #000;
  text-transform: capitalize;
  padding-top: 2px;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 500;
}

.rt-chnage-font.rt-change-white {
  color: #fff;
}

.rt-fixed-top {
  z-index: 2147483647;
  height: 140px;
  position: fixed;
  inset: 40% 0% 0% auto;
  overflow: hidden;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 60px;
    line-height: 66px;
  }

  h2 {
    font-size: 42px;
    line-height: 52px;
  }

  h3 {
    font-size: 32px;
    line-height: 42px;
  }

  .home-one-about-big-text-wrapper {
    height: 200px;
  }

  .home-one-big-text {
    font-size: 160px;
    line-height: 200px;
  }

  .home-one-big-text.change-size-two {
    font-size: 100px;
  }

  .home-one-big-text.change-align, .home-one-big-text.change-align-right {
    line-height: 130px;
  }

  .home-one-work-wrapper {
    max-width: 95%;
  }

  .home-one-vedio-text {
    right: -20%;
  }

  .home-one-testimonial-heading {
    top: 550px;
  }

  .home-one-testimonial-main {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    margin-left: 40px;
  }

  .merquee-text {
    font-size: 200px;
    line-height: 180px;
  }

  .home-two-hero-text {
    font-size: 160px;
  }

  .home-two-about-link-wrapper {
    padding-left: 40px;
    padding-right: 60px;
  }

  .heading-two {
    font-size: 42px;
    line-height: 46.2px;
  }

  .home-two-process-top {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .home-two-service-text-item {
    padding-left: 40px;
  }

  .heading-three {
    font-size: 32px;
    line-height: 42px;
  }

  .heading-three.chnage-color-white {
    color: #fff;
  }

  .number-wrapper {
    left: 40%;
  }

  .number-wrapper.chnage-position {
    right: 40%;
  }

  .home-two-testimonial-left-arrow {
    left: 42%;
  }

  .home-two-testimonial-left-arrow.right-arrow {
    right: 42%;
  }

  .medium-heading-new {
    font-size: 100px;
    line-height: 80px;
  }

  .home-three-slide-image {
    width: 30vw;
  }

  .home-three-process-wrapper, .home-three-process-main-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .effect-big-text {
    font-size: 60px;
  }

  .right-image-wrapper {
    position: relative;
  }

  .home-two-product-item-text-wrapper.change-background-color {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-one-about-big-text-main-wrapper {
    height: 200px;
  }

  .about-one-feature-line {
    flex: 0 auto;
  }

  .about-one-feature-right-main, .about-one-feature-line-new-three {
    margin-left: -60px;
  }

  .about-one-work-heading {
    max-width: 450px;
  }

  .about-one-interior-lamp-new {
    width: 60%;
  }

  .about-one-interior-heading-one {
    padding-bottom: 40px;
  }

  .process-heading {
    font-size: 120px;
    line-height: 120px;
  }

  .about-two-project-details {
    width: 361px;
  }

  .about-two-hero-big-heading {
    height: 200px;
  }

  .service-one-service-item-text {
    padding-right: 60px;
  }

  .service-one-service-top-text {
    width: 400px;
  }

  .service-one-service-paragraph {
    max-width: 430px;
  }

  .project-big-heading {
    font-size: 150px;
    line-height: 130px;
  }

  .service-one-plan-text-heading {
    height: 50px;
  }

  .service-two-hero-image-heading {
    height: 200px;
  }

  .contact-one-heading {
    max-width: 650px;
  }

  .service-two-hero-image-heading-new {
    height: 200px;
  }

  .blog-heading-text {
    font-size: 120px;
  }

  .blog-one-post-item-text {
    flex: 0 auto;
    padding-left: 40px;
  }

  .blog-one-post-item-text.change-color-orange {
    padding-left: 40px;
  }

  .blog-one-post-item-heading {
    max-width: 279px;
  }

  .pricing-one-price-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .change-color-grey {
    color: #c5c8da;
  }

  .pricing-one-item-price {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 20px;
    display: flex;
  }

  .pricing-one-item {
    background-color: #27323a;
    flex: 1;
    max-width: 390px;
    padding-top: 70px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .pricing-item-commercial {
    flex: 1;
  }

  .pricing-one-item-paragraph {
    max-width: 238px;
    padding-bottom: 20px;
  }

  .pricing-one-main-wrapper {
    display: flex;
  }

  .pricing-one-price-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    display: flex;
  }

  .pricing-item-button {
    margin-bottom: -20px;
  }

  .pricing-one-item-heading {
    padding-bottom: 20px;
  }

  .price-tick {
    margin-top: 3px;
  }

  .heading-one {
    font-size: 60px;
    line-height: 66px;
  }

  .portfolio-big-text {
    height: 200px;
  }

  .portfolio-text-head {
    height: 80px;
  }

  .portfolio-gallery-main {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .home-three-hero-main-text-wrapper {
    padding-bottom: 70px;
  }

  .home-three-hero {
    padding-left: 0;
    padding-right: 0;
  }

  .chnage-align-right.chnage-font-style {
    font-size: 25px;
    line-height: 35px;
  }

  .home-three-hero-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .team-about-heading-block {
    padding-left: 100px;
  }

  .heading-three-new, .heading-three-modified {
    font-size: 32px;
    line-height: 42px;
  }

  .heading-big-text.text-align-center {
    font-size: 200px;
  }

  .landing-page-tab-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .landing-card-image-block {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .landing-tab-contain-block.chnage-style {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .page-tab-link {
    padding-left: 30px;
    padding-right: 30px;
  }

  .sticky-circle.footer-one-right-button-block {
    margin-right: 0;
  }

  .outline-circle-block {
    grid-auto-columns: 1fr;
  }

  .heading-three-new-main {
    font-size: 30px;
    line-height: 40px;
  }

  .landing-page-home-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .box-text {
    font-size: 25px;
    line-height: 30px;
  }

  .link-text {
    font-size: 17px;
    line-height: 27px;
  }

  .contact-three-form-text {
    padding-left: 100px;
  }

  .pricing-three-heading {
    max-width: 717px;
  }

  .pricing-item-container {
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1440px) {
  .home-one-about-big-text-wrapper {
    height: 240px;
  }

  .home-one-big-text {
    font-size: 180px;
    line-height: 240px;
  }

  .home-one-big-text.change-size.chnage-style {
    font-size: 150px;
  }

  .home-one-big-text.change-align, .home-one-big-text.change-align-right {
    line-height: 150px;
  }

  .home-one-hero-left-content {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .home-one-work-wrapper {
    max-width: 90%;
  }

  .home-one-vedio-text {
    right: -15%;
  }

  .home-one-testimonial-heading {
    top: 600px;
  }

  .home-two-hero-text {
    font-size: 180px;
  }

  .home-two-big-text {
    padding-bottom: 60px;
  }

  .home-three-work-wrapper {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .nav-three-main-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .home-two-product-main-item {
    padding-right: 95px;
  }

  .home-one-about-big-text-main-wrapper {
    height: 240px;
  }

  .about-two-project-text {
    padding-left: 40px;
  }

  .about-two-hero-big-heading {
    height: 240px;
  }

  .service-one-service-top-text {
    width: 450px;
  }

  .service-two-hero-image-heading {
    height: 240px;
  }

  .service-two-project-item.change-direction {
    justify-content: center;
  }

  .service-two-hero-image-heading-new {
    height: 240px;
  }

  .contact-two-form {
    position: absolute;
    inset: auto 5% 130px auto;
    overflow: hidden;
  }

  .contact-two-hero {
    flex-flow: row;
    height: 100vh;
  }

  .blog-one-post-item-text, .blog-one-post-item-text.change-color-orange {
    padding-left: 60px;
  }

  .portfolio-big-text {
    height: 240px;
  }

  .portfolio-gallery-main {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
  }

  .contact-two-popup {
    position: absolute;
    inset: auto 5% 70px auto;
  }

  .contact-form-main {
    position: absolute;
  }
}

@media screen and (min-width: 1920px) {
  .nav-one.change-home-one-nav {
    padding-top: 20px;
    top: 0;
  }

  .auto-fit.landing-image-dropshadow {
    box-shadow: 0 40px 60px #4b3c3399;
  }

  .home-one-service-left {
    margin-top: 60px;
  }

  .home-one-service-text.responsive-display-off {
    display: block;
  }

  .home-one-about-big-text-wrapper {
    height: 300px;
  }

  .home-one-big-text {
    font-size: 240px;
    line-height: 300px;
  }

  .home-one-big-text.change-size-two {
    font-size: 170px;
    line-height: 120px;
  }

  .home-one-big-text.change-size {
    font-size: 200px;
    line-height: 250px;
  }

  .home-one-big-text.change-size.change-style-two {
    font-size: 180px;
    line-height: 140px;
  }

  .home-one-big-text.change-align, .home-one-big-text.change-align-right {
    line-height: 200px;
  }

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

  .home-one-service-line.change-height {
    height: 550px;
  }

  .home-one-hero-line {
    bottom: 28%;
  }

  .home-one-hero-line.change-position-two.change-new-position {
    bottom: 0%;
  }

  .home-one-hero-line.change-position {
    bottom: 10%;
  }

  .home-one-product-left {
    padding-bottom: 80px;
  }

  .div-block {
    position: sticky;
    top: 50px;
  }

  .home-one-interior-text-wrapper {
    left: 115px;
  }

  .home-one-work-wrapper {
    max-width: 82%;
  }

  .home-one-vedio-text {
    right: -10%;
  }

  .home-one-testimonial-image {
    border-left: 1px solid #27323a36;
    border-right: 1px solid #27323a36;
  }

  .home-one-testimonial-main {
    margin-left: 100px;
    padding-left: 0;
  }

  .home-one-promotion-item {
    padding: 50px;
  }

  .footer-one-main-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr .8fr 1fr;
  }

  .merquee-text {
    padding-right: 150px;
    font-size: 240px;
    line-height: 200px;
  }

  .home-two-hero-text {
    font-size: 240px;
    line-height: 200px;
  }

  .counter {
    justify-content: space-between;
  }

  .home-two-service-text-item {
    padding-left: 60px;
    padding-right: 40px;
  }

  .footer-two {
    background-repeat: repeat;
    background-size: contain;
  }

  .home-three-work-wrapper {
    grid-column-gap: 130px;
    grid-row-gap: 130px;
  }

  .home-three-image-text {
    padding-left: 60px;
    padding-right: 60px;
  }

  .home-three-slide-wrapper {
    max-width: 82%;
  }

  .home-three-interior-line {
    flex: 1;
    max-width: 1780px;
    margin-left: auto;
    margin-right: auto;
  }

  .effect-big-text {
    font-size: 80px;
    line-height: 70px;
  }

  .home-two-big-text-wrapper {
    height: 200px;
  }

  .home-one-about-big-text-main-wrapper {
    height: 300px;
  }

  .about-one-hero-big-image {
    padding-right: 120px;
  }

  .about-one-interior-lamp-new {
    width: 65%;
    right: -5%;
  }

  .about-one-interior-lamp-new.big-screen-display-off {
    display: none;
  }

  .about-one-interior-heading-one {
    padding-bottom: 60px;
  }

  .about-one-process-item {
    padding-left: 80px;
    padding-right: 50px;
  }

  .about-one-service-line {
    margin-right: -40px;
  }

  .about-two-project-text {
    padding-left: 80px;
  }

  .about-two-hero-big-heading, .service-two-hero-image-heading {
    height: 300px;
  }

  .service-two-work-right {
    box-shadow: 0 2px 5px #0003;
  }

  .service-two-project-item {
    grid-column-gap: 235px;
    grid-row-gap: 235px;
  }

  .service-two-project-item.change-direction {
    grid-column-gap: 285px;
    grid-row-gap: 285px;
    padding-left: 200px;
  }

  .service-two-project-main {
    grid-column-gap: 170px;
    grid-row-gap: 170px;
  }

  .service-two-hero-image-heading-new {
    height: 300px;
  }

  .contact-two-form {
    bottom: 230px;
    right: 5%;
  }

  .contact-two-hero {
    background-size: 100% 100%;
  }

  .blog-one-post-item-text {
    flex: 1;
  }

  .blog-one-post-item-heading.chnage-size {
    max-width: 279px;
  }

  .portfolio-text-wrapper.responsive-display-off {
    margin-top: 60vh;
  }

  .portfolio-big-text {
    height: 300px;
  }

  .portfolio-gallery-main {
    grid-column-gap: 130px;
    grid-row-gap: 130px;
  }

  .portfolio-gallery-one.margin-bottom-two {
    margin-bottom: 30px;
  }

  .portfolio-gallery-one.margin-bottom {
    margin-bottom: 60px;
  }

  .home-three-image-round.change-background-color {
    background-color: #897061;
  }

  .team-details-hero-section {
    padding-top: 600px;
  }

  .team-hero-large-text {
    top: 350px;
    right: 10%;
  }

  .team-social-media-link-block {
    left: -250px;
  }

  .marque-main {
    z-index: 1;
    position: relative;
  }

  .landing-page-hero {
    padding-bottom: 184px;
  }

  .landing-hero-image-five {
    display: block;
    position: absolute;
    inset: 20% auto auto 5%;
  }

  .landing-page-hero-heading {
    padding-bottom: 100px;
  }

  .landing-hero-image-six {
    z-index: 11;
    display: block;
    position: absolute;
    inset: auto auto 45% 10%;
  }

  .landing-hero-image-seven {
    display: block;
    position: absolute;
    inset: auto auto 38% -2%;
  }

  .landing-hero-image-two {
    display: block;
    top: 45%;
    right: -3%;
  }

  .landing-hero-image-three {
    display: block;
    position: absolute;
    inset: auto auto 3% 5%;
  }

  .landing-hero-image-four {
    z-index: 111;
    display: block;
    position: absolute;
    inset: auto 18% 0% auto;
  }

  .landing-hero-image-one {
    display: block;
    top: 13%;
    right: -2%;
  }

  .contact-two-popup {
    width: 56px;
    height: 56px;
    bottom: 170px;
    right: 5%;
  }

  .contact-two-cross {
    background-color: #897061;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    display: flex;
  }

  .about-one-light-wrapper {
    display: flex;
    right: -5%;
  }

  .about-one-ray-main {
    margin-top: -50px;
    overflow: hidden;
  }

  .portfolio-top-head {
    padding-bottom: 30px;
  }

  .landing-page-home-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .landing-page-all-wrapper {
    grid-column-gap: 100px;
    grid-row-gap: 30px;
  }

  .big-number-text {
    margin-bottom: -15px;
    font-size: 100px;
    line-height: 100px;
  }

  .blog-three-main-item {
    position: relative;
  }

  .contact-three-form-text {
    padding-left: 120px;
  }

  .pricing-item-main {
    padding-left: 50px;
    padding-right: 50px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 40px;
    line-height: 44px;
  }

  h2 {
    font-size: 30px;
    line-height: 34.2px;
  }

  h3 {
    font-size: 24px;
    line-height: 34px;
  }

  .big-container.change-sizing {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .big-container.change-border-updown {
    border-bottom-width: 0;
  }

  .big-container.change-position {
    position: static;
  }

  .big-container.change-sizing {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-one-wrapper {
    padding-bottom: 20px;
  }

  .nav-one {
    background-color: #27323a;
    padding-top: 20px;
    top: 0;
  }

  .home-one-hero-bottom-text {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

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

  .auto-fit.image-full-width.portfolio-two, .auto-fit.image-full-width.portfolio-four, .auto-fit.image-full-width.portfolio-three {
    position: relative;
  }

  .auto-fit.one.rsponsive-image-full-width, .auto-fit.image-effect-height {
    width: 100%;
    height: 100%;
  }

  .home-one-about-left {
    flex: 0 auto;
    width: 100%;
  }

  .home-one-hero-right {
    display: none;
  }

  .home-one-hero-sub-heading.responsive-change-display {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .home-one-service-left {
    justify-content: flex-start;
    align-items: flex-start;
    padding-right: 0;
  }

  .home-one-about-content-paragraph {
    max-width: 450px;
  }

  .home-one-about-big-text-wrapper {
    height: auto;
    padding-bottom: 20px;
    position: static;
  }

  .home-one-big-text {
    font-size: 80px;
    line-height: 100px;
  }

  .home-one-big-text.change-size-two {
    font-size: 120px;
  }

  .home-one-big-text.change-size-two.desktop-display-off, .home-one-big-text.change-size.desktop-display-off {
    display: block;
  }

  .home-one-big-text.change-align, .home-one-big-text.change-align-right {
    line-height: 80px;
  }

  .home-one-hero-top-text {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .home-one-about {
    height: 40vh;
    position: static;
  }

  .home-one-hero-paragraph {
    max-width: 100%;
  }

  .subheading-text.change-color-black.no-break, .subheading-text.text-no-wrap, .subheading-text.text-no-wrap {
    white-space: nowrap;
  }

  .main-container.position-sticky {
    position: static;
  }

  .home-one-service-line, .home-one-about-right {
    display: none;
  }

  .change-padding.change-font-style {
    letter-spacing: 0;
    font-size: 20px;
    line-height: 30px;
  }

  .change-padding.change-color-black.change-line-height {
    line-height: 30px;
  }

  .change-padding.responsive-change-display {
    text-align: center;
  }

  .change-padding.change-align {
    text-align: left;
  }

  .change-padding.align-right.responsive-align-center {
    text-align: center;
  }

  .home-one-hero-small-image {
    width: 100%;
  }

  .home-one-hero-bottom-left {
    padding-bottom: 20px;
  }

  .home-one-service-right {
    margin-bottom: 40px;
  }

  .home-one-service-right.display-off {
    display: block;
  }

  .home-one-about-content {
    max-width: 100%;
  }

  .home-one-hero-left-main {
    padding-bottom: 70px;
  }

  .home-one-hero-background-image.change-position, .home-one-hero-line {
    display: none;
  }

  .home-one-hero {
    height: auto;
    position: relative;
  }

  .home-one-service-left-item {
    margin-top: 0;
  }

  .home-one-hero-left-content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex: 0 auto;
    width: 100%;
    max-width: 100%;
  }

  .home-one-service {
    height: auto;
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .home-one-service-paragraph {
    max-width: 100%;
  }

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

  .home-one-hero-heading {
    max-width: 100%;
  }

  .home-one-hero-left {
    flex: 0 auto;
    width: 100%;
  }

  .home-one-process-paragraph-main, .home-one-product-heading {
    max-width: 100%;
  }

  .home-one-product-wrapper {
    width: 100%;
  }

  .home-one-product-item {
    padding-left: 0;
    padding-right: 0;
  }

  .home-one-product-left-wrapper {
    width: 100%;
  }

  .home-one-process-right {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .heading-four.change-align.resonsive-align-chnage {
    text-align: right;
  }

  .home-one-process-left {
    padding: 40px 20px;
  }

  .home-one-process-big-text.chnage-style {
    padding-top: 20px;
  }

  .home-one-product-left {
    width: 100%;
    padding-bottom: 0;
  }

  .home-one-interior {
    height: 80vh;
    padding-bottom: 70px;
    position: static;
  }

    @media only screen and (max-width: 600px) {
    .home-one-interior {
        height: 50vh;
      }
    }

  .home-one-process-right-bar {
    max-width: 100%;
  }

  .home-one-product {
    height: auto;
    padding-top: 70px;
    padding-bottom: 40px;
    padding-right: 15px;
    position: relative;
  }

  .home-one-product-merquee {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .home-one-product-merquee.display-off {
    display: none;
  }

  .home-one-business-accordian-paragraph {
    max-width: 100%;
  }

  .home-one-product-text-wrapper {
    flex: 0 auto;
    width: 100%;
    max-width: 100%;
  }

  .interior-text.change-size {
    margin-top: 0;
  }

  .home-one-process-image-main {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .home-one-process {
    padding-top: 0;
    padding-bottom: 70px;
    position: static;
  }

  .home-one-product-right {
    width: 100%;
    margin-left: 0;
  }

  .home-one-interior-text-wrapper {
    display: none;
  }

  .home-one-process-paragraph {
    max-width: 100%;
  }

  .home-one-process-main {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .home-one-product-main {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .home-one-work-heading-wrapper {
    padding-top: 15px;
    padding-left: 15px;
  }

  .home-one-work-image-wrapper {
    height: 50vh;
  }

  .home-one-work {
    padding-top: 0;
    padding-bottom: 70px;
    position: relative;
  }

  .home-one-city-vedio {
    z-index: 1;
    height: 500px;
    position: relative;
  }

  .home-one-background-vedio {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .home-one-vedio-text {
    display: block;
    position: static;
    transform: none;
  }

  .home-one-vedio-text-line {
    display: none;
  }

  .home-one-testiminial-wrapper {
    flex-flow: column;
  }

  .home-one-testimonial-heading {
    width: auto;
    height: auto;
    position: static;
    transform: none;
  }

  .home-one-testimonial-top {
    border-bottom-width: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-one-testimonial-text {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex: 0 auto;
    width: 100%;
  }

  .home-one-testimonial-image {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-one-testimonial {
    height: auto;
    padding-top: 30px;
    padding-bottom: 70px;
    position: relative;
  }

  .home-one-testimonial-main-heading, .home-one-testimonial-paragraph {
    max-width: 100%;
  }

  .home-one-testimonial-bottom {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-one-testimonial-main {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }

  .home-one-promotion-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    border-top-width: 0;
    border-bottom-width: 0;
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-one-promotion-image {
    height: auto;
  }

  .home-one-promotion-item {
    border-right-width: 0;
    padding: 0;
  }

  .home-one-promotion-item-heading {
    max-width: 100%;
  }

  .home-one-promotion {
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
  }

  .footer-one {
    height: auto;
    padding-top: 60px;
    position: relative;
  }

  .footer-one.footer-three {
    padding-top: 60px;
  }

  .footer-one-main-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .footer-one-link-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-right-width: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-one-left-heading {
    max-width: 100%;
  }

  .merquee-text {
    padding-right: 60px;
    font-size: 80px;
    line-height: 80px;
  }

  .footer-one-merquee {
    padding-bottom: 40px;
  }

  .footer-one-main-paragraph {
    max-width: 100%;
  }

  .footer-one-bottom-link-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .footer-one-left, .footer-one-paragraph {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-one-work-main-image-wrapper {
    height: 100%;
  }

  .nav-arrow {
    display: none;
  }

  .black-nav-arrow {
    display: block;
  }

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

  .menu-font {
    color: #132035;
  }

  .menu-font.responsive-color-chnage {
    color: var(--white);
  }

  .dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 0;
  }

  .home-two-hero-text {
    font-size: 100px;
    line-height: 100px;
  }

  .nav-two-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
  }

  .home-two-hero-paragraph.overflow-hidden {
    max-width: 600px;
  }

  .home-two-hero-heading.overflow-hidden {
    max-width: 100%;
  }

  .responsive-burger-menu-navbar {
    background-color: #DCC5B7;
  }

  .responsive-burger-menu-navbar.border-radius-ten {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 15px;
  }

  .home-two-email-wrapper {
    display: none;
  }

  .nav-two {
    padding-left: 0;
    padding-right: 0;
  }

  .home-two-hero {
    height: 70vh;
    position: static;
  }

  .home-two-about-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 30px;
    padding-bottom: 0;
  }

  .home-two-about-link-wrapper {
    z-index: 111;
    padding-bottom: 40px;
    position: relative;
  }

  .home-two-about-paragraph {
    max-width: 100%;
  }

  .home-two-about-line {
    display: none;
  }

  .home-two-about {
    padding-bottom: 70px;
  }

  .home-two-work-item {
    background-color: #efd9cc00;
    border-left-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 0;
  }

  .home-two-work-line, .home-two-work-line.chnage-color-light {
    display: none;
  }

  .home-two-work-main-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    padding-top: 40px;
  }

  .home-two-work {
    padding-top: 70px;
    padding-bottom: 20px;
  }

  .home-two-work-item-paragraph {
    max-width: 100%;
  }

  .outline-number.chnage-color.hover-number {
    display: none;
  }

  .home-two-work-link {
    padding-bottom: 40px;
  }

  .home-two-product {
    padding-top: 70px;
  }

  .home-two-product-heading {
    max-width: 100%;
    padding-bottom: 40px;
  }

  .home-two-product-link-wrapper {
    padding-bottom: 70px;
  }

  .home-two-logo {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .home-two-story-left-image-two.change-position {
    margin-right: 0;
  }

  .home-two-story-heading {
    max-width: 100%;
  }

  .home-two-story {
    padding-top: 70px;
    padding-bottom: 60px;
  }

  .counter-box.big-counter {
    height: 60px;
  }

  .home-two-story-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 60px;
  }

  .counter-text {
    font-size: 50px;
    line-height: 60px;
  }

  .home-two-story-paragraph {
    max-width: 100%;
  }

  .home-two-story-image-caption {
    display: none;
  }

  .home-two-process-item-paragraph {
    max-width: 100%;
  }

  .heading-two {
    font-size: 30px;
    line-height: 34.2px;
  }

  .home-two-process-heading {
    padding-bottom: 40px;
  }

  .home-two-process-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .home-two-process-item {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .home-two-process {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .home-two-success-main-text-wrapper {
    position: static;
  }

  .home-two-success-main-text-wrapper.change-position {
    padding-top: 0;
  }

  .home-two-success-text-image {
    display: none;
  }

  .home-two-success-paragraph {
    max-width: 100%;
  }

  .home-two-success {
    padding-bottom: 70px;
  }

  .home-two-success-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .home-two-service-text-item {
    border-bottom: 1px solid #dcc5b733;
    padding-top: 40px;
    padding-right: 20px;
  }

  .heading-three {
    font-size: 24px;
    line-height: 34px;
  }

  .home-two-service-text-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
  }

  .home-two-service-image-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .number-wrapper {
    bottom: -32%;
    left: 35%;
  }

  .number-wrapper.chnage-position {
    bottom: -32%;
    right: 35%;
  }

  .home-two-testimonial {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .testimonial-text {
    font-size: 18px;
    line-height: 25px;
  }

  .home-two-testimonial-left-arrow {
    left: 38%;
  }

  .home-two-testimonial-left-arrow.right-arrow {
    right: 38%;
  }

  .home-two-news-heading {
    padding-bottom: 40px;
  }

  .home-two-news-wrapper {
    flex-flow: column;
  }

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

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

  .footer-two-link {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: flex-start;
  }

  .footer-two-paragraph {
    max-width: 100%;
    padding-bottom: 40px;
  }

  .footer-two-heading {
    max-width: 100%;
  }

  .home-two-footer-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 40px;
    display: grid;
  }

  .footer-two {
    padding-top: 60px;
  }

  .responsive-menu-button {
    padding: 0;
  }

  .responsive-menu-button.w--open {
    background-color: #c8c8c800;
  }

  .menu-button-new {
    padding: 18px 15px;
  }

  .menu-button-new.w--open {
    background-color: #c8c8c800;
  }

  .menu-button-line {
    background-color: #DCC5B7;
    width: 21.28px;
    height: 2px;
    margin-bottom: 6px;
    padding: 0;
  }

  .menu-button-line.middile-line {
    margin-bottom: 0;
  }

  .home-three-work-text {
    width: 100%;
  }

  .home-three-work-image-one {
    flex: 1;
  }

  .home-three-work-image-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    align-items: stretch;
    margin-top: 0;
  }

  .home-three-work-image-two {
    flex: 1;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

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

  .home-three-work-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .home-three-work-accordian {
    width: 100%;
  }

  .home-three-work-image-right {
    display: none;
  }

  .home-three-tag {
    padding-bottom: 20px;
  }

  .home-three-image-one {
    flex: 0 auto;
    height: 60vh;
  }

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

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

  .home-three-story-paragraph {
    max-width: 100%;
  }

  .home-three-story-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .home-three-story-caption {
    display: none;
  }

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

  .home-three-story-heading {
    max-width: 100%;
  }

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

  .home-three-slide {
    height: auto;
    padding-right: 15px;
  }

  .home-three-slide-wrapper {
    position: relative;
    top: 0;
  }

  .home-three-slide-main {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .home-three-slide-image {
    width: auto;
    padding-right: 0;
  }

  .home-three-process-paragraph {
    max-width: 100%;
    padding-top: 0;
  }

  .home-three-process-item {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .home-three-process-item-paragraph {
    max-width: 100%;
  }

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

  .responsive-change-display {
    text-align: center;
  }

  .responsive-display-off {
    display: none;
  }

  .home-three-process-left-heading {
    max-width: 100%;
  }

  .home-three-process-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px;
  }

  .home-three-process-main-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .home-three-background-interior-vedio {
    padding-bottom: 40px;
  }

  .home-three-interior-line {
    display: none;
  }

  .home-three-interior {
    height: 80vh;
  }

  .nav-three-main-wrapper {
    border-bottom-width: 0;
  }

  .home-two-image-overlay {
    background-image: linear-gradient(#0000004d, #0000004d);
  }

  .home-two-effect-lower-part {
    display: none;
  }

  .home-two-effect-wrapper {
    flex-flow: column;
  }

  .home-two-effect {
    height: auto;
    position: static;
  }

  .effect-big-text.text-two {
    opacity: 1;
  }

  .home-two-vedio-effect {
    height: auto;
  }

  .home-two-vedio {
    height: 80vh;
    display: block;
  }

  .mouse-cursor {
    display: none;
  }

  .home-two-product-main-item {
    width: auto;
    height: 100%;
    padding-right: 0;
  }

  .home-two-product-item-image {
    height: 100%;
  }

  .home-two-product-merquee {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .home-two-product-item-text-wrapper {
    justify-content: flex-start;
    align-items: flex-end;
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-two-product-item-text-wrapper.change-background-color {
    padding-left: 20px;
    padding-right: 20px;
  }

  .home-two-product-merquee-item {
    height: 100%;
  }

  .home-two-big-text-wrapper {
    height: auto;
  }

  .nav-link {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .home-one-about-big-text-main-wrapper {
    height: auto;
    position: static;
  }

  .about-one-hero-heading {
    z-index: 111;
    padding-top: 140px;
  }

  .about-one-hero-line {
    display: none;
  }

  .about-one-hero-big-image {
    background-image: linear-gradient(#0006, #0006), url('../images/About-One-Banner.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-left: 15px;
    padding-right: 15px;
    transform: none;
  }

  .about-one-hero {
    height: 80vh;
  }

  .about-one-hero-image-main, .about-one-feature-line-new {
    display: none;
  }

  .about-one-feature-wrapper {
    flex-flow: column;
  }

  .about-one-feature-right-heading {
    max-width: 100%;
  }

  .about-two-feature {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .about-one-feature-line-two {
    display: none;
  }

  .about-one-feature-right-main {
    padding-top: 0;
  }

  .about-one-feature-line-new-three {
    display: none;
  }

  .about-one-feature-right-paragraph {
    max-width: 100%;
  }

  .about-one-work-main {
    width: 100%;
  }

  .about-one-work-heading {
    max-width: 100%;
    padding-bottom: 0;
  }

  .about-one-work-right-line {
    display: none;
  }

  .about-one-work-left, .about-one-work-item {
    width: 100%;
  }

  .about-one-work-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .about-one-work {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .about-one-work-main-wrapper {
    border-top-width: 0;
    border-bottom-width: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .about-one-work-item-details {
    max-width: 100%;
  }

  .about-one-interior-lamp-new {
    right: 0%;
  }

  .home-one-interior-image {
    margin-top: 40px;
  }

  .about-one-interior-heading-one {
    padding-bottom: 0;
  }

  .home-one-interior-heading {
    padding-bottom: 60px;
  }

  .about-one-process {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .process-heading {
    font-size: 60px;
  }

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

  .home-one-process-item-details {
    max-width: 100%;
  }

  .about-one-process-heading {
    max-width: 100%;
    padding-bottom: 40px;
  }

  .about-one-process-item {
    border-bottom: 1px solid #27323a33;
    border-right-width: 0;
    padding-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .about-one-process-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    border-top-width: 0;
    border-bottom-width: 0;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .about-one-service-left {
    width: 100%;
    position: static;
  }

  .about-one-service-wrapper {
    border-top-width: 0;
    flex-flow: column;
    padding-top: 0;
  }

  .about-one-service {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .about-one-service-line {
    display: none;
    position: static;
  }

  .about-one-service-heading {
    max-width: 100%;
    padding-bottom: 20px;
  }

  .about-one-service-paragraph {
    max-width: 100%;
    padding-top: 20px;
  }

  .home-one-blury-background {
    display: none;
  }

  .home-two-text-wrapper {
    position: static;
  }

  .about-two-hero-text-wrapper {
    background-image: linear-gradient(#0006, #0006);
    padding-left: 15px;
    padding-right: 15px;
  }

  .about-two-hero-image {
    padding-top: 0;
  }

  .about-two-hero-main-image {
    width: 100%;
    height: 100%;
  }

  .about-two-hero {
    width: 100%;
    height: 80vh;
    overflow: hidden;
  }

  .about-two-hero-wrapper {
    flex-flow: column;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: relative;
  }

  .about-two-hero-heading {
    z-index: 11;
    position: relative;
  }

  .about-two-review-heading {
    max-width: 100%;
    padding-bottom: 20px;
  }

  .about-two-review-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .about-two-review {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .about-two-review-paragraph {
    max-width: 100%;
  }

  .about-two-about-wrapper {
    flex-flow: column;
  }

  .about-two-about-line {
    display: none;
  }

  .about-two-about-details {
    max-width: 100%;
  }

  .about-two-left-image-thumbnail {
    display: none;
  }

  .about-two-about-left {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: stretch;
    margin-top: 0;
  }

  .counter-text-new {
    font-size: 50px;
    line-height: 60px;
  }

  .about-two-about-right-image {
    margin-left: 0;
  }

  .about-two-about-merquee-wrapper {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .about-two-left-image-wrapper {
    margin-top: 0;
    margin-left: 0;
  }

  .about-two-about {
    padding-top: 70px;
  }

  .about-two-about-left-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .about-two-about-heading {
    max-width: 100%;
  }

  .about-two-service {
    padding: 70px 15px;
  }

  .about-two-work-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .about-two-work {
    padding-bottom: 60px;
  }

  .number-font {
    font-size: 80px;
  }

  .about-two-project-item {
    width: auto;
    height: 80vh;
    overflow: hidden;
  }

  .about-two-project-item.two {
    width: auto;
  }

  .about-two-project-wrapper {
    flex-flow: column;
  }

  .about-two-project-text {
    background-image: linear-gradient(#0000, #000c);
    padding-left: 15px;
    padding-right: 15px;
  }

  .about-two-project-details {
    width: 100%;
    max-width: 100%;
  }

  .about-two-purpose-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .about-two-purpose-heading {
    max-width: 100%;
  }

  .about-two-purpose-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    padding-right: 0;
  }

  .about-two-purpose-left-image, .about-two-purpose-right-image {
    width: 100%;
  }

  .about-two-purpose {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .about-two-purpose-paragraph {
    max-width: 100%;
  }

  .about-two-purpose-thambnail {
    display: none;
  }

  .about-two-purpose-right-wrapper {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }

  .about-two-hero-big-heading-main {
    padding-bottom: 10px;
  }

  .service-one-hero {
    height: 80vh;
  }

  .service-one-hero-wrapper {
    padding-bottom: 70px;
  }

  .service-one-work-item-details {
    max-width: 100%;
  }

  .service-one-work-main {
    padding-top: 70px;
  }

  .service-one-work-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .service-one-work {
    padding-top: 70px;
    padding-bottom: 60px;
  }

  .service-one-work-heading {
    max-width: 100%;
  }

  .service-one-service-top-text {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 20px;
  }

  .service-one-service {
    display: none;
  }

  .service-one-service-paragraph, .service-one-service-item-heading {
    max-width: 100%;
  }

  .change-align {
    text-align: left;
  }

  .service-one-service-responsive {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    padding: 70px 15px 60px;
    display: flex;
  }

  .service-one-service-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    display: flex;
  }

  .service-one-project-text {
    padding-left: 15px;
    padding-right: 15px;
  }

  .service-one-project-paragraph {
    padding-bottom: 30px;
  }

  .service-one-project {
    padding: 70px 15px;
  }

  .service-one-project-main-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .project-big-heading, .project-big-heading.change-style {
    font-size: 80px;
    line-height: 80px;
  }

  .service-one-plan-wrapper {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .responsive-heading {
    display: block;
  }

  .service-two-hero {
    padding-top: 120px;
  }

  .service-two-hero-heading {
    display: none;
  }

  .service-two-about {
    padding-top: 70px;
    padding-bottom: 0;
  }

  .service-two-service {
    padding-bottom: 60px;
  }

  .service-two-service-small-image {
    bottom: 0%;
    right: 10%;
  }

  .service-two-service-paragraph, .service-two-service-heading {
    max-width: 100%;
  }

  .service-two-service-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 70px;
  }

  .service-two-development {
    padding-bottom: 70px;
  }

  .service-two-development-item {
    padding-right: 20px;
  }

  .service-two-work-heading, .service-two-work-details {
    max-width: 100%;
  }

  .service-two-work-slider-main-wrapper {
    padding-top: 70px;
    padding-bottom: 70px;
    position: relative;
  }

  .service-two-work-main {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .service-two-work {
    height: auto;
  }

  .service-two-work-image {
    position: absolute;
  }

  .service-two-work-right {
    flex: 0 auto;
    width: 100%;
    margin-right: 0;
  }

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

  .service-two-project-main {
    margin-top: 0;
  }

  .service-two-project-paragraph {
    max-width: 100%;
    padding-bottom: 30px;
  }

  .service-two-project {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .contact-one-hero {
    padding-top: 160px;
  }

  .contact-one-contact-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .contact-one-contact {
    padding-top: 70px;
    padding-bottom: 50px;
  }

  .contact-two-form {
    inset: auto auto 30vh;
  }

  .contact-two-hero {
    padding-bottom: 140px;
  }

  .blog-post-item-image {
    height: 60vh;
  }

  .blog-one-main-left {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .blog-heading-text {
    font-size: 80px;
    line-height: 70px;
  }

  .blog-one-hero {
    padding-top: 160px;
    padding-bottom: 70px;
  }

  .blog-one-post-item-text {
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .blog-one-post-item-text.change-color-orange {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .blog-one-post-item-text.change-orange-color.change-height {
    min-height: auto;
  }

  .blog-one-blog-main {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .blog-one-main {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .blog-post-heading {
    max-width: 100%;
  }

  .blog-one-post-item {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .blog-two-blog-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .blog-two-blog-main {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .blog-details-founder-text {
    max-width: 100%;
  }

  .blog-details-image {
    padding-top: 70px;
    padding-bottom: 40px;
  }

  .blog-details-fouder-right {
    padding-top: 40px;
  }

  .blog-details-founder-details {
    max-width: 100%;
  }

  .blog-details-founder-main {
    flex-flow: column;
  }

  .blog-details-line {
    height: 90px;
  }

  .blog-details-founder-wrapper {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .blog-detailds-founder-bottom {
    max-width: 100%;
  }

  .blog-details-main {
    padding-top: 70px;
    padding-bottom: 60px;
  }

  .blog-details-pagination-heading-item {
    max-width: 330px;
  }

  .blog-details-pagination {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .blog-details-main-paragraph {
    padding-top: 10px;
  }

  .blog-details-pagination-heading-wrapper-two {
    padding-left: 0;
    padding-right: 0;
  }

  .pricing-one-hero {
    padding-top: 120px;
    padding-bottom: 70px;
  }

  .pricing-one-hero.change-pricing-hero-image {
    padding-top: 170px;
  }

  .pricing-one-main {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .priving-one-image-wrapper {
    width: 100%;
    max-width: 100%;
    min-height: auto;
  }

  .change-color-grey.padding-top {
    margin-top: 10px;
  }

  .pricing-one-item-price {
    justify-content: flex-start;
    align-items: center;
  }

  .pricing-one-item, .pricing-item-commercial, .pricing-one-item-paragraph {
    max-width: 100%;
  }

  .pricing-one-main-wrapper {
    flex-flow: column;
  }

  .pricing-one-question-details {
    max-width: 100%;
    padding-bottom: 20px;
  }

  .pricing-one-qustion-left {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pricing-one-question-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .pricing-one-question {
    padding-top: 70px;
    padding-bottom: 40px;
  }

  .pricing-two-toogle {
    max-width: 100%;
  }

  .pricing-two-access {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .faq-hero {
    padding-top: 120px;
    padding-bottom: 70px;
  }

  .faq-hero.change-faq-banner {
    padding-top: 140px;
  }

  .faq-main-paragraph {
    padding-bottom: 40px;
  }

  .faq-main {
    padding-top: 65px;
    padding-bottom: 70px;
  }

  .faq-main-left {
    width: 100%;
    max-width: 100%;
  }

  .faq-main-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .portfolio-hero {
    height: auto;
  }

  .heading-one {
    font-size: 40px;
    line-height: 44px;
  }

  .portfolio-text-wrapper {
    padding-bottom: 40px;
  }

  .portfolio-text-wrapper.desktop-off {
    display: flex;
  }

  .portfolio-big-text {
    height: auto;
  }

  .portfolio-hero-image-one {
    height: 60vh;
    position: relative;
  }

  .portfolio-hero-main {
    height: auto;
  }

  .portfolio-gallery-right {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .portfolio-gallery-heading {
    padding-bottom: 40px;
  }

  .portfolio-gallery-left {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .portfolio-gallery {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .team-one-hero {
    padding-top: 120px;
    padding-bottom: 70px;
  }

  .team-one-hero.change-faq-banner {
    padding-top: 140px;
  }

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

  .team-member-item-main {
    flex-flow: row-reverse;
  }

  .team-main {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .team-member-item-top {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 0 35px 30px;
  }

  .team-member-item-bottom {
    padding-bottom: 20px;
  }

  .team-member-item-details-wrapper {
    background-color: #1a222700;
    background-image: linear-gradient(#0000, #1a2227e6 84%);
    flex-flow: column-reverse wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .home-three-hero-main-heading {
    max-width: 100%;
  }

  .home-three-hero-main-heading.overflow-hidden {
    padding-bottom: 10px;
  }

  .home-three-background-vedio {
    height: 450px;
  }

  .home-three-hero-main-text-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 20px 15px 50px;
    position: relative;
  }

  .home-three-hero-main-text-wrapper.chnage-bottom-padding {
    padding-bottom: 40px;
  }

  .home-three-hero-paragraph {
    max-width: 100%;
  }

  .home-three-hero-left-image {
    border-radius: 0%;
    width: 100%;
    height: 100%;
  }

  .home-three-hero-text-main-wrapper {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin-left: 0;
    margin-right: auto;
    display: flex;
  }

  .home-three-hero-text-main-wrapper.change-direction {
    max-width: 100%;
  }

  .home-three-hero {
    height: auto;
    padding: 100px 15px 70px;
  }

  .home-three-line {
    display: none;
  }

  .home-three-image-round {
    height: auto;
  }

  .home-three-hero-text-big-wrapper {
    width: 100%;
  }

  .home-three-hero-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .portfolio-details-hero {
    padding-top: 160px;
  }

  .before-wrapper {
    display: none;
  }

  .portfolio-details-hero-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .portfolio-details-hero-right {
    grid-row-gap: 40px;
  }

  .portfolio-details-hero-paragraph {
    max-width: 100%;
  }

  .devider-line-main {
    display: none;
  }

  .team-details-hero-section {
    padding-top: 150px;
    padding-bottom: 86px;
  }

  .team-hero-large-text {
    font-size: 160px;
    line-height: 160px;
    top: 20px;
  }

  .team-social-media-link-block {
    bottom: 14%;
    left: -189px;
  }

  .team-details-marquee-section {
    padding-bottom: 42px;
  }

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

  .counter-box-2.team-counter {
    position: static;
    transform: none;
  }

  .team-about-card-box {
    margin-left: 0;
    padding-top: 20px;
  }

  .team-about-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .team-about-heading {
    margin-left: 0;
    padding-bottom: 0;
  }

  .flex-block {
    margin-left: 0;
  }

  .team-about-heading-block {
    padding-left: 0;
  }

  .team-about-paragraph {
    margin-top: 26px;
    margin-left: 0;
  }

  .team-about-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .team-about-heading-line {
    display: none;
  }

  .home-two-product-main-wrapper {
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-two-product-main-wrapper.change-left-right-padding {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-three-new {
    font-size: 24px;
    line-height: 34px;
  }

  .mega-menu-main {
    padding-top: 100px;
  }

  .menu-social-block {
    display: none;
  }

  .menu-list-block {
    width: 100%;
    padding-top: 60px;
    padding-right: 0;
  }

  .header-menu-bar-background-text {
    font-size: 300px;
  }

  .menu-get-in-touch-contact-card {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .menu-center-line {
    display: none;
  }

  .heading-three-modified {
    font-size: 24px;
    line-height: 34px;
  }

  .landing-page-hero {
    padding-top: 165px;
    padding-bottom: 70px;
  }

  .landing-page-hero-heading {
    padding-bottom: 40px;
  }

  .landing-page-home {
    padding-top: 20px;
    padding-bottom: 70px;
  }

  .landing-page-home-details {
    padding-bottom: 20px;
  }

  .heading-big-text {
    font-size: 100px;
  }

  .landing-page-figma {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .landing-all-page-image-marquee-wrap {
    max-height: 250px;
  }

  .landing-page-tab-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .landing-inner-page {
    padding-top: 40px;
    padding-bottom: 70px;
  }

  .landing-tab-contain-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .landing-tab-contain-block.chnage-style {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .landing-feature-item {
    width: 100%;
    max-width: 100%;
  }

  .landing-feature-main {
    flex-flow: column;
  }

  .landing-feature {
    padding-top: 40px;
    padding-bottom: 70px;
  }

  .landing-feature-item-details {
    max-width: 100%;
  }

  .landing-main-details {
    padding-top: 70px;
  }

  .landing-main-details-text {
    max-width: 350px;
  }

  .landing-main-details-text.overflow-hidden {
    max-width: 500px;
  }

  .footer-one-top-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-bottom: 60px;
  }

  .sticky-circle.footer-one-right-button-block {
    margin-right: 0;
  }

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

  .license-hero-main {
    padding-top: 40px;
  }

  .licensing-hero {
    padding-top: 100px;
    padding-bottom: 70px;
  }

  .licencing-image-grid {
    grid-template-columns: 1fr 1fr;
  }

  .licencing-section {
    padding-top: 30px;
    padding-bottom: 50px;
  }

  .changelog-section {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .style-guied-color {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .style-guied-color-option {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .home-one-accordean-wrapper {
    width: 100%;
  }

  .home-three-hero-inner {
    flex-flow: column;
  }

  .home-three-hero-banner-left {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .home-three-hero-banner-middle {
    position: static;
  }

  .home-three-banner-vedio {
    border-radius: 0;
    height: 60vh;
    transform: none;
  }

  .image {
    border-radius: 0;
    transform: none;
  }

  .home-two-hero-main-text {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .merquee-wrapper {
    display: none;
  }

  .contact-two-popup {
    top: 60px;
  }

  .contact-form-main {
    padding-left: 15px;
    padding-right: 15px;
  }

  .information-page {
    padding-top: 50px;
    padding-bottom: 70px;
  }

  .landing-page-home-wrapper {
    flex-flow: column;
  }

  .landing-page-all-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .about-three-hero {
    height: 80vh;
    transform: none;
  }

  .about-three-expert {
    padding-top: 70px;
    padding-bottom: 60px;
  }

  .about-three-project {
    padding-top: 70px;
    padding-bottom: 70px;
  }

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

  .about-three-rating {
    padding-bottom: 70px;
  }

  .about-three-rating-wrapper {
    flex-flow: column;
  }

  .about-three-work-details {
    padding-bottom: 20px;
  }

  .blog-three-main {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .blog-three-main-wrapper {
    flex-flow: column;
  }

  .blog-three-main-item {
    max-width: 100%;
  }

  .blog-three-main-image {
    width: 100%;
  }

  .blog-three-image-text {
    padding-left: 20px;
  }

  .blog-three-main-top {
    flex-flow: column;
  }

  .contact-three-hero-wrapper, .contact-three-main {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .contact-three-form-text {
    padding-top: 70px;
    padding-bottom: 60px;
    padding-left: 15px;
  }

  .contact-three-form-text-main {
    max-width: 100%;
  }

  .pricing-three-main {
    padding-top: 70px;
    padding-bottom: 60px;
  }

  .pricing-three-paragraph {
    padding-bottom: 40px;
  }

  .pricing-item-wrapper {
    flex-flow: column;
  }

  .pricing-item-main {
    max-width: 100%;
  }

  .pricing-three-item-price-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pricing-three-price {
    padding-bottom: 70px;
  }

  .about-three-hero-big {
    height: auto;
  }

  .about-hero-styky {
    position: static;
  }

  .popup-image {
    display: none;
  }

  .popup-big-image {
    width: 80vw;
  }

  .image-two, .image-three, .image-four {
    inset: auto;
  }

  .landing-customization {
    padding-bottom: 60px;
  }

  .customization-cta-heading, .spacial-card-main {
    max-width: none;
  }

  .landing-customization-main {
    grid-template-columns: 1fr;
  }

  .cta-customization-heading {
    max-width: none;
  }

  .rt-fixed-top {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .nav-one-link-email.landskape-display-off, .button-font.landskape-display-off {
    display: none;
  }

  .auto-fit.about-image-dropshadow {
    box-shadow: none;
  }

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

  .home-one-hero-sub-heading.landskape-change-display {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .home-one-service-left {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .home-one-big-text {
    font-size: 60px;
    line-height: 60px;
  }

  .home-one-big-text.change-size-two {
    font-size: 80px;
  }

  .home-one-service-image-two {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }

  .change-padding.landskape-align-center {
    text-align: center;
  }

  .home-one-service-right {
    width: 100%;
    margin-bottom: 0;
    margin-left: 0;
  }

  .home-one-service-left-item {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    margin-top: 0;
  }

  .home-one-process-link-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .home-one-process-big-text.chnage-style {
    padding-top: 0;
  }

  .home-one-product {
    padding-bottom: 30px;
  }

  .home-one-product-merquee {
    grid-template-columns: 1fr;
  }

  .home-one-process-image-main {
    padding-bottom: 0;
  }

  .home-one-product-right {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-one-process-main-link-wrapper {
    border-left-width: 0;
    margin-top: 0;
    padding-left: 0;
  }

  .home-one-work-item-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .home-one-work-item-wrapper.lanndskape-display-on {
    display: grid;
  }

  .home-one-work-heading {
    max-width: 100%;
  }

  .home-one-work-main {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column-reverse;
    display: flex;
  }

  .home-one-work-item-heading {
    width: auto;
    height: auto;
    bottom: auto;
    right: auto;
    transform: none;
  }

  .home-one-work-item {
    border-top: 1px solid #fff3;
    border-right-width: 1px;
  }

  .home-one-work-heading-wrapper {
    padding-top: 0;
    padding-left: 0;
    position: static;
  }

  .home-one-work-image-wrapper {
    height: 80vh;
  }

  .home-one-work {
    padding-right: 15px;
  }

  .footer-one-main-wrapper {
    grid-template-columns: 1fr;
  }

  .footer-one-link-wrapper {
    border-left-width: 0;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-one-bottom-right {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .footer-one-bottom-link-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .footer-one-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .footer-one-bottom-left {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: grid;
  }

  .home-two-hero-text {
    font-size: 60px;
    line-height: 70px;
  }

  .home-two-hero-paragraph.overflow-hidden {
    max-width: 100%;
  }

  .home-two-hero {
    height: 60vh;
  }

  .home-two-about-left-subheading {
    display: none;
  }

  .home-two-about-link-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
  }

  .home-two-product-link-item {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .home-two-product-link-wrapper, .home-two-product-link-wrapper.change-padding-bottom {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
  }

  .home-two-counter-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .home-two-counter-item-paragraph {
    max-width: 100%;
  }

  .home-two-process-heading {
    justify-content: center;
    align-items: center;
    max-width: 100%;
    display: flex;
  }

  .home-two-process-main {
    justify-content: flex-start;
    align-items: center;
  }

  .home-two-process {
    padding-bottom: 70px;
  }

  .home-two-process-top {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: center;
  }

  .home-two-success-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .heading-three.change-font-size {
    font-size: 27px;
  }

  .home-two-service-text-wrapper {
    grid-template-columns: 1fr;
  }

  .number-wrapper {
    bottom: -19%;
    left: 25%;
  }

  .number-wrapper.chnage-position {
    bottom: -19%;
    right: 25%;
  }

  .home-two-testimonial-paragraph {
    max-width: 450px;
  }

  .home-two-testimonial-left-arrow {
    left: 30%;
  }

  .home-two-testimonial-left-arrow.right-arrow {
    right: 30%;
  }

  .medium-heading-new {
    font-size: 50px;
    line-height: 40px;
  }

  .footer-two-link {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-two-paragraph {
    padding-bottom: 30px;
  }

  .home-two-footer-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .home-three-work-image-left {
    flex-flow: column;
    width: 100%;
  }

  .home-three-work-image {
    width: 100%;
  }

  .home-three-image-paragraph {
    max-width: 100%;
  }

  .home-three-image-text {
    padding-left: 15px;
    padding-right: 15px;
  }

  .home-three-slide-main {
    grid-template-columns: 1fr;
  }

  .home-three-interior {
    height: 60vh;
  }

  .nav-three-menu-main {
    padding-right: 0;
  }

  .home-two-effect-wrapper {
    height: auto;
  }

  .home-two-vedio {
    height: 40vh;
  }

  .home-two-product-merquee {
    grid-template-columns: 1fr;
  }

  .home-two-product-item-text-wrapper {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .about-one-hero {
    height: 70vh;
  }

  .about-one-feature-bottom-text, .about-one-feature-line {
    display: none;
  }

  .about-one-feature-left-main {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .about-one-feature-left {
    flex-flow: column;
    padding-top: 0;
  }

  .about-one-feature-left-buttom {
    margin-top: 0;
    margin-left: 0;
  }

  .about-one-interior-heading {
    padding-top: 60px;
    padding-bottom: 20px;
  }

  .process-heading {
    font-size: 40px;
    line-height: 50px;
  }

  .about-two-work-item-text {
    padding-bottom: 20px;
  }

  .about-two-work-item-details {
    max-width: 100%;
  }

  .about-two-work-wrapper {
    flex-flow: column;
  }

  .about-two-work-right {
    grid-template-columns: 1fr;
  }

  .about-two-work-heading {
    max-width: 100%;
  }

  .about-two-project-item {
    height: 60vh;
  }

  .about-two-hero-big-heading {
    height: auto;
  }

  .about-two-hero-big-heading-main {
    position: static;
  }

  .service-one-hero-heading {
    padding-bottom: 20px;
  }

  .service-one-hero-line, .service-one-project-line {
    display: none;
  }

  .service-one-project-main-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .service-one-line-main {
    display: none;
  }

  .project-big-heading, .project-big-heading.change-style {
    font-size: 60px;
    line-height: 60px;
  }

  .service-one-plan-text-heading {
    height: auto;
    overflow: visible;
  }

  .service-one-plan-text-wrapper {
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: absolute;
  }

  .service-one-plan-text-wrapper.wrapper-two.desktop-display-off {
    display: flex;
  }

  .service-one-plan-item {
    height: 60vh;
    position: relative;
  }

  .service-two-development {
    padding-bottom: 60px;
  }

  .service-two-development-main {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    border-top-width: 0;
    border-bottom-width: 0;
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .service-two-development-item {
    border-right-width: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .service-two-development-details {
    max-width: 100%;
  }

  .mask {
    max-width: 800px;
  }

  .service-two-work-main {
    flex-flow: column;
  }

  .service-two-project-item, .service-two-project-main {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .contact-one-contact-wrapper {
    flex-flow: column;
  }

  .contact-one-contact-left {
    width: 100%;
  }

  .contact-one-form-main {
    grid-template-columns: 1fr;
  }

  .contact-one-contact {
    padding-bottom: 70px;
  }

  .contact-two-form {
    max-width: 100%;
    margin-left: 15px;
    padding-right: 15px;
    bottom: 26vh;
  }

  .contact-two-form-wrapper {
    max-width: 100%;
  }

  .contact-two-form-main {
    padding-left: 40px;
    padding-right: 40px;
  }

  .contact-two-hero {
    padding-bottom: 220px;
  }

  .blog-heading-text {
    font-size: 60px;
    line-height: 50px;
  }

  .blog-two-blog-wrapper {
    grid-template-columns: 1fr;
  }

  .blog-details-date-paragraph {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .blog-details-image-main {
    flex-flow: column;
  }

  .blog-details-pagination-heading-wrapper-two {
    display: none;
  }

  .pricing-one-item {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    height: auto;
  }

  .pricing-two-question-details {
    max-width: 100%;
  }

  .pricing-two-question-details.chnage-side-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-two-question-top {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pricing-two-question-top.chnage-side-padding {
    padding: 20px;
  }

  .pricing-two-price-wrapper {
    flex-flow: column;
  }

  .pricing-two-pricing-paragraph {
    padding-bottom: 20px;
  }

  .pricing-two-pricing {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .pricing-two-price-item-wrapper {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .pricing-two-access-button-wrapper {
    flex-flow: column;
  }

  .pricing-two-access {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .faq-main-item {
    padding-left: 0;
    padding-right: 0;
  }

  .portfolio-hero-image-one {
    height: 50vh;
  }

  .portfolio-gallery-main {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .portfolio-gallery-right, .portfolio-gallery-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

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

  .home-three-background-vedio {
    height: 350px;
  }

  .team-details-hero-section {
    padding-top: 22px;
    padding-bottom: 37px;
  }

  .team-hero-large-text {
    text-align: center;
    font-size: 120px;
    line-height: 120px;
    position: relative;
    top: 0;
    right: 0%;
  }

  .team-details-hero-wrap {
    width: auto;
    margin-left: 0;
  }

  .team-details-hero-image-block {
    width: auto;
    margin-top: -54px;
    position: static;
  }

  .team-social-media-link-block {
    margin-top: 20px;
    position: static;
    transform: none;
  }

  .team-about-card-box {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    margin-top: 35px;
  }

  .team-about-heading-block {
    padding-left: 30px;
  }

  .team-about-heading-line {
    max-height: 135px;
  }

  .utility-page-content.password-protect {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-list-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .menu-horizontal-line {
    width: 15px;
  }

  .menu-vertical-line {
    height: 15px;
  }

  .landing-page-home {
    padding-top: 10px;
  }

  .landing-page-home-heading {
    margin-top: -35px;
  }

  .heading-big-text.text-align-center {
    font-size: 80px;
  }

  .landing-page-figma-main {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .figma-background-wrap {
    display: none;
  }

  .landing-page-figma-left {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .landing-page-figma-details {
    max-width: 100%;
  }

  .landing-page-figma {
    background-color: #27323a;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 70px;
    padding-bottom: 0;
  }

  .landing-page-figma-right {
    width: 100%;
  }

  .landing-all-page-image-marquee-wrap {
    max-height: 350px;
  }

  .landing-inner-page {
    padding-top: 20px;
  }

  .landing-page-tab-contain {
    margin-top: 42px;
  }

  .landing-card-image-block {
    width: 100%;
  }

  .landing-tab-contain-block {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    grid-template-columns: 1fr;
  }

  .landing-tab-contain-block.chnage-style {
    grid-template-columns: 1fr;
  }

  .landing-all-page-card-block {
    max-width: 100%;
  }

  .landing-feature {
    padding-top: 20px;
  }

  .landing-main-details-text {
    max-width: 100%;
  }

  .footer-one-top-block {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

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

  .licencing-image-grid {
    grid-template-columns: 1fr;
  }

  .style-guied-color-option {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    padding-top: 20px;
  }

  .heading-three-new-main {
    font-size: 25px;
    line-height: 35px;
  }

  .brand {
    padding-left: 0;
  }

  .contact-two-popup {
    top: 100px;
  }

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

  .landing-page-all-wrapper {
    grid-template-columns: 1fr;
  }

  .about-three-hero {
    height: 60vh;
  }

  .about-three-project-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .about-three-rating-wrapper, .blog-three-main-top, .blog-three-item-main {
    flex-flow: column;
  }

  .blog-three-item-overlay {
    background-image: linear-gradient(180deg, #0000, var(--black) 88%);
  }

  .contact-three-main-box {
    flex-flow: column;
  }

  .contact-three-box-item {
    max-width: 100%;
  }

  .contact-three-form {
    flex-flow: column;
  }

  .pricing-item-main {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-table-row {
    flex-flow: column;
  }

  .pricing-table-row.border-bottom {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .pricing-table-right-part {
    flex-basis: 100%;
    width: 100%;
  }

  .pricing-table-right-part.chnage-opacity.landskape-display-off, .pricing-table-left-part.landskape-display-off {
    display: none;
  }

  .chnage-color-light-black {
    text-align: center;
  }

  .popup-big-image {
    width: 80vw;
  }

  .customization-cta-heading {
    max-width: none;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    letter-spacing: 0;
    font-size: 30px;
    line-height: 39px;
  }

  h2 {
    letter-spacing: 0;
    font-size: 26px;
    line-height: 30.2px;
  }

  h3 {
    font-size: 20px;
  }

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

  h5 {
    font-size: 16px;
    line-height: 20px;
  }

  .nav-one-link-email {
    display: none;
  }

  .auto-fit.responsive-image-full-width.change-width {
    width: auto;
    height: 300px;
  }

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

  .auto-fit.image-full-width {
    flex: 1;
  }

  .home-one-big-text {
    font-size: 45px;
  }

  .home-one-big-text.change-size-two {
    font-size: 50px;
    line-height: 60px;
  }

  .home-one-big-text.change-align, .home-one-big-text.change-align-right {
    line-height: 40px;
  }

  .home-one-big-text.change-text-style {
    background-image: linear-gradient(#dcc5b7 44%, #fff0);
  }

  .subheading-text.chnage-color-light {
    color: #fff;
  }

  .change-padding.change-color-black.responsive-align-center {
    text-align: center;
  }

  .heading-four {
    font-size: 18px;
    line-height: 24px;
  }

  .footer-one-bottom-left {
    grid-template-columns: 1fr;
  }

  .home-two-hero-text {
    font-size: 40px;
    line-height: 60px;
  }

  .home-two-about-left-item-two {
    margin-top: 0;
    margin-left: 0;
  }

  .home-two-about-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-two-about-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-two-about-line, .home-two-about-experience {
    display: none;
  }

  .home-two-work-item {
    padding-top: 0;
    padding-bottom: 0;
  }

  .home-two-work-main-wrapper {
    padding-top: 0;
  }

  .home-two-work-recidence {
    position: static;
  }

  .home-two-work {
    padding-bottom: 70px;
  }

  .heading-five {
    font-size: 16px;
    line-height: 20px;
  }

  .home-two-story-left-image-two {
    margin-top: 0;
    margin-left: 0;
  }

  .counter-box.big-counter {
    height: 40px;
    padding-right: 2px;
  }

  .counter-box.big-counter.chnage-mobile-size {
    height: 60px;
  }

  .home-two-story-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .home-two-story-left {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .counter-text {
    font-size: 30px;
    line-height: 40px;
  }

  .counter {
    flex-direction: column;
    width: 100%;
    height: 100%;
  }

  .counter.bottom.chnage-align-left {
    justify-content: center;
    align-items: flex-start;
  }

  .heading-two {
    letter-spacing: 0;
    font-size: 26px;
    line-height: 30.2px;
  }

  .home-two-process-bottom-item {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    flex-flow: column;
  }

  .heading-three {
    font-size: 20px;
    line-height: 30px;
    font-weight:600;
  }

  .heading-three.change-font-size {
    font-size: 23px;
  }

  .number-wrapper {
    bottom: 1%;
    left: 15%;
  }

  .number-wrapper.chnage-position {
    bottom: 1%;
    right: 15%;
  }

  .home-two-testimonial-paragraph {
    max-width: 350px;
  }

  .home-two-testimonial-left-arrow {
    left: 20%;
  }

  .home-two-testimonial-left-arrow.right-arrow {
    right: 20%;
  }

  .medium-heading-new {
    font-size: 40px;
  }

  .footer-two-link-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .responsive-menu-button {
    max-width: 25px;
  }

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

  .home-three-story-item {
    padding-right: 20px;
  }

  .home-three-story-item.change-padding-left {
    padding-left: 20px;
  }

  .home-three-interior {
    height: 40vh;
  }

  .effect-big-text {
    font-size: 35px;
    line-height: 40px;
  }

  .nav-link {
    padding-right: 20px;
  }

  .about-one-interior-lamp-new {
    width: 50%;
    display: block;
  }

  .about-one-interior-heading {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .process-heading {
    font-size: 30px;
    line-height: 40px;
  }

  .about-two-hero-heading-main {
    margin-top: -60px;
  }

  .about-two-about-left {
    flex-flow: column;
  }

  .number-font {
    font-size: 60px;
    line-height: 70px;
  }

  .about-two-project-item {
    height: 40vh;
  }

  .about-two-hero-big-heading-main {
    padding-bottom: 0;
  }

  .service-one-hero-wrapper {
    background-image: linear-gradient(#0000004d, #0000004d);
    justify-content: center;
    align-items: center;
    padding-top: 100px;
  }

  .service-one-work-item {
    flex-flow: column;
  }

  .project-big-heading {
    font-size: 40px;
    line-height: 50px;
  }

  .service-two-project-item {
    flex-flow: column;
  }

  .contact-two-form-head {
    padding-left: 20px;
  }

  .contact-two-form {
    bottom: 32vh;
  }

  .contact-two-form-main {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-two-hero {
    padding-bottom: 250px;
  }

  .blog-post-item-image {
    height: auto;
  }

  .blog-heading-text {
    font-size: 50px;
    line-height: 60px;
  }

  .blog-post-sub-heading-wrapper.chnage-bottom-padding {
    flex-flow: wrap;
  }

  .pricing-one-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-two-price-item-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-one {
    letter-spacing: 0;
    font-size: 35px;
    line-height: 39px;
  }

  .home-three-background-vedio {
    height: 250px;
  }

  .portfolio-details-hero-right {
    width: 100%;
  }

  .team-details-hero-section {
    padding-top: 26px;
  }

  .team-hero-large-text {
    font-size: 60px;
    line-height: 70px;
  }

  .heading-three-new, .heading-three-modified {
    font-size: 20px;
    line-height: 30px;
  }

  .heading-big-text.text-align-center {
    font-size: 60px;
  }

  .landing-page-tab-menu {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .landing-card-image-block {
    height: 300px;
    overflow: hidden;
  }

  .page-tab-link {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-one-top-block {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .style-guied-color-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .heading-three-new-main {
    font-size: 24px;
    line-height: 34px;
  }

  .home-three-banner-vedio {
    height: 40vh;
  }

  .contact-two-popup {
    top: 40px;
  }

  .blog-three-item-overlay {
    background-image: linear-gradient(#000000b3, #000000b3);
  }

  .spacial-card-main {
    padding-left: 20px;
    padding-right: 20px;
  }

  .landing-customization-card-two, .landing-customization-card-one {
    padding-left: 15px;
    padding-right: 15px;
  }
}

#w-node-f5e379f2-4c1c-67fc-676b-70cdbf1d242a-06f41140 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-f5e379f2-4c1c-67fc-676b-70cdbf1d242c-06f41140 {
  grid-area: 2 / 1 / 3 / 2;
  justify-self: end;
}

#w-node-ab7f382a-aa24-70d1-fd09-0bf01596e634-1596e56e, #w-node-a1f934c7-57db-2cb0-78a1-436ccb321699-cb3215d3 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_61748a30-3703-52cb-481b-42f1b429dbf4-06f41147, #w-node-_61748a30-3703-52cb-481b-42f1b429dbfb-06f41147 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_04eb895d-57fd-ce17-3b1f-8cc63597cdbb-3597ccf4, #name.w-node-_7a0a134e-3298-57e7-83fa-5c03401e8990-06f4114d, #Enquiry-type.w-node-_7a0a134e-3298-57e7-83fa-5c03401e8993-06f4114d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3e917c1b-8c23-2976-b743-2ef6a5060704-06f41157 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3e917c1b-8c23-2976-b743-2ef6a5060719-06f41157, #w-node-_3e917c1b-8c23-2976-b743-2ef6a506071c-06f41157 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_63b06811-77e6-d72f-664b-ecd77ebfec53-06f4115b, #w-node-_63b06811-77e6-d72f-664b-ecd77ebfec55-06f4115b, #w-node-_63b06811-77e6-d72f-664b-ecd77ebfec57-06f4115b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#name-2.w-node-_79edb348-ff02-b7f2-6432-0fa0f4dea253-06f41161, #Enquiry-type-2.w-node-_79edb348-ff02-b7f2-6432-0fa0f4dea256-06f41161 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2df37c73-e3c6-5b12-5b5e-7aa7a1d8ea37-06f41162, #w-node-_2f376b05-01a0-281c-9930-18257509afd4-06f41162, #w-node-_60300a43-e04f-1ce6-70e5-45c42cc2c06b-06f41162, #w-node-_60300a43-e04f-1ce6-70e5-45c42cc2c06e-06f41162, #w-node-c87d4738-c340-73fd-d9e9-8e5ca81e8940-06f41162, #w-node-c87d4738-c340-73fd-d9e9-8e5ca81e8942-06f41162, #w-node-_172e047a-f4c8-bf3a-63b1-f63e8d280c7b-06f41162, #w-node-_172e047a-f4c8-bf3a-63b1-f63e8d280c7d-06f41162, #w-node-_2a4fc5f8-c9b1-9da9-235b-f69068ebe7aa-06f41162, #w-node-_2a4fc5f8-c9b1-9da9-235b-f69068ebe7ac-06f41162, #w-node-_1822271c-93a4-d298-21bd-413b60035cad-06f41162, #w-node-_1822271c-93a4-d298-21bd-413b60035caf-06f41162, #w-node-daa5dd55-fbab-755a-80e6-f89817788308-06f41162, #w-node-daa5dd55-fbab-755a-80e6-f8981778830a-06f41162, #w-node-be637769-06fe-a339-3496-efdba8340cdc-06f41162, #w-node-be637769-06fe-a339-3496-efdba8340cde-06f41162, #w-node-_1121a8a6-c03a-2c43-1ab6-344439a4c1ab-06f41162, #w-node-_1121a8a6-c03a-2c43-1ab6-344439a4c1ae-06f41162, #w-node-f8abd20a-0651-df5a-e4fa-41c4419afac8-06f41162, #w-node-f8abd20a-0651-df5a-e4fa-41c4419afaca-06f41162, #w-node-_8178333e-4642-1a42-50ad-47e6a488b764-06f41162, #w-node-_8178333e-4642-1a42-50ad-47e6a488b766-06f41162, #w-node-_2bc54c11-2e41-cb51-fc9c-4bbf90c9158b-06f41162, #w-node-_2bc54c11-2e41-cb51-fc9c-4bbf90c9158d-06f41162, #w-node-d6704900-37c0-13d9-caf4-2c3b8b80297b-06f41162, #w-node-d6704900-37c0-13d9-caf4-2c3b8b80297d-06f41162, #w-node-_587efc3d-2098-4f38-c8f2-d73dd8fefbef-06f41162, #w-node-_587efc3d-2098-4f38-c8f2-d73dd8fefbf1-06f41162, #w-node-ff94f81d-4648-1843-211a-fbdcc40821d2-06f41162, #w-node-ff94f81d-4648-1843-211a-fbdcc40821d5-06f41162, #w-node-_9075895c-cacb-a866-36c7-9af0c8352ca4-06f41162, #w-node-_9075895c-cacb-a866-36c7-9af0c8352ca6-06f41162, #w-node-c6cdd8de-14fa-be8f-d2aa-0a1dc6695919-06f41162, #w-node-c6cdd8de-14fa-be8f-d2aa-0a1dc669591b-06f41162 {
  place-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-de0822d8-24b7-28fc-46a0-b3144ca9d815-4ca9d7e0, #w-node-_3038a73f-5df3-6c9a-e5c4-7dc0cfed87e4-cfed87af {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_863c8c42-3d5f-46b1-cc8d-c8f6d4fcd2c7-d4fcd2c4 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-de0822d8-24b7-28fc-46a0-b3144ca9d815-4ca9d7e0, #w-node-_3038a73f-5df3-6c9a-e5c4-7dc0cfed87e4-cfed87af, #w-node-_863c8c42-3d5f-46b1-cc8d-c8f6d4fcd2c7-d4fcd2c4, #name.w-node-_7a0a134e-3298-57e7-83fa-5c03401e8990-06f4114d, #Enquiry-type.w-node-_7a0a134e-3298-57e7-83fa-5c03401e8993-06f4114d {
    grid-column: span 1 / span 1;
  }

  #w-node-a09c8ed5-ff61-4b26-3431-e11a09145510-06f4114e, #w-node-a09c8ed5-ff61-4b26-3431-e11a09145514-06f4114e {
    justify-self: end;
  }

  #name-2.w-node-_79edb348-ff02-b7f2-6432-0fa0f4dea253-06f41161, #Enquiry-type-2.w-node-_79edb348-ff02-b7f2-6432-0fa0f4dea256-06f41161 {
    grid-column: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a09c8ed5-ff61-4b26-3431-e11a09145510-06f4114e, #w-node-a09c8ed5-ff61-4b26-3431-e11a09145514-06f4114e {
    justify-self: start;
  }
}


.video-wrapper {
  width: 100%;
  height: 500px;
  /* fixed height as requested */
  overflow: hidden;
}

.video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}