:root {
  --black: #101010;
  --charcoal: #191919;
  --gold: #c6a667;
  --rich-gold: #d4af37;
  --ivory: #f7f5ef;
  --slate: #5c6268
}
* {
  box-sizing: border-box
}

#T a:link{ color: #000; text-decoration: none;}
#T a:hover{ color: #a16900; text-decoration: none;}
#T a:visited{ color: #a16900; text-decoration: none;}

.Dis{display: block;}
.mt{margin-top: 25px;}
html {
  scroll-behavior: smooth
}
.InputIn0 {
    width: 100%;
    padding: 6px 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.sticky {
    position: -webkit-sticky;
    position: sticky;
    align-self: flex-start;
    top: 80px;
}
.Textarea{font-size: 16px;
    background-color: rgb(247, 248, 249);
    height: 60px;
    color: #888888;
    padding: 0 25px;
    font-weight: 400;
    margin-bottom: 15px;
	border: 1px solid #e4e4e4;
    width: 100%;}
.InputIn{width:100%; padding:10px; margin-bottom:20px; border: 1px solid #ccc; border-radius: 5px;}
.InputIn1{width:100%; padding:12px 10px; margin-bottom:20px; border: 1px solid #ccc; border-radius: 5px;}
.InputIn2{width:100%; padding:10px; margin-bottom:20px; border: 1px solid #ccc; height:80px; border-radius: 5px;}

.InputIn0{width:100%; padding:6px 10px; margin-bottom:10px; border: 1px solid #c7a86d; border-radius:5px;}
.InputIn01{width:100%; padding:7px 10px; margin-bottom:10px; border: 1px solid #c7a86d; border-radius:5px;}
.InputIn02{width:100%; padding:10px; margin-bottom:15px; border: 1px solid #c7a86d; height:70px; border-radius:5px;}

.Submit{background-color: #c7a86d; text-align:center; font-size:18px; text-transform:uppercase; padding:10px 15px; color:#000; border-radius: 5px; font-weight:700; cursor:pointer; border: 0px;}
.Submit:hover{background-color: #000000; color: #fff;}
.TextNB{font-weight: 200; line-height: 22px; font-size: 14px;}


.EnquiryBox{background-color:#ede4c9; padding:20px; margin-bottom:30px; font-weight:700; border-top: 5px solid #c6a667;}
.EnquiryBox1{background-color:#ededed; border-radius: 10px; padding:35px 20px; margin-bottom:30px;}
.EnquiryBoxHeading{margin-bottom:5px; text-transform:uppercase; text-align:center; font-size:22px; color:#fff800;}
.EnquiryBoxHeadingP{font-size:16px; text-align:center; color:#fff; margin-bottom:5px;}
.EnquiryBoxHeadingP1{font-size:13px; text-align:center; color:#cdc9c9; font-weight:500; line-height: 18px;}

.imgB{border: 1px solid #ccc; padding: 10px; border-radius: 10px; background-color: #fff; margin-bottom: 20px;}
.text-justify{text-align: justify}
.text-justify1{text-align: justify; margin-bottom: 25px;}
.Inheading{color: #000; font-size: 22px; font-weight: 500; margin-bottom: 10px;}
.liin{list-style: disc; list-style-position: outside; margin-top: 10px; font-size: 16px; color: #000;}
p{color: #4b4b4b;}
body {
  font-family: 'Source Sans 3', sans-serif;
  color: #272727;
  background: #fff;
  font-size: 1.05rem;
  line-height: 1.65
}
.skip-link {
  position: absolute;
  left: -9999px;
  z-index: 9999;
  background: #fff;
  color: #101010;
  padding: .65rem 1rem
}
.skip-link:focus {
  left: 1rem;
  top: 1rem
}
.topline {
  background: var(--black);
  color: #f5e8c7;
  font-size: .74rem;
  letter-spacing: .16em;
  padding: .45rem 0
}
.topline span {
  opacity: .5;
  margin: 0 .4rem
}
.header-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .5rem 1rem
}
.header-email {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 24px;
  padding: 5px 10px;
  /*background: var(--gold);
  border: 1px solid var(--gold);*/
  border-radius: 3px;
  color: #fff;
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: .02em;
  text-decoration: none;
  white-space: nowrap
}
.header-email:hover {
  /*background: #e1c47e;*/
  border-color: #e1c47e;
  color: #f5e8c7
}
.header-email:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px
}
@media (max-width: 767px) {
  .header-topline {
    justify-content: center
  }
  .header-tagline {
    text-align: center
  }
}
.site-header {
  background: #000;
}
.navbar {
  min-height: 82px
}
.navbar-brand img {
  width: 150px;
  object-fit: cover;
  object-position: center;
  border-radius: 1px
}
.nav-link {
  color: #fff !important;
  font-size: .79rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: .8rem .66rem !important
}
.nav-link:hover, .nav-link.active {
  color: #ffdd9c !important
}
.nav-link.active:after {
  content: '';
  display: block;
  width: 20px;
  height: 2px;
  background: var(--gold);
  margin: 4px auto -6px
}
.dropdown-menu {
  border: 0;
  border-radius: 0;
  box-shadow: 0 14px 35px rgba(0, 0, 0, .13);
  padding: .6rem
}
.dropdown-item {
  font-size: .93rem;
  padding: .2rem .8rem;
  white-space: normal
}
@media (min-width: 1200px) {
  .site-header .navbar .dropdown-menu {
    margin-top: 0
  }
}
.expertise-menu {
  width: 280px;
  max-height: 70vh;
  overflow: auto
}
.navbar-toggler {
  border: 0;
  font-size: 1.6rem;
	color: #fff;
}
.navbar-toggler:focus {
  box-shadow: 0 0 0 .2rem rgba(198, 166, 103, .5)
}
.offcanvas {
  background: var(--black);
  color: #fff
}
.mobile-logo {
  width: 115px;
  height: 52px;
  object-fit: cover
}
.offcanvas-body nav a, .mobile-expand {
  display: block;
  width: 100%;
  background: none;
  border: 0;
  color: #fff;
  text-align: left;
  padding: .85rem 0;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid #333
}
.mobile-expand {
  display: flex;
  justify-content: space-between
}
.offcanvas-body .collapse a {
  padding-left: 1rem;
  color: #e8dcc5;
  font-size: .94rem
}
.hero {
  position: relative;
  min-height: 650px;
  background: var(--black);
  overflow: hidden;
  color: #fff;
  display: flex;
  align-items: center
}
.hero-grid {
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, rgba(16, 16, 16, .94) 35%, rgba(16, 16, 16, .55)), repeating-linear-gradient(90deg, transparent 0, transparent calc(20% - 1px), rgba(198, 166, 103, .16) calc(20% - 1px), rgba(198, 166, 103, .16) 20%), linear-gradient(145deg, #1b1b1b, #0b0b0b)
}
.home-banner {
  position: relative;
  background: #101010;
  color: #fff;
  overflow: hidden
}
.banner-slide {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 660px;
  min-height: clamp(600px, 46vw, 760px);
  padding: 4.5rem 0 7.5rem
}
.banner-slide[hidden], .banner-navigation[hidden] {
  display: none
}
.banner-image, .banner-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center
}
.banner-shade {
  background: linear-gradient(90deg, rgba(8, 10, 12, .9), rgba(8, 10, 12, .65) 42%, rgba(8, 10, 12, .08) 80%), linear-gradient(0deg, rgba(8, 10, 12, .75), transparent 30%)
}
.banner-content {
  position: relative;
  z-index: 1;
  animation: banner-reveal .6s ease-out both
}
.home-banner .eyebrow {
  color: #e5c77e
}
.banner-content h1, .banner-content h2 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-size: clamp(3.1rem, 5.4vw, 5.8rem);
  line-height: 1.02;
  letter-spacing: -.025em;
  margin: 0 0 1.5rem;
  max-width: 790px;
  text-wrap: balance
}
.banner-content em {
  color: #e2c685;
  font-weight: 500
}
.banner-description {
  color: #e9e5de;
  font-size: 1.2rem;
  max-width: 540px;
  margin-bottom: 1.8rem
}
.banner-navigation {
  position: absolute;
  z-index: 2;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem
}
.banner-dots, .banner-actions {
  display: flex;
  align-items: center;
  gap: .45rem
}
.banner-navigation button {
  border: 1px solid rgba(229, 199, 126, .45);
  background: rgba(16, 16, 16, .55);
  color: #f1dfb4;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .2s, border-color .2s
}
.banner-navigation button:hover {
  background: #493d27;
  border-color: #e5c77e
}
.banner-navigation button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px
}
.banner-navigation .banner-dot {
  border: 0;
  background: transparent;
  width: 42px
}
.banner-dot span {
  display: block;
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, .4)
}
.banner-dot.is-active span {
  background: #e5c77e;
  height: 4px
}
.banner-count {
  color: #f5e7c8;
  padding: 0 .5rem;
  font-size: .9rem;
  white-space: nowrap;
  font-variant-numeric: tabular-nums
}
.banner-count span {
  color: #b8b0a0
}
@keyframes banner-reveal {
  from { opacity: 0; transform: translateY(12px) }
  to { opacity: 1; transform: translateY(0) }
}
@media (max-width: 767px) {
  .banner-slide {
    min-height: 640px;
    padding: 3.5rem 0 8.5rem
  }
  .banner-image {
    object-position: right center
  }
  .banner-shade {
    background: linear-gradient(90deg, rgba(8, 10, 12, .87), rgba(8, 10, 12, .5)), linear-gradient(0deg, rgba(8, 10, 12, .8), transparent 65%)
  }
  .banner-content h1, .banner-content h2 {
    font-size: clamp(2.8rem, 8vw, 4rem)
  }
  .banner-description {
    font-size: 1.05rem
  }
  .banner-navigation {
    flex-wrap: wrap;
    bottom: 1rem;
    gap: .25rem
  }
  .banner-navigation .banner-dot {
    width: 27px
  }
  .banner-dots, .banner-actions {
    gap: .15rem
  }
  .banner-count {
    padding: 0 .3rem
  }
}
@media (prefers-reduced-motion: reduce) {
  .banner-content {
    animation: none
  }
  .banner-navigation button {
    transition: none
  }
}
.hero-content {
  position: relative;
  padding: 5rem 12px
}
.eyebrow {
  color: #927238;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .17em;
  text-transform: uppercase;
  margin-bottom: .85rem
}
.hero .eyebrow {
  color: #e5c77e
}
.hero h1, .page-hero h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(3.4rem, 7vw, 6.6rem);
  line-height: .9;
  letter-spacing: -.03em;
  margin-bottom: 1.3rem
}
.hero h1 em {
  color: #d9bd78;
  font-weight: 500
}
.hero .lead {
  max-width: 550px;
  color: #e0ddd5;
  font-size: 1.28rem
}
.hero-mark {
  position: absolute;<div class="col-lg-3">
        <h2>Sitemap</h2>
  right: 4vw;
  bottom: 2.5rem;
  writing-mode: vertical-rl;
  letter-spacing: .2em;
  font-size: .68rem;
  color: #c6a667
}
.btn {
  border-radius: 0;
  padding: .8rem 1.2rem;
  font-weight: 700;
  letter-spacing: .03em
}
.btn-gold {
  background: var(--gold);
  border-color: var(--gold);
  color: #171717
}
.btn-gold:hover {
  background: #e1c47e;
  border-color: #e1c47e
}
.section {
  padding: 3.5rem 0
}
.section h2 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  font-size: clamp(2.3rem, 3.8vw, 3.8rem);
  line-height: 1.04;
  letter-spacing: -.02em;
}
.intro h2 {
  max-width: 600px
}
.intro-visual {
  position: relative;
  margin: 0;
  overflow: hidden;
  background: #201f1c;
  border-bottom: 3px solid var(--gold);
  box-shadow: 0 12px 30px rgba(16, 16, 16, .12)
}
.intro-visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 534 / 370;
  object-fit: cover;
  object-position: center top
}
.architectural-panel {
  min-height: 370px;
  background: linear-gradient(135deg, #201f1c, #5b5446);
  color: #e2c47e;
  padding: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  overflow: hidden
}
.architectural-panel:after {
  content: '';
  position: absolute;
  width: 70%;
  height: 125%;
  right: -14%;
  top: -20%;
  border: 1px solid #c6a667;
  transform: skewX(-17deg)
}
.architectural-panel span {
  font-family: 'Cormorant Garamond', serif;
  font-size: 6rem;
  position: relative;
  z-index: 1
}
.architectural-panel p {
  font-family: 'Cormorant Garamond', serif;
  font-size: 2rem;
  line-height: 1;
  position: relative;
  z-index: 1
}
.section-dark {
  background: var(--charcoal);
  color: #fff
}
.principle {
  border-top: 1px solid #a98a50;
  padding: 1rem 0;
  min-height: 150px
}
.principle span, .number {
  font-size: .8rem;
  color: #d7b765;
  letter-spacing: .13em
}
.principle h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.45rem;
  margin-top: 1.3rem
}
.section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem
}
.text-link {
  color: #5d461e;
  text-decoration: none;
  font-weight: 700;
  border-bottom: 1px solid #b49a61;
  padding-bottom: .15rem
}
.text-link:hover {
  color: #171717
}
.practice-card {
  display: flex;
  flex-direction: column;
  min-height: 210px;
  padding: 1.4rem;
  background: var(--ivory);
  color: #222;
  text-decoration: none;
  border: 1px solid #dfcfae;
  transition: .2s ease
}
.practice-card:hover, .practice-card:focus {
  background: #1a1a1a;
  color: #fff;
  transform: translateY(-3px)
}
.practice-card h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  line-height: 1.05;
  margin: auto 0 1rem
}
.practice-card > span:last-child {
  font-size: .88rem;
  font-weight: 700
}
.practice-image-card {
  padding: 0;
  overflow: hidden;
  height: 100%
}
.practice-card-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: 70% center;
  border-bottom: 3px solid var(--gold)
}
.practice-card-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 100px;
  padding: 1.4rem
}
.practice-card-content .number {
  margin-bottom: 1.2rem
}
.practice-explore {
  font-size: .88rem;
  font-weight: 700
}
.practice-image-card:focus-visible {
  outline: 3px solid #967536;
  outline-offset: 3px
}
.ivory {
  background: var(--ivory)
}
.approach-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: steps
}
.approach-steps li {
  counter-increment: steps;
  padding: 1rem 0;
  border-bottom: 1px solid #dcd4c6;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.5rem
}
.approach-steps li:before {
  content: '0'counter(steps);
  color: #967536;
  font: 700 .75rem 'Source Sans 3';
  margin-right: 1.2rem;
  letter-spacing: .1em
}
.small-muted {
  color: var(--slate);
  font-size: .88rem;
  margin-top: 1rem
}
.pending-panel {
  padding: 1.25rem 1.5rem;
  background: #fff;
  border-left: 4px solid var(--gold);
  max-width: 780px
}
.pending-panel a {
  color: #654e24;
  font-weight: 700
}
.people-strip {
  background: #e9e3d7
}
.people-image {
  width: 100%;
}
.insight-card {
  height: 100%;
  background: #fff;
  padding: 1.5rem;
  border-top: 3px solid var(--gold)
}
.insight-card span {
  color: #8d6e32;
  font-size: .76rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em
}
.insight-card h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.75rem;
  margin-top: 1rem
}
.location-panel {
  background: #22201d;
  color: #fff
}
.location-offices {
  margin-top: .5rem;
  margin-bottom: 2rem
}
.location-office {
  height: 100%;
  border-top: 1px solid var(--gold);
  padding-top: 1.25rem
}
.location-office h3 {
  color: #f2d997;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.9rem;
  margin-bottom: .75rem
}
.location-office address {
  font-style: normal;
  margin-bottom: 0
}
.location-office p {
  color: #fff;
  margin-bottom: .75rem
}
.location-office a {
  color: #f2d997;
  overflow-wrap: anywhere;
  text-underline-offset: .2em
}
.location-office a:hover,
.location-office a:focus-visible {
  color: #fff
}
.light {
  color: #f2d997
}
.site-footer {
  background: var(--black);
  color: #dbd5c7;
  padding: 4.5rem 0 1.5rem
}
.footer-logo {
  width: 165px;
  object-fit: cover;
  margin-bottom: 1rem
}
.site-footer h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.9rem;
  color: #e5c77e
}
.site-footer a {
  display: block;
  color: #e1ddd3;
  text-decoration: none;
  margin: .35rem 0;
  font-size: .93rem
}
.site-footer a:hover {
  color: #d6b96f
}

.site-footer div a {
  display: inline-block;
  color: #e1ddd3;
  text-decoration: none;
  margin: .35rem 0;
  font-size: .93rem;
	border-bottom: 1px solid #373737;
}
.site-footer div a:hover {
  color: #d6b96f
}



.verified-note {
  font-size: .82rem;
  color: #aaa397
}
.footer-bottom {
  border-top: 1px solid #36322b;
  margin-top: 2rem;
  padding-top: 1.4rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: .8rem
}
.footer-bottom span:last-child {
  display: flex;
  gap: 1rem;
  align-items: center
}
.link-button {
  background: none;
  border: 0;
  color: #e1ddd3;
  padding: 0;
  font-size: inherit
}
.link-button:hover {
  color: #d6b96f
}
.modal-content {
  border-radius: 0
}
.page-hero {
  background: linear-gradient(125deg, #161616, #2d2a24);
  color: #fff;
  padding: 5.5rem 0 4.5rem
}
.page-hero h1 {
  font-size: clamp(2.5rem, 4vw, 3.8rem)
}
.page-hero p:not(.eyebrow) {
  color: #d9d4c9;
  max-width: 670px;
  font-size: 1.2rem
}
.content-width {
  max-width: 820px
}
.approval-note {
  display: flex;
  gap: .8rem;
  background: #f7edd5;
  border-left: 4px solid #c6a667;
  padding: 1rem 1.15rem;
  margin-bottom: 2rem;
  font-size: .94rem
}
.approval-note i {
  font-size: 1.2rem;
  color: #7b5c24
}
.service-list {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 1.5rem 0
}
.service-list span {
  border: 1px solid #d7cfbf;
  padding: .4rem .7rem;
  font-size: .86rem
}
.detail-card {
  border-top: 2px solid #c6a667;
  background: #f7f5ef;
  padding: 1.4rem;
  height: 100%
}
.detail-card span {
  font-size: .76rem;
  color: #967536;
  letter-spacing: .1em
}
.detail-card h2 {
  font-size: 2rem;
  margin-top: 1rem
}
.profile-card {
  background: var(--ivory);
  height: 100%
}
.profile-card img {
  width: 100%;
  /*height: 280px;
  object-fit: cover;
  object-position: 50% 12%*/
}
.profile-card > div {
  padding: 1.4rem
}
.profile-card h2 {
  font-size: 2.1rem
}
.profile-placeholder {
  border: 1px dashed #b9ae9c;
  display: flex;
  align-items: center;
  min-height: 400px
}
.filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem
}
.filter-row button {
  background: #fff;
  border: 1px solid #b9ad99;
  padding: .5rem .8rem;
  font-size: .87rem
}
.filter-row button.active, .filter-row button:hover {
  background: #191919;
  color: #fff;
  border-color: #191919
}
.empty-state {
  text-align: center;
  background: var(--ivory);
  padding: 5rem 2rem
}
.empty-state i {
  font-size: 3rem;
  color: #957436
}
.contact-office {
  border-top: 1px solid var(--gold);
  padding-top: 1.25rem;
  margin-top: 1.5rem
}
.contact-office h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.9rem;
  margin-bottom: .75rem
}
.contact-office address {
  font-style: normal;
  margin-bottom: 0
}
.contact-office p {
  margin-bottom: .75rem
}
.contact-office a {
  overflow-wrap: anywhere
}
.contact-form label {
  font-weight: 700;
  font-size: .9rem
}
.form-control {
  border-radius: 0;
  border-color: #aaa293;
  padding: .7rem
}
.form-control:focus {
  border-color: #a2803b;
  box-shadow: 0 0 0 .2rem rgba(198, 166, 103, .2)
}
.form-status {
  color: #73521b;
  margin-top: 1rem
}
.inquiry-section {
  background: var(--ivory);
  border-top: 1px solid #e3dccf
}
.inquiry-intro h2 {
  font-size: clamp(2.3rem, 4vw, 3rem)
}
.inquiry-form {
  background: #fff;
  border-top: 3px solid var(--gold);
  padding: 20px 0px;
  box-shadow: 0 8px 28px rgba(16, 16, 16, .05)
}
.inquiry-form label {
  display: block;
  margin-bottom: .35rem
}
.inquiry-form label span {
  color: #84632e
}
.inquiry-form .form-select {
  border-radius: 0;
  border-color: #aaa293;
  padding: .7rem 2.5rem .7rem .7rem
}
.inquiry-form .form-select:focus {
  border-color: #a2803b;
  box-shadow: 0 0 0 .2rem rgba(198, 166, 103, .2)
}
.inquiry-form textarea {
  resize: vertical;
  min-height: 140px
}
.inquiry-note {
  color: var(--slate);
  font-size: .9rem
}
.inquiry-note a {
  color: #73521b;
  text-decoration: underline
}
.form-status:empty {
  display: none
}
.profile-large {
  width: 100%;
  max-height: 440px;
  object-fit: cover;
  object-position: 50% 10%;
  background: #eee
}
.not-found {
  min-height: 65vh;
  display: flex;
  align-items: center
}
.thankyou-section {
  padding: clamp(2.5rem, 6vw, 5rem) 0;
  background: radial-gradient(ellipse at top, #eee3cc, var(--ivory) 65%);
  min-height: 65vh;
  display: flex;
  align-items: center
}
.thankyou-card {
  max-width: 840px;
  margin: 0 auto;
  padding: clamp(2rem, 5vw, 4rem) clamp(1.25rem, 4vw, 3rem);
  background: #fff;
  border: 1px solid #e3dccf;
  border-top: 4px solid var(--gold);
  box-shadow: 0 16px 45px rgba(16, 16, 16, .06);
  text-align: center
}
.thankyou-symbol {
  width: 76px;
  height: 76px;
  margin: 0 auto 1.5rem;
  display: grid;
  place-items: center;
  background: #191919;
  color: #e5c77e;
  border-radius: 50%;
  font-size: 2.5rem
}
.thankyou-card h1 {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(3.3rem, 6vw, 5rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.025em;
  margin: 0 0 1.5rem
}
.thankyou-card h1 em {
  color: #8a6b33;
  font-weight: 500
}
.thankyou-message {
  font-size: 1.15rem;
  margin-bottom: .5rem
}
.thankyou-support {
  color: var(--slate);
  max-width: 480px;
  margin: 0 auto 2rem
}
.thankyou-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .75rem
}
.thankyou-services {
  border: 1px solid #191919;
  color: #191919
}
.thankyou-services:hover {
  background: #191919;
  color: #fff
}
.thankyou-contact {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .75rem 1.5rem;
  border-top: 1px solid #e8e2d5;
  margin-top: 2rem;
  padding-top: 1.5rem
}
.thankyou-contact a {
  color: #73521b;
  font-weight: 600;
  font-size: .95rem;
  overflow-wrap: anywhere;
  text-underline-offset: 4px
}
.thankyou-contact i {
  margin-right: .25rem
}
.service-faqs {
  background: var(--ivory);
  border-top: 1px solid #e3dccf
}
.faq-heading, .faq-list, .faq-note {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto
}
.faq-heading {
  margin-bottom: 2rem
}
.faq-heading h2 {
  scroll-margin-top: 160px
}
.faq-heading > p:last-child {
  color: var(--slate);
  margin-top: 1rem
}
.faq-item {
  background: #fff;
  border: 1px solid #ded7ca;
  margin-bottom: .75rem
}
.faq-item summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.15rem 1.35rem;
  min-height: 64px;
  font-weight: 600;
  line-height: 1.5
}
.faq-item summary::-webkit-details-marker {
  display: none
}
.faq-item summary::after {
  content: '+';
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid #d3c3a4;
  color: #795c2c;
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 1
}
.faq-item summary:hover {
  background: #fcf9f2
}
.faq-item summary:focus-visible {
  outline: 3px solid #9c7a3b;
  outline-offset: 3px
}
.faq-number {
  color: #8a6b33;
  font-size: .8rem;
  font-variant-numeric: tabular-nums;
  flex: 0 0 1.5rem
}
.faq-question {
  flex: 1;
  min-width: 0
}
.faq-item[open] {
  border-color: #b89a61;
  box-shadow: 0 4px 16px rgba(16, 16, 16, .04)
}
.faq-item[open] summary {
  background: #fcf9f2
}
.faq-item[open] summary::after {
  content: '\2212';
  background: #191919;
  border-color: #191919;
  color: #e5c77e
}
.faq-answer {
  padding: 0 4.75rem 1.35rem 3.85rem;
  background: #fcf9f2
}
.faq-answer p {
  color: #4e5154;
  line-height: 1.8;
  margin: 0
}
.faq-note {
  color: var(--slate);
  font-size: .9rem;
  margin-top: 1.5rem;
  margin-bottom: 0
}
@media (max-width: 767px) {
  .faq-item summary {
    padding: 1rem;
    gap: .65rem
  }
  .faq-answer {
    padding: 0 1rem 1.15rem
  }
  .faq-number {
    flex-basis: 1.3rem
  }
}
@media(max-width:1199px) {
  .navbar {
    min-height: 72px
  }
}
@media(max-width:767px) {
	.Dis{display: none; margin-top: -20px;}
	.mt{margin-top: 0px !important;}
  .topline {
    font-size: .62rem
  }
  .hero {
    min-height: 570px
  }
  .hero-mark {
    display: none
  }
  .section {
    padding: 4.3rem 0 2.3rem
  }
  .section-heading {
    align-items: start;
    flex-direction: column
  }
  .footer-bottom {
    flex-direction: column
  }
  .footer-bottom span:last-child {
    flex-wrap: wrap
  }
  .page-hero {
    padding: 4rem 0 3.5rem
  }
  .profile-card img {
    height: 340px
  }
}