/* ==========================================================================
   Section & Component Styles (Desktop First)
   ========================================================================== */

/* --------------------------------------------------------------------------
   Site Header
   -------------------------------------------------------------------------- */
   .site-header {
    position: sticky;
    top: 10px;
    left: 0;
    right: 0;
    z-index: 200;
    margin-top: 34px;
    margin-bottom: -112px;
  }
  
  .site-header .container {
    position: relative;
  }
  
  .site-header__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
  }
  
  .site-header__glass {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    height: 78px;
    background: var(--color-glass-white);
    backdrop-filter: blur(3.5px);
    -webkit-backdrop-filter: blur(3.5px);
    padding: 10px 20px;
  }
  
  .site-header__logo {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: 10px 20px;
  }
  
  .site-header__logo img {
    display: block;
    width: auto;
    height: 58px;
  }
  
  .site-header__panel {
    display: none;
  }
  
  .site-header__toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    margin-left: auto;
    border: none;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
  }
  
  .site-header__toggle-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 24px;
    height: 18px;
  }
  
  .site-header__toggle-line {
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--color-blue-primary);
    border-radius: 1px;
    transform-origin: center;
    transition:
      transform 0.3s ease,
      opacity 0.2s ease,
      background-color 0.2s ease;
  }
  
  .site-header--open .site-header__toggle-line:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }
  
  .site-header--open .site-header__toggle-line:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
  }
  
  .site-header--open .site-header__toggle-line:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }
  
  .site-header__backdrop {
    display: none;
  }
  
  .site-header__close {
    display: none;
  }
  
  .site-header__nav {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    height: 100%;
  }
  
  .site-header__nav--drawer {
    display: none;
  }
  
  .site-header__nav-list {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 0 34px 0 14px;
  }
  
  .site-header__nav-link {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: var(--color-blue-primary);
    white-space: nowrap;
    transition: opacity 0.2s ease;
  }
  
  .site-header__nav-link:hover {
    opacity: 0.7;
  }
  
  .site-header__actions {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
  }
  
  .site-header__actions--drawer {
    display: none;
  }
  
  .site-header__phone-btn {
    display: flex;
    align-items: center;
    gap: 11px;
    background: var(--color-accent-orange);
    color: var(--color-white);
    height: 44px;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 200;
    font-size: 16px;
    line-height: 22px;
    transition: background 0.2s ease;
  }
  
  .site-header__phone-btn:hover {
    background: #e5623d;
  }
  
  .site-header__phone-icon {
    flex-shrink: 0;
  }
  
  .site-header__estimate-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid var(--color-blue-primary);
    border-radius: 8px;
    height: 44px;
    padding: 10px 20px;
    min-width: 200px;
    font-weight: 200;
    font-size: 16px;
    color: var(--color-blue-primary);
    background: transparent;
    transition: background 0.2s ease;
  }
  
  .site-header__estimate-btn:hover {
    background: rgba(21, 9, 88, 0.05);
  }
  
  /* --------------------------------------------------------------------------
     Hero
     -------------------------------------------------------------------------- */
  .hero {
    position: relative;
    min-height: 810px;
    display: flex;
    flex-direction: column;
  }
  
  .hero .hero__background {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
  }
  
  .hero .hero__background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .hero .container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-top: 249px;
  }
  
  .hero .hero__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  /*   padding-bottom: 80px; */
    padding: 40px;
    border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(3, 9, 23, 0.55);
  backdrop-filter: blur(1px);
  }
  
  
  .hero .hero__text-box {
  /*   background: var(--color-glass-white-30);
    backdrop-filter: blur(6.9px);
    -webkit-backdrop-filter: blur(6.9px); */
  /*   padding: 20px; */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .hero .sub-title {
    color: #FFF;
  text-align: center;
  font-family: "JetBrains Mono";
  font-size: 11.5px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 2.765px;
  text-transform: uppercase;
  }
  
  .hero .hero__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    color: #FFF;
  font-family: Manrope;
  font-size: 62px;
  font-style: normal;
  font-weight: 600;
  line-height: 62px;
  letter-spacing: -2px;
  }
  
  .hero .hero__title-subline {
    color: #FFF;
  text-align: center;
  font-family: Manrope;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 120%; 
  letter-spacing: -2px;
  }
  
  .hero .hero__lead {
    max-width: 100%;
    color: #FFF;
  text-align: center;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 156%; 
    margin: 8px 0 0;
    max-width: 604px;
  }
  
  .hero .hero__actions {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  
  .hero .hero__btn {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 20px;
    height: 44px;
    color: #FFF;
    font-family: Manrope;
    font-size: 16px;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
    border-radius: 8px;
    white-space: nowrap;
  }

  .hero .hero__btn-icon {
    flex-shrink: 0;
    filter: brightness(0) invert(1);
  }
  
  .hero .hero__btn:hover {
    opacity: 0.85;
  }
  
  .hero .hero__btn--primary {
    background: #FF6E44;
    color: #FFFFFF;
  }
  
  .hero .hero__btn--outline {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    justify-content: space-between;
    min-width: 220px;
  }
  
  /* --------------------------------------------------------------------------
     About
     -------------------------------------------------------------------------- */
  .about {
    position: relative;
    padding: 72px 0 65px;
    overflow: hidden;
  }
  
  .about .about__map-decoration {
    position: absolute;
    left: calc(8.33% + 135px);
    top: -80px;
    width: 542px;
    height: 694px;
    pointer-events: none;
    z-index: 0;
  }
  
  .about .about__map-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  
  .about .container {
    position: relative;
    z-index: 1;
  }
  
  .about .about__grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
  }
  
  .about .about__content {
    display: flex;
    flex-direction: column;
  /*   gap: 56px; */
    gap: 12px;
    max-width: 666px;
  }
  
  .about .about__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 176px;
    padding: 10px 14px;
    background: var(--color-blue-primary);
    color: var(--color-white);
    font-weight: 500;
    font-size: 18px;
    transition: opacity 0.2s ease;
  }
  
  .about .about__cta-btn:hover {
    opacity: 0.85;
  }
  
  .about .about__card {
    display: flex;
    flex-direction: column;
    max-width: 535px;
    flex-shrink: 0;
  }
  
  .about .about__card-image-wrap {
    height: 535px;
    overflow: hidden;
  }
  
  .about .about__card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .about .about__card-body {
    background: var(--color-bgg);
    padding: 44px 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  
  .about .about__card-logo {
    width: 48px;
    height: 68px;
    margin-bottom: 4px;
  }
  
  .about .about__card-link {
    font-weight: 200;
    font-size: 16px;
    letter-spacing: -0.5px;
    color: var(--color-blue-primary);
    transition: opacity 0.2s ease;
  }
  
  .about .about__card-link:hover {
    opacity: 0.7;
  }
  
  .about .about__content h3 {
      font-size: 24px;
    line-height: 125%;
    margin-bottom: 12px;
    font-weight: 400;
  }
  
  /* --------------------------------------------------------------------------
     Contact
     -------------------------------------------------------------------------- */
  .contact {
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
    padding: 62px 0;
  }
  
  .contact .contact__background {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
  }
  
  .contact .contact__background-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .contact .contact__background-overlay {
    position: absolute;
    inset: 0;
    background: var(--color-overlay-dark);
  }
  
  .contact .container {
    position: relative;
    z-index: 1;
  }
  
  .contact .contact__grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
  }
  
  .contact .contact__info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 517px;
  }
  
  .contact h6 {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.7);
  }
  
  .contact h2 {
    font-weight: 600;
    font-size: 44px;
    line-height: 44px;
    letter-spacing: -0.52px;
    color: var(--color-bgg);
  }
  
  .contact .contact__lead {
    font-size: var(--text-body-sm-size);
    line-height: 24px;
    letter-spacing: -0.18px;
    color: var(--color-bgg);
  }
  
  .contact .contact__cards {
    display: flex;
    gap: 10px;
    padding-top: 60px;
  }
  
  .contact .contact__card {
    background: var(--color-white);
    border-radius: 8px;
    padding: 17px 15px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 218px;
  }
  
  .contact .contact__card-label {
    font-weight: 300;
    font-size: 15px;
    letter-spacing: -0.195px;
  }
  
  .contact .contact__card-value {
    font-size: var(--text-h4-size);
    line-height: var(--text-h4-line);
    letter-spacing: var(--text-h4-spacing);
    transition: opacity 0.2s ease;
  }
  
  .contact .contact__card-value:hover {
    opacity: 0.7;
  }
  
  .contact .contact__form {
    background: var(--color-glass-white-06);
    backdrop-filter: blur(37.5px);
    -webkit-backdrop-filter: blur(37.5px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 35px 25px 25px;
    width: 575px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
  }
  
  .contact .contact__form-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  .contact .contact__form-label {
    font-size: 20px;
    letter-spacing: -1px;
    color: var(--color-white);
  }
  
  .contact .contact__form-input,
  .contact .contact__form-textarea {
    background: var(--color-glass-white-10);
    border: 1px solid var(--color-input-border);
    border-radius: 8px;
    padding: 12px;
    font-size: 16px;
    color: var(--color-white);
    width: 100%;
  }
  
  .contact .contact__form-input::placeholder,
  .contact .contact__form-textarea::placeholder {
    color: rgba(255, 255, 255, 0.4);
  }
  
  .contact .contact__form-textarea {
    min-height: 100px;
    resize: vertical;
  }
  
  .contact .contact__form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 176px;
    padding: 10px 14px;
    background: var(--color-blue-primary);
    color: var(--color-white);
    font-weight: 500;
    font-size: 18px;
    transition: opacity 0.2s ease;
  }
  
  .contact .contact__form-submit:hover {
    opacity: 0.85;
  }
  
  /* --------------------------------------------------------------------------
     Services
     -------------------------------------------------------------------------- */
  .services {
    padding: 32px 0 48px;
  }
  
  .services .services__divider {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
  }
  
  .services .services__divider-line {
    flex: 1;
    height: 1px;
    background-color: rgba(255, 110, 68, 0.45);
  }
  
  .services .services__divider-image {
    flex-shrink: 0;
    display: block;
    width: auto;
    height: 34px;
    object-fit: contain;
  }
  
  .services .services__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 56px;
    position: relative;
  }
  
  .services .services__header-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 46px;
  }
  
  .services h2 {
    max-width: 891px;
  /*   display: flex; */
  /*   flex-direction: column; */
  }
  
  .services .services__view-all-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--color-blue-primary);
    padding: 10px;
    width: 146px;
    font-weight: 500;
    font-size: 18px;
    color: var(--color-blue-primary);
    transition: background 0.2s ease;
  }
  
  .services .services__view-all-btn:hover {
    background: rgba(21, 9, 88, 0.05);
  }
  
  .services .services__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    margin-bottom: 0;
  }
  
  .services .services__grid--bottom {
    margin-bottom: 0;
  }
  
  .services .services__card {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  
  .services .services__card--wide {
    flex: 1;
  }
  
  .services .services__card-image-wrap {
  /*   height: 542px; */
    height: 350px;
    overflow: hidden;
  }
  
  .services .services__card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .services .services__card-footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
  }
  
  .services .services__card-text h3 {
    margin-bottom: 8px;
    font-weight: 500;
  }
  
  .services .services__card-text p {
    line-height: 25.2px;
    /*max-width: 305px;*/
  }
  
  .services .services__card-number {
    font-family: var(--font-mono);
    font-weight: 100;
    font-size: 18px;
    letter-spacing: -0.48px;
    color: var(--color-blue-primary);
    flex-shrink: 0;
  }
  
  /* --------------------------------------------------------------------------
     Certifications
     -------------------------------------------------------------------------- */
  .certifications {
    padding: 40px 0 80px;
    overflow: hidden;
  }
  
  .certifications .certifications__divider {
    width: 100%;
    max-width: 1384px;
    height: 34px;
    object-fit: contain;
    margin: 0 auto 16px;
    display: block;
  }
  
  .certifications .certifications__divider {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
    margin-bottom: 0px;
  }
  
  .certifications .certifications__divider-line:first-child {
    flex: 1;
    height: 1px;
    background: linear-gradient(270deg, #ff6e44 0%, #fff 100%);
  }
  
  .certifications .certifications__divider-line:last-child {
    flex: 1;
    height: 1px;
    background: linear-gradient(270deg, #fff 0%, #ff6e44 100%);
  }
  
  .certifications .certifications__divider-image {
    flex-shrink: 0;
    display: block;
    width: auto;
    height: 34px;
    object-fit: contain;
  }
  
  .certifications .certifications__inner {
    display: flex;
    align-items: center;
    gap: 100px;
    padding: 40px 30px;
    max-width: 100%;
    min-width: 0;
  }
  
  .certifications p {
    flex: 0 0 280px;
    max-width: 280px;
  }
  
  .certifications p.text-small {
    line-height: 28px;
  }
  
  .certifications .certifications__logos-track {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(
      to right,
      transparent,
      #000 8%,
      #000 92%,
      transparent
    );
    mask-image: linear-gradient(
      to right,
      transparent,
      #000 8%,
      #000 92%,
      transparent
    );
  }
  
  .certifications .certifications__logos-scroll {
    display: flex;
    width: max-content;
    animation: certifications-marquee 30s linear infinite;
  }
  
  .certifications .certifications__logos-set {
    display: flex;
    align-items: flex-end;
    gap: 44px;
    padding-right: 44px;
    flex-shrink: 0;
  }
  
  @keyframes certifications-marquee {
    from {
      transform: translateX(0);
    }
  
    to {
      transform: translateX(-50%);
    }
  }
  
  .certifications .certifications__logo {
    height: 55px;
    width: auto;
    object-fit: contain;
    flex-shrink: 0;
  }
  
  .certifications .certifications__logo--isa {
    width: 30px;
  }
  
  .certifications .certifications__logo--tcia {
    height: 47px;
    width: 55px;
  }
  
  .certifications .certifications__logo--traq {
    width: 46px;
  }
  
  .certifications .certifications__logo--pnw {
    width: 167px;
    height: 55px;
  }
  
  /* --------------------------------------------------------------------------
     Why Choose
     -------------------------------------------------------------------------- */
  .why-choose {
    position: relative;
    padding: 33px 0 80px;
    overflow: hidden;
  }
  
  .why-choose .why-choose__watermark {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 461px;
    height: 549px;
    opacity: 0.1;
    pointer-events: none;
  }
  
  .why-choose .why-choose__watermark-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .why-choose .container {
    position: relative;
    z-index: 1;
  }
  
  .why-choose .why-choose__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 56px;
  }
  
  .why-choose .why-choose__header-left {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  
  .why-choose h2 {
    max-width: 589px;
    display: flex;
    flex-direction: column;
  }
  .why-choose .why-choose__metric-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 65px 49px;
  }
  .why-choose .why-choose__metric-item {
      display: flex;
      flex-direction: column;
      gap: 10px;
  }
  
  .why-choose .why-choose__metric-value {
      font-family: var(--font-mono);
      font-weight: 800;
      font-size: 24px;
      line-height: 36.3px;
      text-transform: uppercase;
      color: var(--color-accent-orange);
  }
  .why-choose .why-choose__metric-label {
      font-family: var(--font-mono);
      font-weight: 500;
      font-size: 20px;
      line-height: 26px;
      color: var(--color-blue-primary-90);
  }
  
  
  /* --------------------------------------------------------------------------
     Stats
     -------------------------------------------------------------------------- */
  .stats {
    position: relative;
  /*   background: var(--color-bgg); */
    padding: 72px 0;
    overflow: hidden;
  }
  
  .stats .stats__watermark {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    width: 461px;
    height: 549px;
    opacity: 0.1;
    pointer-events: none;
  }
  
  .stats .stats__watermark-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .stats .container {
    position: relative;
    z-index: 1;
  }
  
  .stats .stats__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 46px;
    margin-bottom: 56px;
  }
  
  .stats .stats__header-left {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  .stats .stats__header ul {
    width: 100%;
    list-style: disc;
	  padding: 0 0 0 24px;
  }
  
  .stats h2 {
    max-width: 589px;
    display: flex;
    flex-direction: column;
  }
  
  .stats .stats__lead {
    color: var(--color-blue-primary-80);
    max-width: 529px;
  }
  
  .stats .stats__metrics {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 56px;
  }
  
  .stats .stats__metric-main {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 360px;
  }
  
  .stats .stats__metric-value {
    font-family: var(--font-mono);
    font-weight: 800;
    font-size: 33px;
    line-height: 36.3px;
    text-transform: uppercase;
    color: var(--color-accent-orange);
  }
  
  .stats .stats__metric-value--large {
    font-weight: 700;
    font-size: 100px;
    line-height: 1;
    letter-spacing: -0.0727px;
  }
  
  .stats .stats__metric-label {
    font-family: var(--font-mono);
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: var(--color-blue-primary-90);
  }
  
  .stats .stats__metric-label--large {
    font-weight: 400;
    font-size: 33px;
    line-height: 36.3px;
    text-transform: uppercase;
  }
  
  .stats .stats__metric-grid {
    display: grid;
    grid-template-columns: repeat(2, 243px);
    gap: 65px 49px;
  }
  
  .stats .stats__metric-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  .stats .stats__map-section {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  
  .stats .stats__map-stage {
    position: relative;
    width: 100%;
  }
  
  .stats .stats__map-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: var(--font-mono);
    font-size: 18px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: var(--color-blue-primary-50);
  }
  
  .stats .stats__map-wrap {
    position: relative;
    border-radius: 15px;
    max-width: 1252px;
    overflow: hidden;
    background: #f3ede3;
  }
  
  .stats .stats__map-wrap--king {
    width: 100%;
  /*   aspect-ratio: 1671 / 941; */
    aspect-ratio: 1312 / 901;
  }
  
  .stats .stats__map-canvas {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px;
  }
  
  .stats .stats__map-markers {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
  
  .stats .stats__map-marker {
    position: absolute;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    transform: translate(-50%, 0);
    pointer-events: auto;
    z-index: 2;
  }
  
  .stats .stats__map-marker-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(calc(-1 * var(--stats-map-pin-h, 26px)));
  }
  
  .stats .stats__map-marker-pin {
    position: relative;
    z-index: 2;
    width: 20px;
    height: 26px;
    margin-bottom: -6px;
    flex-shrink: 0;
    background: center / contain no-repeat
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 24' fill='none'%3E%3Cpath fill='%23150958' d='M9 0C4.03 0 0 4.03 0 9c0 6.75 9 15 9 15s9-8.25 9-15C18 4.03 13.97 0 9 0z'/%3E%3Ccircle cx='9' cy='9' r='3' fill='white'/%3E%3C/svg%3E");
  }
  
  .stats .stats__map-marker-label {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 5px 11px;
    border-radius: 5px;
    background: #ff6e44;
    box-shadow: 0 4px 14px rgba(255, 110, 68, 0.32);
    font-family: var(--font-primary);
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    color: var(--color-white);
    white-space: nowrap;
    transition:
      transform 0.2s ease,
      box-shadow 0.2s ease;
  }
  
  .stats .stats__map-marker--active {
    z-index: 4;
  }
  
  .stats .stats__map-marker:hover .stats__map-marker-label,
  .stats .stats__map-marker--active .stats__map-marker-label {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(255, 110, 68, 0.35);
  }
  
  .stats .stats__map-popup {
    position: absolute;
    z-index: 20;
    width: min(300px, calc(100% - 32px));
    padding: 24px;
    border-radius: 12px;
    background: #f2eee4;
    box-shadow: 0 12px 40px rgba(21, 9, 88, 0.14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      opacity 0.25s ease,
      visibility 0.25s ease,
      transform 0.25s ease;
    transform: translateY(8px);
  }
  
  .stats .stats__map-popup--open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
  
  .stats .stats__map-popup__close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: var(--color-blue-primary);
    cursor: pointer;
  }
  
  .stats .stats__map-popup__close:hover {
    background: rgba(21, 9, 88, 0.06);
  }
  
  .stats .stats__map-popup__title {
    margin: 0 28px 12px 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.5px;
    color: var(--color-blue-primary);
  }
  
  .stats .stats__map-popup__text {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-blue-primary-80);
  }
  
  .stats .stats__map-popup__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    margin-bottom: 16px;
    border-radius: 8px;
    background: var(--color-blue-primary);
    color: var(--color-white);
    font-size: 16px;
    font-weight: 600;
    transition: opacity 0.2s ease;
  }
  
  .stats .stats__map-popup__btn:hover {
    opacity: 0.88;
  }
  
  .stats .stats__map-popup__phone {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--color-blue-primary);
    text-align: center;
  }
  
  .stats .stats__map-popup__phone:hover {
    opacity: 0.75;
  }
  
  .stats .stats__map-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 18px;
    border-top: 0.5px solid var(--color-blue-primary);
    font-family: var(--font-mono);
    font-size: 18px;
    color: var(--color-blue-primary-50);
  }
  
  .stats .stats__flex-container {
      display: grid;
      grid-template-columns: 1fr;
      gap: 32px;
      align-items: center;
  }
  .stats .content-container {
      display: flex;
      flex-direction: column;
      gap: 32px;
      align-items: flex-start;
  }
  .stats .content-container p {
      color: rgba(21, 9, 88, 0.90);
      font-family: "JetBrains Mono";
      font-size: 22px;
      font-style: normal;
      font-weight: 400;
      line-height: 110%; 
      text-transform: uppercase;
      margin: 0;
  }
  .stats .content-container ul {
      list-style: disc;
      padding-left: 12px;
  }
  .stats .content-container ul li {
      color: rgba(21, 9, 88, 0.70);
      font-family: Manrope;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 140%; 
      margin: 0;
  }
  .stats .content-container ul li strong {
      font-weight: bold;
  }
  
  
  /* --------------------------------------------------------------------------
     Gallery
     -------------------------------------------------------------------------- */
  .gallery {
    padding: 0 0 32px;
  }
  
  .gallery .gallery__divider {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
  }
  
  .gallery .gallery__divider-line {
    flex: 1;
    height: 1px;
    background-color: rgba(255, 110, 68, 0.45);
  }
  
  .gallery .gallery__divider-image {
    flex-shrink: 0;
    display: block;
    width: auto;
    height: 34px;
    object-fit: contain;
  }
  
  .gallery .gallery__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 56px;
    margin-top: 56px;
  }
  
  .gallery .gallery__header-left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 583px;
  }
  
  .gallery h6 {
    font-size: 18px;
  }
  
  .gallery h2 {
    line-height: 1.2;
    color: var(--color-dark-navy);
  }
  
  .gallery .gallery__heading span {
    display: block;
  }
  
  .gallery .gallery__header-right {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 454px;
  }
  
  .gallery .gallery__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 146px;
    padding: 10px;
    background: var(--color-blue-primary);
    color: var(--color-white);
    font-weight: 500;
    font-size: 18px;
    transition: opacity 0.2s ease;
  }
  
  .gallery .gallery__cta-btn:hover {
    opacity: 0.85;
  }
  
  .gallery .gallery__grid {
    display: flex;
    flex-direction: column;
    gap: 21px;
    margin-bottom: 56px;
  }
  
  .gallery .gallery__row {
    display: flex;
    gap: 21px;
  }
  
  .gallery .gallery__column {
    display: flex;
    flex-direction: column;
    gap: 21px;
    flex: 1;
  }
  
  .gallery .gallery__item {
    position: relative;
    overflow: hidden;
  }
  
  .gallery .gallery__caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 18px 16px 16px;
    background: linear-gradient(
      180deg,
      rgba(21, 9, 88, 0) 0%,
      rgba(21, 9, 88, 0.82) 45%,
      rgba(21, 9, 88, 0.96) 100%
    );
    color: var(--color-white);
    font-size: 15px;
    line-height: 1.45;
  }
  
  .gallery .gallery__caption strong {
    font-weight: 700;
  }
  
  .gallery .gallery__item--large {
    width: 644px;
    height: 597px;
    flex-shrink: 0;
  }
  
  .gallery .gallery__item--medium {
    width: 309px;
    height: 400px;
    flex-shrink: 0;
  }
  .gallery .gallery__item--wide {
    flex: 1;
    height: 400px;
  }
  
  .gallery .gallery__row--small .gallery__item {
    flex: 1;
    height: 288px;
  }
  
  .gallery .gallery__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  /* --------------------------------------------------------------------------
     Testimonials
     -------------------------------------------------------------------------- */
  .testimonials {
    padding: 32px 0 132px;
    overflow: hidden;
  }
  
  .testimonials .testimonials__top {
    margin-bottom: 56px;
  }
  
  .testimonials .testimonials__divider {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    margin-bottom: 56px;
  }
  
  .testimonials .testimonials__divider-line {
    flex: 1;
    height: 1px;
    background-color: rgba(255, 110, 68, 0.45);
  }
  
  .testimonials .testimonials__divider-image {
    flex-shrink: 0;
    display: block;
    width: auto;
    height: 34px;
    object-fit: contain;
  }
  
  .testimonials .testimonials__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
  }
  
  .testimonials h6 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-accent-orange);
  }
  
  .testimonials h2 {
    max-width: 640px;
  }
  
  .testimonials .testimonials__slider {
    width: 100%;
  }
  
  .testimonials .testimonials__swiper {
    width: 100%;
    overflow: hidden;
    margin-top: 16px;
  }
  
  .testimonials .swiper-slide {
    width: 615px;
    max-width: calc(100vw - 48px);
    height: auto;
    box-sizing: border-box;
  }
  
  .testimonials .testimonials__card {
    border: 1px solid var(--color-border-light);
    background: var(--color-glass-white-10);
    padding: 30px 50px;
    min-height: 300px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    opacity: 0.4;
    transition:
      opacity 0.35s ease,
      background-color 0.35s ease;
  }
  
  .testimonials .swiper-slide-active .testimonials__card {
    opacity: 1;
    background: var(--color-white);
  }
  
  .testimonials .testimonials__card-author {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  
  .testimonials .testimonials__author-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
  }
  
  .testimonials .testimonials__avatar {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    object-fit: cover;
    flex-shrink: 0;
  }
  
  .testimonials h5 {
    font-size: var(--text-body-sm-size);
    font-weight: 500;
    line-height: 22.4px;
    letter-spacing: -1px;
    color: var(--color-dark-teal);
  }
  
  .testimonials .testimonials__author-role {
    font-size: var(--text-body-sm-size);
    line-height: 22.4px;
    letter-spacing: -0.5px;
    color: var(--color-text-muted);
  }
  
  .testimonials blockquote {
    margin: 0;
    font-family: var(--font-mono);
    font-size: 18px;
    line-height: 25.2px;
    letter-spacing: -1px;
    color: var(--color-blue-primary-80);
  }


