body {


    margin:0;
    padding:0;
    background-color: lightgrey !important;
      font-family: "Manrope", sans-serif;
  font-optical-sizing: auto;


}

:root{
  --cream:#FBF9F4;
  --cream-2:#F3EFE6;
  --ink:#1C1A16;
  --ink-soft:#4A463E;
  --gold-1:#C9A227;
  --gold-2:#8E6E12;
  --gold-grad:linear-gradient(135deg,#D8B646,#A67C1E);
  --near-black:#14120E;
  --line:rgba(28,26,22,0.1);
  --radius:14px;
  --maxw:1320px;
}

.btn-ghost {
    border: 1px solid var(--line) !important;
    color: var(--ink) !important;
}
.btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 22px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    border: 1px solid transparent  !important;
    transition: all .25s ease !important;
    white-space: nowrap !important;
}
a {
    text-decoration: none;
    color: inherit;
}
/* .navbar {
    background-color:white !important;
} */


.btn-gold{
  background:var(--gold-grad);
  color:#fff;
  box-shadow:0 6px 18px rgba(142,110,18,0.28);
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(142,110,18,0.35);}




#hero-section {
    min-height: 100vh;
    position: relative;
    display: flex;
    /* align-items: center; */
    overflow: hidden;
}

.bg-image {
    position: absolute;
    inset: 0;
    opacity: 0.88;
    background-size: cover;
}


.text-inner {
    opacity:0.9;

    /* z-index: 9999999999999999999 !important; */
}


.headline {
    font-size: clamp(48px, 5.6vw, 74px);
    font-weight: 600;
    line-height: 0.98;
    margin-bottom: 26px;
}


.headline span {
    display: block;
}


.gold {
    color: var(--gold-1);
}

.lede {
    font-size: 19px;
    font-weight: 600 !important;
    margin: 0 0 14px;
    color: var(--ink);
}


.body-copy {
    font-size: 15px;
    line-height: 1.75;
    color: var(--ink-soft);
    max-width: 480px;
    margin: 0 0 34px;
}
.btn-outline { 
    background: transparent !important;
    border-color: var(--ink) !important;
    color: var(--ink) !important;
}
.btn-lg {
    padding: 16px 28px !important;
    font-size: 13.5px !important;
}

.eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 12px;
    font-weight: 600 !important;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ink-soft);
    margin-bottom: 22px;
}

.eyebrow-line {
    width: 26px;
    height: 1px;
    background: var(--gold-1);
}

h1,h2,h3{
  font-family:'Cormorant Garamond',serif;
  margin:0;
  color:var(--ink);
}


.hero-copy {
    margin-top:40px;
}

.suite-card {
    border-radius: 16px;
    background: #fff;
    transition: transform .25s ease, box-shadow .25s ease;
}

.suite-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, #F4E7BE, #E9D28C);
    color: var(--gold-2);
    font-size: 22px;
}


.explore {
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-bottom: 1px solid var(--ink);
    padding-bottom: 2px;
}


.suite-card .card-title {
    font-family: 'Cormorant Garamond', serif;
    /* font-weight: 600; */
    font-size: 21px;
    margin: 16px 0 8px;
}


.suite-card .card-text {
    font-size: 13.5px;
    color: var(--ink-soft);
    line-height: 1.6;
}


a  {
    text-decoration:none !important;
}


.suite {
    background: var(--cream-2);
    border-top: 1px solid var(--line);
}

.features-bs {
    background: var(--cream);
    border-top: 1px solid var(--line);
}

.feature-row {
    border-top: 1px solid var(--line);
}

