@scope (.legacy-shell) {

    :scope {
      --primary-color: #192324;
      --secondery-color: #F8F8F8;
      --text-color: #283132;
      --accent-color: #7C877F;
      --white-color: #FFFFFF;
      --divider-color: #EAF0EC;
      --dark-divider-color: #FFFFFF1A;
      --error-color: rgb(230, 87, 87);
      --default-font: 'CarmenSans-UltraLight', sans-serif;
      /* New Font Updated */
      --body-font: 'Carmen Sans', sans-serif;
      /*New Google Font */
      --inter: "Inter", sans-serif;
      --montserrat: "Montserrat", sans-serif;
    }

    /****************************************************
 * SIDEMENU STYLES
 ****************************************************/
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    :scope {
      /* Ensure your chosen font is applied */
      /* font-family: "Hanken Grotesk", sans-serif; */
      /* This was old font family*/
      font-family: var(--body-font);
    }

    :scope {
      --primary-color: #192324;
      --secondery-color: #F8F8F8;
      --text-color: #283132;
      --accent-color: #7C877F;
      --white-color: #FFFFFF;
      --divider-color: #EAF0EC;
      --dark-divider-color: #FFFFFF1A;
      --error-color: rgb(230, 87, 87);
      --default-font: 'CarmenSans-UltraLight', sans-serif;
      /* New Font Updated */
      --body-font: 'Carmen Sans', sans-serif;
      /*New Google Fonts for figma */
      --inter: "Inter", sans-serif;
      --montserrat: "Montserrat", sans-serif;
    }

    /* A custom fixed top bar to hold logo + hamburger */
    /* .header-sidemenu {
      position: fixed;
      top: 0%;
      left: 0px;
      right: 0;
      z-index: 999;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 70px 20px 0px;
      background: none !important;
      backdrop-filter: none !important;
    } */


    .header-sidemenu {
      margin: 0 auto;
      position: fixed;
      padding: 16px 0px;
      position: fixed;
      width: 100%;
      top: 0;
      transition: background-color 0.3s ease;
      z-index: 1000;
      background: transparent;
      background-color: transparent;
      transition: background-color 0.3s ease;
    }

    .header-sidemenu.scrolled {
      background-color: rgba(109, 93, 78, 0.5);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
      backdrop-filter: blur(6px);
    }

    /* Hamburger icon */
    .hamburger span {
      display: block;
      height: 2.5px;
      background: #fff;
      margin-bottom: 9px;
      transition: 0.3s;
    }

    @media (max-width: 767px) {
      .hamburger span {
        margin-bottom: 7px;
      }
    }

    /* The side drawer itself */
    .side-menu {
      position: fixed;
      top: 0;
      left: -300px;
      width: 307px;
      height: 100%;
      background-image: url("/images/modern-entryway-hamburger-bg.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 72% center;
      transition: left 0.3s ease-in-out;
      padding-top: 103px;
      padding-left: 40px;
      padding-right: 84px;
      z-index: 999;
    }

    .side-menu::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(58, 33, 19, 0.65) 0%, rgba(58, 33, 19, 0.65) 100%);
      z-index: -99;
    }

    .side-menu.open {
      left: 0;
      /* slide in */
    }

    /* Close button (X) inside side menu */
    .side-menu .close-btn {
      font-size: 28px;
      color: #FFF;
      font-family: var(--montserrat);
      font-style: normal;
      font-weight: 400;
      line-height: 20.8px;
      background: none;
      border: none;
      cursor: pointer;
      margin-bottom: 40px;
      margin-top: 75px;
    }

    /* Menu items in side menu */
    .side-menu ul {
      list-style: none;
      padding: 0;
      margin-top: 0;
      margin-bottom: 0;
    }

    .side-menu ul li {
      margin-bottom: 16px;
    }

    .side-menu ul li a {
      color: #FFF;
      font-family: var(--montserrat);
      font-size: 17px;
      font-style: normal;
      font-weight: 600;
      line-height: 23px;
      text-transform: capitalize;
      transition: color 0.3s;
    }

    .side-menu ul li a:hover {
      /* accent color on hover */
      color: #ffd900ab;
    }


    #offcanvasExample {
      width: 100%;
    }

    .offcanvas-body {
      padding: 0px !important;
      margin-left: 284px;
    }

    .btn-close {
      position: absolute;
      right: 57px;
      top: 30px;
      font-size: 20px;
      cursor: pointer;
    }

    .canvas-main-footer {
      min-height: 100vh !important;
    }

    .btn-close {
      --bs-btn-close-color: #000;
      --bs-btn-close-bg: url("/images/close.svg");
      --bs-btn-close-opacity: 0.5;
      --bs-btn-close-hover-opacity: 0.75;
      --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
      --bs-btn-close-focus-opacity: 1;
      --bs-btn-close-disabled-opacity: 0.25;
      --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
      box-sizing: content-box;
      width: 1em;
      height: 1em;
      z-index: 99;
      padding: 0.25em 0.25em;
      color: var(--bs-btn-close-color);
      background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
      border: 0;
      border-radius: 0.375rem;
      opacity: var(--bs-btn-close-opacity);
    }

    .canvas-main-footer .footer-header {
      padding-bottom: 35px !important;
    }



    @media (max-width: 1023.98px) {
      .offcanvas-start {
        display: none;
      }

      .hamburger-mobile {
        display: inline-block;
      }

      .hamburger-desktop {
        display: none;
      }

      .canvas-main-footer .footer-main-links {
        grid-template-columns: 1fr 1fr;
        gap: 48px 28px;
        padding: 36px 0px;
      }

      .side-menu {
        position: fixed;
        top: 0;
        left: -500px;
        width: 343px;
        height: 100%;
        background-image: url("/images/modern-entryway-hamburger-bg.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 72% center;
        transition: left 0.3s ease-in-out;
        padding-top: 37px;
        padding-left: 40px;
        padding-right: 84px;
        z-index: 9999;
      }

      .side-menu .close-btn {
        margin-top: 0px;
      }
    }

    @media (min-width: 1024px) {
      .hamburger-desktop {
        display: inline-block;
      }

      .hamburger-mobile {
        display: none;
      }

      .side-menu-overlay {
        display: none;
      }

      .side-menu-mobile {
        display: none;
      }

      .side-menu {
        left: 0;
      }
    }


    @media(max-width:768px) {
      .canvas-main-footer .footer-main-links {
        grid-template-columns: 1fr;
        padding: 20px;
      }
    }

    @media(max-width:576px) {
      .hamburger {
        max-width: 26px;
        max-height: 26px;
      }

      .hamburger span {
        margin-bottom: 7px;
      }
    }
  

[data-original-tag="h3"] {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
[data-original-tag="h3"] {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  [data-original-tag="h3"] {
    font-size: 1.75rem;
  }
}
.section-title [data-original-tag="h3"] {
  color: #b3aca6;
  display: inline-block;
  font-family: var(--montserrat);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 25.6px;
  text-transform: capitalize;
  margin-bottom: 16px;
}
.section-title.dark-section [data-original-tag="h3"] {
  color: var(--white-color);
}
.hero-content .section-title [data-original-tag="h3"]::before {
  filter: brightness(0) invert(1);
}
@media (max-width: 767px) {

  .experience-counter [data-original-tag="h3"] {
    font-size: 26px !important;
    line-height: 37.793px;
    margin-bottom: 0px;
  }
}
.experience-counter [data-original-tag="h3"] {
  font-size: 48px;
  font-weight: 700;
  color: var(--white-color);
  text-align: center;
  width: 100%;
  line-height: 57.6px;
}
.feedback-counter [data-original-tag="h3"] {
  width: calc(100% - 75px);
  color: rgba(52, 38, 29, 0.7);
  text-align: center;
  font-family: var(--montserrat);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28.8px;
  letter-spacing: 1px;
}
.about-contact-content [data-original-tag="h3"] {
  font-size: 20px;
  text-transform: capitalize;
}
.service-content [data-original-tag="h3"] {
  font-size: 30px;
  text-transform: capitalize;
  color: var(--white-color);
  margin-bottom: 10px;
  font-weight: 600;
}
.service-content [data-original-tag="h3"] a {
  color: inherit;
}
.project-content [data-original-tag="h3"] {
  color: var(--white-color);
  text-transform: capitalize;
  position: relative;
  z-index: 1;
}
.project-content [data-original-tag="h3"] {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}
.how-we-work-content [data-original-tag="h3"] {
  font-size: 20px;
  text-transform: capitalize;
  color: var(--white-color);
  margin-bottom: 10px;
}
.testimonial-body .author-content [data-original-tag="h3"] {
  font-size: 20px;
  text-transform: capitalize;
}
.post-item-content [data-original-tag="h3"] {
  margin-bottom: 0px;
}
.post-item-content [data-original-tag="h3"] a {
  color: #382213;
  font-family: var(--inter);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}
.footer-social-link-title [data-original-tag="h3"] {
  color: #fff;
  /* font need Helvatica */
  font-family: var(--inter);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.8px;
  text-transform: uppercase;
  margin-bottom: 0;
}
.footer-links [data-original-tag="h3"] {
  color: #fff;
  font-family: var(--inter);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.8px;
  text-transform: uppercase;
  margin-bottom: 21px;
}
.about-facility-content [data-original-tag="h3"] {
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.vision-mission-content [data-original-tag="h3"] {
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.team-content [data-original-tag="h3"] {
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.service-catagery-list [data-original-tag="h3"] {
  font-size: 20px;
  text-transform: capitalize;
  border-bottom: 1px solid var(--divider-color);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.sidebar-cta-content [data-original-tag="h3"] {
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.post-entry [data-original-tag="h3"] {
  font-weight: 700;
  line-height: 1.2em;
  margin: 0 0 0.6em;
}
.post-entry [data-original-tag="h3"] {
  font-size: 46px;
}
.project-detail-content [data-original-tag="h3"] {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.contact-info-content [data-original-tag="h3"] {
  font-size: 20px;
  text-transform: capitalize;
  margin-bottom: 10px;
}
@media only screen and (max-width: 991px) {

  .about-facility-content [data-original-tag="h3"] {
    font-size: 18px;
  }
}
@media only screen and (max-width: 991px) {

  .vision-mission-content [data-original-tag="h3"] {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {

  .service-catagery-list [data-original-tag="h3"] {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 991px) {

  .contact-info-content [data-original-tag="h3"] {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {

  .feedback-counter [data-original-tag="h3"] {
    font-size: 12px;
    width: calc(100% - 40px);
  }
}
@media only screen and (max-width: 767px) {

  .about-contact-content [data-original-tag="h3"] {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {

  .service-content [data-original-tag="h3"] {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {

  .how-we-work-content [data-original-tag="h3"] {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {

  .testimonial-body .author-content [data-original-tag="h3"] {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {

  .post-item-content [data-original-tag="h3"] {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {

  .footer-social-link-title [data-original-tag="h3"] {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {

  .vision-mission-content [data-original-tag="h3"] {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {

  .team-content [data-original-tag="h3"] {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {

  .service-catagery-list [data-original-tag="h3"] {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {

  .sidebar-cta-content [data-original-tag="h3"] {
    font-size: 18px;
  }
}
.hero-content .section-title [data-original-tag="h3"] {
  color: var(--color-text-bw-white, #FFF);
  font-family: var(--montserrat);
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
.about-us-content .section-title [data-original-tag="h3"]::before {
  content: none;
}
.about-us-content .section-title [data-original-tag="h3"] {
  margin-bottom: 48px;
  color: var(--Color-Neutral-neutral---200, #B3ACA6);
}
.swiper-slide-active [data-original-tag="h3"] {
  opacity: 1;
  transform: translateY(0);
}
.section-title [data-original-tag="h3"].no-before::before {
  content: none;
}
.why-choose-content .section-title [data-original-tag="h3"] {
  color: #6A5C4E;
  font-family: var(--montserrat);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 25.6px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.why-choose-item-content [data-original-tag="h3"] {
  color: #927D6B;
  font-family: var(--montserrat);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.6px;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.our-services .section-title [data-original-tag="h3"]::before {
  content: none;
}
.service-box [data-original-tag="h3"] {
  margin-top: 140px;
  margin-bottom: 0px;
}
.service-box [data-original-tag="h3"] span {
  color: var(--color-text-bw-white, #FFF);
  font-family: var(--montserrat);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease 0.2s;
}
.service-box:hover [data-original-tag="h3"] span {
  top: 65px;
}
.vision [data-original-tag="h3"] {
  color: var(--Color-Primary-primary---600, #6A5C4E);
  text-align: center;
  /* Here Font need - Helvatica */
  font-family: var(--inter);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 28.8px;
  margin-bottom: 24px;
}
.our-project-user .heading-contents [data-original-tag="h3"] {
  color: #FFF;
}
.project-user-container .section-title [data-original-tag="h3"]::before {
  content: none;
}
.inspiration-design .swiper-slide-active [data-original-tag="h3"] {
  opacity: 1;
  transform: translateY(0);
  color: var(--color-text-bw-white, #FFF);
  text-shadow: 2.415px 2.415px 4.831px rgba(0, 0, 0, 0.50);
  font-family: var(--inter);
  font-size: 19.323px;
  font-style: normal;
  font-weight: 700;
  line-height: 23.188px;
}
.our-latest-project .heading-contents [data-original-tag="h3"] {
  color: #FFF;
}
.our-skill .section-title [data-original-tag="h3"]::before {
  content: none;
}
.our-skill .section-title [data-original-tag="h3"] {
  color: #86796F;
}
.testimonial-title [data-original-tag="h3"] {
  color: #86796F;
  font-family: var(--montserrat);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 25.6px;
  text-transform: capitalize;
  margin-bottom: 16px;
}
.testimonial-body .author-content [data-original-tag="h3"] {
  color: var(--Color-Neutral-neutral---500, #78736F);
  font-family: var(--inter);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  text-transform: capitalize;
  padding: 0px;
  margin-bottom: 2px;
}
.our-blog .section-title [data-original-tag="h3"]::before {
  content: none;
}
.our-blog .section-title [data-original-tag="h3"] {
  color: #807064;
}
@media (max-width: 767px) {
  .section-title [data-original-tag="h3"] {
    color: #6A5C4E;
    line-height: 20.709px;
  }
}
@media (max-width: 767px) {
  .about-us-content .section-title [data-original-tag="h3"] {
    color: #B3ACA6;
    line-height: 18.732px;
    margin-bottom: 35px;
  }
}
@media (max-width: 767px) {

  .why-choose-content .section-title [data-original-tag="h3"] {
    line-height: 20.709px;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {

  .why-choose-item-content [data-original-tag="h3"] {
    font-size: 16px;
    line-height: 17.473px;
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {

  .service-box [data-original-tag="h3"] {
    margin-top: 0px;
  }
}
@media (max-width: 767px) {

  .vision [data-original-tag="h3"] {
    /* Here font will Helvetica */
    font-family: var(--inter);
    font-size: 24px;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {

  .our-skill .section-title [data-original-tag="h3"] {
    color: #6A5C4E;
    line-height: 20.709px;
  }
}
@media (max-width: 767px) {

  .testimonial-title [data-original-tag="h3"] {
    color: #6A5C4E;
    line-height: 20.709px;
  }
}
@media (max-width: 767px) {

  .testimonial-body .author-content [data-original-tag="h3"] {
    color: #78736F;
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {

  .footer-latest-news [data-original-tag="h3"] {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {

  .footer-social-links-small [data-original-tag="h3"] {
    color: #FFF;
    text-align: center;
    font-family: var(--inter);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28.8px;
    text-transform: uppercase;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .section-title [data-original-tag="h3"] {
    color: #86796F;
    font-size: 14px;
    margin-bottom: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .hero-content .section-title [data-original-tag="h3"] {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0.28px;
    text-transform: uppercase;
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .feedback-counter [data-original-tag="h3"] {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .experience-counter [data-original-tag="h3"] {
    font-size: 36px;
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .about-us-content .section-title [data-original-tag="h3"] {
    margin-bottom: 36px;
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .why-choose-content .section-title [data-original-tag="h3"] {
    font-size: 14px;
    margin-bottom: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .why-choose-item-content [data-original-tag="h3"] {
    font-size: 15px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .service-box [data-original-tag="h3"] {
    margin-top: 73px;
    margin-bottom: 0px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .inspiration-design .swiper-slide-active [data-original-tag="h3"] {
    text-shadow: 1.812px 1.812px 3.623px rgba(0, 0, 0, 0.50);
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .vision [data-original-tag="h3"] {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .testimonial-title [data-original-tag="h3"] {
    font-size: 14px;
    line-height: 19.2px;
    margin-bottom: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .post-item-content [data-original-tag="h3"] a {
    font-size: 15px;
    line-height: 21px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .footer-social-link-title [data-original-tag="h3"] {
    font-size: 18px;
    line-height: 21.8px;
  }
}
@media (min-width: 768px) and (max-width: 1919px) {

  .footer-links [data-original-tag="h3"] {
    font-size: 18px;
    line-height: 21.8px;
    margin-bottom: 16px;
  }
}
.about-banner-content [data-original-tag="h3"] {
  color: white;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: -0.72px;
  text-transform: uppercase;
}
.our_leadership_container .left_side [data-original-tag="h3"] {
  color: #6a5c4e !important;
  font-family: Montserrat;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.54px;
  text-transform: uppercase;
}
@media (min-width: 1920px) {

  .about-banner-content [data-original-tag="h3"] {
    color: white;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 77px;
    letter-spacing: -0.72px;
    text-transform: uppercase;
  }
}
@media (min-width: 1920px) {

  .our_leadership_container .left_side [data-original-tag="h3"] {
    color: #6a5c4e !important;
    font-family: Montserrat;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: -0.72px;
    text-transform: uppercase;
  }
}
@media (max-width: 376px) {
  .about-banner-content [data-original-tag="h3"] {
    font-size: 22px;
    line-height: 40px;
  }
}
@media (max-width: 576px) {

  .about-banner-content [data-original-tag="h3"] {
    font-size: 18px;
    line-height: 33px;
  }
}
@media (max-width: 576px) {

  .our_leadership_container .left_side [data-original-tag="h3"] {
    width: 321px;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 38.048px;
    letter-spacing: -0.527px;
  }
}
.seo-support [data-original-tag="h3"]{font-family:inherit;font-size:20px;line-height:1.5;font-weight:600;margin:0 0 16px;color:#4a3525}
.seo-reading [data-original-tag="h3"]{margin-top:28px}
.seo-gallery-index [data-original-tag="h3"]{font-size:19px}

}