h2 .text-emphasis, .text-emphasis {
	color: #150958;
}
  
  /* --------------------------------------------------------------------------
     Footer
     -------------------------------------------------------------------------- */
  .site-footer {
    display: flex;
    flex-direction: column;
  }
  
  .site-footer .site-footer__forest {
    width: 100%;
    overflow: hidden;
    line-height: 0;
  }
  
  .site-footer .site-footer__forest-image {
    width: 100%;
    height: auto;
    min-height: 200px;
    object-fit: cover;
    object-position: center top;
  }
  
  .site-footer .site-footer__bar {
    background: var(--color-footer-bg);
    padding: 0 0 32px;
  }
  
  .site-footer .site-footer__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding-top: 20px;
  }
  
  .site-footer .site-footer__logo {
    width: 300px;
    height: auto;
    max-height: 136px;
    object-fit: cover;
    aspect-ratio: 75/34;
  }
  
  .site-footer .site-footer__tagline {
    font-family: var(--font-mono);
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    color: var(--color-white);
    text-align: center;
  }
  
  /* ==========================================================================
     Tablet Overrides — max-width: 1024px
     ========================================================================== */
  @media (max-width: 1024px) {
    /* Hero + Site Header */
    .hero {
      min-height: 680px;
    }
  
    .site-header {
      margin-top: 20px;
      margin-bottom: -84px;
    }
  
    .hero .container {
      padding-top: 132px;
    }
  
    .site-header__row {
      gap: 0;
    }
  
    .site-header__glass {
      flex: 1;
      width: 100%;
      height: 64px;
      padding: 10px 12px 10px 16px;
      justify-content: space-between;
      gap: 0;
    }
  
    .site-header__logo {
      padding: 0;
      margin-right: auto;
    }
  
    .site-header__logo img {
      height: 44px;
    }
  
    .site-header__glass > .site-header__nav,
    .site-header__glass > .site-header__actions {
      display: none;
    }
  
    .site-header__panel {
      display: flex;
      position: fixed;
      top: 0;
      right: 0;
      width: min(320px, 88vw);
      height: 100dvh;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      gap: 0;
      padding: 72px 32px 40px;
      background: var(--color-white);
      box-shadow: -8px 0 32px rgba(21, 9, 88, 0.12);
      transform: translateX(100%);
      opacity: 0;
      visibility: hidden;
      transition:
        transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.25s ease,
        visibility 0.35s ease;
      overflow-y: auto;
      z-index: 500;
    }
  
    .site-header__nav--drawer {
      display: flex;
      flex: 0 0 auto;
      width: 100%;
      height: auto;
      padding: 0;
      background: transparent;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }
  
    .site-header__nav--drawer .site-header__nav-list {
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
      padding: 0;
      width: 100%;
    }
  
    .site-header__nav--drawer .site-header__nav-link {
      display: block;
      width: 100%;
      padding: 18px 0;
      font-size: 18px;
      line-height: 1.2;
      white-space: normal;
    }
  
    .site-header__actions--drawer .site-header__phone-btn,
    .site-header__actions--drawer .site-header__estimate-btn {
      width: 100%;
      justify-content: center;
    }
  
    .site-header__actions--drawer .site-header__estimate-btn {
      min-width: 0;
    }
  
    .site-header__actions--drawer {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      width: 100%;
      margin-top: 32px;
      gap: 12px;
      opacity: 0;
      transform: translateY(12px);
      transition:
        opacity 0.3s ease 0.15s,
        transform 0.3s ease 0.15s;
    }
  
    .site-header--open .site-header__panel {
      transform: translateX(0);
      opacity: 1;
      visibility: visible;
      z-index: 500;
    }
  
    .site-header__panel .site-header__nav-item {
      width: 100%;
      border-bottom: 1px solid rgba(21, 9, 88, 0.08);
      opacity: 0;
      transform: translateX(16px);
      transition:
        opacity 0.3s ease,
        transform 0.3s ease;
    }
  
    .site-header--open .site-header__panel .site-header__nav-item {
      opacity: 1;
      transform: translateX(0);
    }
  
    .site-header--open .site-header__panel .site-header__nav-item:nth-child(1) {
      transition-delay: 0.05s;
    }
    .site-header--open .site-header__panel .site-header__nav-item:nth-child(2) {
      transition-delay: 0.1s;
    }
    .site-header--open .site-header__panel .site-header__nav-item:nth-child(3) {
      transition-delay: 0.15s;
    }
    .site-header--open .site-header__panel .site-header__nav-item:nth-child(4) {
      transition-delay: 0.2s;
    }
  
    .site-header--open .site-header__actions--drawer {
      opacity: 1;
      transform: translateY(0);
    }
  
    .site-header__toggle {
      display: flex;
      margin-left: 0;
      margin-right: 0;
    }
  
    .site-header__close {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 16px;
      right: 16px;
      width: 44px;
      height: 44px;
      padding: 0;
      border: none;
      border-radius: 50%;
      background: var(--color-bgg);
      color: var(--color-blue-primary);
      cursor: pointer;
      transition:
        background 0.2s ease,
        color 0.2s ease;
    }
  
    .site-header__close:hover {
      background: rgba(21, 9, 88, 0.08);
    }
  
    .site-header__close-icon {
      display: block;
      width: 24px;
      height: 24px;
    }
  
    .site-header__backdrop {
      display: block;
      position: fixed;
      inset: 0;
      background: rgba(21, 9, 88, 0.45);
      opacity: 0;
      visibility: hidden;
      transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
      z-index: 499;
      border: none;
      padding: 0;
      cursor: pointer;
    }
  
    .site-header--open .site-header__backdrop {
      opacity: 1;
      visibility: visible;
      z-index: 499;
    }
  
    .hero .hero__title-subline {
      font-size: 38px;
    }
  
    .hero h1 {
      font-size: 50px;
    }
  
    /* About */
    .about .about__map-decoration {
      left: 0;
      width: 400px;
      height: 500px;
      opacity: 0.5;
    }
  
    .about .about__grid {
      flex-direction: column;
      align-items: stretch;
    }
  
    .about .about__content {
      max-width: 100%;
    }
  
    .about .about__card {
      max-width: 100%;
    }
  
    /* Contact */
    .contact .contact__grid {
      flex-direction: column;
    }
  
    .contact .contact__info {
      max-width: 100%;
    }
  
    .contact .contact__form {
      width: 100%;
    }
  
    .contact .contact__cards {
      flex-wrap: wrap;
    }
  
    /* Services */
    .services .services__header {
      flex-direction: column;
      align-items: flex-start;
      gap: 24px;
    }
  
    .services .services__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .services .services__card {
      flex: 1 1 calc(50% - 11px);
      min-width: 280px;
    }
  
    .services .services__card-image-wrap {
      height: 400px;
    }
  
    /* Certifications */
    .certifications .certifications__inner {
      flex-direction: column;
      gap: 32px;
      align-items: flex-start;
    }
  
    .certifications p {
      flex: none;
      max-width: 100%;
    }
  
    .certifications .certifications__logos-track {
      width: 100%;
    }
  
    /* Stats */
    .stats .stats__header {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .stats .stats__metrics {
      flex-direction: column;
      gap: 48px;
      align-items: flex-start;
    }
  
    .stats .stats__metric-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 40px 32px;
      width: 100%;
    }
  
    .stats .stats__lead {
      max-width: 100%;
    }
  
    .stats .stats__metric-value--large {
      font-size: 72px;
    }
  
    /* Gallery */
    .gallery .gallery__header {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .gallery .gallery__header-left,
    .gallery .gallery__header-right {
      max-width: 100%;
    }
  
    .gallery .gallery__row--top {
      flex-direction: column;
    }
  
    .gallery .gallery__item--large {
      width: 100%;
      height: 450px;
    }
  
    .gallery .gallery__row--bottom {
      flex-wrap: wrap;
    }
  
    .gallery .gallery__item--medium {
      width: calc(50% - 11px);
      flex: 1 1 calc(50% - 11px);
    }
  
    .gallery .gallery__item--wide {
      width: 100%;
      flex: 1 1 100%;
    }
  
    /* Testimonials */
    .testimonials .testimonials__card {
      padding: 24px 32px;
      min-height: 260px;
    }
  
    /* Footer */
    .site-footer .site-footer__tagline {
      font-size: 12px;
      line-height: 22px;
    }
    
    .stats .stats__flex-container {
        grid-template-columns: 1fr;
    }
  }
  
  /* ==========================================================================
     Mobile Overrides — max-width: 768px
     ========================================================================== */
  @media (max-width: 768px) {
    /* Hero + Site Header */
    .hero {
      min-height: 560px;
    }
  
    .site-header {
      margin-top: 20px;
      margin-bottom: -84px;
    }
  
    .hero .container {
      padding-top: 132px;
    }
  
    .site-header__row {
      gap: 0;
    }
  
    .site-header__glass {
      flex: 1;
      width: 100%;
      height: 64px;
      padding: 10px 12px 10px 16px;
      justify-content: space-between;
      gap: 0;
    }
  
    .site-header__logo {
      padding: 0;
      margin-right: auto;
    }
  
    .site-header__logo img {
      height: 44px;
    }
  
    .site-header__glass > .site-header__nav,
    .site-header__glass > .site-header__actions {
      display: none;
    }
  
    .site-header__panel {
      display: flex;
      position: fixed;
      top: 0;
      right: 0;
      width: min(320px, 88vw);
      height: 100dvh;
      flex-direction: column;
      align-items: stretch;
      justify-content: flex-start;
      gap: 0;
      padding: 72px 32px 40px;
      background: var(--color-white);
      box-shadow: -8px 0 32px rgba(21, 9, 88, 0.12);
      transform: translateX(100%);
      opacity: 0;
      visibility: hidden;
      transition:
        transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.25s ease,
        visibility 0.35s ease;
      overflow-y: auto;
      z-index: 500;
    }
  
    .site-header__nav--drawer {
      display: flex;
      flex: 0 0 auto;
      width: 100%;
      height: auto;
      padding: 0;
      background: transparent;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
    }
  
    .site-header__nav--drawer .site-header__nav-list {
      flex-direction: column;
      align-items: flex-start;
      gap: 0;
      padding: 0;
      width: 100%;
    }
  
    .site-header__nav--drawer .site-header__nav-link {
      display: block;
      width: 100%;
      padding: 18px 0;
      font-size: 18px;
      line-height: 1.2;
    }
  
    .site-header__actions--drawer .site-header__phone-btn,
    .site-header__actions--drawer .site-header__estimate-btn {
      width: 100%;
      justify-content: center;
    }
  
    .site-header__actions--drawer .site-header__estimate-btn {
      min-width: 0;
    }
  
    .site-header__actions--drawer {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      width: 100%;
      margin-top: 32px;
      gap: 12px;
      opacity: 0;
      transform: translateY(12px);
      transition:
        opacity 0.3s ease 0.15s,
        transform 0.3s ease 0.15s;
    }
  
    .site-header--open .site-header__panel {
      transform: translateX(0);
      opacity: 1;
      visibility: visible;
      z-index: 500;
    }
  
    .site-header__panel .site-header__nav-item {
      width: 100%;
      border-bottom: 1px solid rgba(21, 9, 88, 0.08);
      opacity: 0;
      transform: translateX(16px);
      transition:
        opacity 0.3s ease,
        transform 0.3s ease;
    }
  
    .site-header--open .site-header__panel .site-header__nav-item {
      opacity: 1;
      transform: translateX(0);
    }
  
    .site-header--open .site-header__panel .site-header__nav-item:nth-child(1) {
      transition-delay: 0.05s;
    }
    .site-header--open .site-header__panel .site-header__nav-item:nth-child(2) {
      transition-delay: 0.1s;
    }
    .site-header--open .site-header__panel .site-header__nav-item:nth-child(3) {
      transition-delay: 0.15s;
    }
    .site-header--open .site-header__panel .site-header__nav-item:nth-child(4) {
      transition-delay: 0.2s;
    }
  
    .site-header--open .site-header__actions--drawer {
      opacity: 1;
      transform: translateY(0);
    }
  
    .site-header__toggle {
      display: flex;
      margin-left: 0;
      margin-right: 0;
    }
  
    .site-header__close {
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 16px;
      right: 16px;
      width: 44px;
      height: 44px;
      padding: 0;
      border: none;
      border-radius: 50%;
      background: var(--color-bgg);
      color: var(--color-blue-primary);
      cursor: pointer;
      transition:
        background 0.2s ease,
        color 0.2s ease;
    }
  
    .site-header__close:hover {
      background: rgba(21, 9, 88, 0.08);
    }
  
    .site-header__close-icon {
      display: block;
      width: 24px;
      height: 24px;
    }
  
    .site-header__backdrop {
      display: block;
      position: fixed;
      inset: 0;
      background: rgba(21, 9, 88, 0.45);
      opacity: 0;
      visibility: hidden;
      transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
      z-index: 499;
      border: none;
      padding: 0;
      cursor: pointer;
    }
  
    .site-header--open .site-header__backdrop {
      opacity: 1;
      visibility: visible;
      z-index: 499;
    }
  
    .hero .hero__title-subline {
      font-size: 28px;
      letter-spacing: -0.5px;
    }
  
    .hero .hero__actions {
      flex-direction: column;
      width: 100%;
    }
  
    .hero .hero__btn {
      width: 100%;
    }
  
    /* About */
    .about {
      padding: 48px 0;
    }
  
    .about .about__map-decoration {
      display: none;
    }
  
    .about .about__content {
      gap: 32px;
    }
  
    /* Contact */
    .contact {
      padding: 48px 0;
    }
  
    .contact h2 {
      font-size: 36px;
      line-height: 40px;
    }
  
    .contact .contact__cards {
      flex-direction: column;
    }
  
    .contact .contact__card {
      width: 100%;
    }
  
    .contact .contact__form {
      padding: 24px 16px;
    }
  
    .contact .contact__form-label {
      font-size: 16px;
    }
  
    /* Services */
    .services {
      padding: 48px 0;
    }
  
    /*.services .services__divider {*/
    /*  margin-bottom: 32px;*/
    /*}*/
  
    .services .services__grid {
      grid-template-columns: 1fr;
      margin-bottom: 40px;
    }
  
    .services .services__card {
      flex: 1 1 100%;
      min-width: 0;
    }
  
    .services .services__card-image-wrap {
      height: 320px;
    }
  
    .services .services__card-text p {
      max-width: 100%;
    }
  
    /* Certifications */
    .certifications .certifications__inner {
      padding: 24px 0;
    }
  
    .certifications .certifications__logos-set {
      gap: 24px;
      padding-right: 24px;
    }
  
    .certifications .certifications__logo--pnw {
      width: 120px;
    }
    
    .why-choose .why-choose__metric-grid {
      grid-template-columns: 1fr;
    }
  
    /* Stats */
    .stats {
      padding: 48px 0;
    }
  
    .stats .stats__metric-value--large {
      font-size: 56px;
    }
  
    .stats .stats__metric-label--large {
      font-size: 24px;
      line-height: 28px;
    }
  
    .stats .stats__metric-grid {
      grid-template-columns: 1fr;
      gap: 32px;
    }
  
    .stats .stats__map-meta,
    .stats .stats__map-footer {
      flex-direction: column;
      gap: 8px;
      align-items: flex-start;
      font-size: 14px;
    }
  
    .stats .stats__map-marker-label {
      font-size: 11px;
      min-height: 24px;
      padding: 3px 8px;
    }
  
    .stats .stats__map-marker-pin {
      width: 14px;
      height: 19px;
    }
  
    .stats .stats__map-popup {
      left: 16px !important;
      right: 16px;
      width: auto;
      top: auto !important;
      bottom: 16px;
      transform: none;
    }
  
    .stats .stats__map-popup--open {
      transform: none;
    }
  
    /* Gallery */
    .gallery {
      padding: 48px 0;
    }
  
    .gallery .gallery__divider {
      margin-bottom: 32px;
    }
  
    .gallery .gallery__row {
      flex-direction: column;
    }
  
    .gallery .gallery__item--large,
    .gallery .gallery__item--medium,
    .gallery .gallery__item--wide {
      width: 100%;
      height: 280px;
    }
  
    .gallery .gallery__row--small {
      flex-direction: column;
    }
  
    .gallery .gallery__row--small .gallery__item {
      height: 240px;
    }
  
    /* Testimonials */
    .testimonials {
      padding: 48px 0 64px;
    }
  
    .testimonials .testimonials__top {
      margin-bottom: 32px;
    }
  
    .testimonials .testimonials__divider {
      margin-bottom: 32px;
    }
  
    .testimonials h2 {
      white-space: normal;
    }
  
    .testimonials .swiper-slide {
      width: min(615px, calc(100vw - 48px));
    }
  
    .testimonials .testimonials__card {
      min-height: auto;
      padding: 24px 20px;
    }
  
    .testimonials blockquote {
      font-size: 16px;
      line-height: 24px;
    }
  
    /* Footer */
    .site-footer .site-footer__logo {
      width: 220px;
    }
  
    .site-footer .site-footer__tagline {
      font-size: 11px;
      line-height: 20px;
    }
  }
  
  body.site-menu-open {
    overflow: hidden;
  }
  
  @media (prefers-reduced-motion: reduce) {
    .site-header__toggle-line,
    .site-header__panel,
    .site-header__backdrop,
    .site-header__nav-item,
    .site-header__actions {
      transition: none;
    }
  
    .certifications .certifications__logos-scroll {
      animation: none;
    }
  
    .testimonials .testimonials__card {
      transition: none;
    }
  }
  
  
  /*service page */
  .service-page-hero {
    padding-top: 148px;
    padding-bottom: 30px;
  }
  
  .service-page-hero .service-page-hero__intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 56px;
  }
  
  .service-page-hero .service-page-hero__title-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 567px;
  }
  
  .service-page-hero .service-page-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: "JetBrains Mono", monospace;
    font-size: 18px;
    font-weight: 400;
    line-height: 22.4px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    color: #ff6e44;
  }
  
  .service-page-hero .services__dot {
      display: inline-block;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: #ff6e44;
      flex-shrink: 0;
  }
  
  .service-page-hero .service-page-hero__title {
    display: flex;
    flex-direction: column;
    font-size: 62px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -2px;
    color: rgba(21, 9, 88, 0.7);
  }
  
  .service-page-hero .service-page-hero__title-line {
    display: block;
  }
  
  .service-page-hero .service-page-hero__title-accent {
    font-weight: 600;
    color: #150958;
  }
  
  .service-page-hero .service-page-hero__content {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 529px;
  }
  
  .service-page-hero .service-page-hero__description {
    font-size: 24px;
    line-height: normal;
    color: rgba(21, 9, 88, 0.8);
  }
  
  .service-page-hero .service-page-hero__cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 146px;
    padding: 10px;
    background-color: #150958;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
  }
  
  .service-page-hero .service-page-hero__media-panel {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 30px;
    background-color: #f5efe3;
  }
  
  .service-page-hero .service-page-hero__media-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "JetBrains Mono", monospace;
    font-size: 18px;
    line-height: 16px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: rgba(21, 9, 88, 0.5);
  }
  
  .service-page-hero .service-page-hero__figure {
    width: 100%;
    margin: 0;
  }
  
  .service-page-hero .service-page-hero__image {
    width: 100%;
    height: 632px;
    object-fit: cover;
  }
  
  .service-page-hero .service-page-hero__media-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 18px;
    border-top: 0.5px solid #150958;
    font-family: "JetBrains Mono", monospace;
    font-size: 18px;
    line-height: 20px;
    color: rgba(21, 9, 88, 0.5);
  }
  .service-page-hero .service-hero-footer-text {
    color: rgba(21, 9, 88, 0.80);
    text-align: center;
    font-family: Manrope;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 914px;
    margin: 62px auto 0;
  }
  
  .section-divider .services__divider {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
  }
  
  .section-divider .services__divider-line {
    flex: 1;
    height: 1px;
    background-color: rgba(255, 110, 68, 0.45);
  }
  
  .section-divider .services__divider-image {
    flex-shrink: 0;
    display: block;
    width: auto;
    height: 34px;
    object-fit: contain;
  }
  
  .services {
          padding: 92px 0 112px;
        }
  #services {
    padding: 0 0 160px;
  }
  
        .services .services__list {
          display: flex;
          flex-direction: column;
          gap: 80px;
        }
  
        .services .services__item {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 56px;
        }
  
        .services .services__item-media {
          flex: 0 0 48%;
          max-width: 556px;
          width: 100%;
        }
  
        .services .services__item-image {
          width: 100%;
          height: 675px;
          object-fit: cover;
          display: block;
        }
  
        .services .services__item-content {
          flex: 1;
          max-width: 100%;
          min-width: 0;
        }
  
        .services .services__item-label {
          font-family: "JetBrains Mono", monospace;
          font-size: 14px;
          font-weight: 400;
          line-height: 142%;
          text-transform: uppercase;
          color: #07163066;
          margin-bottom: 12px;
        }
  
        .services .services__item-title {
          font-family: "Manrope", sans-serif;
          font-size: 48px;
          font-weight: 400;
          line-height: 110%;
          letter-spacing: -0.96px;
          color: #0d1936;
          margin-bottom: 24px;
        }
  
        .services .services__item-description {
          font-family: "Manrope", sans-serif;
          font-size: 18px;
          font-weight: 400;
          line-height: 162%;
          color: #2b3752;
          margin-bottom: 32px;
          max-width: 476px;
        }
  
        .services .service-points {
          padding-top: 18px;
          display: flex;
          flex-direction: column;
          border-top: 1px solid #e3ddd3;
        }
  
        .services .service-point {
          display: grid;
          grid-template-columns: 28px minmax(126px, 142px) minmax(160px, 430px);
          align-items: start;
          padding: 24px 0;
          border-bottom: 1px solid #e3ddd3;
          gap: 6px;
        }
  
        .services .service-point__number {
          font-family: "JetBrains Mono", monospace;
          font-size: 14px;
          font-weight: 400;
          line-height: 172%;
          color: #ff6e44;
        }
  
        .services .service-point__title {
          font-family: "Manrope", sans-serif;
          font-size: 20px;
          font-weight: 400;
          line-height: 136%;
          letter-spacing: -0.4px;
          color: #150958;
        }
  
        .services .service-point__text {
          font-family: "Manrope", sans-serif;
          font-size: 16px;
          font-weight: 400;
          line-height: 162%;
          color: #071630b2;
          margin-left: 72px;
        }
  
        .services .services__item--image-right {
          flex-direction: row-reverse;
        }
        .services .service-point:last-child {
          border-bottom: none;
        }
  
  .process {
          padding: 0 0 112px;
        }
  
        .process .process__panel {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 92px;
          padding: 62px 40px;
          border-radius: 30px;
          background-color: #f5efe3;
        }
  
        .process .process__left {
          display: flex;
          flex-direction: column;
          gap: 54px;
          flex: 1;
          min-width: 0;
          max-width: 720px;
        }
  
        .process .process__heading-group {
          display: flex;
          flex-direction: column;
          gap: 20px;
        }
  
        .process .process__eyebrow {
          display: flex;
          align-items: center;
          gap: 6px;
          font-family: "JetBrains Mono", monospace;
          font-size: 18px;
          line-height: 124%;
          letter-spacing: -0.5px;
          text-transform: uppercase;
          color: #ff6e44;
        }
  
        .process .process__dot {
          display: inline-block;
          width: 4px;
          height: 4px;
          border-radius: 50%;
          background-color: #ff6e44;
        }
  
        .process .process__title {
          font-family: "Manrope", sans-serif;
          font-size: 50px;
          font-weight: 400;
          line-height: 110%;
          letter-spacing: -2px;
          color: #150958;
          max-width: 540px;
        }
  
        .process .process__timeline {
          position: relative;
          width: 100%;
        }
  
        .process .process__steps {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          column-gap: 30px;
          position: relative;
          padding-top: 32px;
          list-style: none;
        }
  
        .process .process__steps::before {
          content: "";
          position: absolute;
          top: 7px;
          left: 0;
          right: 0;
          height: 2px;
          background-color: rgba(255, 110, 68, 0.35);
        }
  
        .process .process__step {
          display: flex;
          flex-direction: column;
          gap: 8px;
          position: relative;
          min-width: 0;
        }
  
        .process .process__step-dot {
          position: absolute;
          top: -31px;
          left: 0;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          background-color: #ff6e44;
        }
  
        .process .process__step-number {
          font-family: "JetBrains Mono", monospace;
          font-size: 13px;
          line-height: normal;
          font-weight: 400;
          color: #15095880;
        }
  
        .process .process__step-title {
          font-family: "Manrope", sans-serif;
          font-size: 18px;
          font-weight: 700;
          line-height: normal;
          letter-spacing: -0.2px;
          color: #150958;
        }
  
        .process .process__step-text {
          font-family: "Manrope", sans-serif;
          font-size: 14.5px;
          font-weight: 400;
          line-height: 156%;
          color: #150958;
        }
  
        .process .process__right {
          display: flex;
          flex-direction: column;
          gap: 32px;
          flex-shrink: 0;
          width: 464px;
          max-width: 100%;
        }
  
        .process .process__copy {
          display: flex;
          flex-direction: column;
          gap: 20px;
        }
  
        .process .process__description {
          font-family: "Manrope", sans-serif;
          font-size: 18px;
          font-weight: 400;
          line-height: 162%;
          color: #130865;
        }
  
        .process .process__cta-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          align-self: flex-start;
          min-width: 146px;
          padding: 12px 18px;
          background-color: #150958;
          color: #ffffff;
          font-family: "Manrope", sans-serif;
          font-size: 18px;
          font-weight: 500;
          line-height: normal;
          text-transform: uppercase;
          border-radius: 8px;
        }
  
  .service-testinomials {
      padding: 98px 0;
  }
  
  .service-contact {
      margin: 98px 0 22px;
  }
  
  .service-testinomials {
          padding: 40px 0 112px;
          overflow: hidden;
          background-color: #ffffff;
        }
  
        .service-testinomials .testimonials__header {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 16px;
          margin: 0 auto 48px;
          max-width: var(--container-max);
          padding-left: var(--container-padding);
          padding-right: var(--container-padding);
          text-align: center;
          box-sizing: border-box;
        }
  
        .service-testinomials .testimonials__eyebrow {
          margin: 0;
          font-family: "JetBrains Mono", sans-serif;
          font-size: 18px;
          font-weight: 500;
          letter-spacing: 0.72px;
          text-transform: uppercase;
          color: #ff6e44;
        }
  
        .service-testinomials .testimonials__title {
          margin: 0;
          max-width: 640px;
          font-family: "Manrope", sans-serif;
          font-size: 50px;
          font-weight: 400;
          line-height: 1.1;
          letter-spacing: -2px;
          color: #150958;
        }
  
        .service-testinomials .testimonials__slider {
          position: relative;
          width: 100%;
        }
  
        .service-testinomials .testimonials__swiper {
          width: 100%;
          overflow: hidden;
          padding-bottom: 4px;
        }
  
        .service-testinomials .swiper-wrapper {
          align-items: stretch;
        }
  
        .service-testinomials .swiper-slide {
          height: auto;
          box-sizing: border-box;
        }
  
        .service-testinomials .testimonials__card {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          gap: 30px;
          height: 100%;
          min-height: 280px;
          padding: 30px 50px;
          border: 1px solid #cac7b180;
          background-color: #ffffff;
          box-sizing: border-box;
        }
  
        .service-testinomials .testimonials__quote {
          margin: 0;
          font-family: "Manrope", sans-serif;
          font-size: 24px;
          font-weight: 400;
          line-height: normal;
          letter-spacing: -1px;
          color: #150958cc;
        }
  
        .service-testinomials .testimonials__quote::before {
          content: "\201C";
        }
  
        .service-testinomials .testimonials__quote::after {
          content: "\201D";
        }
  
        .service-testinomials .testimonials__author {
          display: flex;
          flex-direction: column;
          gap: 4px;
        }
  
        .service-testinomials .testimonials__author-name {
          margin: 0;
          font-family: "Manrope", sans-serif;
          font-size: 16px;
          font-weight: 300;
          line-height: 140%;
          letter-spacing: -1px;
          color: #130865cc;
        }
  
        .service-testinomials .testimonials__author-location {
          margin: 0;
          font-family: "JetBrains Mono", sans-serif;
          font-size: 18px;
          font-weight: 400;
          line-height: 124%;
          color: #ff6e44;
          letter-spacing: -0.5px;
        }
  
        .service-testinomials .testimonials__nav {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 12px;
          margin-top: 40px;
        }
  
        .service-testinomials .testimonials__nav-btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 48px;
          height: 48px;
          padding: 0;
          border: none;
          border-radius: 50%;
          cursor: pointer;
          transition:
            background-color 0.25s ease,
            opacity 0.25s ease;
        }
  
        .service-testinomials .testimonials__nav-btn--prev {
          background-color: #150958;
        }
  
        .service-testinomials .testimonials__nav-btn--next {
          background-color: #150958;
        }
  
        .service-testinomials .testimonials__nav-btn:hover {
          opacity: 0.85;
        }
  
        .service-testinomials .testimonials__nav-btn:focus-visible {
          outline: 2px solid #ff6e44;
          outline-offset: 3px;
        }
  
        .service-testinomials .testimonials__nav-btn svg {
          display: block;
          width: 14px;
          height: 14px;
        }
  
        .service-testinomials .testimonials__nav-btn.swiper-button-disabled {
          opacity: 0.45;
          cursor: default;
        }
  
  /* service area page */
  .sa-section {
          margin: 0 auto;
          padding: 160px 0px 36px;
        }
  
        .sa-section .sa-top {
          display: grid;
          grid-template-columns: 1.15fr 1fr;
          gap: 60px;
          align-items: start;
          margin-bottom: 56px;
        }
  
        .sa-section .sa-eyebrow {
          font-family: "JetBrains Mono", monospace;
          font-weight: 400;
          font-size: 18px;
          line-height: 22.4px;
          letter-spacing: -0.5px;
          vertical-align: middle;
          color: #ff6e44;
          margin: 0 0 20px;
          text-transform: uppercase;
        }
  
        .sa-section .sa-headline {
          font-family: "Manrope", sans-serif;
          font-weight: 500;
          font-size: 62px;
          line-height: 120%;
          letter-spacing: -2px;
          color: #150958e5;
          margin: 0;
          max-width: 568px;
        }
  
        .sa-section .sa-headline .sa-accent {
          color: var(--orange);
          font-weight: 700;
        }
  
        .sa-section .sa-copy-col p {
          font-family: "Manrope", sans-serif;
          font-weight: 400;
          font-size: 24px;
          line-height: normal;
          letter-spacing: 0px;
          color: #150958b2;
          margin: 0 0 40px;
          max-width: 530px;
        }
  
        .sa-section .sa-copy-col p:last-of-type {
          margin-bottom: 32px;
        }
  
        .sa-section .sa-btn-book {
          display: inline-block;
          background: #150958;
          color: #fff;
          font-family: "Manrope", sans-serif;
          font-weight: 500;
          font-size: 18px;
          line-height: 100%;
          letter-spacing: 0px;
          text-decoration: none;
          padding: 10px 31.5px;
          border-radius: 0px;
          transition:
            background 0.2s ease,
            transform 0.2s ease;
        }
  
        .sa-section .sa-btn-book:hover {
          background: #14103a;
          transform: translateY(-1px);
        }
  
        .sa-section .sa-map-frame {
          width: 100%;
          border-radius: 20px;
          overflow: hidden;
        }
  
        .sa-section .sa-map-frame img {
          display: block;
          width: 100%;
          height: auto;
        }
  
  .ts-section {
          background: #f5efe3;
        }
  
        .ts-section .ts-wrap {
          max-width: 1352px;
          margin: 0 auto;
          padding: 58px 0px;
        }
  
        .ts-section .ts-grid {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 60px;
        }
  .ts-section .ts-copy {
          font-family: "Manrope", sans-serif;
          font-weight: 400;
          font-size: 30px;
          line-height: 41.25px;
          letter-spacing: 0px;
          color: #150958;
          margin: 0;
          max-width: 865px;
        }
  
        .ts-section .ts-copy .ts-accent {
          color: var(--orange);
        }
  
        .ts-section .ts-stats {
          flex: 1;
          display: grid;
          grid-template-columns: 1fr 1fr;
          row-gap: 24px;
          column-gap: 24px;
        }
  
        .ts-section .ts-stat-value {
          display: block;
          font-family: "JetBrains Mono", monospace;
          font-weight: 400;
          font-size: 30px;
          line-height: 36px;
          letter-spacing: 0px;
          color: #dd5316;
          margin: 0 0 4px;
        }
  
        .ts-section .ts-stat-label {
          display: block;
          font-family: "JetBrains Mono", monospace;
          font-weight: 400;
          font-size: 12px;
          line-height: 16px;
          letter-spacing: 1.2px;
          text-transform: uppercase;
          color: #150958cc;
          text-transform: uppercase;
        }
  
  .reg-section {
          max-width: 1352px;
          margin: 0 auto;
          padding: 0;
        }
  
        .reg-section .reg-tabs {
          display: flex;
          justify-content: center;
          gap: 32px;
          margin-bottom: 85px;
        margin-top: 40px;
          flex-wrap: wrap;
        }
  
        .reg-section .reg-tab {
          appearance: none;
          background: none;
          border: none;
          cursor: pointer;
          padding: 10px;
          font-family: "Manrope", sans-serif;
          font-weight: 600;
          font-size: 16px;
          line-height: 19.5px;
          letter-spacing: 2.6px;
          text-align: center;
          text-transform: capitalize;
          color: #13086580;
          position: relative;
          transition: color 0.2s ease;
        }
  
        .reg-section .reg-tab::after {
          content: "";
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          height: 1px;
          background: #ff6e44;
          transform: scaleX(0);
          transition: transform 0.2s ease;
        }
  
        .reg-section .reg-tab.is-active {
          color: #130865;
        }
  
        .reg-section .reg-tab.is-active::after {
          transform: scaleX(1);
        }
  
        .reg-section .reg-body {
          display: flex;
          align-items: flex-start;
          gap: 118px;
        }
  
        .reg-section .reg-left {
          flex: 1;
          max-width: 430px;
        }
  
        .reg-section .reg-eyebrow {
          font-family: "JetBrains Mono", monospace;
          font-weight: 400;
          font-size: 12px;
          line-height: 16px;
          letter-spacing: 3.36px;
          text-transform: uppercase;
          color: #ff6e44;
          margin: 0 0 12px;
        }
  
        .reg-section .reg-title {
          font-family: "Manrope", sans-serif;
          font-weight: 500;
          font-size: 48px;
          line-height: 50.4px;
          letter-spacing: -0.96px;
          color: #150958;
          margin: 0 0 24px;
        }
  
        .reg-section .reg-desc {
          font-family: "Manrope", sans-serif;
          font-weight: 400;
          font-size: 16px;
          line-height: 26px;
          letter-spacing: 0px;
          color: #454d5e;
          margin: 0 0 24px;
        }
  
        .reg-section .reg-btn {
          display: inline-block;
          background: #150958;
          color: #fff;
          font-family: "Manrope", sans-serif;
          font-weight: 500;
          font-size: 18px;
          line-height: 100%;
          letter-spacing: 0px;
          text-decoration: none;
          padding: 10px 31.5px;
          margin-bottom: 24px;
          transition:
            background 0.2s ease,
            transform 0.2s ease;
            border-radius: 8px;
        }
  
        .reg-section .reg-btn:hover {
          background: #14103a;
          transform: translateY(-1px);
        }
  
        .reg-section .reg-image-wrap {
          width: 100%;
          border-radius: 16px;
          overflow: hidden;
        }
  
        .reg-section .reg-image-wrap img {
          display: block;
          width: 100%;
          height: auto;
          object-fit: cover;
        }
  
        .reg-section .reg-right {
          flex: 1.3;
          max-width: 762px;
        }
  
        .reg-section .reg-list {
          display: flex;
          flex-direction: column;
        }
  
        .reg-section .reg-list-item {
          display: flex;
          gap: 24px;
          align-items: flex-start;
          padding: 24px 0;
          border-top: 1px solid #ddd3c2b2;
        }
  
        .reg-section .reg-num {
          font-family: "Manrope", sans-serif;
          font-weight: 400;
          font-size: 12px;
          line-height: 16px;
          letter-spacing: 0px;
          color: #00000099;
          width: 15px;
          flex-shrink: 0;
        }
  
        .reg-section .reg-name {
          font-family: "Manrope", sans-serif;
          font-weight: 500;
          font-size: 24px;
          line-height: 30px;
          letter-spacing: -0.48px;
          color: #ff6e44;
          width: 228px;
          flex-shrink: 0;
        }
  
        .reg-section .reg-item-desc {
          font-family: "Manrope", sans-serif;
          font-weight: 400;
          font-size: 14px;
          line-height: 22.75px;
          letter-spacing: 0px;
          color: #150958cc;
          flex: 1;
        }
  
        .reg-section .reg-footer-divider {
          display: flex;
          align-items: center;
          gap: 30px;
          margin-top: 80px;
        margin-bottom: 80px;
        }
  
        .reg-section .reg-footer-line {
          flex: 1;
          height: 0.5px;
          background: #ff6e44;
        }
  
        .reg-section .reg-footer-icon {
          display: flex;
          align-items: center;
          justify-content: center;
          flex-shrink: 0;
        }
  
        .reg-section .reg-footer-icon svg {
          width: 24px;
          height: auto;
        }
  
  .skc-section {
          background: #f5efe3;
          max-width: 100%;
          margin: 0 auto;
          padding: 42px 0px;
        }
  
        .skc-section .skc-body {
          max-width: 1352px;
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
          gap: 60px;
          align-items: center;
        }
  
        .skc-section .skc-list {
          flex: 1.3;
          display: flex;
          flex-direction: column;
          max-width: 762px;
        }
  
        .skc-section .skc-list-item {
          display: flex;
          gap: 32px;
          align-items: flex-start;
          padding: 24px 0;
          border-top: 1px solid rgba(21, 9, 88, 0.1);
        }
  
        .skc-section .skc-num {
          font-family: "Manrope", sans-serif;
          font-weight: 200;
          font-size: 12px;
          line-height: 16px;
          letter-spacing: 0px;
          color: #00000099;
          width: 14.5px;
          flex-shrink: 0;
        }
  
        .skc-section .skc-name {
          font-family: "Manrope", sans-serif;
          font-weight: 500;
          font-size: 24px;
          line-height: 30px;
          letter-spacing: -0.48px;
          color: #ff6e44;
          flex-shrink: 0;
        }
  
        .skc-section .skc-name {
          font-family: "Manrope", sans-serif;
          font-weight: 500;
          font-size: 24px;
          line-height: 30px;
          letter-spacing: -0.48px;
          color: #ff6e44;
          flex-shrink: 0;
          max-width: 228px;
          width: 100%;
        }
  
        .skc-section .skc-content {
          flex: 1;
          max-width: 430px;
        }
  
        .skc-section .skc-eyebrow {
          font-family: "JetBrains Mono", monospace;
          font-weight: 400;
          font-size: 12px;
          line-height: 16px;
          letter-spacing: 3.36px;
          text-transform: uppercase;
          color: #ff6e44;
          margin: 0 0 12px;
        }
  
        .skc-section .skc-title {
          font-family: "Manrope", sans-serif;
          font-weight: 500;
          font-size: 48px;
          line-height: 50.4px;
          letter-spacing: -0.96px;
          color: #150958;
          margin: 0 0 24px;
        }
  
        .skc-section .skc-desc {
          font-family: "Manrope", sans-serif;
          font-weight: 400;
          font-size: 16px;
          line-height: 26px;
          letter-spacing: 0px;
          color: #454d5e;
          margin: 0 0 24px;
        }
  
        .skc-section .skc-btn {
          display: inline-block;
          background: #150958;
          color: #fff;
          font-family: "Manrope", sans-serif;
          font-weight: 500;
          font-size: 18px;
          line-height: 100%;
          letter-spacing: 0px;
          text-decoration: none;
          padding: 10px 31.5px;
          margin-bottom: 24px;
          transition:
            background 0.2s ease,
            transform 0.2s ease;
            border-radius: 8px;
        }
  
        .skc-section .skc-btn:hover {
          background: #14103a;
          transform: translateY(-1px);
        }
  
        .skc-section .skc-image-wrap {
          width: 100%;
          border-radius: 12px;
          overflow: hidden;
        }
  
        .skc-section .skc-image-wrap img {
          display: block;
          width: 100%;
          height: auto;
          object-fit: cover;
        }
  
  .service-area {
    padding: 80px 0;
  }
  .service-area .services__divider {
    display: flex;
      align-items: center;
      gap: 30px;
      width: 100%;
  }
  .service-area .services__divider-line {
      flex: 1;
      height: 1px;
      background-color: rgba(255, 110, 68, 0.45);
  }
  .service-area .services__divider-image {
      flex-shrink: 0;
      display: block;
      width: auto;
      height: 34px;
      object-fit: contain;
  }
  
  .stats .stats__map-svg,
  .stats .stats__map-pins-overlay {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px;
  }
  
  .stats .stats__map-pins-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
  }
  
  .stats .stats__map-pins-overlay .map-marker {
    pointer-events: auto;
  }
  
  .stats .stats__map-svg .map-marker.is-active .map-marker__label-bg,
  .stats .stats__map-pins-overlay .map-marker.is-active .map-marker__label-bg {
    stroke: #150958;
    stroke-width: 1.5;
  }
  
  .stats .stats__map-svg .map-marker:focus-visible .map-marker__label-bg,
  .stats .stats__map-pins-overlay .map-marker:focus-visible .map-marker__label-bg {
    stroke: #ff6e44;
    stroke-width: 2;
  }
  
  
  @media (max-width: 1024px) {
      .service-page-hero .service-page-hero__title {
          font-size: 48px;
      }
      .service-page-hero {
          padding-top: 120px;
          padding-bottom: 60px;
      }
      
      .service-page-hero .service-page-hero__intro {
          flex-direction: column;
          align-items: flex-start;
      }
      
      .service-page-hero .service-page-hero__title-block,
      .service-page-hero .service-page-hero__content {
          max-width: 100%;
      }
      
      .service-page-hero .service-page-hero__image {
          height: 400px;
      }
      .services .services__title,
    .process .process__title,
    .testimonials .testimonials__title {
      font-size: 40px;
    }
  
    .services {
            padding: 64px 0 80px;
          }
  
          .services .services__list {
            gap: 64px;
          }
  
          .services .services__item,
          .services .services__item--image-right {
            flex-direction: column;
            align-items: stretch;
            gap: 32px;
          }
  
          .services .services__item-media {
            flex: none;
            max-width: 100%;
            order: 1;
          }
  
          .services .services__item-content {
            order: 2;
            max-width: 100%;
          }
  
          .services .services__item-image {
            height: 420px;
          }
  
          .services .services__item-title {
            font-size: 36px;
            letter-spacing: -0.72px;
          }
  
          .services .services__item-description {
            max-width: 100%;
          }
  
          .services .service-point {
            grid-template-columns: 28px minmax(120px, 162px) minmax(160px, 1.5fr);
            gap: 8px 12px;
            margin-left: 0;
          }
  
          .services .service-point__text {
            margin-left: 62px;
          }
    
    .process {
            padding: 0 0 80px;
          }
  
          .process .process__panel {
            flex-direction: column;
            align-items: stretch;
            gap: 40px;
            padding: 40px 32px;
          }
  
          .process .process__left,
          .process .process__right {
            max-width: 100%;
            width: 100%;
          }
  
          .process .process__title {
            font-size: 40px;
            letter-spacing: -1.5px;
            max-width: 100%;
          }
  
          .process .process__steps {
            column-gap: 24px;
          }
    
    .service-testinomials {
      padding: 68px 0;
  }
    
     .service-testinomials {
            padding: 68px 0;
          }
  
          .service-testinomials .testimonials__header {
            gap: 12px;
            margin-bottom: 40px;
          }
  
          .service-testinomials .testimonials__eyebrow {
            font-size: 16px;
            letter-spacing: 0.64px;
          }
  
          .service-testinomials .testimonials__title {
            font-size: 40px;
            line-height: 1.15;
            letter-spacing: -1.5px;
          }
  
          .service-testinomials .testimonials__card {
            min-height: 240px;
            padding: 28px 32px;
            gap: 24px;
          }
  
          .service-testinomials .testimonials__quote {
            font-size: 20px;
            letter-spacing: -0.75px;
            line-height: 1.4;
          }
  
          .service-testinomials .testimonials__author-name {
            font-size: 15px;
            letter-spacing: -0.75px;
          }
  
          .service-testinomials .testimonials__author-location {
            font-size: 16px;
            letter-spacing: -0.4px;
          }
  
          .service-testinomials .testimonials__nav {
            margin-top: 32px;
          }
    
    .sa-section {
      padding: 120px 0px 48px;
    }
  
    .sa-section .sa-top {
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      margin-bottom: 56px;
    }
  
    .sa-section .sa-eyebrow {
      font-size: 16px;
      margin-bottom: 16px;
    }
  
    .sa-section .sa-headline {
      font-size: 48px;
      line-height: 120%;
      letter-spacing: -1.5px;
      max-width: 100%;
    }
  
    .sa-section .sa-copy-col p {
      font-size: 20px;
      max-width: 100%;
      margin-bottom: 28px;
    }
  
    .sa-section .sa-copy-col p:last-of-type {
      margin-bottom: 24px;
    }
  
    .sa-section .sa-btn-book {
      font-size: 16px;
      padding: 10px 28px;
    }
  
    .sa-section .sa-map-frame {
      border-radius: 16px;
    }
    
    .ts-section .ts-wrap {
      padding: 50px 0px;
    }
  
    .ts-section .ts-grid {
      gap: 40px;
      align-items: flex-start;
    }
  
    .ts-section .ts-copy {
      font-size: 24px;
      line-height: 36px;
      max-width: 600px;
    }
  
    .ts-section .ts-stats {
      min-width: 320px;
      row-gap: 20px;
      column-gap: 20px;
    }
  
    .ts-section .ts-stat-value {
      font-size: 26px;
      line-height: 32px;
    }
  
    .ts-section .ts-stat-label {
      font-size: 11px;
      line-height: 15px;
      letter-spacing: 1px;
    }
    
    .reg-section {
      padding: 0;
    }
  
    .reg-section .reg-tabs {
      gap: 20px;
      margin-bottom: 60px;
      margin-top: 60px;
    }
  
    .reg-section .reg-tab {
      font-size: 15px;
      letter-spacing: 2px;
    }
  
    .reg-section .reg-body {
      gap: 50px;
    }
  
    .reg-section .reg-left {
      max-width: 360px;
    }
  
    .reg-section .reg-title {
      font-size: 40px;
      line-height: 120%;
      margin-bottom: 20px;
    }
  
    .reg-section .reg-desc {
      font-size: 15px;
      line-height: 24px;
    }
  
    .reg-section .reg-btn {
      font-size: 16px;
      padding: 10px 28px;
    }
  
    .reg-section .reg-right {
      max-width: 100%;
    }
  
    .reg-section .reg-list-item {
      gap: 18px;
      padding: 20px 0;
    }
  
    .reg-section .reg-name {
      width: 180px;
      font-size: 20px;
      line-height: 28px;
    }
  
    .reg-section .reg-item-desc {
      font-size: 14px;
      line-height: 22px;
    }
  
    .reg-section .reg-footer-divider {
      margin-top: 60px;
      margin-bottom: 60px;
      gap: 20px;
    }
    
    .skc-section {
      padding: 60px 0px;
    }
  
    .skc-section .skc-body {
      gap: 50px;
      align-items: flex-start;
    }
  
    .skc-section .skc-list {
      max-width: 100%;
    }
  
    .skc-section .skc-content {
      max-width: 360px;
    }
  
    .skc-section .skc-title {
      font-size: 40px;
      line-height: 120%;
      margin-bottom: 20px;
    }
  
    .skc-section .skc-desc {
      font-size: 15px;
      line-height: 24px;
      margin-bottom: 20px;
    }
  
    .skc-section .skc-btn {
      font-size: 16px;
      padding: 10px 28px;
      margin-bottom: 20px;
    }
  
    .skc-section .skc-list-item {
      gap: 20px;
      padding: 20px 0;
    }
  
    .skc-section .skc-name {
      max-width: 180px;
      font-size: 20px;
      line-height: 28px;
    }
  
    .skc-section .skc-num {
      font-size: 11px;
    }
  
    .skc-section .skc-image-wrap {
      border-radius: 10px;
    }
    
    .service-area {
      padding: 50px 0;
    }
  }
  
  @media (max-width: 768px) {
      .service-page-hero .service-page-hero__title {
      font-size: 36px;
    }
    .service-page-hero .service-page-hero__description,
    .process .process__description {
      font-size: 20px;
    }
    .service-page-hero {
      padding-top: 106px;
      padding-bottom: 48px;
    }
  
    .service-page-hero .service-page-hero__intro {
      gap: 24px;
      margin-bottom: 32px;
    }
  
    .service-page-hero .service-page-hero__title {
      letter-spacing: -1px;
    }
  
    .service-page-hero .service-page-hero__media-panel {
      padding: 20px;
      gap: 20px;
    }
  
    .service-page-hero .service-page-hero__media-meta,
    .service-page-hero .service-page-hero__media-footer {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }
  
    .service-page-hero .service-page-hero__image {
      height: 260px;
    }
    
    .section-divider {
      /*padding: 24px 0;*/
      padding: 0;
    }
    .services .services__title,
    .process .process__title,
    .testimonials .testimonials__title {
      font-size: 32px;
      line-height: 32px;
    }
  
    .services .services__item-title {
      font-size: 26px;
    }
    .services .services__header,
    .testimonials .testimonials__header {
      margin-bottom: 40px;
    }
    .services {
            padding: 40px 0 56px;
          }
  
          .services .services__list {
            gap: 48px;
          }
  
          .services .services__item,
          .services .services__item--image-right {
            gap: 24px;
          }
  
          .services .services__item-image {
            height: 280px;
          }
  
          .services .services__item-label {
            font-size: 12px;
            margin-bottom: 10px;
          }
  
          .services .services__item-title {
            font-size: 28px;
            letter-spacing: -0.56px;
            margin-bottom: 16px;
          }
  
          .services .services__item-description {
            font-size: 16px;
            line-height: 156%;
            margin-bottom: 24px;
          }
  
          .services .service-points {
            padding-top: 12px;
          }
  
          .services .service-point {
            grid-template-columns: 24px 1fr;
            padding: 16px 0;
            gap: 4px 10px;
          }
  
          .services .service-point__number {
            font-size: 12px;
          }
  
          .services .service-point__title {
            font-size: 16px;
            letter-spacing: -0.32px;
          }
  
          .services .service-point__text {
            grid-column: 2 / -1;
            margin-left: 0;
            font-size: 14px;
            line-height: 156%;
          }
    .process {
            padding: 0 0 56px;
          }
  
          .process .process__panel {
            gap: 32px;
            padding: 28px 20px;
            border-radius: 20px;
          }
  
          .process .process__left {
            gap: 32px;
          }
  
          .process .process__eyebrow {
            font-size: 14px;
          }
  
          .process .process__title {
            font-size: 32px;
            letter-spacing: -1px;
          }
  
          .process .process__steps {
            grid-template-columns: 1fr;
            row-gap: 24px;
            padding-top: 0;
          }
  
          .process .process__steps::before {
            display: none;
          }
  
          .process .process__step-dot {
            display: none;
          }
  
          .process .process__right {
            gap: 24px;
          }
  
          .process .process__description {
            font-size: 16px;
          }
  
          .process .process__cta-btn {
            font-size: 16px;
          }
    
      .service-testinomials {
      padding: 48px 0;
  }
  .service-contact {
      margin: 48px 0 12px;
  }
    
    .service-testinomials {
            padding: 48px 0;
          }
  
          .service-testinomials .testimonials__header {
            gap: 10px;
            margin-bottom: 32px;
          }
  
          .service-testinomials .testimonials__eyebrow {
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.56px;
          }
  
          .service-testinomials .testimonials__title {
            font-size: 32px;
            line-height: 1.2;
            letter-spacing: -1px;
          }
  
          .service-testinomials .testimonials__card {
            min-height: auto;
            padding: 24px 20px;
            gap: 20px;
          }
  
          .service-testinomials .testimonials__quote {
            font-size: 16px;
            letter-spacing: -0.5px;
            line-height: 1.45;
          }
  
          .service-testinomials .testimonials__author {
            gap: 2px;
          }
  
          .service-testinomials .testimonials__author-name {
            font-size: 14px;
            letter-spacing: -0.5px;
            line-height: 140%;
          }
  
          .service-testinomials .testimonials__author-location {
            font-size: 14px;
            letter-spacing: -0.3px;
            line-height: 124%;
          }
  
          .service-testinomials .testimonials__nav {
            gap: 10px;
            margin-top: 28px;
          }
  
          .service-testinomials .testimonials__nav-btn {
            width: 44px;
            height: 44px;
          }
  
          .service-testinomials .testimonials__nav-btn svg {
            width: 12px;
            height: 12px;
          }
    
    .sa-section {
      padding: 80px 0 40px;
    }
  
    .sa-section .sa-top {
      grid-template-columns: 1fr;
      gap: 32px;
      margin-bottom: 40px;
    }
  
    .sa-section .sa-text-col,
    .sa-section .sa-copy-col {
      width: 100%;
    }
  
    .sa-section .sa-eyebrow {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 12px;
    }
  
    .sa-section .sa-headline {
      font-size: 34px;
      line-height: 120%;
      letter-spacing: -1px;
      max-width: 100%;
    }
  
    .sa-section .sa-copy-col p {
      font-size: 16px;
      line-height: 170%;
      margin-bottom: 20px;
      max-width: 100%;
    }
  
    .sa-section .sa-copy-col p:last-of-type {
      margin-bottom: 20px;
    }
  
    .sa-section .sa-btn-book {
      width: fit-content;
      font-size: 15px;
      padding: 10px 24px;
    }
  
    .sa-section .sa-map-frame {
      border-radius: 12px;
    }
  
    .sa-section .sa-map-frame img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }
    
    .ts-section .ts-wrap {
      padding: 40px 0px;
    }
  
    .ts-section .ts-grid {
      flex-direction: column;
      align-items: flex-start;
      gap: 32px;
    }
  
    .ts-section .ts-copy {
      font-size: 18px;
      line-height: 30px;
      max-width: 100%;
    }
  
    .ts-section .ts-stats {
      width: 100%;
      grid-template-columns: repeat(2, 1fr);
      gap: 24px 16px;
    }
  
    .ts-section .ts-stat-value {
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 6px;
    }
  
    .ts-section .ts-stat-label {
      font-size: 11px;
      line-height: 16px;
      letter-spacing: 1px;
    }
    
    .reg-section {
      padding: 0px;
    }
  
    .reg-section .reg-tabs {
      justify-content: flex-start;
      gap: 12px;
      margin-bottom: 40px;
      margin-top: 40px;
      overflow-x: auto;
      flex-wrap: nowrap;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
  
    .reg-section .reg-tabs::-webkit-scrollbar {
      display: none;
    }
  
    .reg-section .reg-tab {
      white-space: nowrap;
      flex-shrink: 0;
      font-size: 14px;
      letter-spacing: 1.5px;
    }
  
    .reg-section .reg-body {
      flex-direction: column;
      gap: 40px;
    }
  
    .reg-section .reg-left,
    .reg-section .reg-right {
      width: 100%;
      max-width: 100%;
    }
  
    .reg-section .reg-eyebrow {
      font-size: 11px;
      letter-spacing: 2.5px;
    }
  
    .reg-section .reg-title {
      font-size: 32px;
      line-height: 120%;
      margin-bottom: 16px;
    }
  
    .reg-section .reg-desc {
      font-size: 15px;
      line-height: 26px;
      margin-bottom: 20px;
    }
  
    .reg-section .reg-btn {
      font-size: 15px;
      padding: 10px 24px;
      margin-bottom: 20px;
    }
  
    .reg-section .reg-image-wrap {
      border-radius: 12px;
    }
  
    .reg-section .reg-list-item {
      flex-direction: column;
      gap: 12px;
      padding: 20px 0;
    }
  
    .reg-section .reg-num {
      width: auto;
      font-size: 12px;
    }
  
    .reg-section .reg-name {
      width: 100%;
      font-size: 20px;
      line-height: 28px;
    }
  
    .reg-section .reg-item-desc {
      width: 100%;
      font-size: 14px;
      line-height: 24px;
    }
  
    .reg-section .reg-footer-divider {
      margin-top: 40px;
      margin-bottom: 40px;
      gap: 16px;
    }
  
    .reg-section .reg-footer-icon svg {
      width: 20px;
    }
    
    .skc-section {
      padding: 50px 0px;
    }
  
    .skc-section .skc-body {
      flex-direction: column-reverse;
      gap: 40px;
      align-items: flex-start;
    }
  
    .skc-section .skc-content,
    .skc-section .skc-list {
      width: 100%;
      max-width: 100%;
    }
  
    .skc-section .skc-eyebrow {
      font-size: 11px;
      letter-spacing: 2.5px;
      margin-bottom: 10px;
    }
  
    .skc-section .skc-title {
      font-size: 32px;
      line-height: 120%;
      margin-bottom: 16px;
    }
  
    .skc-section .skc-desc {
      font-size: 15px;
      line-height: 26px;
      margin-bottom: 20px;
    }
  
    .skc-section .skc-btn {
      font-size: 15px;
      padding: 10px 24px;
      margin-bottom: 20px;
    }
  
    .skc-section .skc-image-wrap {
      border-radius: 10px;
    }
  
    .skc-section .skc-list-item {
      flex-direction: column;
      gap: 12px;
      padding: 20px 0;
    }
  
    .skc-section .skc-num {
      width: auto;
      font-size: 12px;
    }
  
    .skc-section .skc-name {
      max-width: 100%;
      width: 100%;
      font-size: 20px;
      line-height: 28px;
    }
    .service-area {
      padding: 30px 0;
    }
  }
  
  
