:root{
  --mystic-primary:#955551;
  --mystic-secondary:#6D3B37;
  --mystic-dark:#70403C;
  --mystic-accent:#F1BD9F;
  --mystic-light:#F8DECF;
  --text:#0E0D0B;
  --bg:#ffffff;
}
.hero h1 
{
    margin-bottom: 25px !important;
}
 @media (max-width: 1300px) and (min-width: 1200px) 
 {
       .post_contents
    {
            width: 1011px;
            margin-top: -30px;
    }
 }
@media (max-width: 991px) {
    .brand-logo
  {
      width: 130px !important;
  }
  .post {

    grid-template-columns: 1fr !important;}
    .breadcrumb {
    padding: 100px 30px 0px 30px!important;}
  .muted{
      height: 60px;
  }
  .post_contents{
    margin-top: -50px;
}
    .service-heading.b {
        padding: 0px 0px !important;
    }
    .expert-photo-frame{width:225px;height:294px;border:2px solid #824B48;border-radius:999px;background:var(--light);overflow:hidden;flex-shrink:0;z-index: 20;margin-left: auto;margin-right: auto;}
.expert-photo{width:225px;height:294px;border-radius:999px;background:var(--light);overflow:hidden;flex-shrink:0;margin-left: 14%;
        margin-top: -96%;text-align:center;}
.mcenter{text-align:center;}
}
body{
  margin:0;
  font-family:'Inter';
  color:var(--text);
  background:var(--bg);
}
.faq__summary .chev {
  transition: transform 0.3s ease;
}
  .faq__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    list-style: none; /* default arrow hide kar diya hoga */
  }

  .faq__summary::-webkit-details-marker {
    display: none; /* chrome marker hide */
  }

  .faq__summary .chev {
    transition: transform 0.3s ease;
  }

  details[open] .chev {
    transform: rotate(180deg);
  }
/* Typography */
.h2{font-size:28px;line-height:1.1;margin:0 0 1rem}
.h2--center{text-align:center;margin: 40px 0px;}
.body{font-size:16px;line-height:29px;letter-spacing:.8px;margin:.5rem 0}
strong{font-weight:700}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:Inter, sans-serif;font-weight:600;
  border-radius:4px;text-decoration:none;cursor:pointer;user-select:none;transition:filter .2s ease
}
.btn:hover{filter:brightness(.96)}
.btn--accent{background:var(--mystic-accent);color:var(--mystic-dark);padding:.75rem 2rem;font-size:14px}
.btn--primary{background:var(--mystic-primary);color:#fff;padding:.75rem 2rem;font-size:14px;border: none;
    font-weight: 600;}
.btn--block{width:100%}

/* Hero */
.hero{position:relative;min-height:300px}
@media (min-width:768px){.hero{min-height:375px}}
.hero__bg{position:absolute;inset:0;overflow:hidden}
.hero__img{position:absolute;left:0;width:100%;object-fit:contain;pointer-events:none;user-select:none}
.section.cards {
   
    margin-top: 30px !important;}
.hero__overlay{position:absolute;inset:0;background:rgba(0,0,0,.12);height: 349px;}
.topbar{position:absolute;left:0;right:0;top:0;height:72px;background:rgba(149,85,81,.85);box-shadow:0 4px 4px rgba(0,0,0,.1);z-index:2}
.topbar__row{display:flex;align-items:center;justify-content:space-between;height:100%}

/* Brand */
.brand{position:relative;color:var(--mystic-accent)}
.brand__title{font-family:Laila,serif;font-size:28px;line-height:49px}
.brand__tag{
  position:absolute;left:66px;top:6px;
  font-family:"Open Sans",sans-serif;font-size:10px;letter-spacing:3.61px;
  text-transform:uppercase;font-weight:700
}
@media (max-width:767px){
  .brand__title{font-size:22px}
  .brand__tag{left:54px;top:8px;font-size:8px;letter-spacing:2px}
}

/* Nav */
.nav{position:relative;display:none;gap:50px}
@media (min-width:1024px){.nav{display:flex}}
.nav__link{
  color:#fff;font-family:Commissioner,sans-serif;font-size:16px;letter-spacing:1.6px;
  text-decoration:none;line-height:50px
}
.nav__link--active{color:var(--mystic-accent);font-weight:700}
.nav__underline{
  position:absolute;left:0;top:56px;width:75px;height:3px;background:var(--mystic-accent)
}

