:root{
--primary:#B08D57;
--primary-dark:#96763F;
--heading:#0D1B2A;
--text:#1E2D3D;
--text-light:#4A5568;
--white:#FFFFFF;
--bg:#F7F8F9;
--bg-light:#F0F3F5;
--border:#DDE3E8;
--border-light:#C7CCD1;
--overlay:rgba(0,0,0,.65);
--shadow:0 10px 30px rgba(0,0,0,.08);
--radius:18px;
--container:1320px;
--content-width: 1320px;
--transition:.3s ease;
--font-heading:'Playfair Display',serif;
--font-body:'Inter',sans-serif;
}

.container{
    width: 100%;
    max-width: 1320px;
}

.site-content .ast-container{
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px;
    display: block;
    margin: 0px;
}
.site-content{
    padding: 0px;
    margin: 0px;
}
.blog-hero{
position:relative;
min-height:520px;
display:flex;
width: 100%;
align-items:flex-end;
padding:140px 0 80px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
overflow:hidden;
}
.blog-hero::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(to top,var(--overlay),rgba(0,0,0,.2));
}
.blog-hero .container{
position:relative;
z-index:2;
margin:auto;
padding:0 12px;
}
.hero-category{
display:inline-block;
margin-bottom:18px;
font-size:12px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
color:var(--primary);
}
.hero-title{
max-width:850px;
margin:0;
font-family:var(--font-heading);
font-size:52px;
font-weight:400;
line-height:1.2;
color:var(--white);
}
.blog-featured-image{
padding:70px 0;
background:var(--white);
border-bottom: 2px solid var(--border-light);
}
.blog-featured-image .container{
margin:auto;
padding:0 20px;
}
.thumbnail-image img{
display:block;
width: 100%;
height: 600px !important;
margin: 0 auto;
border-radius:var(--radius);
box-shadow:var(--shadow);
border-radius: 10px;
}
.blog-meta{
padding:35px 0 60px;
background:var(--white);
border-bottom:1px solid var(--border-light);
}
.blog-meta .container{
margin:auto;
padding:0 20px;
}
.meta-wrapper{
display:flex;
justify-content:space-between;
align-items:center;
gap:40px;
flex-wrap:wrap;
margin-top: 20px;
}
.author-left{
display:flex;
align-items:center;
gap:18px;
}
.author-left img{
display:block;
border-radius:50%;
}
.author-name{
margin:0;
font-family:var(--font-heading);
font-size:24px;
font-weight:400;
color:var(--heading);
}
.meta-label{
display:block;
margin-bottom:5px;
font-size:11px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
color:var(--primary);
}
.author-designation{
display:block;
margin-top:6px;
font-size:14px;
color:var(--text-light);
}
.meta-right{
display:flex;
gap:50px;
flex-wrap:wrap;
}
.meta-item{
display:flex;
flex-direction:column;
}
.meta-title{
margin-bottom:8px;
font-size:11px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
color:var(--primary);
}
.meta-value{
font-size:16px;
font-weight:500;
color:var(--heading);
}
.single-blog-content{
padding:80px 0;
background:var(--white);
}
.single-blog-content .container{
margin:auto;
padding:0 20px;
}
.blog-content{
font-family:var(--font-body);
font-size:18px;
line-height:1.9;
color:var(--text);
}
.blog-content h2{
margin: 10px 0px 25px 0px;
font-family:var(--font-heading);
font-size:38px;
font-weight:400;
line-height:1.3;
color:var(--heading);
}
.blog-content h3{
margin:10px 0 20px;
font-family:var(--font-heading);
font-size:30px;
font-weight:400;
line-height:1.3;
color:var(--heading);
}
.blog-content h4{
margin:10px 0 15px;
font-family:var(--font-heading);
font-size:24px;
font-weight:400;
color:var(--heading);
}
.blog-content p{
margin-bottom:20px;
font-size: 18px;
line-height: 1.4;
}
.blog-content ul,
.blog-content ol{
margin:0px 0 25px 10px;
}
.blog-content li{
margin:0px 0 10px 10px;
font-size: 18px;
line-height:1.2;
}
.blog-content img{
display:block;
max-width:100%;
height:auto;
margin:45px auto;
border-radius:var(--radius);
}
.blog-content figure{
margin:25px 0;
}
.blog-content figcaption{
margin-top:12px;
font-size:14px;
text-align:center;
color:var(--text-light);
}
.blog-content blockquote{
margin:30px 0;
padding:20px;
background:var(--bg-light);
border-left:4px solid var(--primary);
border-radius:12px;
}
.blog-content blockquote p{
margin:0;
font-family:var(--font-heading);
font-size:24px;
font-style:italic;
line-height:1.6;
color:var(--heading);
}
.blog-content table{
width:100%;
margin:40px 0;
border-collapse:collapse;
}
.blog-content table th{
padding:16px;
background:var(--heading);
color:var(--white);
text-align:left;
}
.blog-content table td{
padding:16px;
border:1px solid var(--border);
}
.blog-content strong{
font-weight:700;
color:var(--heading);
}
.blog-content a{
color:var(--primary);
text-decoration:none;
transition:var(--transition);
}
.blog-content a:hover{
color:var(--primary-dark);
text-decoration:underline;
}
.blog-content hr{
margin:60px 0;
border:none;
border-top:1px solid var(--border);
}
@media(max-width:991px){
.hero-title{
font-size:42px;
}
.meta-wrapper{
flex-direction:column;
align-items:flex-start;
}
.meta-right{
gap:30px;
}
.blog-content h3{
font-size:20px;
line-height: 1.2;
}
.blog-content p{
    font-size: 16px;
}
.blog-content h2 {
    margin: 0px 0px 20px 0px;
    line-height: 1.1;
    font-size: 24px;
}
}
@media(max-width:767px){
    .single-blog-content {
    padding: 40px 0;
}
.blog-hero{
min-height:420px;
padding:120px 0 50px;
}
.hero-title{
font-size:30px;
}
.blog-featured-image{
padding:40px 0;
}
.blog-meta{
padding:30px 0;
}
.author-left{
align-items:flex-start;
}
.meta-right{
gap:15px;
justify-content: space-between;
width: 100%;
}
.meta-wrapper{
    gap: 20px;
}
.meta-title{
    margin-bottom: 0px;
}
.blog-content{
font-size:16px;
}
.blog-content h2{
font-size:28px;
}
.blog-content h3{
font-size:24px;
}
.blog-content blockquote{
padding:20px;
}
.blog-content blockquote p{
font-size:20px;
}
}
.author-section{
padding:80px 0;
background:var(--bg-light);
}
.author-section .container{
margin:auto;
padding:0 20px;
}
.author-card{
display:flex;
align-items:flex-start;
gap:30px;
padding:40px;
background:var(--white);
border:1px solid var(--border);
border-radius:var(--radius);
box-shadow:var(--shadow);
}
.author-avatar img{
display:block;
width:120px;
height:120px;
border-radius:50%;
object-fit:cover;
}
.author-content{
flex:1;
}
.author-label{
display:inline-block;
margin-bottom:10px;
font-size:11px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
color:var(--primary);
}
.author-title{
margin:0 0 10px;
font-family:var(--font-heading);
font-size:32px;
font-weight:400;
color:var(--heading);
}
.author-designation{
display:block;
margin-bottom:20px;
font-size:15px;
color:var(--primary-dark);
font-weight:500;
}
.author-description{
font-size:16px;
line-height:1.9;
color:var(--text);
}
.author-description p:last-child{
margin-bottom:0;
}
.faq-section{
padding:90px 0;
background:var(--white);
}
.faq-section .container{
margin:auto;
padding:0 20px;
}
.section-heading{
margin-bottom:50px;
text-align:center;
}
.section-heading span{
display:block;
margin-bottom:10px;
font-size:11px;
font-weight:600;
letter-spacing:3px;
text-transform:uppercase;
color:var(--primary);
}
.section-heading h2{
margin:0;
font-family:var(--font-heading);
font-size:42px;
font-weight:400;
color:var(--heading);
}
.faq-wrapper{
border-top:1px solid var(--border-light);
}
.faq-item{
border-bottom:1px solid var(--border-light);
}
.faq-question{
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
padding:24px 0;
background:none;
border:none;
cursor:pointer;
font-family:var(--font-heading);
font-size:22px;
font-weight:400;
color:var(--heading);
text-align:left;
transition:var(--transition);
}
.faq-question:hover{
color:var(--primary);
}
.faq-question span{
display:flex;
align-items:center;
justify-content:center;
width:32px;
height:32px;
border:1px solid var(--primary);
border-radius:50%;
font-size:22px;
color:var(--primary);
transition:var(--transition);
}
.faq-answer{
display:none;
padding:0 0 25px;
font-size:16px;
line-height:1.9;
color:var(--text);
}
.faq-item.active .faq-answer{
display:block;
}
.faq-item.active .faq-question span{
transform:rotate(45deg);
background:var(--primary);
color:var(--white);
}
.faq-answer{
max-height:0;
overflow:hidden;
transition:max-height .35s ease;
padding:0;
}
.faq-item.active .faq-answer{
padding:0 0 25px;
}
.related-posts{
padding:90px 0;
background:var(--bg-light);
}
.related-posts .container{
margin:auto;
padding:0 20px;
}
.related-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:50px;
}
.related-card{
background:var(--white);
border:1px solid var(--border);
border-radius:var(--radius);
overflow:hidden;
transition:var(--transition);
box-shadow:var(--shadow);
}
.related-card:hover{
transform:translateY(-8px);
}
.related-card a{
display:block;
color:inherit;
text-decoration:none;
}
.related-image{
overflow:hidden;
}
.related-image img{
display:block;
width:100%;
height:260px;
object-fit:cover;
transition:transform .4s ease;
}
.related-card:hover .related-image img{
transform:scale(1.08);
}
.related-category{
display:inline-block;
margin:22px 22px 12px;
font-size:11px;
font-weight:600;
letter-spacing:2px;
text-transform:uppercase;
color:var(--primary);
}
.related-card h3{
margin:0 22px 15px;
font-family:var(--font-heading);
font-size:24px;
font-weight:400;
line-height:1.4;
color:var(--heading);
}
.related-card p{
margin:0 22px 20px;
font-size:15px;
line-height:1.8;
color:var(--text-light);
}
.related-meta{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 22px;
border-top:1px solid var(--border);
font-size:14px;
color:var(--text-light);
}
.related-meta span:last-child{
font-weight:600;
color:var(--primary);
}
.site-footer{
padding:40px 0;
background:var(--heading);
}
.site-footer .container{
margin:auto;
padding:0 20px;
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
gap:20px;
}
.footer-logo{
font-family:var(--font-heading);
font-size:26px;
color:var(--white);
}
.footer-menu{
display:flex;
gap:25px;
flex-wrap:wrap;
}
.footer-menu a{
font-size:15px;
color:rgba(255,255,255,.8);
text-decoration:none;
transition:var(--transition);
}
.footer-menu a:hover{
color:var(--primary);
}
.footer-copy{
font-size:14px;
color:rgba(255,255,255,.7);
}
@media(max-width:991px){
.single-blog-content {
    padding: 60px 0;
}
.blog-content ul{
    margin-bottom: 20px;
}
.blog-content ul{
    margin-bottom: 25px;
}
.blog-content li{
margin:0px 0 10px 10px;
font-size: 16px;
}
.related-grid{
grid-template-columns:repeat(2,1fr);
}
.author-card{
flex-direction:column;
text-align:center;
}
.author-avatar{
margin:auto;
}
.author-title{
font-size:28px;
}
.section-heading h2{
font-size:34px;
}
}
@media(max-width:767px){
.thumbnail-image img{
    height: 250px !important;
}
.ast-container{
    padding: 0px !important;
}
.blog-hero{
min-height:320px !important;
}
.related-grid{
grid-template-columns:1fr;
}
.author-card{
padding:30px;
}
.author-avatar img{
width:90px;
height:90px;
}
.author-title{
font-size:24px;
}
.section-heading h2{
font-size:28px;
}
.faq-question{
font-size:18px;
}
.related-image img{
height:220px;
}
.site-footer .container{
flex-direction:column;
text-align:center;
}
.footer-menu{
justify-content:center;
}
}