/* ==========================================================================
   Responsive Supplement — missing selectors & missing properties
   Appended only. Does not modify any existing rules above.
   Desktop-first: tablet ≤1024px, mobile ≤768px.
   ========================================================================== */

@media (max-width: 1024px) {
  /* Hero — previously missing content / type scale */
  .hero .hero__content {
    max-width: 100%;
    padding: 32px 28px;
    gap: 14px;
    border-radius: 22px;
  }

  .hero .hero__text-box {
    gap: 12px;
  }

  .hero .sub-title {
    font-size: 10.5px;
    letter-spacing: 2.2px;
  }

  .hero .hero__title {
    font-size: 50px;
    line-height: 1.05;
    letter-spacing: -1.5px;
  }

  .hero .hero__lead {
    font-size: 16px;
    line-height: 156%;
    max-width: 100%;
  }

  .hero .hero__btn {
    font-size: 16px;
    padding: 10px 20px;
  }

  /* About */
  .about .about__content h3 {
    font-size: 22px;
    line-height: 130%;
    margin-bottom: 10px;
  }

  .about .about__card-image-wrap {
    height: 420px;
  }

  .about .about__card-body {
    padding: 32px 20px;
    gap: 20px;
  }

  .about .about__cta-btn {
    width: auto;
    min-width: 160px;
    font-size: 16px;
  }

  .about .about__card-link {
    font-size: 15px;
  }

  .about .about__card-logo {
    width: 44px;
    height: 62px;
  }

  /* Contact */
  .contact h6 {
    font-size: 16px;
  }

  .contact .contact__lead {
    font-size: 15px;
    line-height: 22px;
  }

  .contact .contact__cards {
    padding-top: 40px;
    gap: 10px;
  }

  .contact .contact__card {
    min-width: 0;
    flex: 1 1 calc(50% - 5px);
    padding: 16px 14px;
  }

  .contact .contact__card-label {
    font-size: 14px;
  }

  .contact .contact__form {
    gap: 22px;
  }

  .contact .contact__form-label {
    font-size: 18px;
  }

  .contact .contact__form-submit {
    width: auto;
    min-width: 160px;
    font-size: 16px;
  }

  /* Services (homepage cards) */
  .services .services__header-text {
    margin-top: 32px;
    gap: 12px;
  }

  .services .services__card {
    gap: 20px;
  }

  .services .services__card-footer {
    gap: 12px;
  }

  .services .services__card-text h3 {
    margin-bottom: 6px;
  }

  .services .services__card-number {
    font-size: 16px;
  }

  .services .services__view-all-btn {
    width: auto;
    min-width: 146px;
    font-size: 16px;
  }

  .services .services__divider {
    gap: 20px;
  }

  .services .services__divider-image {
    height: 28px;
  }

  #services {
    padding: 0 0 100px;
  }

  /* Certifications */
  .certifications {
    padding: 32px 0 56px;
  }

  .certifications .certifications__divider {
    gap: 20px;
  }

  .certifications .certifications__divider-image {
    height: 28px;
  }

  .certifications .certifications__logo {
    height: 48px;
  }

  .certifications .certifications__logo--isa {
    width: 26px;
  }

  .certifications .certifications__logo--tcia {
    height: 40px;
    width: 48px;
  }

  .certifications .certifications__logo--traq {
    width: 40px;
  }

  .certifications p.text-small {
    line-height: 26px;
  }

  /* Why Choose — metric typography */
  .why-choose .why-choose__metric-value {
    font-size: 20px;
    line-height: 1.35;
  }

  .why-choose .why-choose__metric-label {
    font-size: 17px;
    line-height: 1.4;
  }

  .why-choose .why-choose__watermark {
    width: 380px;
    height: 450px;
  }

  /* Stats */
  .stats .stats__header {
    gap: 28px;
    margin-bottom: 40px;
  }

  .stats .content-container {
    gap: 24px;
  }

  .stats .content-container p {
    font-size: 18px;
    line-height: 120%;
  }

  .stats .content-container ul li {
    font-size: 16px;
    line-height: 145%;
  }

  .stats .stats__metric-value {
    font-size: 28px;
    line-height: 1.2;
  }

  .stats .stats__metric-label {
    font-size: 17px;
    line-height: 1.35;
  }

  .stats .stats__map-popup__title {
    font-size: 20px;
  }

  .stats .stats__map-popup__text {
    font-size: 15px;
  }

  /* Gallery */
  .gallery .gallery__header {
    margin-top: 40px;
    margin-bottom: 40px;
    gap: 28px;
  }

  .gallery .gallery__header-left,
  .gallery .gallery__header-right {
    gap: 16px;
  }

  .gallery h6 {
    font-size: 16px;
  }

  .gallery h2 {
    line-height: 1.2;
  }

  .gallery .gallery__caption {
    padding: 14px 14px 12px;
    font-size: 14px;
  }

  .gallery .gallery__cta-btn {
    width: auto;
    min-width: 146px;
    font-size: 16px;
  }

  .gallery .gallery__grid {
    gap: 16px;
    margin-bottom: 40px;
  }

  .gallery .gallery__divider {
    gap: 20px;
  }

  .gallery .gallery__divider-image {
    height: 28px;
  }

  /* Testimonials */
  .testimonials .testimonials__header {
    gap: 12px;
  }

  .testimonials .testimonials__divider {
    gap: 14px;
    margin-bottom: 40px;
  }

  .testimonials .testimonials__divider-image {
    height: 28px;
  }

  .testimonials .testimonials__card {
    gap: 24px;
  }

  .testimonials h6 {
    font-size: 16px;
  }

  .testimonials blockquote {
    letter-spacing: -0.75px;
  }

  .testimonials .swiper-slide {
    max-width: calc(100vw - 64px);
  }

  /* Process (service-page process) */
  .process .process__eyebrow {
    font-size: 16px;
    letter-spacing: -0.4px;
  }

  .process .process__step-number {
    font-size: 12px;
  }

  .process .process__step-title {
    font-size: 16px;
  }

  .process .process__step-text {
    font-size: 14px;
  }

  .process .process__cta-btn {
    padding: 12px 16px;
    font-size: 16px;
  }

  .process .process__heading-group {
    gap: 16px;
  }

  .process .process__copy {
    gap: 16px;
  }

  /* Service page hero extras */
  .service-page-hero .service-page-hero__eyebrow {
    font-size: 16px;
  }

  .service-page-hero .service-page-hero__title-block {
    gap: 16px;
  }

  .service-page-hero .service-page-hero__content {
    gap: 24px;
  }

  .service-page-hero .service-page-hero__cta-btn {
    width: auto;
    min-width: 146px;
    font-size: 16px;
  }

  .service-page-hero .service-page-hero__media-meta,
  .service-page-hero .service-page-hero__media-footer {
    font-size: 14px;
    letter-spacing: 1.6px;
  }

  .service-page-hero .service-hero-footer-text {
    font-size: 20px;
    margin-top: 40px;
    max-width: 100%;
  }

  /* Service testimonials extras */
  .service-testinomials .testimonials__header {
    padding-left: 40px;
    padding-right: 40px;
  }

  .service-testinomials .testimonials__card {
    min-height: 240px;
  }

  /* Section / service-area dividers */
  .section-divider .services__divider,
  .service-area .services__divider {
    gap: 20px;
  }

  .section-divider .services__divider-image,
  .service-area .services__divider-image {
    height: 28px;
  }

  /* Footer */
  .site-footer .site-footer__logo {
    width: 260px;
    max-height: 118px;
  }

  .site-footer .site-footer__forest-image {
    min-height: 160px;
  }

  /* SA / TS / Reg / SKC polish */
  .sa-section .sa-eyebrow {
    letter-spacing: -0.4px;
  }

  .sa-section .sa-btn-book {
    letter-spacing: 0;
    line-height: 1;
  }

  .ts-section .ts-wrap {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .ts-section .ts-copy {
    letter-spacing: 0;
  }

  .reg-section .reg-title {
    letter-spacing: -0.8px;
  }

  .reg-section .reg-btn {
    letter-spacing: 0;
    line-height: 1;
  }

  .skc-section .skc-body {
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .skc-section .skc-title {
    letter-spacing: -0.8px;
  }

  .skc-section .skc-btn {
    letter-spacing: 0;
    line-height: 1;
  }
}

@media (max-width: 768px) {
  /* Hero */
  .hero .hero__content {
    padding: 24px 18px;
    gap: 12px;
    border-radius: 18px;
  }

  .hero .hero__text-box {
    gap: 10px;
  }

  .hero .sub-title {
    font-size: 10px;
    letter-spacing: 1.8px;
  }

  .hero .hero__title {
    font-size: 36px;
    line-height: 1.08;
    letter-spacing: -1px;
  }

  .hero .hero__lead {
    font-size: 15px;
    margin-top: 4px;
  }

  .hero .hero__btn {
    font-size: 15px;
    padding: 10px 18px;
    width: fit-content;
    min-width: 240px;
    justify-content: center;
  }

  /* About */
  .about .about__content h3 {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .about .about__card-image-wrap {
    height: 280px;
  }

  .about .about__card-body {
    padding: 24px 16px;
    gap: 16px;
  }

  .about .about__cta-btn {
    width: 100%;
    font-size: 16px;
  }

  .about .about__card-link {
    font-size: 14px;
  }

  .about .about__card-logo {
    width: 40px;
    height: 56px;
  }

  /* Contact */
  .contact h6 {
    font-size: 14px;
  }

  .contact .contact__info {
    gap: 10px;
  }

  .contact .contact__lead {
    font-size: 14px;
    line-height: 22px;
  }

  .contact .contact__cards {
    padding-top: 28px;
    gap: 10px;
  }

  .contact .contact__card {
    width: 100%;
    flex: 1 1 100%;
    padding: 14px 12px;
  }

  .contact .contact__card-label {
    font-size: 13px;
  }

  .contact .contact__form {
    gap: 18px;
  }

  .contact .contact__form-input,
  .contact .contact__form-textarea {
    font-size: 15px;
    padding: 10px;
  }

  .contact .contact__form-textarea {
    min-height: 88px;
  }

  .contact .contact__form-submit {
    width: 100%;
    font-size: 16px;
  }

  /* Services */
  .services .services__header-text {
    margin-top: 24px;
    gap: 10px;
  }

  .services .services__card {
    gap: 16px;
  }

  .services .services__card-footer {
/*     flex-direction: column; */
    gap: 8px;
  }

  .services .services__card-number {
    font-size: 14px;
  }

  .services .services__view-all-btn {
    width: 100%;
    font-size: 16px;
  }

  .services .services__divider {
    gap: 14px;
  }

  .services .services__divider-image {
    height: 22px;
  }

  #services {
    padding: 0 0 64px;
  }

  /* Certifications */
  .certifications {
    padding: 24px 0 40px;
  }

  .certifications .certifications__divider {
    gap: 14px;
  }

  .certifications .certifications__divider-image {
    height: 22px;
  }

  .certifications .certifications__logo {
    height: 40px;
  }

  .certifications .certifications__logo--isa {
    width: 24px;
  }

  .certifications .certifications__logo--tcia {
    height: 36px;
    width: 42px;
  }

  .certifications .certifications__logo--traq {
    width: 36px;
  }

  .certifications .certifications__logo--pnw {
    width: 120px;
  }

  .certifications p.text-small {
    line-height: 24px;
  }

  /* Why Choose */
  .why-choose .why-choose__metric-value {
    font-size: 18px;
  }

  .why-choose .why-choose__metric-label {
    font-size: 15px;
  }

  .why-choose .why-choose__watermark {
    width: 280px;
    height: 340px;
    opacity: 0.08;
  }

  /* Stats */
  .stats .stats__header {
    gap: 20px;
    margin-bottom: 32px;
  }

  .stats .content-container {
    gap: 20px;
  }

  .stats .content-container p {
    font-size: 15px;
    line-height: 125%;
  }

  .stats .content-container ul {
    padding-left: 18px;
  }

  .stats .content-container ul li {
    font-size: 15px;
    line-height: 150%;
  }

  .stats .stats__metric-value {
    font-size: 24px;
  }

  .stats .stats__metric-label {
    font-size: 15px;
  }

  .stats .stats__metric-value--large {
    letter-spacing: -0.5px;
    line-height: 1;
  }

  .stats .stats__map-popup__title {
    font-size: 18px;
  }

  .stats .stats__map-popup__text {
    font-size: 14px;
  }

  /* Gallery */
  .gallery .gallery__header {
    margin-top: 32px;
    margin-bottom: 32px;
    gap: 20px;
  }

  .gallery .gallery__header-left {
    gap: 12px;
  }

  .gallery .gallery__header-right {
    gap: 16px;
  }

  .gallery h6 {
    font-size: 14px;
  }

  .gallery .gallery__caption {
    padding: 12px 12px 10px;
    font-size: 13px;
    line-height: 1.4;
  }

  .gallery .gallery__cta-btn {
    width: 100%;
    font-size: 16px;
  }

  .gallery .gallery__grid {
    gap: 14px;
    margin-bottom: 36px;
  }

  .gallery .gallery__column {
    gap: 14px;
  }

  .gallery .gallery__divider {
    gap: 14px;
  }

  .gallery .gallery__divider-image {
    height: 22px;
  }

  /* Testimonials */
  .testimonials .testimonials__header {
    gap: 10px;
  }

  .testimonials .testimonials__divider {
    gap: 12px;
    margin-bottom: 32px;
  }

  .testimonials .testimonials__card {
    gap: 20px;
  }

  .testimonials h6 {
    font-size: 14px;
  }

  .testimonials blockquote {
    margin: 0;
    letter-spacing: -0.5px;
  }

  .testimonials .swiper-slide {
    max-width: calc(100vw - 48px);
    height: auto;
  }

  /* Process */
  .process .process__eyebrow {
    font-size: 14px;
    gap: 5px;
  }

  .process .process__heading-group {
    gap: 12px;
  }

  .process .process__copy {
    gap: 14px;
  }

  .process .process__step {
    gap: 6px;
  }

  .process .process__step-number {
    font-size: 12px;
  }

  .process .process__step-title {
    font-size: 16px;
  }

  .process .process__step-text {
    font-size: 13.5px;
  }

  .process .process__cta-btn {
    width: 100%;
    padding: 12px 16px;
    font-size: 15px;
  }

  /* Service page hero extras */
  .service-page-hero .service-page-hero__eyebrow {
    font-size: 14px;
  }

  .service-page-hero .service-page-hero__title-block {
    gap: 14px;
  }

  .service-page-hero .service-page-hero__content {
    gap: 20px;
  }

  .service-page-hero .service-page-hero__cta-btn {
    width: 100%;
    font-size: 16px;
  }

  .service-page-hero .service-page-hero__media-meta,
  .service-page-hero .service-page-hero__media-footer {
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: 1.3;
  }

  .service-page-hero .service-page-hero__media-footer {
    padding-top: 14px;
  }

  .service-page-hero .service-hero-footer-text {
    font-size: 16px;
    margin-top: 28px;
    line-height: 1.4;
  }

  /* Service testimonials */
  .service-testinomials .testimonials__header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .service-testinomials .testimonials__card {
    min-height: auto;
  }

  /* Dividers */
  .section-divider .services__divider,
  .service-area .services__divider {
    gap: 14px;
  }

  .section-divider .services__divider-image,
  .service-area .services__divider-image {
    height: 22px;
  }

  /* Footer */
  .site-footer .site-footer__logo {
    width: 220px;
    max-height: 100px;
  }

  .site-footer .site-footer__forest-image {
    min-height: 120px;
  }

  .site-footer .site-footer__content {
    padding-top: 16px;
    gap: 6px;
  }

  /* SA / TS / Reg / SKC */
  .sa-section .sa-eyebrow {
    margin-bottom: 12px;
  }

  .sa-section .sa-copy-col p {
    margin-bottom: 20px;
  }

  .ts-section .ts-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ts-section .ts-stat-value {
    margin-bottom: 6px;
  }

  .reg-section .reg-eyebrow {
    margin-bottom: 10px;
  }

  .reg-section .reg-title {
    margin-bottom: 16px;
  }

  .reg-section .reg-desc {
    margin-bottom: 20px;
  }

  .reg-section .reg-tab {
    padding: 8px;
  }

  .skc-section .skc-body {
    padding-left: 20px;
    padding-right: 20px;
  }

  .skc-section .skc-eyebrow {
    margin-bottom: 10px;
  }

  .skc-section .skc-title {
    margin-bottom: 16px;
  }

  .skc-section .skc-desc {
    margin-bottom: 20px;
  }
}


.site-footer .footer-brand-logos {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 44px;
}
.site-footer .footer-brand-logos img {
	height: 56px;
	width: 100%;
	object-fit: contain;
}

@media (max-width: 768px) {
	.site-footer .footer-brand-logos {
		display: grid;
	grid-template-columns: 1fr 1fr;
}
}

/* about us page styles */
.about-page-hero {
  padding-top: 200px;
  padding-bottom: 0px;
}
.about-page-hero .about-page-hero__intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 56px;
}
.about-page-hero .about-page-hero__title-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 567px;
}
.about-page-hero .about-page-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "JetBrains Mono", monospace;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  color: #ff6e44;
}
.about-page-hero .about__dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ff6e44;
  flex-shrink: 0;
}
.about-page-hero .about-page-hero__title {
  display: flex;
  flex-direction: column;
  font-size: 62px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -2px;
  color: rgba(21, 9, 88, 0.7);
}
.about-page-hero .about-page-hero__title-line {
  display: block;
}
.about-page-hero .about-page-hero__title-accent {
  font-weight: 600;
  color: #150958;
}
.about-page-hero .about-page-hero__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 529px;
}
.about-page-hero .about-page-hero__description {
  font-size: 24px;
  line-height: normal;
  color: rgba(21, 9, 88, 0.8);
}
.about-page-hero .about-page-hero__cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 146px;
  padding: 10px;
  background-color: #150958;
  color: #ffffff;
}
.about-page-hero .about-card-wrapper {
  width: 100%;
  padding: 48px 30px 30px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  background: #f5efe3;
}
.about-page-hero .about-card-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 500px;
}
.about-page-hero .about-card-wrapper .about-text-content {
  width: 100%;
  border-top: 0.5px solid #150958;
  padding: 18px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-page-hero .about-card-wrapper .about-text-content p {
  max-width: 536px;
  text-align: center;
  color: #150958;
  text-align: center;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 142%;
  margin: 0;
}
.about-page-hero .about-card-wrapper .about-text-content p span {
  color: #ff6e44;
}
.about-local-section {
  position: relative;
  padding: 108px 0 82px;
  overflow: hidden;
}
.about-local-section .about__map-decoration {
  position: absolute;
  left: calc(8.33% + 135px);
  top: -80px;
  width: 542px;
  height: 540px;
  pointer-events: none;
  z-index: 0;
}
.about-local-section .about__map-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.about-local-section .container {
  position: relative;
  z-index: 1;
}
.about-local-section .about-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 42px;
}
.about-local-section .about-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.about-local-section .about-content .about-page-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "JetBrains Mono", monospace;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  color: #ff6e44;
}
.about-local-section .about__dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ff6e44;
  flex-shrink: 0;
}
.about-local-section .about-content .about-content__title {
  color: #150958;
  font-family: Manrope;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.2px;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.about-local-section .about-content .about-content__title span {
  font-weight: 600;
}
.about-local-section .about-content .about-content__description {
  color: rgba(21, 9, 88, 0.8);
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 4px 0 0;
}
.about-local-section .about-img {
  width: 100%;
  height: 100%;
  max-height: 350px;
}
.about-local-section .about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-local-section .card-grid-container {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
  margin-top: 56px;
}
.about-local-section .card-grid-container .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  padding: 32px 24px;
  border-radius: 22px;
  background: #f9f5ed;
}
.about-local-section .card-grid-container .card img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.about-local-section .card-grid-container .card p {
  color: #0e1e38;
  text-align: center;
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 136%;
}
.about-method-section {
  padding: 108px 0 44px;
}
.about-method-section .about-method-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 156px;
  margin-bottom: 56px;
}
.about-method-section .about-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.about-method-section .about-content .about-page-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "JetBrains Mono", monospace;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.4px;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  color: #ff6e44;
}
.about-method-section .about__dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ff6e44;
  flex-shrink: 0;
}
.about-method-section .about-content .about-content__title {
  color: #150958;
  font-family: Manrope;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.2px;
  margin: 0;
  display: flex;
  flex-direction: column;
  max-width: 582px;
}
.about-method-section .about-content .about-content__title span {
  font-weight: 600;
}
.about-method-section .about-desc {
  max-width: 536px;
}
.about-method-section .about-desc p {
  color: rgba(21, 9, 88, 0.8);
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.about-method-section .about-method-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 560px;
}
.about-method-section .about-method-cards {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
  margin-top: 56px;
}
.about-method-section .about-method-cards .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 32px;
  max-width: 358px;
  background: #f9f5ed;
  height: stretch;
}
.about-method-section .about-method-cards .card h5 {
  max-width: 200px;
  color: #150958;
  text-align: center;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.about-method-section .about-method-cards .card p {
  color: #33435d;
  text-align: center;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 126%;
  margin: 0;
}
.about-process-section {
  padding: 64px 0;
  background-color: #ffffff;
}
.about-process-section .process__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding: 64px;
  border-radius: 30px;
  background-color: #f5efe3;
  overflow: hidden;
}
.about-process-section .process__top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px;
}
.about-process-section .process__heading-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1 1 0;
  min-width: 0;
  max-width: 768px;
}

