:root {
  --white: white;
  --black: #111010;
}

.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;
}

body {
  color: #333;
  text-transform: uppercase;
  cursor: default;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.4rem;
}

h1 {
  color: var(--white);
  letter-spacing: -.05rem;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 5.5rem;
  font-weight: 500;
  line-height: 5rem;
}

h2 {
  color: var(--white);
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3.25rem;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3.25rem;
}

p {
  color: var(--black);
  margin-bottom: 0;
}

.hero-bg {
  height: 62.35rem;
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/home-2-stay-hero-img.jpg');
  background-position: 0 0, 50% 45%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

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

.cta-btn {
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 3rem;
  padding: .75rem 2rem;
  font-family: IBM Plex Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.4rem;
  text-decoration: none;
}

.cta-btn.about {
  width: 10.36rem;
  text-align: center;
  margin-bottom: .5rem;
  padding-left: 0;
  padding-right: 0;
  transition: all .2s;
}

.cta-btn.about:hover {
  background-color: var(--white);
  color: var(--black);
}

.cta-btn.btn-dark {
  background-color: #111010;
  transition: opacity .2s;
}

.cta-btn.btn-dark:hover {
  opacity: .8;
}

.cta-btn.btn-secondary {
  color: var(--black);
  border-color: #111010;
  transition: opacity .2s;
}

.cta-btn.btn-secondary:hover {
  opacity: .7;
}

.logo {
  color: #fff;
}

.nav-link {
  color: var(--white);
  text-transform: uppercase;
  margin-right: 2rem;
  padding: 0;
  text-decoration: none;
  position: relative;
}

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

.navbar {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.hero-wrapper {
  height: 88.8%;
  align-items: flex-end;
  display: flex;
}

.form-field {
  z-index: 1;
  width: 100%;
  height: 50px;
  min-height: 50px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #dcdcdd;
  padding-top: 11px;
  position: relative;
}

.form-field:focus {
  border-color: #000;
}

.form-field::-ms-input-placeholder {
  color: #a0a0a0;
}

.form-field::placeholder {
  color: #a0a0a0;
}

.form-field.select-field {
  color: #111010;
  text-transform: uppercase;
  border-width: 0;
  padding-top: 8px;
  padding-left: 1rem;
  padding-right: .75rem;
  font-size: .88rem;
  line-height: 1.13rem;
}

.form-field.select-field.wide {
  cursor: pointer;
  border-width: 0;
  font-size: .875rem;
  line-height: 1.125rem;
}

.form-heading {
  color: #111010;
  margin-top: 0;
  margin-bottom: 4rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
}

.submit-button {
  width: 100%;
  height: 50px;
  min-width: 170px;
  color: #000;
  background-color: #000;
  background-image: url('../images/home-2-stay-form-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: .5rem;
  margin-top: 6.5rem;
  padding: 1rem 2rem;
  transition: filter .2s;
}

.submit-button:hover {
  filter: brightness(96%);
}

.form-field-label {
  z-index: 10;
  color: var(--white);
  background-color: #fff;
  font-size: .88rem;
  font-weight: 400;
  line-height: 1.13rem;
  display: inline-block;
}

.form-wrap {
  margin-bottom: 0;
}

.form-caption {
  color: #000;
  text-align: center;
  font-size: 13px;
}

.comp-pane {
  width: 45%;
}

.comp-pane.right {
  z-index: 50;
  width: 25.38rem;
  max-height: 34.25rem;
  max-width: 25.38rem;
  background-color: #fff;
  margin-bottom: -7.75rem;
  padding: 2rem 1.5rem;
  display: none;
  position: relative;
  box-shadow: 0 7px 30px rgba(0, 0, 0, .13);
}

.field-wrap {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.hero-content {
  margin-bottom: 19rem;
}

.heading {
  line-height: 4.7rem;
}

.text-block {
  color: var(--white);
  font-size: 1.12rem;
  line-height: 1.5rem;
}

.hero-p1 {
  max-width: 59ch;
  color: var(--white);
  margin-top: 2rem;
  margin-bottom: 2.5rem;
}

.hero-h1 {
  width: 15ch;
  max-width: 16ch;
  margin-top: 0;
  margin-bottom: 0;
}

.section {
  padding: 7.75rem 3.5rem;
}

.section.about {
  background-color: #111010;
  padding: 0 0 3.12rem;
}

.section.service {
  padding-top: 5rem;
  padding-bottom: 0;
}

.section.py-80 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

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

.section.pb-0 {
  padding-bottom: 0;
}

.section.p-0 {
  background-color: #202020;
  padding: 0;
}

.section.p-0.flex {
  display: flex;
}

.section.max-width {
  max-width: 90rem;
}

.section.max-width.p-0.flex {
  margin-left: auto;
  margin-right: auto;
}

.section.max-width.p-0.flex.form-bg, .section.subscribe {
  background-color: #202020;
}

.about-block__lg {
  width: 4.75rem;
  height: 4.75rem;
  background-color: #2f2f2f;
}

.about-block__sm {
  width: 1.5rem;
  height: 1.5rem;
  background-color: #2f2f2f;
  margin-top: .75rem;
  margin-left: .75rem;
}

.about-block__wrapper {
  display: flex;
}

.heading-2 {
  color: var(--white);
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3.25rem;
}

.section-title {
  color: #9f9f9f;
  letter-spacing: .1rem;
  margin-bottom: .5rem;
}

.section-title.text-grey {
  color: #686868;
}

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

.about-middle__wrapper {
  margin-top: 8.25rem;
  margin-bottom: 8.25rem;
}

.service-title__wrapper {
  display: flex;
}

.title-wrapper__left {
  width: 70%;
}

.title-wrapper__right {
  width: 50%;
  align-items: center;
  padding-top: 1rem;
  display: flex;
}

.section-h2 {
  color: var(--black);
  margin-top: 0;
  line-height: 3rem;
}

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

.service-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr minmax(200px, 1fr);
}

.service-card {
  background-color: #f5f5f5;
  padding: 1.5rem 1rem;
}

.service-card__circle {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.service-card__heading {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.service-p1 {
  color: #686868;
  margin-top: 3.38rem;
  margin-bottom: 1.5rem;
  font-size: .88rem;
  line-height: 1.12rem;
}

.service-card__icon {
  color: #fff;
  display: flex;
}

.readmore-link__block {
  grid-column-gap: .5rem;
  color: #111010;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.service-grid__wrapper {
  margin-top: 4.5rem;
}

.container {
  max-width: 83rem;
  margin-left: auto;
  margin-right: auto;
}

.container.best-service {
  grid-column-gap: 5.38rem;
  display: flex;
}

.container.hero {
  align-items: flex-end;
  display: flex;
}

.container.flex {
  justify-content: space-between;
  display: flex;
}

.best-service__img-wrapper {
  width: 100%;
  height: 30.38rem;
  max-height: 30.38rem;
  max-width: 42.25rem;
}

.best-service__img {
  width: 676px;
  height: 100%;
  object-fit: cover;
}

.best-service__content {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.best-service__p1 {
  max-width: 54ch;
}

.best-service__btn-wrapper {
  margin-top: 1.5rem;
}

.select-code {
  display: none;
}

.text-size-small {
  font-size: .875rem;
}

.form_select-option {
  width: 100%;
  color: #181e28;
  text-transform: none;
  cursor: pointer;
  background-color: #fff;
  padding: .85rem 1.4rem;
  transition: all .25s;
}

.form_select-option:hover {
  color: #fff;
  background-color: #000;
}

.form_message-success-2 {
  width: 100%;
  text-transform: none;
  background-color: rgba(0, 0, 0, 0);
  padding: 1.25rem;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.form_message-error-2 {
  text-align: center;
  text-transform: none;
  background-color: rgba(0, 0, 0, 0);
  margin-top: .75rem;
  padding: .75rem;
}

.flex-vert-cc {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-weight-semibold {
  font-weight: 600;
}

.form_select-list {
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  transition: all .2s;
  display: block;
  position: absolute;
  top: 3rem;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .1);
}

.form_select-list.w--open {
  top: 3.2rem;
  left: .15rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}

.flex-vert-lt {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.flex-vert-lt.flex-gap-small.middle {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.flex-vert-lt.flex-gap-small.middle.hide, .flex-vert-lt.flex-gap-small.hide {
  display: none;
}

.form_select {
  width: 100%;
  height: 3rem;
  color: #000;
  text-transform: none;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 100vw;
  justify-content: space-between;
  align-items: center;
  padding: .8rem 1.4rem;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.form_enquiries {
  width: 100%;
  height: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.form-wrapper {
  width: 25.38rem;
  max-width: 25.38rem;
  color: #000;
  text-align: left;
  text-transform: uppercase;
  background-color: #fff;
  flex-direction: column;
  margin-bottom: -7.75rem;
  padding: 2rem 1.5rem;
  display: flex;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.zoo-image {
  width: 5rem;
}

.select-arrow {
  width: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button {
  width: 100%;
  color: #fff;
  text-align: center;
  background-color: #000;
  background-image: url('../images/home2stay-enquire-btn.png');
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: .5rem;
  margin-top: 1rem;
  padding: .75rem 1.5rem;
  font-weight: 500;
}

.form-field-2 {
  z-index: 1;
  width: 100%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  align-items: center;
  padding: 1rem .75rem;
  display: flex;
  position: relative;
}

.form-field-2:focus {
  border-color: #000;
}

.form-field-2::-ms-input-placeholder {
  color: #a0a0a0;
}

.form-field-2::placeholder {
  color: #a0a0a0;
}

.form-field-2.select-field {
  color: #111010;
  text-transform: uppercase;
  border-width: 0;
  padding-top: 8px;
  padding-left: 1rem;
  padding-right: .75rem;
  font-size: .88rem;
  line-height: 1.13rem;
}

.form-field-2.select-field.wide {
  cursor: pointer;
  border-width: 0;
  font-size: .875rem;
  line-height: 1.125rem;
}

.div-block {
  height: 100%;
  display: flex;
}

.form-field__text {
  color: #111010;
  font-size: .88rem;
  line-height: 1.12rem;
}

.div-block-2 {
  width: 100%;
}

.form-select {
  width: 100%;
  margin-left: 0;
}

.form-select__toggle {
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.form-select__toggle:focus-visible {
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.form-select__toggle[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #9b9b9b;
}

.form-select__label {
  z-index: 1;
  color: #818181;
  margin-top: -24px;
  margin-right: .5rem;
  padding-left: .25rem;
  padding-right: .25rem;
  font-size: .88rem;
  font-weight: 400;
  line-height: 1.13rem;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.form-select__arrow {
  margin-right: 0;
}

.form-select__text {
  color: #111010;
  font-size: .88rem;
  line-height: 1.12rem;
}

.form-select__list.w--open {
  border: 2px solid var(--black);
  border-radius: .25rem;
  margin-top: .5rem;
  position: static;
  overflow: hidden;
}

.form-select__field {
  margin-bottom: 0;
  display: none;
}

.form-select_link {
  color: #111010;
  background-color: #fff;
  border: 1px #000;
  padding: .75rem 1rem;
  font-size: .88rem;
  line-height: 1.125rem;
  transition: all .2s;
  display: block;
}

.form-select_link:hover {
  color: #fff;
  background-color: #111010;
}

.form-select_link:focus-visible {
  z-index: 1;
  opacity: .7;
  color: #fff;
  background-color: #000;
}

.form-select_link[data-wf-focus-visible] {
  z-index: 1;
  opacity: .7;
  color: #fff;
  background-color: #000;
}

.form-select_link.w--current {
  color: #696969;
  background-color: #f0f0f0;
}

.div-block-3 {
  width: 100%;
  grid-row-gap: 3rem;
  flex-direction: column;
  display: flex;
}

.nav-cta__btn {
  width: 8.75rem;
  height: 2.875rem;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3rem;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-cta__btn.hero {
  width: 9.35rem;
}

.nav-btn__txt1, .nav-btn__txt2 {
  position: absolute;
}

.project-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2.5rem;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 4.5rem;
}

.project-img {
  width: 100%;
  height: 34.38rem;
  object-fit: cover;
  transition: opacity .2s;
}

.project-img:hover {
  opacity: .7;
}

.grid-wrapper {
  width: 100%;
  max-width: 26.64rem;
}

.project-text {
  color: var(--white);
  letter-spacing: .1rem;
  line-height: 1.3rem;
}

.project-text__wrapper {
  justify-content: space-between;
  margin-top: 1rem;
  display: flex;
}

.testimonial-grid {
  grid-column-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 4.5rem;
}

.testimonial-slider__wrapper {
  width: 42.7rem;
  background-color: #f5f5f5;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.testimonial-img__wrapper {
  width: 19.65rem;
  height: 27.75rem;
}

.testimonial-img__wrapper._w-100 {
  width: 100%;
}

.testimonial-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider {
  height: 27.75rem;
  background-color: rgba(0, 0, 0, 0);
  overflow: hidden;
}

.mask {
  overflow: visible;
}

.slide-nav, .right-arrow, .left-arrow {
  display: none;
}

.content-wrapper {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.38rem 1.5rem;
  display: flex;
}

.name {
  color: var(--black);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}

.title {
  color: #686868;
  margin-top: .25rem;
  margin-bottom: 2rem;
  font-size: .88rem;
  line-height: 1.12rem;
}

.content-block {
  flex-direction: column;
  justify-content: space-between;
}

.rating-wrapper {
  display: flex;
}

.mt-0 {
  margin-top: 0;
}

.client-logo__grid {
  width: 100%;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: 1fr 1fr 1fr minmax(200px, 1fr);
  margin-top: 4.5rem;
}

.client-logo__wrapper {
  width: 100%;
  color: var(--black);
  background-color: #f5f5f5;
  justify-content: center;
  align-items: center;
  padding: 2.12rem 1.5rem;
  transition: all .2s;
  display: flex;
}

.client-logo__wrapper:hover {
  background-color: var(--black);
  color: #f5f5f5;
}

.client-logo__wrapper.hide {
  display: none;
}

.subscribe-img__wrapper {
  height: 36.25rem;
  position: relative;
}

.subscribe-form {
  width: 50%;
  flex-direction: column;
  justify-content: center;
  padding-left: 6.5rem;
  padding-right: 3.5rem;
  display: flex;
}

.subscribe-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pt-0 {
  margin-top: 0;
}

.subscribe-p {
  color: #9f9f9f;
  margin-top: 1.5rem;
  margin-bottom: 2.75rem;
}

.email-form {
  background-color: rgba(255, 255, 255, .25);
  border: 1px #000;
  border-radius: 3rem;
  margin-bottom: 0;
  padding: 2rem 0 2rem 1.5rem;
}

.email-form::-ms-input-placeholder {
  color: #fff;
  text-transform: uppercase;
}

.email-form::placeholder {
  color: #fff;
  text-transform: uppercase;
}

.form-3 {
  position: relative;
}

.submit-btn {
  height: 2.65rem;
  background-color: var(--white);
  color: var(--black);
  text-transform: uppercase;
  border-radius: 3.5rem;
  padding: 0 2rem;
  font-size: .88rem;
  font-weight: 500;
  line-height: 1.12rem;
  position: absolute;
  top: .65rem;
  bottom: 0%;
  left: auto;
  right: .75rem;
}

.footer {
  background-color: var(--black);
  padding: 3.5rem 3.5rem 6.5rem;
}

.footer-bottom {
  text-align: center;
  background-color: #202020;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.footer-content {
  grid-column-gap: 1rem;
  margin-top: 3rem;
  display: flex;
}

.footer__title {
  color: var(--white);
  margin-bottom: 1rem;
  font-family: Roboto, sans-serif;
  font-size: 1.12rem;
  font-weight: 500;
  line-height: 1.62rem;
}

.footer-text {
  max-width: 60%;
  color: #939393;
  font-family: Roboto, sans-serif;
  line-height: 1.62rem;
}

.footer-text.text-short {
  width: 100%;
  max-width: 100%;
}

.footer-content__left {
  width: 19%;
}

.social-links__block {
  grid-column-gap: .5rem;
  flex-direction: row;
  margin-top: 1rem;
  display: flex;
}

.social-link {
  width: 3rem;
  height: 3rem;
  color: #fff;
  cursor: pointer;
  background-color: #232323;
  border-radius: 1.88rem;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.social-link:hover {
  background-color: var(--white);
  color: #232323;
}

.link-icon {
  display: flex;
}

.social-links__wrapper {
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.text-white {
  color: #fff;
}

.copyright-text {
  color: #9f9f9f;
  font-size: .88rem;
  line-height: 1.12rem;
}

.max-width {
  max-width: 90rem;
}

.max-width.flex {
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.current-year__code {
  display: none;
}

.padding-x {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.custom-css {
  display: none;
}

.subscribe-img__overlay {
  opacity: 1;
  background-image: linear-gradient(to right, #202020, #202020 0%, rgba(0, 0, 0, 0) 90%);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

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

.nav-link__underline {
  width: 99%;
  height: 3px;
  background-color: #9e1414;
  border-radius: 20px;
  position: absolute;
  top: auto;
  bottom: 3%;
  left: auto;
  right: auto;
}

.navlink-underline {
  margin-top: .1rem;
}

.hero-h1__mobile {
  width: 15ch;
  max-width: 16ch;
  margin-top: 0;
  margin-bottom: 0;
  display: none;
}

.footer-text__link, .footer-email__link {
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .hero-bg {
    height: 100%;
    padding-bottom: 3.5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .cta-btn.about {
    margin-bottom: .5rem;
  }

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

  .nav-menu {
    background-color: #f8f8f8;
    align-content: flex-start;
  }

  .navbar {
    padding: 1.5rem 3.5rem;
  }

  .hero-wrapper {
    display: block;
  }

  .comp-pane.right {
    width: 60%;
  }

  .hero-content {
    margin-bottom: 0;
  }

  .hero-h1 {
    display: none;
  }

  .section {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .service-title__wrapper {
    grid-column-gap: 2.5rem;
  }

  .title-wrapper__left {
    width: 80%;
  }

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

  .container.best-service {
    grid-column-gap: 4rem;
  }

  .container.hero {
    width: 100%;
    margin-top: 4.5rem;
    padding-bottom: 0;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    display: block;
  }

  .container.p-inner {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }

  .container.p-inner.bg-white {
    z-index: 999;
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
  }

  .form-wrapper {
    width: 60%;
    max-width: 100%;
    margin-bottom: 0;
    margin-left: 0;
    padding: 2rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-cta__btn {
    display: none;
  }

  .project-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid-wrapper {
    width: 100%;
    max-width: 100%;
  }

  .client-logo__grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .client-logo__wrapper.hide {
    display: none;
  }

  .subscribe-form {
    width: 100%;
    padding: 3.5rem;
  }

  .submit-btn {
    width: 12rem;
    top: .7rem;
  }

  .footer-text {
    max-width: 90%;
  }

  .footer-content__left {
    width: 40%;
  }

  .max-width.flex {
    display: block;
  }

  .nav-link__text {
    color: var(--black);
    font-size: 4.5rem;
    font-weight: 500;
    line-height: 5.25rem;
  }

  .hero-h1__mobile {
    display: block;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #fff;
    padding: 0;
  }

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

  .nav-menu__container {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 3.5rem;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .hero-bg {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar {
    padding: 1.5rem;
  }

  .comp-pane.right {
    width: 80%;
    margin-top: -100px;
  }

  .hero-p1, .hero-h1 {
    width: 100%;
  }

  .section {
    padding: 5rem 1.5rem;
  }

  .section.pb-0 {
    padding-top: 5rem;
  }

  .about-middle__wrapper {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }

  .container {
    margin-left: 0;
    margin-right: 0;
  }

  .container.best-service {
    padding-left: 0;
    padding-right: 0;
  }

  .container.hero {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .container.flex {
    grid-row-gap: 3rem;
    flex-direction: column;
    display: flex;
  }

  .container.p-inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .best-service__img-wrapper {
    height: 100%;
  }

  .form_enquiries {
    grid-template-columns: 1fr;
  }

  .form-wrapper {
    width: 60%;
    max-width: 50rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .project-img {
    height: 16rem;
  }

  .testimonial-grid {
    grid-template-columns: 1fr;
    margin-top: 2.5rem;
    display: flex;
  }

  .testimonial-slider__wrapper {
    width: auto;
    flex-direction: column-reverse;
    overflow: hidden;
  }

  .testimonial-img__wrapper {
    width: 100%;
    height: 30rem;
  }

  .testimonial-img__wrapper._w-100.hide-md {
    display: none;
  }

  .testimonial-img {
    object-position: 50% 0%;
  }

  .slider {
    height: auto;
  }

  .content-wrapper {
    padding: 2.5rem 1.5rem;
  }

  .title {
    margin-bottom: 1rem;
  }

  .rating-wrapper {
    margin-top: 1.5rem;
  }

  .client-logo__grid {
    margin-top: 2.5rem;
  }

  .client-logo__wrapper.hide {
    display: flex;
  }

  .client-logo__wrapper.hide.hide-sm {
    display: none;
  }

  .subscribe-form, .footer {
    padding: 2.5rem 1.5rem;
  }

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

  .footer-content__left {
    width: 50%;
  }

  .max-width.flex {
    display: block;
  }

  .padding-x {
    padding-left: 2rem;
    padding-right: 2.5rem;
  }

  .custom-css {
    display: none;
  }

  .brand {
    padding-left: 0;
  }

  .hero-h1__mobile {
    width: 100%;
  }

  .nav-menu__container {
    grid-row-gap: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.5rem;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 1.9rem;
    line-height: 2.4rem;
  }

  .cta-btn {
    width: 100%;
    text-align: center;
  }

  .cta-btn.about {
    width: 50%;
  }

  .cta-btn.btn-dark {
    margin-bottom: .5rem;
  }

  .navbar {
    padding: 1rem;
  }

  .submit-button {
    width: 100%;
  }

  .comp-pane.right {
    width: 100%;
    margin-top: 0;
    padding: 30px;
  }

  .hero-h1 {
    font-size: 3rem;
    line-height: 3.8rem;
  }

  .section {
    padding: 3rem 1rem;
  }

  .section.about {
    padding-bottom: 2.5rem;
  }

  .section.bg-dark.py-80 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .section.pb-0 {
    padding-top: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-2 {
    font-size: 2.1rem;
    line-height: 2.6rem;
  }

  .section-title {
    font-size: .9rem;
    line-height: 1.2rem;
  }

  .about-middle__wrapper {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

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

  .service-title__wrapper {
    flex-direction: column;
  }

  .title-wrapper__left, .title-wrapper__right {
    width: 100%;
  }

  .section-h2 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.1rem;
  }

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

  .service-grid__wrapper {
    margin-top: 1.5rem;
  }

  .container.best-service {
    grid-row-gap: 2rem;
    flex-direction: column;
  }

  .container.hero {
    margin-top: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container.flex {
    grid-row-gap: 2rem;
  }

  .best-service__img-wrapper {
    max-width: 100%;
  }

  .best-service__p1 {
    margin-top: 1.5rem;
  }

  .form-wrapper {
    width: 100%;
    padding: 1.5rem 1.5rem 2rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .project-grid {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .testimonial-img__wrapper {
    height: 16rem;
  }

  .client-logo__grid {
    grid-template-columns: 1fr;
  }

  .client-logo__wrapper.hide, .client-logo__wrapper.hide-sm {
    display: none;
  }

  .subscribe-img__wrapper {
    height: 100%;
  }

  .subscribe-p {
    margin-bottom: 1.5rem;
  }

  .email-form {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .submit-btn {
    width: 100%;
    height: auto;
    margin-top: .5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: static;
  }

  .footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .footer-content {
    grid-row-gap: 1.5rem;
    flex-wrap: wrap;
    margin-top: 2.5rem;
    text-decoration: none;
  }

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

  .copyright-text {
    font-size: .75rem;
  }

  .padding-x {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav-link__text {
    font-size: 3rem;
    line-height: 4.25rem;
  }

  .hero-h1__mobile {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .heading-3 {
    margin-top: 0;
    font-size: 1.55rem;
    line-height: 2rem;
  }

  .menu-button.w--open {
    padding: 0;
  }

  .nav-menu__container {
    grid-row-gap: .25rem;
  }
}

#w-node-_9013e2b9-bf6a-dac4-b738-0bb607d8e522-d9f594aa {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_786bedb9-37c2-7223-8d4b-255aeb4245a7-d9f594aa, #w-node-ddf5da59-d68e-f78a-fb2e-4572b1d5b36a-d9f594aa, #w-node-b9f1449f-5807-58b0-8499-ee085c7bdb23-d9f594aa, #w-node-f6a2f6c7-1757-746e-f068-699ea471915b-d9f594aa, #w-node-_1dc287d9-f7ee-ec32-a3f8-039d73a4efb8-d9f594aa, #w-node-_13f5d791-1025-e97b-3a64-0c78b60993d2-d9f594aa, #w-node-_84c47956-9f0f-0e80-2080-cd4d62a5a978-d9f594aa, #w-node-_84c47956-9f0f-0e80-2080-cd4d62a5a97a-d9f594aa, #w-node-a6a95d4f-892a-a849-f595-00519227addc-d9f594aa, #w-node-a6a95d4f-892a-a849-f595-00519227adde-d9f594aa, #w-node-dc5282db-6d3f-941e-6fea-0b7cd1e6fc71-d9f594aa, #w-node-dc5282db-6d3f-941e-6fea-0b7cd1e6fc73-d9f594aa, #w-node-_78f7682a-7d53-d08f-2bdd-05e8f258c1a9-d9f594aa, #w-node-_78f7682a-7d53-d08f-2bdd-05e8f258c1ab-d9f594aa, #w-node-_0d501d81-1b6e-173c-0987-ea5a6008a3ae-d9f594aa, #w-node-_0d501d81-1b6e-173c-0987-ea5a6008a3b0-d9f594aa, #w-node-f3c52c33-7549-0dec-bb37-0c97b2830d74-d9f594aa, #w-node-eebec2da-805b-1bd5-e407-63568d45d050-d9f594aa, #w-node-f6cc6179-adc3-44ec-e30c-6536799ce2d2-d9f594aa, #w-node-c18cdcb5-7eb5-18c3-553d-f813363361ec-d9f594aa, #w-node-_1b760572-55af-97f0-e440-94944798d1ff-d9f594aa, #w-node-d0b5cb42-1c59-d9f3-5a09-15c1f610d251-d9f594aa, #w-node-_8b6e5c08-adaf-632f-4f20-5707a7226c6e-d9f594aa, #w-node-_120b37c4-2acf-b694-c28d-c7dc11a4ba0b-d9f594aa, #w-node-_1611ce4b-2b55-88e9-a5c8-5fb3c235977c-d9f594aa, #w-node-_18c76fde-6751-42a3-ce3d-2e92f6b9ba3f-d9f594aa, #w-node-f668626f-eb4b-60bf-2b07-04904193a721-d9f594aa, #w-node-_827cdf5c-9951-fe64-864c-74867bfc9951-d9f594aa, #w-node-d8d4e4f0-38a6-4768-5fb2-d6172fc986f8-d9f594aa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_581e6787-0912-86e5-ee88-85496476fab5-9239914d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-f3c52c33-7549-0dec-bb37-0c97b2830d74-d9f594aa, #w-node-f6cc6179-adc3-44ec-e30c-6536799ce2d2-d9f594aa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}