/* Hero content */
.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding-top:72px}
.hero__title{
  margin:1rem 0 .5rem;color:#fff;font-weight:300;
  font-size:28px;line-height:1.2;max-width:1074px
}
.hero__subtitle{
  color:#fff;max-width:629px;margin:0 auto;font-size:14px;line-height:30px;letter-spacing:2px;text-transform:capitalize
}
@media (min-width:768px){.hero__title{font-size:40px}}
@media (min-width:1024px){.hero__title{font-size:60px;line-height:83px}.hero__subtitle{font-size:20px}}

/* Cards */
.grid{display:grid;gap:24px;grid-template-columns:1fr}
@media (min-width:768px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{
  border:1px solid rgba(19,18,16,.10);
  background:#fff;box-shadow:0 0 30px rgba(28,18,10,.10)
}
.card-media {
   
    margin: 0px !important;
}
.price {
    font-weight: 600;
    margin: 12px 0 20px !important;}
@media (max-width:767px){
  .card__title{font-size:22px;line-height:36px}
  .card__text,.card__price{font-size:14px;line-height:22px}
}

/* FAQ */
.faq{display:grid;gap:16px}
.faq__item{background:var(--mystic-light);border-radius:4px;border:1px solid #eee;overflow:hidden}
.faq__summary{
  list-style:none;display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px;cursor:pointer;font-weight:600;color:var(--mystic-secondary);letter-spacing:.8px
}
.faq__item[open] .chev{transform:rotate(180deg)}
.faq__summary::-webkit-details-marker{display:none}
.faq__content{padding:0 24px 16px;color:var(--mystic-secondary);font-size:14px;line-height:21px;letter-spacing:.7px}
.service-heading{line-height:0px !important;}

@media (max-width:798px){
    .divider{
                margin: 36px 0 !important;
    }
  .hero__img{height: 349px !important;object-fit: cover;}
  .section {
    padding: 0px 20px !important;
}
.h2{ font-size:24px !important;   line-height: 1.5 !important;}
.container.grid-3 {
    padding: 0px 0px !important;
}
.section.section--intro{padding-top:2rem !important;}
.section.section--intro.about{padding-top:6rem !important;}
  .section.faqs
    {
            padding: 0px 20px 40px 20px !important;
    }
    .experthead
 {
    font-size: 17px;
    font-family: Inter;
    font-weight: 500;
    line-height: 30px;
    word-wrap: break-word;
    margin-top: 10px;
    margin-bottom: 10px;
}
  
    .btn.btn-peach.about {
        margin-left: initial !important;
}
}
@media (min-width:900px) and (max-width:1300px){
    .card h3{
        height: 18px !important;
         font-size: 19.5px !important;
    font-family: Inter;
    font-weight: 500;
    line-height: 32px !important;
    margin-top: -10px !important;
    }
      .muted{
      height: 75px;
  }
  .services .muted {
    height: auto !important;
}

        .section--intro.about
        {
            padding: 130px 130px 0px 130px !important;
        }
 .section--intro,.section--intro-b
    {
        padding: 0px 130px !important;
    }
   
     .section.faqs
    {
            padding: 0px 130px 40px 130px !important;
    }
    .expert-photo-frame{width:225px;height:294px;border:2px solid #824B48;border-radius:999px;background:var(--light);overflow:hidden;flex-shrink:0;z-index: 20;}
.expert-photo{width:225px;height:294px;border-radius:999px;background:var(--light);overflow:hidden;flex-shrink:0;margin-left: -26%;}
.experthead
 {
    font-size: 22px;
    font-family: Inter;
    font-weight: 500;
    line-height: 0px;
    word-wrap: break-word;
    margin-top: 10px;
    margin-bottom: 25px;
}
}
@media (min-width:1301px)
{
    .post_contents
    {
            width: 1322px;
            margin-top: -30px;
    }
    .card h3
    {
         font-size: 24px !important;
    }
        .service-heading.c {
        margin: 15px 0 40px !important;
    }
     .section--intro
     {
          padding: 40px 130px 0px 130px !important;
     }
     .section--intro.about
     {
          padding: 120px 130px 0px 130px !important;
     }
       .section--intro-b
     {
          padding: 20px 130px 0px 130px !important;
     }
     .section.cards.about{margin-bottom:30px;}
    

.experthead
 {
    font-size: 24px;
    font-family: Inter;
    font-weight: 500;
    line-height: 0px;
    word-wrap: break-word;
    margin-top: 10px;
    margin-bottom: 30px;
}
     .section.faqs
    {
            padding: 40px 130px 40px 130px !important;
    }
    .hero__overlay
    {
        height: 375px !important;
    }
    .service-heading
    {
        margin: 0px 0 40px !important;
    }
    .expert-photo-frame{width:225px;height:294px;border:2px solid #824B48;border-radius:999px;background:var(--light);overflow:hidden;flex-shrink:0;z-index: 20;}
.expert-photo{width:225px;height:294px;border-radius:999px;background:var(--light);overflow:hidden;flex-shrink:0;margin-left: -20.2%;}
}
/*About Page CSS*/
.bighead{    font-size: 22px;font-family: 'Inter';margin: 0px;}
.lead{font-size: 16px;line-height: 32px;}
.expert{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}
.expert-photo img{width:100%;height:100%;object-fit:cover;display:block}
.expert-content .expert-text{font-size:16px;line-height:29px;letter-spacing:.8px;margin:0 0 24px}
.divider{border:0;border-top:1px solid rgba(149,85,81,.5);margin:56px 0;}

.bullets{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}
.bullets li{position:relative;padding-left:18px;font-weight:400;line-height:27px;letter-spacing:.8px}
.bullets li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--text);border-radius:50%}
.section.cards.about{margin-bottom:30px;}
@media (min-width:768px){
.expert{flex-direction:row;}
}

/*Blog Page CSS*/
/* Section */
.mt-25{margin-top:25px;}
.filters{display:flex;gap:1rem;flex-wrap:wrap;margin:-1.2rem 0 3rem}
.btn--chip.btn--primary{background: #F1BD9F !important;
    color: #70403C !important; height:36px;}
    .btn--chip.btn--outline{border: 1px solid #6D3B37 !important;
    color: #70403C !important; height:36px;}
     .btn--chip.btn--outline:hover{background: #F1BD9F !important;
    color: #70403C !important; height:36px;border:none !important;}
/* Posts */
.post{display:grid;grid-template-columns:411px 1fr;gap:2rem;align-items:center;margin-bottom:4rem}
.post__media{border:14px solid white;box-shadow:0 0 30px rgba(28,18,10,0.1);;overflow:hidden;height:267px;background:#fff}
.post__media img{width:100%;height:100%;object-fit:cover;display:block}
.post__title{font-size:28px;line-height:43px;margin:.25rem 0 1rem; font-weight:400 !important;}
.post__meta{opacity:.9;letter-spacing:.8px;margin:-.25rem 0 1.25rem}
.detail_link{border-bottom:1px solid #572A31;font-family: Inter;
font-weight: 400;

font-size: 16px;
color:#572A31;
line-height: 25px;
letter-spacing: 5%;

}
.mtb-30{
    margin-top:30px !important;
    
}
.post_contents p
{
        font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px;
    vertical-align: middle;
}
  .breadcrumb{
      padding: 100px 130px 0px 130px;
    display: inline-flex;
    align-items: center;
    gap: 8px;                 /* space between items and separators */
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 25px;        /* as requested */
    letter-spacing: 0.05em;   /* ~5% equivalent */
    vertical-align: middle;
    user-select: none;
  }

  .breadcrumb .crumb{
    color: #0E0D0B;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 4px;
    transition: color .15s ease, background-color .15s ease;
  }

  .breadcrumb .crumb:hover{
    text-decoration: underline;
  }

  .breadcrumb .sep{
    color: #0E0D0B;
    opacity: 0.7;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    padding: 0 2px;
  }

  /* current / active item */
  .breadcrumb .current{
    color: #814A48;           /* active color */
    font-weight: 600;
  }

  /* optional tiny accessibility focus style for keyboard users */
  .breadcrumb .crumb:focus{
    outline: 2px solid rgba(129,74,72,0.15);
    outline-offset: 2px;
    border-radius: 3px;
  }