.about-process-section .process__eyebrow {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  font-family: "JetBrains Mono", monospace;
  font-size: 18px;
  font-weight: 500;
  line-height: 124%;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  color: #ff6e44;
}

.about-process-section .process__dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ff6e44;
}
.about-process-section .process__title {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -2px;
  color: #150958;
  margin: 0;
}
.about-process-section .process__title span {
  font-weight: 600;
}
.about-process-section .process__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 0 1 360px;
  max-width: 360px;
}
.about-process-section .process__description {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  color: #150958cc;
  margin: 0;
}
.about-process-section .process__cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 146px;
  padding: 10px 22px;
  background-color: #150958;
  color: #ffffff;
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 8px;
}
.about-process-section .process__cta-btn:hover {
  opacity: 0.9;
}
.about-process-section .process__timeline {
  position: relative;
  z-index: 1;
  width: 100%;
}
.about-process-section .process__steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  column-gap: 44px;
  position: relative;
  margin: 0;
  padding: 32px 0 0;
  list-style: none;
}
.about-process-section .process__steps::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: rgba(255, 110, 68, 0.45);
}
.about-process-section .process__step {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  min-width: 0;
}
.about-process-section .process__step-dot {
  position: absolute;
  top: -31px;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #ff6e44;
}
.about-process-section .process__step-number {
  margin: 0;
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  color: rgba(21, 9, 88, 0.45);
}
.about-process-section .process__step-title {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.2px;
  color: #150958;
  max-width: 134px;
}
.about-process-section .process__step-text {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: 14.5px;
  font-weight: 400;
  line-height: 156%;
  color: #150958;
}
.about-caring-section {
  padding: 64px 0 106px;
}
.about-caring-section .about-caring-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
.about-caring-section .about-caring-img {
  flex: 0 0 50%;
  height: 100%;
  object-fit: cover;
  max-height: 560px;
}
.about-caring-section .about-caring-img img {
  width: 100%;
  height: 100%;
  max-height: 438px;
  object-fit: cover;
}
.about-caring-section .about-caring-content {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.about-caring-section .about-caring-content h3 {
  color: #150958;
  font-family: Manrope;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.2px;
}
.about-caring-section .about-caring-content h3 span {
  font-weight: 400;
}
.about-caring-section .about-caring-content p {
  color: #150958;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162%;
  margin: 0;
}
.about-caring-section .about-caring-btn {
  padding: 10px 16px;
  background: #150958;
  color: #fff;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: fit-content;
}
.about-last-divider {
  margin-bottom: 186px;
}

/* ==========================================================================
   About Us Page — Responsive
   Appended only. Does not modify any existing rules above.
   Tablet ≤1024px · Mobile ≤768px
   ========================================================================== */

@media (max-width: 1024px) {
  /* Hero */
  .about-page-hero {
    padding-top: 140px;
  }

  .about-page-hero .about-page-hero__intro {
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 40px;
  }

  .about-page-hero .about-page-hero__title-block {
    max-width: 100%;
    gap: 16px;
  }

  .about-page-hero .about-page-hero__eyebrow {
    font-size: 15px;
    line-height: 20px;
  }

  .about-page-hero .about-page-hero__title {
    font-size: 48px;
    letter-spacing: -1.5px;
  }

  .about-page-hero .about-page-hero__content {
    max-width: 100%;
    gap: 24px;
  }

  .about-page-hero .about-page-hero__description {
    font-size: 20px;
  }

  .about-page-hero .about-page-hero__cta-btn {
    width: 132px;
    font-size: 16px;
  }

  .about-page-hero .about-card-wrapper {
    padding: 36px 24px 24px;
    gap: 24px;
  }

  .about-page-hero .about-card-wrapper img {
    max-height: 400px;
  }

  .about-page-hero .about-card-wrapper .about-text-content p {
    max-width: 100%;
    font-size: 20px;
  }

  /* Local */
  .about-local-section {
    padding: 80px 0 64px;
  }

  .about-local-section .about__map-decoration {
    left: auto;
    right: -80px;
    top: -40px;
    width: 380px;
    height: 380px;
    opacity: 0.55;
  }

  .about-local-section .about-grid-container {
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: start;
  }

  .about-local-section .about-content .about-page-hero__eyebrow {
    font-size: 15px;
    line-height: 20px;
  }

  .about-local-section .about-content .about-content__title {
    font-size: 40px;
    letter-spacing: -1px;
  }

  .about-local-section .about-content .about-content__description {
    font-size: 20px;
  }

  .about-local-section .about-img {
    max-height: 320px;
  }

  .about-local-section .card-grid-container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 40px;
  }

  .about-local-section .card-grid-container .card {
    padding: 24px 16px;
    gap: 16px;
    border-radius: 18px;
  }

  .about-local-section .card-grid-container .card img {
    width: 36px;
    height: 36px;
  }

  .about-local-section .card-grid-container .card p {
    font-size: 13px;
  }

  /* Method */
  .about-method-section {
    padding: 80px 0 36px;
  }

  .about-method-section .about-method-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 40px;
  }

  .about-method-section .about-content .about-page-hero__eyebrow {
    font-size: 15px;
    line-height: 20px;
  }

  .about-method-section .about-content .about-content__title {
    font-size: 40px;
    letter-spacing: -1px;
    max-width: 100%;
  }

  .about-method-section .about-desc {
    max-width: 100%;
  }

  .about-method-section .about-desc p {
    font-size: 20px;
  }

  .about-method-section .about-method-img {
    max-height: 420px;
  }

  .about-method-section .about-method-cards {
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 40px;
    align-items: stretch;
  }

  .about-method-section .about-method-cards .card {
    flex: 1 1 calc(50% - 12px);
    max-width: none;
    min-width: 240px;
    padding: 28px 24px;
    height: auto;
  }

  .about-method-section .about-method-cards .card h5 {
    font-size: 20px;
    max-width: none;
  }

  .about-method-section .about-method-cards .card p {
    font-size: 16px;
  }

  /* Process */
  .about-process-section {
    padding: 48px 0;
  }

  .about-process-section .process__panel {
    gap: 48px;
    padding: 48px 36px;
    border-radius: 24px;
  }

  .about-process-section .process__top {
    flex-direction: column;
    gap: 28px;
  }

  .about-process-section .process__heading-group {
    max-width: 100%;
    gap: 16px;
  }

  .about-process-section .process__eyebrow {
    font-size: 15px;
  }

  .about-process-section .process__title {
    font-size: 40px;
    letter-spacing: -1.5px;
  }

  .about-process-section .process__intro {
    flex: 1 1 auto;
    max-width: 100%;
    gap: 24px;
  }

  .about-process-section .process__description {
    font-size: 20px;
  }

  .about-process-section .process__cta-btn {
    min-width: 132px;
    font-size: 16px;
  }

  .about-process-section .process__steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 36px;
    padding-top: 28px;
  }

  .about-process-section .process__steps::before {
    display: none;
  }

  .about-process-section .process__step-dot {
    position: static;
    margin-bottom: 8px;
  }

  .about-process-section .process__step-title {
    font-size: 16px;
    max-width: none;
  }

  .about-process-section .process__step-text {
    font-size: 14px;
  }

  /* Caring */
  .about-caring-section {
    padding: 48px 0 80px;
  }

  .about-caring-section .about-caring-row {
    flex-direction: column;
    gap: 36px;
  }

  .about-caring-section .about-caring-img,
  .about-caring-section .about-caring-content {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
  }

  .about-caring-section .about-caring-img img {
    max-height: 380px;
  }

  .about-caring-section .about-caring-content {
    gap: 24px;
  }

  .about-caring-section .about-caring-content h3 {
    font-size: 40px;
    letter-spacing: -1px;
  }

  .about-caring-section .about-caring-content p {
    font-size: 15px;
  }

  .about-caring-section .about-caring-btn {
    font-size: 16px;
  }

  .about-last-divider {
    margin-bottom: 120px;
  }
}