.feature-col {
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.feature-bs-inner {
    padding: 38px 28px;
    height: 100%;
}

.feature-bs-icon {
    display: block;
    font-size: 32px;
    color: var(--gold-1);
    margin-bottom: 22px;
    line-height: 1;
}

.feature-bs-title {
    font-family: 'Cormorant Garamond', serif;
    /* font-weight: 600; */
    font-size: 19px;
    letter-spacing: .02em;
    text-transform: uppercase;
    margin-bottom: 12px;
}





.ai-suite{
  background:#0D0B08;
  padding:20px 0;
}

.ai-suite-head{
  max-width:640px;
}

.ai-suite-eyebrow{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-family:'Manrope', sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#C9A227;
  margin-bottom:18px;
}
.ai-suite-line{
  width:26px;
  height:1px;
  background:#C9A227;
}

.ai-suite-title{
  font-family:'Cormorant Garamond', serif;
  font-weight:600;
  font-size:clamp(28px,3.6vw,40px);
  color:#F7F2E4;
  margin:0 0 12px;
}

.ai-suite-sub{
  font-family:'Manrope', sans-serif;
  font-size:14.5px;
  color:#B9B2A2;
}

.ai-card{
  height:100%;
  background:#151209;
  border:1px solid rgba(201,162,39,0.25);
  border-radius:16px;
  padding:32px 24px;
  text-align:center;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.ai-card:hover{
  transform:translateY(-6px);
  border-color:rgba(201,162,39,0.6);
  box-shadow:0 18px 34px -18px rgba(201,162,39,0.35);
}

.ai-card-badge{
  width:104px;
  height:104px;
  object-fit:contain;
  margin:0 auto 18px;
  display:block;
}

.ai-card-title{
  font-family:'Cormorant Garamond', serif;
  font-weight:600;
  font-size:19px;
  letter-spacing:.02em;
  color:#F1E6C4;
  margin:0 0 10px;
}

.ai-card-text{
  font-family:'Manrope', sans-serif;
  font-size:12.5px;
  line-height:1.6;
  color:#9C9587;
  margin:0 0 18px;
  min-height:52px;
}

.ai-card-link{
  font-family:'Manrope', sans-serif;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#F1E6C4;
  border-bottom:1px solid rgba(241,230,196,0.5);
  padding-bottom:2px;
  text-decoration:none;
  transition:color .2s ease, border-color .2s ease;
}
.ai-card-link:hover{
  color:#E9C766;
  border-color:#E9C766;
}
.ai-card-link-gold{
  color:#D8B646;
  border-color:#D8B646;
}
.ai-card-arrow{
  transition:transform .2s ease;
}
.ai-card-link:hover .ai-card-arrow{
  transform:translateX(3px);
}

@media (max-width:767.98px){
  .ai-card{padding:26px 18px;}
  .ai-card-badge{width:84px;height:84px;}
}




















/* foooter  */
.footer{
    background:#f7f3ed;
    color:#2b2b2b;
    padding:80px 8% 30px;
    font-family:'Inter',sans-serif;
    border-top:1px solid #e5ddd1;
}

.footer-container{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 2fr;
    gap:50px;
}

.footer-brand h2{
    font-family:'Playfair Display',serif;
    font-size:34px;
    margin-bottom:18px;
    color:#1d1d1d;
    letter-spacing:1px;
}

.footer-brand p{
    color:#666;
    line-height:1.8;
    max-width:350px;
}

.footer-links h3,
.footer-newsletter h3{
    margin-bottom:22px;
    color:#b58a43;
    font-size:18px;
}

.footer-links ul{
    list-style:none;
}

.footer-links li{
    margin-bottom:14px;
}

.footer-links a{
    text-decoration:none;
    color:#555;
    transition:.3s;
}

.footer-links a:hover{
    color:#b58a43;
    padding-left:6px;
}

.footer-newsletter p{
    color:#666;
    margin-bottom:18px;
    line-height:1.7;
}

.footer-newsletter form{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.footer-newsletter input{
    flex:1;
    min-width:180px;
    padding:14px 16px;
    border:1px solid #d8d0c6;
    background:#fff;
    outline:none;
    font-size:15px;
}

.footer-newsletter button{
    padding:14px 28px;
    background:#b58a43;
    color:#fff;
    border:none;
    cursor:pointer;
    transition:.3s;
}

.footer-newsletter button:hover{
    background:#9c7538;
}

.footer-bottom{
    margin-top:60px;
    padding-top:25px;
    border-top:1px solid #ddd5ca;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
}

.footer-bottom p{
    color:#666;
}

.social-links{
    display:flex;
    gap:25px;
}

.social-links a{
    text-decoration:none;
    color:#555;
    transition:.3s;
}

.social-links a:hover{
    color:#b58a43;
}

@media(max-width:991px){

.footer-container{
    grid-template-columns:1fr 1fr;
}

}

@media(max-width:768px){

.footer-container{
    grid-template-columns:1fr;
}

.footer-bottom{
    flex-direction:column;
    text-align:center;
}

.social-links{
    justify-content:center;
}



}


/*  foooter end */


/* testimoniol section */

/* testimoniol section */

.cv-testimonials{

    background:#f8f9fb;

}

.cv-heading{

    font-size:48px;
    font-weight:700;
    color:#111;

}

.cv-subtitle{

    color:#666;
    max-width:650px;
    margin:auto;
    line-height:1.8;

}

.cv-testimonial-card{

    background:#fff;

    border-radius:24px;

    padding:35px;

    border:1px solid #eee;

    transition:.35s;

    position:relative;

}

.cv-testimonial-card:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.featured{

    border:2px solid #d4af37;

}

.cv-badge{

    position:absolute;

    top:-12px;

    right:20px;

    background:#d4af37;

    color:#fff;

    padding:7px 16px;

    border-radius:30px;

    font-size:12px;

    font-weight:600;

}

.cv-stars{

    color:#f7b500;

    font-size:22px;

    margin-bottom:20px;

}

.cv-review{

    color:#555;

    line-height:1.9;

    font-size:16px;

}

.cv-avatar{

    width:65px;

    height:65px;

    border-radius:50%;

    object-fit:cover;

}

.cv-testimonial-card h6{

    font-weight:700;

    margin:0;

}

.cv-testimonial-card small{

    color:#777;

}

@media(max-width:768px){

.cv-heading{

font-size:34px;

}

}