@media (max-width: 768px) {
  /* Hero */
  .about-page-hero {
    padding-top: 110px;
  }

  .about-page-hero .about-page-hero__intro {
    gap: 20px;
    margin-bottom: 28px;
  }

  .about-page-hero .about-page-hero__title-block {
    gap: 12px;
  }

  .about-page-hero .about-page-hero__eyebrow {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.3px;
    flex-wrap: wrap;
  }

  .about-page-hero .about-page-hero__title {
    font-size: 34px;
    letter-spacing: -1px;
  }

  .about-page-hero .about-page-hero__content {
    gap: 20px;
  }

  .about-page-hero .about-page-hero__description {
    font-size: 16px;
    line-height: 150%;
  }

  .about-page-hero .about-page-hero__cta-btn {
    width: 120px;
    padding: 10px 8px;
    font-size: 15px;
  }

  .about-page-hero .about-card-wrapper {
    padding: 24px 16px 16px;
    gap: 18px;
  }

  .about-page-hero .about-card-wrapper img {
    max-height: 260px;
  }

  .about-page-hero .about-card-wrapper .about-text-content {
    padding-top: 14px;
  }

  .about-page-hero .about-card-wrapper .about-text-content p {
    font-size: 16px;
    line-height: 140%;
  }

  /* Local */
  .about-local-section {
    padding: 56px 0 48px;
  }

  .about-local-section .about__map-decoration {
    width: 260px;
    height: 260px;
    right: -100px;
    top: -20px;
    opacity: 0.4;
  }

  .about-local-section .about-grid-container {
    gap: 24px;
  }

  .about-local-section .about-content {
    gap: 10px;
  }

  .about-local-section .about-content .about-page-hero__eyebrow {
    font-size: 12px;
    line-height: 16px;
    flex-wrap: wrap;
  }

  .about-local-section .about-content .about-content__title {
    font-size: 32px;
    letter-spacing: -0.8px;
  }

  .about-local-section .about-content .about-content__description {
    font-size: 16px;
    line-height: 150%;
    margin-top: 0;
  }

  .about-local-section .about-img {
    max-height: 240px;
  }

  .about-local-section .card-grid-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 28px;
  }

  .about-local-section .card-grid-container .card {
    padding: 20px 12px;
    gap: 12px;
    border-radius: 16px;
  }
  
  .about-local-section .card-grid-container .card:last-child {
    grid-column: 1 / -1;
    width: calc((100% - 12px) / 2);
    justify-self: center;
  }

  .about-local-section .card-grid-container .card img {
    width: 32px;
    height: 32px;
  }

  .about-local-section .card-grid-container .card p {
    font-size: 12px;
    line-height: 130%;
  }

  /* Method */
  .about-method-section {
    padding: 56px 0 28px;
  }

  .about-method-section .about-method-row {
    gap: 16px;
    margin-bottom: 28px;
  }

  .about-method-section .about-content .about-page-hero__eyebrow {
    font-size: 12px;
    line-height: 16px;
    flex-wrap: wrap;
  }

  .about-method-section .about-content .about-content__title {
    font-size: 32px;
    letter-spacing: -0.8px;
  }

  .about-method-section .about-desc p {
    font-size: 16px;
    line-height: 150%;
  }

  .about-method-section .about-method-img {
    max-height: 280px;
  }

  .about-method-section .about-method-cards {
    flex-direction: column;
    gap: 16px;
    margin-top: 28px;
  }

  .about-method-section .about-method-cards .card {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    padding: 24px 20px;
    gap: 12px;
  }

  .about-method-section .about-method-cards .card h5 {
    font-size: 18px;
  }

  .about-method-section .about-method-cards .card p {
    font-size: 15px;
    line-height: 140%;
  }

  /* Process */
  .about-process-section {
    padding: 32px 0;
  }

  .about-process-section .process__panel {
    gap: 36px;
    padding: 32px 20px;
    border-radius: 20px;
  }

  .about-process-section .process__top {
    gap: 20px;
  }

  .about-process-section .process__heading-group {
    gap: 12px;
  }

  .about-process-section .process__eyebrow {
    font-size: 12px;
    letter-spacing: -0.3px;
    flex-wrap: wrap;
  }

  .about-process-section .process__title {
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 115%;
  }

  .about-process-section .process__intro {
    gap: 16px;
  }

  .about-process-section .process__description {
    font-size: 16px;
    line-height: 150%;
  }

  .about-process-section .process__cta-btn {
    min-width: 120px;
    padding: 10px 16px;
    font-size: 15px;
  }

  .about-process-section .process__steps {
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 24px;
    padding-top: 8px;
  }

  .about-process-section .process__step {
    gap: 6px;
    padding-left: 28px;
  }

  .about-process-section .process__step-dot {
    position: absolute;
    top: 4px;
    left: 0;
    width: 12px;
    height: 12px;
    margin-bottom: 0;
  }

  .about-process-section .process__step-number {
    font-size: 12px;
  }

  .about-process-section .process__step-title {
    font-size: 16px;
    max-width: none;
  }

  .about-process-section .process__step-text {
    font-size: 13.5px;
  }

  /* Caring */
  .about-caring-section {
    padding: 36px 0 56px;
  }

  .about-caring-section .about-caring-row {
    gap: 24px;
  }

  .about-caring-section .about-caring-img img {
    max-height: 260px;
  }

  .about-caring-section .about-caring-content {
    gap: 18px;
  }

  .about-caring-section .about-caring-content h3 {
    font-size: 30px;
    letter-spacing: -0.8px;
  }

  .about-caring-section .about-caring-content p {
    font-size: 14.5px;
    line-height: 155%;
  }

  .about-caring-section .about-caring-btn {
    font-size: 15px;
    padding: 10px 14px;
  }

  .about-last-divider {
    margin-bottom: 80px;
  }
}


/* individual service area page */
.individual-service-area-page-hero {
  display: block;
  padding: 192px 0 52px;
}
.individual-service-area-page-hero__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 62px;
}
.individual-service-area-page-hero__content .left-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.individual-service-area-page-hero__content .sub-title {
  color: #ef6c22;
  font-family: "JetBrains Mono";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 122%;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  margin: 0;
}
.individual-service-area-page-hero__content .title {
  color: rgba(21, 9, 88, 0.9);
  font-family: Manrope;
  font-size: 62px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -2px;
  margin: 0;
}
.individual-service-area-page-hero__content .title span {
  color: #ff6e44;
  font-weight: 600;
}
.individual-service-area-page-hero__content .right-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.individual-service-area-page-hero__content .description {
  color: rgba(21, 9, 88, 0.7);
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.individual-service-area-page-hero img {
  width: 100%;
  height: 558px;
  object-fit: cover;
  border-radius: 16px;
}
.individual-service-area-page-services {
  display: block;
  padding: 40px 0;
  margin: 52px 0 78px;
  background: #f4efe6;
}
.individual-service-area-page-services__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.individual-service-area-page-services__content .left-content {
  max-width: 576px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.individual-service-area-page-services__content .sub-title {
  color: #ff6e44;
  font-family: "JetBrains Mono";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133%;
  letter-spacing: 3.36px;
  text-transform: uppercase;
  margin: 0;
}
.individual-service-area-page-services__content .title {
  color: #150958;
  font-family: Manrope;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 105%;
  letter-spacing: -0.96px;
  margin: 0 0 12px;
}
.individual-service-area-page-services__content .title span {
  color: #ff6e44;
  font-weight: 600;
}
.individual-service-area-page-services__content .description {
  color: #454d5e;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162%;
  margin: 0 0 12px;
}
.individual-service-area-page-services__content img {
  height: 350px;
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.individual-service-area-page-services__content .right-content {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.individual-service-area-page-services__content .service-point {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
}
.individual-service-area-page-services__content .count {
  color: rgba(239, 108, 34, 0.7);
  font-family: "JetBrains Mono";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
  letter-spacing: -0.32px;
  margin: 0;
}
.individual-service-area-page-services__content .service-desc {
  color: rgba(21, 9, 88, 0.7);
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin: 0;
}
.indivi-service-area-page-code {
  display: block;
  padding: 76px 0;
}
.indivi-service-area--code__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 124px;
}
.indivi-service-area--code__content .left-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 616px;
  width: 100%;
}
.indivi-service-area--code__content .code-container {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  padding: 20px 0;
  border-top: 1px solid #d8d0c3;
  width: 100%;
}
.indivi-service-area--code__content .code-title {
  color: #ef6c22;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 155%;
  letter-spacing: -0.36px;
  margin: 0;
  max-width: 220px;
  width: 100%;
}
.indivi-service-area--code__content .code-desc {
  color: rgba(21, 9, 88, 0.9);
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 141%;
  max-width: 392px;
  width: 100%;
  margin: 0;
}
.indivi-service-area--code__content .right-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  max-width: 538px;
  width: 100%;
}
.indivi-service-area--code__content .sub-title {
  color: #ff6e44;
  font-family: "JetBrains Mono";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133%;
  letter-spacing: 3.36px;
  text-transform: uppercase;
  margin: 0;
}
.indivi-service-area--code__content .title {
  color: #150958;
  font-family: Manrope;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 105%;
  letter-spacing: -0.96px;
  margin: 0 0 12px;
}
.indivi-service-area--code__content .title span {
  color: #ff6e44;
  font-weight: 600;
}
.indivi-service-area--code__content .description {
  color: #454d5e;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162%;
  margin: 0 0 12px;
}
.indivi-service-area--code__content .see-btn {
  color: #ff6e44;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  margin: 0 0 12px;
  display: inline-block;
}
.indivi-service-area--code__content .right-content img {
  border-radius: 16px;
  height: 350px;
  width: 100%;
  object-fit: cover;
}
.individual-service-area-page-ground {
  display: block;
  padding: 130px 0 76px;
  margin: 20px 0 58px;
  background: linear-gradient(
    180deg,
    #fff 0.75%,
    #f4efe6 15.09%,
    #f4efe6 91.41%,
    #fff 100%
  );
}
.individual-service-area-page-ground__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.individual-service-area-page-ground__content .sub-title {
  color: #ff6e44;
  font-family: "JetBrains Mono";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133%;
  letter-spacing: 3.36px;
  text-transform: uppercase;
  margin: 0;
}
.individual-service-area-page-ground__content .title {
  color: #150958;
  font-family: Manrope;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 105%;
  letter-spacing: -0.96px;
  margin: 0 0 12px;
}
.individual-service-area-page-ground__content .title span {
  color: #ff6e44;
  font-weight: 600;
}
.individual-service-area-page-ground__content .description {
  color: rgba(21, 9, 88, 0.8);
  text-align: center;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162%;
  margin: 0 0 20px;
}
.individual-service-area-page-ground__content .card-container {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: stretch;
  justify-content: center;
  gap: 24px;
  width: 100%;
}
.individual-service-area-page-ground__content .card {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.02);
  padding: 24px;
  height: auto;
}
.individual-service-area-page-ground__content .card:nth-child(4) {
  grid-column: 2 / span 2;
}
.individual-service-area-page-ground__content .card:nth-child(5) {
  grid-column: 4 / span 2;
}
.individual-service-area-page-ground__content .card img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.individual-service-area-page-ground__content .card-title {
  color: #130865;
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.4px;
  margin: 8px 0 0;
}
.individual-service-area-page-ground__content .card-desc {
  color: rgba(26, 40, 70, 0.75);
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 162.5%;
  margin: 0;
}
.individual-service-area-page-ground__content .contact-btn {
  padding: 10px 44px;
  background: #150958;
  color: #fff;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin: 30px 0 0;
  border-radius: 8px;
}

/* Individual service area — drive time */
.individual-service-area-page-drive {
  display: block;
  padding: 78px 0 132px;
}
.individual-service-area-page-drive__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  max-width: 538px;
  margin-bottom: 56px;
}
.individual-service-area-page-drive__intro .sub-title {
  color: #ff6e44;
  font-family: "JetBrains Mono";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133%;
  letter-spacing: 3.36px;
  text-transform: uppercase;
  margin: 0;
}
.individual-service-area-page-drive__intro .title {
  color: #150958;
  font-family: Manrope;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 105%;
  letter-spacing: -0.96px;
  max-width: 430px;
  margin: 0;
}
.individual-service-area-page-drive__intro .title span {
  color: #ff6e44;
  font-weight: 600;
}
.individual-service-area-page-drive__intro .description {
  color: #454d5e;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162%;
  margin: 0;
}
.individual-service-area-page-drive__table {
  width: 100%;
  background: #f5efe3;
  border-radius: 30px;
  padding: 28px 0px;
}
.individual-service-area-page-drive__table .drive-table__head,
.individual-service-area-page-drive__table .drive-table__row {
  display: grid;
  grid-template-columns: 414px 252px 1fr;
  gap: 24px;
  align-items: center;
}
.individual-service-area-page-drive__table .drive-table__head {
  padding: 16px 24px;
}
.individual-service-area-page-drive__table .drive-table__row {
  padding: 16px 24px;
  border-top: 1px solid rgba(21, 9, 88, 0.12);
}
.individual-service-area-page-drive__table .drive-table__row:nth-child(1) {
  border-top: none;
}
.individual-service-area-page-drive__table .drive-table__label {
  color: #ff6e44;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 1.68px;
  text-transform: uppercase;
}
.individual-service-area-page-drive__table .drive-table__to {
  color: #130865;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 156%;
  letter-spacing: -0.36px;
}
.individual-service-area-page-drive__table .drive-table__time,
.individual-service-area-page-drive__table .drive-table__route {
  color: rgba(19, 8, 101, 0.85);
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

@media (max-width: 1024px) {
  /* ----- Hero ----- */
  .individual-service-area-page-hero {
    padding: 140px 0 40px;
  }

  .individual-service-area-page-hero__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    margin-bottom: 40px;
  }

  .individual-service-area-page-hero__content .left-content {
    width: 100%;
    gap: 16px;
  }

  .individual-service-area-page-hero__content .sub-title {
    font-size: 15px;
    line-height: 120%;
  }

  .individual-service-area-page-hero__content .title {
    font-size: 48px;
    letter-spacing: -1.5px;
  }

  .individual-service-area-page-hero__content .right-content {
    width: 100%;
    gap: 20px;
  }

  .individual-service-area-page-hero__content .description {
    font-size: 20px;
  }

  .individual-service-area-page-hero img {
    height: 420px;
    border-radius: 14px;
  }

  /* ----- Services ----- */
  .individual-service-area-page-services {
    padding: 36px 0;
    margin: 40px 0 56px;
  }

  .individual-service-area-page-services__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 36px;
  }

  .individual-service-area-page-services__content .left-content {
    max-width: 100%;
    gap: 12px;
  }

  .individual-service-area-page-services__content .sub-title {
    font-size: 11px;
    letter-spacing: 2.8px;
  }

  .individual-service-area-page-services__content .title {
    font-size: 40px;
    letter-spacing: -0.8px;
  }

  .individual-service-area-page-services__content .description {
    font-size: 15px;
    line-height: 160%;
  }

  .individual-service-area-page-services__content img {
    height: 300px;
    border-radius: 14px;
  }

  .individual-service-area-page-services__content .right-content {
    width: 100%;
  }

  .individual-service-area-page-services__content .service-point {
    gap: 14px;
    padding: 18px 0;
  }

  .individual-service-area-page-services__content .count {
    font-size: 14px;
  }

  .individual-service-area-page-services__content .service-desc {
    font-size: 20px;
  }

  /* ----- Code ----- */
  .indivi-service-area-page-code {
    padding: 64px 0;
  }

  .indivi-service-area--code__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }

  .indivi-service-area--code__content .left-content {
    max-width: 100%;
  }

  .indivi-service-area--code__content .code-container {
    gap: 24px;
    padding: 18px 0;
  }

  .indivi-service-area--code__content .code-title {
    font-size: 16px;
    max-width: 180px;
  }

  .indivi-service-area--code__content .code-desc {
    font-size: 20px;
    max-width: 100%;
  }

  .indivi-service-area--code__content .right-content {
    max-width: 100%;
    gap: 12px;
  }

  .indivi-service-area--code__content .sub-title {
    font-size: 11px;
    letter-spacing: 2.8px;
  }

  .indivi-service-area--code__content .title {
    font-size: 40px;
    letter-spacing: -0.8px;
  }

  .indivi-service-area--code__content .description {
    font-size: 15px;
    line-height: 160%;
  }

  .indivi-service-area--code__content .see-btn {
    font-size: 15px;
  }

  .indivi-service-area--code__content .right-content img {
    height: 300px;
    border-radius: 14px;
  }

  /* ----- Ground ----- */
  .individual-service-area-page-ground {
    padding: 88px 0 56px;
    margin: 16px 0 44px;
  }

  .individual-service-area-page-ground__content {
    gap: 10px;
  }

  .individual-service-area-page-ground__content .sub-title {
    font-size: 11px;
    letter-spacing: 2.8px;
  }

  .individual-service-area-page-ground__content .title {
    font-size: 40px;
    letter-spacing: -0.8px;
  }

  .individual-service-area-page-ground__content .description {
    font-size: 15px;
    margin-bottom: 32px;
  }

  .individual-service-area-page-ground__content .card-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .individual-service-area-page-ground__content .card,
  .individual-service-area-page-ground__content .card:nth-child(4),
  .individual-service-area-page-ground__content .card:nth-child(5) {
    grid-column: auto;
  }

  .individual-service-area-page-ground__content .card {
    padding: 22px 20px;
    border-radius: 10px;
  }

  .individual-service-area-page-ground__content .card:last-child {
    grid-column: 1 / -1;
    width: calc((100% - 20px) / 2);
    justify-self: center;
  }

  .individual-service-area-page-ground__content .card-title {
    font-size: 18px;
  }

  .individual-service-area-page-ground__content .card-desc {
    font-size: 13px;
  }

  .individual-service-area-page-ground__content .contact-btn {
    padding: 10px 36px;
    font-size: 16px;
    margin-top: 24px;
  }

  /* ----- Drive (supplement; may overlap earlier drive media rules) ----- */
  .individual-service-area-page-drive {
    padding: 64px 0 88px;
  }

  .individual-service-area-page-drive__intro {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .individual-service-area-page-drive__intro .title {
    font-size: 40px;
    max-width: 100%;
  }

  .individual-service-area-page-drive__intro .description {
    font-size: 15px;
  }

  .individual-service-area-page-drive__table {
    border-radius: 24px;
    padding: 20px 0;
  }

  .individual-service-area-page-drive__table .drive-table__head,
  .individual-service-area-page-drive__table .drive-table__row {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.9fr) minmax(0, 1.2fr);
    gap: 16px;
    padding: 14px 20px;
  }

  .individual-service-area-page-drive__table .drive-table__label {
    font-size: 14px;
  }

  .individual-service-area-page-drive__table .drive-table__to {
    font-size: 16px;
  }

  .individual-service-area-page-drive__table .drive-table__time,
  .individual-service-area-page-drive__table .drive-table__route {
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  /* ----- Hero ----- */
  .individual-service-area-page-hero {
    padding: 110px 0 32px;
  }

  .individual-service-area-page-hero__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 28px;
  }

  .individual-service-area-page-hero__content .left-content {
    width: 100%;
    gap: 12px;
  }

  .individual-service-area-page-hero__content .sub-title {
    font-size: 12px;
    line-height: 120%;
    letter-spacing: -0.3px;
  }

  .individual-service-area-page-hero__content .title {
    font-size: 34px;
    letter-spacing: -1px;
  }

  .individual-service-area-page-hero__content .right-content {
    width: 100%;
    gap: 16px;
  }

  .individual-service-area-page-hero__content .description {
    font-size: 16px;
    line-height: 150%;
  }

  .individual-service-area-page-hero img {
    height: 260px;
    border-radius: 12px;
  }

  /* ----- Services ----- */
  .individual-service-area-page-services {
    padding: 28px 0;
    margin: 28px 0 40px;
  }

  .individual-service-area-page-services__content {
    flex-direction: column;
    gap: 28px;
  }

  .individual-service-area-page-services__content .left-content {
    max-width: 100%;
    gap: 10px;
  }

  .individual-service-area-page-services__content .sub-title {
    font-size: 11px;
    letter-spacing: 2.4px;
  }

  .individual-service-area-page-services__content .title {
    font-size: 32px;
    letter-spacing: -0.6px;
  }

  .individual-service-area-page-services__content .description {
    font-size: 14.5px;
    line-height: 155%;
  }

  .individual-service-area-page-services__content img {
    height: 240px;
    border-radius: 12px;
  }

  .individual-service-area-page-services__content .service-point {
    gap: 12px;
    padding: 16px 0;
  }

  .individual-service-area-page-services__content .count {
    font-size: 13px;
  }

  .individual-service-area-page-services__content .service-desc {
    font-size: 16px;
    line-height: 145%;
  }

  /* ----- Code ----- */
  .indivi-service-area-page-code {
    padding: 48px 0;
  }

  .indivi-service-area--code__content {
    flex-direction: column;
    gap: 28px;
  }

  .indivi-service-area--code__content .left-content {
    max-width: 100%;
  }

  .indivi-service-area--code__content .code-container {
    flex-direction: column;
    gap: 8px;
    padding: 16px 0;
  }

  .indivi-service-area--code__content .code-title {
    font-size: 15px;
    max-width: 100%;
  }

  .indivi-service-area--code__content .code-desc {
    font-size: 16px;
    line-height: 145%;
    max-width: 100%;
  }

  .indivi-service-area--code__content .right-content {
    max-width: 100%;
    gap: 10px;
  }

  .indivi-service-area--code__content .sub-title {
    font-size: 11px;
    letter-spacing: 2.4px;
  }

  .indivi-service-area--code__content .title {
    font-size: 32px;
    letter-spacing: -0.6px;
  }

  .indivi-service-area--code__content .description {
    font-size: 14.5px;
    line-height: 155%;
  }

  .indivi-service-area--code__content .see-btn {
    font-size: 14px;
  }

  .indivi-service-area--code__content .right-content img {
    height: 240px;
    border-radius: 12px;
  }

  /* ----- Ground ----- */
  .individual-service-area-page-ground {
    padding: 64px 0 40px;
    margin: 12px 0 32px;
  }

  .individual-service-area-page-ground__content .sub-title {
    font-size: 11px;
    letter-spacing: 2.4px;
  }

  .individual-service-area-page-ground__content .title {
    font-size: 30px;
    letter-spacing: -0.6px;
  }

  .individual-service-area-page-ground__content .description {
    font-size: 14px;
    margin-bottom: 24px;
  }

  .individual-service-area-page-ground__content .card-container {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .individual-service-area-page-ground__content .card,
  .individual-service-area-page-ground__content .card:nth-child(4),
  .individual-service-area-page-ground__content .card:nth-child(5) {
    grid-column: auto;
    width: 100%;
    padding: 20px 18px;
  }

  .individual-service-area-page-ground__content .card-title {
    font-size: 17px;
  }

  .individual-service-area-page-ground__content .card-desc {
    font-size: 13px;
  }

  .individual-service-area-page-ground__content .contact-btn {
    padding: 10px 28px;
    font-size: 15px;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  /* ----- Drive ----- */
  .individual-service-area-page-drive {
    padding: 48px 0 64px;
  }

  .individual-service-area-page-drive__intro {
    margin-bottom: 24px;
    gap: 8px;
  }

  .individual-service-area-page-drive__intro .sub-title {
    font-size: 11px;
    letter-spacing: 2.4px;
  }

  .individual-service-area-page-drive__intro .title {
    font-size: 30px;
    max-width: 100%;
  }

  .individual-service-area-page-drive__intro .description {
    font-size: 14px;
    line-height: 155%;
  }

  .individual-service-area-page-drive__table {
    border-radius: 18px;
    padding: 12px 0;
  }

  .individual-service-area-page-drive__table .drive-table__head {
    display: none;
  }

  .individual-service-area-page-drive__table .drive-table__row {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 16px 18px;
  }

  .individual-service-area-page-drive__table .drive-table__to {
    font-size: 16px;
    font-weight: 600;
  }

  .individual-service-area-page-drive__table .drive-table__time,
  .individual-service-area-page-drive__table .drive-table__route {
    font-size: 14px;
  }

  .individual-service-area-page-drive__table .drive-table__time::before {
    content: "From the shop: ";
    color: #ff6e44;
    font-family: "JetBrains Mono", monospace;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1.4px;
    text-transform: uppercase;
  }

  .individual-service-area-page-drive__table .drive-table__route::before {
    content: "Route: ";
    color: #ff6e44;
    font-family: "JetBrains Mono", monospace;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1.4px;
    text-transform: uppercase;
  }
}

/* ==========================================================================
   Drive time table — keep original grid, horizontal scroll only
   Overrides earlier responsive stacking / vertical scroll. Appended only.
   ========================================================================== */

.individual-service-area-page-drive__table {
  max-height: none;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.individual-service-area-page-drive__table .drive-table__head {
  position: static;
}

@media (max-width: 1024px) {
  .individual-service-area-page-drive__table {
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 24px;
    padding: 28px 0;
  }

  .individual-service-area-page-drive__table .drive-table__head,
  .individual-service-area-page-drive__table .drive-table__row {
    display: grid;
    grid-template-columns: 414px 252px 1fr;
    gap: 24px;
    align-items: center;
    padding: 16px 24px;
    min-width: 900px;
  }

  .individual-service-area-page-drive__table .drive-table__head {
    display: grid;
    position: static;
    background: transparent;
  }

  .individual-service-area-page-drive__table .drive-table__label {
    font-size: 16px;
    letter-spacing: 1.68px;
  }

  .individual-service-area-page-drive__table .drive-table__to {
    font-size: 18px;
  }

  .individual-service-area-page-drive__table .drive-table__time,
  .individual-service-area-page-drive__table .drive-table__route {
    font-size: 16px;
  }

  .individual-service-area-page-drive__table .drive-table__time::before,
  .individual-service-area-page-drive__table .drive-table__route::before {
    content: none;
  }
}

@media (max-width: 768px) {
  .individual-service-area-page-drive__table {
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 18px;
    padding: 28px 0;
  }

  .individual-service-area-page-drive__table .drive-table__head,
  .individual-service-area-page-drive__table .drive-table__row {
    display: grid;
    grid-template-columns: 414px 252px 1fr;
    gap: 24px;
    align-items: center;
    padding: 16px 24px;
    min-width: 900px;
  }

  .individual-service-area-page-drive__table .drive-table__head {
    display: grid;
    position: static;
    background: transparent;
  }

  .individual-service-area-page-drive__table .drive-table__row:first-of-type {
    border-top: 1px solid rgba(21, 9, 88, 0.12);
  }

  .individual-service-area-page-drive__table .drive-table__label {
    font-size: 16px;
    letter-spacing: 1.68px;
  }

  .individual-service-area-page-drive__table .drive-table__to {
    font-size: 18px;
    font-weight: 500;
  }

  .individual-service-area-page-drive__table .drive-table__time,
  .individual-service-area-page-drive__table .drive-table__route {
    font-size: 16px;
  }

  .individual-service-area-page-drive__table .drive-table__time::before,
  .individual-service-area-page-drive__table .drive-table__route::before {
    content: none;
  }
}




/*map design styles */
.map-design__stage {
  position: relative;
  width: 100%;
  max-width: 1312px;
  margin: 0 auto;
  aspect-ratio: 1312 / 732;
  border-radius: 15px;
  overflow: hidden;
  background: #f3ede3;
}

.map-design__map {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  pointer-events: none;
  user-select: none;
}

.map-design__markers {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.map-design__pin {
  position: absolute;
  display: block;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transform: none;
  transition: transform 0.2s ease;
}

.map-design__pin img {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.map-design__pin:hover,
.map-design__pin.is-active,
.map-design__pin:focus-visible {
  transform: translateY(-4px);
  outline: none;
}

.map-design__pin:focus-visible img {
  filter: drop-shadow(0 0 0 2px #150958);
}

.map-design__popup {
  position: absolute;
  z-index: 10;
  width: 281px;
  padding: 18px;
  border-radius: 20px;
  background: #f5efe3;
  box-shadow: 2px 5px 1.05px rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 0.2s ease,
    visibility 0.2s ease,
    transform 0.2s ease;
  transform: translateY(6px);
}

.map-design__popup--visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.map-design__popup-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 245px;
}

.map-design__popup-copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.map-design__popup-title {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.96px;
  color: #150958;
}

.map-design__popup-text {
  margin: 0;
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: #150958;
}

.map-design__popup-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 36px;
  padding: 10px;
  border: none;
  background: #150958;
  box-shadow: 0 1px 0.75px rgba(21, 9, 88, 0.5);
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.map-design__popup-btn:hover {
  opacity: 0.88;
}


/*individual service page*/
.br-service-page {
        color: #2c236f;
        background: #ffffff;
        font-family: "Manrope", Arial, sans-serif;
        margin: 0;
        overflow-x: hidden;
      }

      .br-service-page .br-service-page__section {
        box-sizing: border-box;
      }

      .br-service-page * {
        box-sizing: border-box;
      }

      .br-service-page img,
      .br-service-page svg {
        max-width: 100%;
      }

      .br-service-page .br-divider {
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 28px 1fr;
        align-items: center;
        gap: 30px;
      }

      .br-service-page .br-divider__line {
        height: 1px;
        background: #ff6e44;
        opacity: 0.45;
      }

      .br-service-page .br-divider__mark {
        width: 28px;
        height: 36px;
        object-fit: contain;
      }

      .br-service-page .br-hero {
        padding: 192px 0 48px;
      }

      .br-service-page .br-hero__inner {
        display: grid;
        align-items: center;
        grid-template-columns: 1fr 1fr;
        /* grid-template-columns: minmax(720px, 55%) minmax(520px, 40%); */
        justify-content: space-between;
        gap: 40px;
        align-items: start;
      }

      .br-service-page .br-hero__content,
      .br-service-page .br-hero__aside,
      .br-service-page .br-services__heading-wrap,
      .br-service-page .br-services__description,
      .br-service-page .br-risk__content,
      .br-service-page .br-process__content,
      .br-service-page .br-compliance__content,
      .br-service-page .br-why__content,
      .br-service-page .br-transform__heading-wrap,
      .br-service-page .br-transform__comparison {
        min-width: 0;
      }

      .br-service-page .br-hero__eyebrow,
      .br-service-page .br-services__eyebrow,
      .br-service-page .br-process__eyebrow,
      .br-service-page .br-compliance__eyebrow,
      .br-service-page .br-transform__eyebrow {
        margin: 0 0 34px;
        color: #ff6e44;
        font-family: "JetBrains Mono", monospace;
        font-size: 18px;
        font-weight: 400;
        line-height: 22.4px;
        letter-spacing: -0.5px;
        text-transform: uppercase;
      }
      .br-service-page .br-transform__eyebrow {
          margin: 0 0 20px;
      }
      .br-service-page .br-compliance__eyebrow {
          margin: 0 0 14px;
      }
      .br-service-page .br-process__eyebrow {
          margin: 0 0 20px;
      }
      .br-service-page .br-services__eyebrow {
          margin: 0 0 20px;
      }

      .br-service-page .br-hero__eyebrow {
        margin-bottom: 22px;
      }

      .br-service-page .br-hero__dot,
      .br-service-page .br-services__dot,
      .br-service-page .br-process__dot,
      .br-service-page .br-compliance__dot,
      .br-service-page .br-transform__dot {
        width: 4px;
        height: 4px;
        display: inline-block;
        margin: 0 8px 3px;
        border-radius: 999px;
        background: #ff6e44;
      }

      .br-service-page .br-hero__title {
        max-width: 567px;
        margin: 0;
        color: #2c236f;
        font-family: "Manrope", sans-serif;
        font-size: 62px;
        font-weight: 600;
        line-height: 100%;
        letter-spacing: -2px;
      }

      .br-service-page .br-hero__description {
        margin: 0;
        color: #413985;
        font-size: 24px;
        font-weight: 400;
        line-height: normal;
      }

      .br-service-page .br-hero__button {
        display: inline-flex;
        width: 146px;
        min-height: 45px;
        margin-top: 32px;
        padding: 0 20px;
        white-space: nowrap;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        background: #150958;
        font-size: 18px;
        font-weight: 500;
        line-height: 1;
        text-decoration: none;
        border-radius: 8px;
      }

      .br-service-page .br-hero__media {
        width: 100%;
        margin: 56px auto 0;
      }

      .br-service-page .br-hero__image {
        display: block;
        width: 100%;
        aspect-ratio: 1312 / 631;
        object-fit: cover;
      }

      .br-service-page .br-distinction {
        padding: 0 0 62px;
      }

      .br-service-page .br-distinction__intro {
        max-width: 760px;
        margin: 48px auto 56px;
        text-align: center;
      }

      .br-service-page .br-distinction__eyebrow,
      .br-service-page .br-risk__eyebrow {
        margin: 0 0 12px;
        color: #ff6e44;
        font-family: "JetBrains Mono", monospace;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-transform: uppercase;
      }

      .br-service-page .br-distinction__title,
      .br-service-page .br-risk__title,
      .br-service-page .br-compliance__title,
      .br-service-page .br-why__title {
        margin: 0;
        color: #150958;
        font-size: 48px;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -0.96px;
      }

      .br-service-page .br-distinction__title-strong,
      .br-service-page .br-services__title-strong,
      .br-service-page .br-compliance__title-strong,
      .br-service-page .br-why__title-strong,
      .br-service-page .br-transform__title-strong,
      .br-service-page .br-process__title-strong {
        font-weight: 600;
      }

      .br-service-page .br-distinction__description {
        max-width: 730px;
        margin: 24px auto 0;
        color: #29334e;
        font-size: 18px;
        font-weight: 400;
        line-height: 29.25px;
      }

      .br-service-page .br-distinction__cards {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
      }

      .br-service-page .br-distinction__card {
        padding: 48px;
        box-sizing: border-box;
      }

      .br-service-page .br-distinction__card--light {
        background: #ffffff;
        border: 4px solid #f5efe3;
      }

      .br-service-page .br-distinction__card--warm {
        background: #f5efe3;
      }

      .br-service-page .br-distinction__card-kicker {
        margin: 0 0 42px;
        color: #150958;
        font-family: "JetBrains Mono", monospace;
        font-size: 38px;
        font-weight: 200;
        line-height: 100%;
        letter-spacing: 2.42px;
        text-transform: uppercase;
      }

      .br-service-page
        .br-distinction__card--warm
        .br-distinction__card-kicker {
        font-weight: 500;
      }

      .br-service-page .br-distinction__card-image {
        width: 100%;
        aspect-ratio: 548 / 384;
        object-fit: cover;
        display: block;
      }

      .br-service-page .br-distinction__card-title {
        margin: 24px 0 18px;
        color: #4c4a7d;
        font-size: 36px;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: -0.9px;
      }

      .br-service-page .br-distinction__card-title--bold {
        color: #150958;
        font-weight: 600;
      }

      .br-service-page .br-distinction__card-copy {
        margin: 0 0 24px;
        color: #575874;
        font-size: 15px;
        font-weight: 500;
        line-height: 24.38px;
      }

      .br-service-page .br-distinction__list {
        margin: 0;
        padding-left: 18px;
        list-style: unset;
      }

      .br-service-page .br-distinction__list-item {
        color: #4d4b7a;
        font-size: 14px;
        font-weight: 500;
        line-height: 23px;
      }

      .br-service-page .br-divider--quote {
        margin-top: 68px;
      }

      .br-service-page .br-quote {
        max-width: 914px;
        margin: 32px auto;
        color: #2c236f;
        font-family: "Manrope", sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 45px;
        letter-spacing: -0.9px;
        text-align: center;
      }

      .br-service-page .br-quote__accent {
        color: #f26a37;
        font-weight: 600;
      }

      .br-service-page .br-services {
        background: #f5efe3;
        padding: 38px 0 82px !important;
      }

      .br-service-page .br-services__inner {
        position: relative;
        z-index: 1;
      }

      .br-service-page .br-services__inner::before {
        content: "";
        position: absolute;
        top: -35px;
        left: 50%;
        transform: translateX(-50%);
        width: 381.4980773925781px;
        height: 454px;
        background: url("http://35.81.170.158/wp-content/uploads/2026/07/Tree-pruning-BG-image.png") center/contain
          no-repeat;
        opacity: 1;
        pointer-events: none;
        z-index: -1;
      }

      .br-service-page .br-services__header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(300px, 500px);
        gap: 48px;
        align-items: end;
        margin-bottom: 36px;
      }

      .br-service-page .br-services__title {
        margin: 0;
        color: #2c236f;
        font-size: 48px;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -2px;
      }

      .br-service-page .br-services__description {
        margin: 0;
        color: #646478;
        font-size: 15px;
        font-weight: 400;
        line-height: 24.38px;
      }

      .br-service-page .br-services__grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 20px;
      }

      .br-service-page .br-services__card {
        /*min-height: 318px;*/
        padding: 32px;
        border-width: 0 1px;
        border-style: solid;
        border-color: #e2ddd5;
        background: #faf7f1;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
      }

      .br-service-page .br-services__card--featured {
        background: #150958;
        color: #ffffff;
      }

      .br-service-page .br-services__icon {
        width: 32px;
        height: 32px;
        margin-bottom: 12px;
        display: block;
        background: currentColor;
        -webkit-mask: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12Z' stroke='white' stroke-width='1.86667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.8267 10.8267L16 16' stroke='white' stroke-width='1.86667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.6667 5.33325L10.8267 21.1733' stroke='white' stroke-width='1.86667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 28C10.2091 28 12 26.2091 12 24C12 21.7909 10.2091 20 8 20C5.79086 20 4 21.7909 4 24C4 26.2091 5.79086 28 8 28Z' stroke='white' stroke-width='1.86667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.7333 19.7334L26.6666 26.6667' stroke='white' stroke-width='1.86667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
          center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12Z' stroke='white' stroke-width='1.86667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.8267 10.8267L16 16' stroke='white' stroke-width='1.86667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.6667 5.33325L10.8267 21.1733' stroke='white' stroke-width='1.86667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 28C10.2091 28 12 26.2091 12 24C12 21.7909 10.2091 20 8 20C5.79086 20 4 21.7909 4 24C4 26.2091 5.79086 28 8 28Z' stroke='white' stroke-width='1.86667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.7333 19.7334L26.6666 26.6667' stroke='white' stroke-width='1.86667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
          center / contain no-repeat;
      }

      .br-service-page .br-services__card-kicker {
        margin: 0 0 12px;
        font-size: 10px;
        font-weight: 600;
        line-height: 15px;
        letter-spacing: 2.2px;
        text-transform: uppercase;
      }

      .br-service-page .br-services__card-title {
        margin: 0 0 12px;
        color: inherit;
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: -0.6px;
      }

      .br-service-page .br-services__card-copy {
        margin: 0;
        color: #686879;
        font-size: 14px;
        font-weight: 400;
        line-height: 22.75px;
      }

      .br-service-page .br-services__card--featured .br-services__card-copy {
        color: rgba(255, 255, 255, 0.75);
      }

      .br-service-page .br-services__link {
        margin-top: auto;
        color: inherit;
        display: inline-flex;
        gap: 10px;
        align-items: center;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        text-decoration: none;
      }

      .br-service-page .br-risk {
        padding: 24px 0 66px;
      }

      .br-service-page .br-risk__inner {
        margin: 86px auto 88px;
        display: grid;
        grid-template-columns: minmax(300px, 560px) minmax(0, 1fr);
        gap: 70px;
        align-items: start;
      }

      .br-service-page .br-risk__media {
        display: grid;
        gap: 10px;
      }

      .br-service-page .br-risk__image {
        width: 100%;
        aspect-ratio: 560 / 440;
        object-fit: cover;
        display: block;
      }

      .br-service-page .br-risk__description,
      .br-service-page .br-why__description {
        max-width: 640px;
        margin: 24px 0 34px;
        color: #6a697c;
        font-size: 18px;
        font-weight: 400;
        line-height: 24.38px;
      }

      .br-service-page .br-risk__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
      }

      .br-service-page .br-risk__card {
        min-height: 190px;
        padding: 24px;
        border: 1px solid #e2ddd5;
        border-radius: 20px;
        background: #ffffff;
        box-sizing: border-box;
      }

      .br-service-page .br-risk__icon {
        width: 40px;
        height: 40px;
        margin-bottom: 20px;
        display: block;
      }

      .br-service-page .br-risk__card-title {
        margin: 0 0 8px;
        color: #202154;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: -0.45px;
      }

      .br-service-page .br-risk__card-copy {
        margin: 0;
        color: #5f6275;
        font-size: 14px;
        font-weight: 400;
        line-height: 22.75px;
      }

      .br-service-page .br-process,
      .br-service-page .br-why {
        background: #f5efe3;
      }

      .br-service-page .br-process {
        padding: 51px 0;
      }

      .br-service-page .br-process__inner,
      .br-service-page .br-why__inner {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(320px, 430px);
        gap: 72px;
        align-items: start;
      }
      .br-service-page .br-process__inner {
          gap: 56px;
      }

      .br-service-page .br-process__title,
      .br-service-page .br-transform__title {
        max-width: 820px;
        margin: 0;
        color: #150958;
        font-size: 50px;
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -2px;
      }

      .br-service-page .br-process__timeline {
        position: relative;
        margin-top: 54px;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 26px;
      }

      .br-service-page .br-process__timeline::before {
        content: "";
        position: absolute;
        top: 6px;
        left: 6px;
        right: 6px;
        height: 2px;
        background: rgba(255, 110, 68, 0.2);
      }

      .br-service-page .br-process__step {
        position: relative;
      }

      .br-service-page .br-process__step-dot {
        width: 13px;
        height: 13px;
        display: block;
        border-radius: 999px;
        background: #ff6e44;
      }

      .br-service-page .br-process__count {
        margin: 28px 0 14px;
        color: #6e6684;
        font-family: "JetBrains Mono", monospace;
        font-size: 13px;
        font-weight: 400;
        line-height: 1;
      }

      .br-service-page .br-process__step-title {
        margin: 0 0 18px;
        color: #150958;
        font-size: 18px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: -0.2px;
      }

      .br-service-page .br-process__step-copy {
        margin: 0;
        color: #656577;
        font-size: 14px;
        font-weight: 400;
        line-height: 22.75px;
      }

      .br-service-page .br-process__image {
        width: 100%;
        aspect-ratio: 430 / 430;
        object-fit: cover;
        display: block;
      }

      .br-service-page .br-compliance {
        position: relative;
        padding: 64px 0;
      }

      .br-service-page .br-compliance::before {
        content: "";
        position: absolute;
        top: -80px;
        left: 50%;
        transform: translateX(178px);
        width: 542px;
        height: 686px;
        background: url("http://35.81.170.158/wp-content/uploads/2026/07/Tree-pruning-BG-image.png") center/contain no-repeat;
        opacity: 0.3;
        pointer-events: none;
        z-index: 0;
      }

      .br-service-page .br-compliance__inner {
        position: relative;
        z-index: 1;
        margin: 104px auto;
        display: grid;
        grid-template-columns: minmax(300px, 540px) minmax(0, 1fr);
        gap: 80px;
        align-items: center;
      }

      .br-service-page .br-compliance__image {
        width: 100%;
        aspect-ratio: 540 / 400;
        object-fit: cover;
        display: block;
      }

      .br-service-page .br-compliance__description {
        margin: 14px 0 0;
        color: #150958;
        font-size: 24px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -1px;
      }

      .br-service-page .br-compliance__description-strong {
        font-weight: 600;
      }

      .br-service-page .br-why {
        padding: 25px 0 26px;
      }

      .br-service-page .br-why__inner {
        grid-template-columns: minmax(0, 1fr) minmax(320px, 560px);
        align-items: center;
      }

      .br-service-page .br-why__eyebrow {
        margin: 0 0 24px;
        color: #ff6e44;
        font-family: "JetBrains Mono", monospace;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-transform: uppercase;
      }

      .br-service-page .br-why__points {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0 16px;
        max-width: 680px;
      }

      .br-service-page .br-why__point {
        min-height: 55px;
        margin: 0;
        border-bottom: 1px solid #e2ddd5;
        display: flex;
        align-items: center;
        gap: 18px;
        color: #4d4a83;
        font-family: "Inter", Arial, sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 22.5px;
      }

      .br-service-page .br-why__check-svg {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        display: block;
      }

      .br-service-page .br-why__image {
        width: 100%;
        aspect-ratio: 556 / 600;
        object-fit: cover;
        display: block;
      }

      .br-service-page .br-transform {
        padding: 42px 0 116px;
      }

      .br-service-page .br-transform__header {
        margin: 72px auto 56px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 24px;
        align-items: end;
      }

      .br-service-page .br-transform__controls {
        display: flex;
        gap: 12px;
      }

      .br-service-page .br-transform__button {
        width: 44px;
        height: 44px;
        border: 1px solid #e2ddd5;
        border-radius: 50%;
        color: #150958;
        background: #ffffff;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
      }

      .br-service-page .br-transform__body {
        display: grid;
        grid-template-columns: 312px minmax(0, 1fr);
        gap: 22px;
      }

      .br-service-page .br-transform__panel {
        background: #150958;
        color: #ffffff;
        padding: 34px 32px;
        box-sizing: border-box;
        align-self: start;
      }

      .br-service-page .br-transform__location {
        margin: 0 0 24px;
        color: rgba(255, 255, 255, 0.6);
        font-size: 10px;
        font-weight: 600;
        line-height: 15px;
        letter-spacing: 2.2px;
        text-transform: uppercase;
      }

      .br-service-page .br-transform__panel-title {
        margin: 0 0 36px;
        color: #ffffff;
        font-size: 30px;
        font-weight: 400;
        line-height: 37.5px;
        letter-spacing: -0.75px;
      }

      .br-service-page .br-transform__item {
        margin: 0;
        height: 45px;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 18px;
        color: rgba(255, 255, 255, 0.58);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        cursor: pointer;
        box-sizing: border-box;
      }

      .br-service-page .br-transform__item--active {
        color: #f26a37;
      }

      .br-service-page .br-transform__item-count {
        font-size: 12px;
        line-height: 16px;
      }

      .br-service-page .br-transform__comparison {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2px;
      }

      .br-service-page .br-transform__image-wrap {
        position: relative;
        overflow: hidden;
      }

      .br-service-page .br-transform__image {
        width: 100%;
        height: 600px;
        object-fit: cover;
        display: block;
      }

      .br-service-page #transform-before {
        object-position: right center;
      }

      .br-service-page #transform-after {
        object-position: left center;
      }

      .br-service-page .br-transform__label {
        position: absolute;
        left: 50%;
        bottom: 12px;
        transform: translateX(-50%);
        min-width: 200px;
        padding: 12px 18px;
        color: #150958;
        background: #f5efe3;
        font-size: 30px;
        font-weight: 400;
        line-height: 37.5px;
        letter-spacing: -0.75px;
        text-align: center;
        box-sizing: border-box;
      }

      @media (max-width: 1300px) {
        .br-service-page .br-compliance::before {
          width: 420px;
          height: 530px;
          transform: translateX(100px);
        }
        .br-service-page .br-hero__inner {
          grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
          gap: 32px;
        }
        .br-service-page .br-risk__inner {
          grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
          gap: 32px;
        }
        .br-service-page .br-why__inner {
          grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
          gap: 32px;
        }
        .br-service-page .br-transform__body {
          grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
          gap: 32px;
        }
      }

      @media (max-width: 1200px) {
        .br-service-page .br-hero__title {
          font-size: 54px;
        }
        .br-service-page .br-hero__description {
          font-size: 22px;
        }
        .br-service-page .br-services__grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 20px;
        }
        .br-service-page .br-process__timeline {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 24px;
        }
        .br-service-page .br-transform__image {
          height: 450px;
        }
      }

      @media (max-width: 1024px) {
          .br-service-page .br-hero {
              padding: 152px 0 36px;
          }
        .br-service-page .br-hero__inner {
          grid-template-columns: 1fr;
          gap: 24px;
        }
        .br-service-page .br-hero__title {
          max-width: 100%;
        }
        .br-service-page .br-hero__description {
          max-width: 100%;
        }
        .br-service-page .br-hero__button {
          margin-top: 24px;
        }
      }

      @media (max-width: 991px) {
        .br-service-page .br-compliance::before {
          top: auto;
          bottom: -40px;
          left: 50%;
          transform: translateX(-50%);
          width: 320px;
          height: 400px;
          opacity: 0.15;
        }
        .br-service-page .br-distinction,
        .br-service-page .br-services,
        .br-service-page .br-process,
        .br-service-page .br-compliance,
        .br-service-page .br-why {
          padding-top: 56px;
        }
        .br-service-page .br-risk,
        .br-service-page .br-transform {
          padding-top: 20px;
        }
        .br-service-page .br-distinction,
        .br-service-page .br-services,
        .br-service-page .br-risk,
        .br-service-page .br-process,
        .br-service-page .br-compliance,
        .br-service-page .br-why,
        .br-service-page .br-transform {
          padding-bottom: 56px;
        }
        .br-service-page .br-distinction__intro,
        .br-service-page .br-transform__header,
        .br-service-page .br-risk__inner,
        .br-service-page .br-compliance__inner,
        .br-service-page .br-why__inner,
        .br-service-page .br-process__inner {
          margin-top: 40px;
          margin-bottom: 40px;
        }
        .br-service-page .br-distinction__cards {
          grid-template-columns: 1fr;
          gap: 32px;
        }
        .br-service-page .br-risk__inner {
          grid-template-columns: 1fr;
          gap: 40px;
        }
        .br-service-page .br-risk__content {
          order: 1;
        }
        .br-service-page .br-risk__media {
          order: 2;
        }
        .br-service-page .br-why__inner {
          grid-template-columns: 1fr;
          gap: 40px;
        }
        .br-service-page .br-process__inner {
          grid-template-columns: 1fr;
          gap: 40px;
        }
        .br-service-page .br-transform__body {
          grid-template-columns: 1fr;
          gap: 32px;
        }
        .br-service-page .br-transform__panel {
          padding: 32px;
        }
        .br-service-page .br-compliance__inner {
          grid-template-columns: 1fr;
          gap: 24px;
          text-align: left;
        }
        .br-service-page .br-services__header {
          grid-template-columns: 1fr;
          gap: 16px;
        }
      }

      @media (max-width: 768px) {
        .br-service-page .br-services__inner::before {
          width: 320px;
          height: 220px;
          top: -20px;
          left: 50%;
        }
        .br-service-page .br-divider {
          grid-template-columns: 1fr 24px 1fr;
          gap: 14px;
        }
        .br-service-page .br-hero {
          padding-top: 118px;
          padding-bottom: 32px;
        }
        .br-service-page .br-hero__title {
          font-size: 42px;
          max-width: 100%;
        }
        .br-service-page .br-hero__description {
          font-size: 20px;
        }
        .br-service-page .br-hero__media {
          margin-top: 32px;
        }
        .br-service-page .br-hero__image {
          min-height: 280px;
        }
        .br-service-page .br-distinction__card {
          padding: 32px;
        }
        .br-service-page .br-services__grid {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .br-service-page .br-services__card {
          padding: 24px;
          min-height: auto;
        }
        .br-service-page .br-services__link {
          margin-top: 24px;
        }
        .br-service-page .br-process__timeline {
          grid-template-columns: 1fr;
          position: relative;
          padding-left: 0;
        }
        .br-service-page .br-process__timeline::before {
          content: "";
          position: absolute;
          left: 5px;
          right: auto;
          top: 6px;
          width: 3px;
          height: calc(100% - 12px);
          background: rgba(255, 110, 68, 0.2);
        }
        .br-service-page .br-process__step {
          padding-left: 32px;
          position: relative;
        }
        .br-service-page .br-process__step-dot {
          position: absolute;
          left: 0;
          top: 4px;
        }
        .br-service-page .br-process__count {
          margin-top: 0;
          margin-bottom: 8px;
        }
        .br-service-page .br-why__image {
          height: 320px;
        }
        .br-service-page .br-transform__comparison {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .br-service-page .br-transform__image {
          height: auto;
          min-height: 300px;
        }
        .br-service-page .br-transform__panel {
          padding: 28px;
        }
        .br-service-page .br-transform__header {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .br-service-page .br-transform__controls {
          justify-content: flex-start;
        }
      }

      @media (max-width: 550px) {
        .br-service-page {
          width: 100%;
          max-width: 100vw;
        }
        .br-service-page .container,
        .br-service-page .br-divider,
        .br-service-page .br-hero__inner,
        .br-service-page .br-hero__media,
        .br-service-page .br-services__inner,
        .br-service-page .br-distinction__cards,
        .br-service-page .br-risk__inner,
        .br-service-page .br-process__inner,
        .br-service-page .br-compliance__inner,
        .br-service-page .br-why__inner,
        .br-service-page .br-transform__header,
        .br-service-page .br-transform__body {
          width: 100%;
          max-width: 100%;
        }
        .br-service-page .br-hero__title {
          font-size: 32px;
          line-height: 1.1;
          overflow-wrap: anywhere;
        }
        .br-service-page .br-hero__description {
          font-size: 18px;
          line-height: 1.12;
          overflow-wrap: anywhere;
        }
        .br-service-page .br-distinction__title,
        .br-service-page .br-services__title,
        .br-service-page .br-risk__title,
        .br-service-page .br-process__title,
        .br-service-page .br-compliance__title,
        .br-service-page .br-why__title,
        .br-service-page .br-transform__title {
          font-size: 30px;
          line-height: 1.15;
          overflow-wrap: anywhere;
        }
        .br-service-page .br-distinction__card {
          padding: 24px;
        }
        .br-service-page .br-services__card {
          padding: 20px;
        }
        .br-service-page .br-risk__media {
          grid-template-columns: 1fr;
          gap: 16px;
        }
        .br-service-page .br-risk__grid {
          grid-template-columns: 1fr;
          gap: 20px;
        }
        .br-service-page .br-why__points {
          grid-template-columns: 1fr;
          gap: 16px;
        }
        .br-service-page .br-transform__panel {
          padding: 20px;
        }
      }

      @media (max-width: 320px) {
        .br-service-page .br-hero__title {
          font-size: 28px;
        }
        .br-service-page .br-distinction__card,
        .br-service-page .br-services__card,
        .br-service-page .br-transform__panel {
          padding: 16px;
        }
        .br-service-page .br-transform__label {
          min-width: 120px;
          font-size: 18px;
        }
      }
      
      /*service accrodion section*/
      .br-service-area {
          padding: 56px 0 108px;
          background: #ffffff;
        }

        .br-service-area__header {
          margin-bottom: 56px;
        }

        .br-service-area__eyebrow {
          margin: 0 0 16px;
          color: #ff6e44;
          font-family: "JetBrains Mono";
          font-size: 24px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          letter-spacing: -0.5px;
          text-transform: uppercase;
        }

        .br-service-area__header-row {
          display: grid;
          grid-template-columns: 1fr 464px;
          gap: 80px;
          align-items: center;
        }

        .br-service-area__title {
          margin: 0;
          color: #150958;
          font-family: Manrope;
          font-size: 50px;
          font-style: normal;
          font-weight: 500;
          line-height: 110%;
          letter-spacing: -2px;
          text-transform: capitalize;
          max-width: 589px;
        }

        .br-service-area__intro {
          margin: 0;
          color: rgba(21, 9, 88, 0.8);
          font-family: Manrope;
          font-size: 24px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
        }

        .br-service-area__item {
          border-bottom: 1px solid #13086580;
        }

        .br-service-area__trigger {
          width: 100%;
          margin: 0;
          padding: 32px 0;
          border: 0;
          background: transparent;
          color: #150958;
          color: #130865;
          font-family: Manrope;
          font-size: 24px;
          font-style: normal;
          font-weight: 400;
          line-height: 142%;
          letter-spacing: -0.7px;
          text-align: left;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 24px;
        }

        .br-service-area__trigger-icon {
          flex-shrink: 0;
          width: 24px;
          height: 24px;
          color: #150958;
          transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .br-service-area__item.is-open .br-service-area__trigger-icon {
          transform: rotate(180deg);
        }

        .br-service-area__panel {
          display: grid;
          grid-template-rows: 0fr;
          transition: grid-template-rows 0.45s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .br-service-area__item.is-open .br-service-area__panel {
          grid-template-rows: 1fr;
        }

        .br-service-area__panel-inner {
          overflow: hidden;
          min-height: 0;
          opacity: 0;
          transition: opacity 0.35s ease 0.05s;
        }

        .br-service-area__item.is-open .br-service-area__panel-inner {
          opacity: 1;
        }

        .br-service-area__panel-inner .br-service-area__chips {
          padding-bottom: 32px;
        }

        @media (prefers-reduced-motion: reduce) {
          .br-service-area__panel,
          .br-service-area__panel-inner,
          .br-service-area__trigger-icon {
            transition: none;
          }
        }

        .br-service-area__chips {
          display: flex;
          flex-wrap: wrap;
          gap: 16px;
        }

        .br-service-area__chip {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          min-height: 48px;
          padding: 16px 44px;
          border: 1px solid #e8e8e8;
          background: transparent;
          color: #150958;
          font-family: "Manrope", sans-serif;
          font-size: 12px;
          font-weight: 600;
          line-height: 16px;
          letter-spacing: 0.48px;
          text-transform: uppercase;
          text-decoration: none;
          cursor: pointer;
          transition:
            background 0.2s ease,
            color 0.2s ease,
            border-color 0.2s ease;
        }

        .br-service-area__chip::before {
          content: "";
          width: 14px;
          height: 14px;
          flex-shrink: 0;
          background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7 1.167C4.778 1.167 2.917 3.028 2.917 5.25c0 3.583 4.083 7.583 4.083 7.583s4.083-4 4.083-7.583C11.083 3.028 9.222 1.167 7 1.167Zm0 5.542a1.375 1.375 0 1 1 0-2.75 1.375 1.375 0 0 1 0 2.75Z' fill='%23150958'/%3E%3C/svg%3E")
            center / contain no-repeat;
        }

        .br-service-area__chip:hover {
          border-color: #150958;
        }
        
        .br-service-area__chip:hover {
            border-color: #150958;
            background: #150958;
            color: #ffffff;
        }

        /*.br-service-area__chip.is-active,*/
        /*.br-service-area__chip.is-active:hover {*/
        /*  background: #150958;*/
        /*  border-color: #150958;*/
        /*  color: #ffffff;*/
        /*}*/

        .br-service-area__chip.is-active::before {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7 1.167C4.778 1.167 2.917 3.028 2.917 5.25c0 3.583 4.083 7.583 4.083 7.583s4.083-4 4.083-7.583C11.083 3.028 9.222 1.167 7 1.167Zm0 5.542a1.375 1.375 0 1 1 0-2.75 1.375 1.375 0 0 1 0 2.75Z' fill='%23ffffff'/%3E%3C/svg%3E");
        }
        .services-accordion-space {
            padding-top: 40px !important;
        }
        .br-service-pad {
            padding: 192px 0 108px;
        }

        @media (max-width: 991px) {
          .br-service-area {
            padding: 56px 0 72px;
          }

          .br-service-area__header-row {
            grid-template-columns: 1fr;
            gap: 20px;
          }

          .br-service-area__title {
            font-size: 40px;
            line-height: 44px;
          }
          .services-accordion-space {
            padding-top: 32px !important;
        }
        .br-service-pad {
            padding: 152px 0 108px;
        }
        }

        @media (max-width: 550px) {
            .services-accordion-space {
            padding-top: 22px !important;
        }
          .br-service-area__eyebrow {
            font-size: 16px;
            line-height: 20px;
          }
          .br-service-area__title {
            font-size: 32px;
            line-height: 36px;
          }
          .br-service-pad {
            padding: 112px 0 108px;
        }

          .br-service-area__trigger {
            padding: 24px 0;
            font-size: 24px;
            line-height: 28px;
          }

          .br-service-area__chips {
            gap: 12px;
          }

          .br-service-area__chip {
            min-height: 44px;
            padding: 10px 16px;
            font-size: 11px;
          }
        }
        

/* Contact Us Page */
.contact-us-hero-section {
  padding: 192px 0 68px;
}
.contact-us-hero-section .inner-contact-us-hero-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 56px;
}
.contact-us-hero-section .inner-contact-us-hero-section .left-content {
  max-width: 438px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.contact-us-hero-section
  .inner-contact-us-hero-section
  .left-content
  .sub-title {
  color: #ff6e44;
  font-family: "JetBrains Mono";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 124%;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  margin: 0;
}
.contact-us-hero-section .inner-contact-us-hero-section .left-content .title {
  color: #150958;
  font-family: Manrope;
  font-size: 62px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -2px;
  margin: 0;
}
.contact-us-hero-section
  .inner-contact-us-hero-section
  .left-content
  .title
  span {
  font-weight: 600;
}
.contact-us-hero-section .inner-contact-us-hero-section .right-content {
  max-width: 410px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.contact-us-hero-section
  .inner-contact-us-hero-section
  .left-content
  .description {
  color: rgba(21, 9, 88, 0.8);
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.contact-us-hero-section
  .inner-contact-us-hero-section
  .right-content
  .book-now-button {
  display: inline-block;
  padding: 12px 32px;
  background: #150958;
  color: #fff;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.contact-us-hero-section .inner-contact-us-hero-section-image {
  background-color: #1a1a1a;
  background-size: cover;
  background-position: center;
  padding: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 56px 0 0;
}
.contact-us-hero-section .inner-contact-us-hero-section-image .form-container {
  max-width: 650px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 26px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(37.5px);
}
.contact-us-hero-section .form-container form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.contact-us-hero-section .form-container .form-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.contact-us-hero-section .form-container label {
  color: #fff;
  font-family: Manrope;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: -1px;
}
.contact-us-hero-section .form-container input,
.contact-us-hero-section .form-container textarea {
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(136, 136, 136, 0.1);
  padding: 12px;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.contact-us-hero-section .form-container button {
  padding: 10px 64px;
  background: #fff;
  color: #150958;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.contact-us-grid-container {
  padding: 0 0 68px;
}
.contact-us-grid-container .inner-grid-container {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
}
.contact-us-grid-container .card {
  width: 100%;
  grid-column: span 4 / span 4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  background: #f5efe3;
  padding: 40px;
}
.contact-us-grid-container .card .card-icon {
  width: 32px;
  height: 32px;
}
.contact-us-grid-container .card .card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.contact-us-grid-container .card .card-title {
  color: #150958;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 133%;
  letter-spacing: -0.24px;
  margin: 12px 0 0;
}
.contact-us-grid-container .card .card-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.contact-us-grid-container .card .card-text p {
  color: #150958;
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 162%;
  margin: 0;
}
.contact-us-grid-container .card .card-link {
  color: #150958;
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 142%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: #150958;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  margin: 12px 0 0;
}
.contact-us-grid-container .card:last-child {
  padding: 0;
}
.contact-us-grid-container .card:last-child .card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.contact-us-caring-section {
  padding: 0 0 34px;
}
.contact-us-caring-section .inner-contact-us-caring-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 56px;
}
.contact-us-caring-section .left-content {
  width: 100%;
}
.contact-us-caring-section .left-content .caring-for-trees-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1;
}
.contact-us-caring-section .right-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.contact-us-caring-section .right-content .title {
  color: #150958;
  font-family: Manrope;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.2px;
  margin: 0;
}
.contact-us-caring-section .right-content .title span {
  font-weight: 400;
}
.contact-us-caring-section .right-content .description {
  color: #150958;
  font-family: Manrope;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162%;
  margin: 0;
}
.contact-us-caring-section .right-content .contact-us-button {
  padding: 10px 24px;
  background: #150958;
  color: #fff;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* Contact Us Page — tablet */
@media (max-width: 1024px) {
  .contact-us-hero-section {
    padding: 140px 0 48px;
  }

  .contact-us-hero-section .inner-contact-us-hero-section {
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
  }

  .contact-us-hero-section .inner-contact-us-hero-section .left-content,
  .contact-us-hero-section .inner-contact-us-hero-section .right-content {
    max-width: none;
    width: 100%;
  }

  .contact-us-hero-section .inner-contact-us-hero-section .left-content .title {
    font-size: 44px;
    letter-spacing: -1.5px;
  }

  .contact-us-hero-section
    .inner-contact-us-hero-section
    .right-content
    .description {
    font-size: 20px;
  }

  .contact-us-hero-section .inner-contact-us-hero-section-image {
    margin-top: 40px;
    padding: 48px 40px;
    background-position: center;
  }

  .contact-us-hero-section
    .inner-contact-us-hero-section-image
    .form-container {
    max-width: 100%;
    padding: 24px;
  }

  .contact-us-hero-section .form-container label {
    font-size: 18px;
    letter-spacing: -0.5px;
  }

  .contact-us-grid-container {
    padding: 0 0 48px;
  }

  .contact-us-grid-container .inner-grid-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact-us-grid-container .card {
    grid-column: auto;
    padding: 32px 28px;
  }

  .contact-us-caring-section {
    padding: 0 0 48px;
  }

  .contact-us-caring-section .inner-contact-us-caring-section {
    flex-direction: column;
    gap: 40px;
  }

  .contact-us-caring-section .right-content {
    gap: 24px;
  }

  .contact-us-caring-section .right-content .title {
    font-size: 36px;
    letter-spacing: -1px;
    line-height: 1.2;
  }

  .contact-us-caring-section .right-content .description {
    font-size: 16px;
  }
}

/* Contact Us Page — mobile */
@media (max-width: 768px) {
  .contact-us-hero-section {
    padding: 110px 0 40px;
  }

  .contact-us-hero-section .inner-contact-us-hero-section {
    gap: 24px;
  }

  .contact-us-hero-section
    .inner-contact-us-hero-section
    .left-content
    .sub-title {
    font-size: 16px;
  }

  .contact-us-hero-section .inner-contact-us-hero-section .left-content .title {
    font-size: 34px;
    letter-spacing: -1px;
  }

  .contact-us-hero-section
    .inner-contact-us-hero-section
    .right-content {
    gap: 24px;
  }

  .contact-us-hero-section
    .inner-contact-us-hero-section
    .right-content
    .description {
    font-size: 18px;
    line-height: 1.35;
  }

  .contact-us-hero-section
    .inner-contact-us-hero-section
    .right-content
    .book-now-button {
    text-align: center;
    padding: 12px 24px;
    font-size: 16px;
  }

  .contact-us-hero-section .inner-contact-us-hero-section-image {
    margin-top: 32px;
    padding: 32px 20px;
  }

  .contact-us-hero-section
    .inner-contact-us-hero-section-image
    .form-container {
    padding: 20px 16px;
    border-radius: 10px;
  }

  .contact-us-hero-section .form-container form {
    gap: 20px;
  }

  .contact-us-hero-section .form-container label {
    font-size: 16px;
    letter-spacing: 0;
  }

  .contact-us-hero-section .form-container input,
  .contact-us-hero-section .form-container textarea {
    padding: 10px 12px;
    font-size: 16px;
  }

  .contact-us-hero-section .form-container button {
    padding: 12px 24px;
    font-size: 16px;
  }

  .contact-us-grid-container {
    padding: 0 0 40px;
  }

  .contact-us-grid-container .inner-grid-container {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .contact-us-grid-container .card {
    padding: 28px 24px;
  }

  .contact-us-grid-container .card .card-title {
    font-size: 22px;
  }

  .contact-us-grid-container .card:last-child .card-image {
    aspect-ratio: 16 / 10;
    min-height: 200px;
  }

  .contact-us-caring-section {
    padding: 0 0 40px;
  }

  .contact-us-caring-section .inner-contact-us-caring-section {
    gap: 32px;
    flex-direction: column-reverse;
  }

  .contact-us-caring-section .left-content .caring-for-trees-image {
    aspect-ratio: 4 / 3;
  }

  .contact-us-caring-section .right-content {
    gap: 20px;
  }

  .contact-us-caring-section .right-content .title {
    font-size: 28px;
    letter-spacing: -0.75px;
  }

  .contact-us-caring-section .right-content .description {
    font-size: 15px;
    line-height: 1.5;
  }

  .contact-us-caring-section .right-content .contact-us-button {
    text-align: center;
    font-size: 16px;
  }
}
.services .services__card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}


/* Arbostar lead form extras */
.contact-us-hero-section .form-group--row,
.contact-us-hero-section .form-container .form-group.form-group--row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  width: 100%;
}

.contact-us-hero-section .form-group .required {
  color: #ff6e44;
}

.contact-us-hero-section .brt-lead-notice {
  width: 100%;
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 8px;
  font-family: Manrope, sans-serif;
  font-size: 15px;
  line-height: 1.4;
}

.contact-us-hero-section .brt-lead-notice--success {
  background: rgba(74, 222, 128, 0.12);
  color: #fff;
  border: 1px solid rgba(74, 222, 128, 0.55);
}

.contact-us-hero-section .brt-lead-notice--error {
  background: rgba(255, 110, 68, 0.2);
  color: #fff;
  border: 1px solid rgba(255, 110, 68, 0.45);
}

@media (max-width: 768px) {
  .contact-us-hero-section .form-group--row,
  .contact-us-hero-section .form-container .form-group.form-group--row {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}