/*==================================================
GLOBAL
==================================================*/

main{
    padding-top:70px;
}

.blog-main{
    overflow:hidden;
}

.section-tag{
    display:inline-block;
    color:#00A499;
    font-size:12px;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
}


/*==================================================
ARTICLE HERO
==================================================*/

.article-hero{
    padding:120px 0;
    background:#F8F7F5;
}

.article-back-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:50px;
    color:#626262;  
    text-decoration:none;
    font-size:10px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
    transition:.3s;
}

.article-back-link:hover{
    color:#00A499;
}

.article-hero__grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:80px;
    align-items:center;
}

.article-hero__image{
    overflow:hidden;
    background:#fff;
}

.article-hero__image img{
    width:100%;
    height:auto;
    object-fit:cover;
    display:block;
}

.article-hero__content{
    position:relative;
    max-width:560px;
}

.article-category{
    display:inline-block;
    margin-bottom:28px;
    color:#FFF;
    font-size:8px;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
}

.article-meta-top{
    margin-bottom:20px;
    color:#B59B82;
    font-size:13px;
    font-weight:700;
    letter-spacing:.24em;
    text-transform:uppercase;
}

.article-hero h1{
    margin:0 0 32px;
    color:#0F172A;
    font-family:"Cormorant Garamond",serif;
    font-size:clamp(3rem, 6vw, 3.5rem);
    line-height:1.2;
    font-weight:500;
}

.article-excerpt{
    margin-bottom:40px;
    color:#64748B;
    font-size:20px;
    line-height:1.9;
}

.article-meta-bottom{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    align-items:center;
    color:#0F172A;
    font-size:13px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.meta-divider{
    color:#B59B82;
}

.blog-author-link{
    color:#00A099;
}

/*==================================================
ARTICLE BODY
==================================================*/

.article-content-section{
    padding:120px 0;
}

.article-content-wrapper{
    max-width:760px;
    margin:0 auto;
}

.article-content-wrapper p{
    margin-bottom:32px;
    color:#454545;
    font-size:18px;
    line-height:1.95;
    font-family:Inter,sans-serif;
}

.article-content-wrapper h2{
    margin:90px 0 28px;
    color:#0F172A;
    font-family:"Cormorant Garamond",serif;
    font-size:clamp(2.5rem,4vw,3rem);
    line-height:1.5;
    font-weight:500;
    position:relative;
    padding-bottom:28px;
}
.article-content-wrapper h2::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100px;
    height:3px;
    background:#00A499;
}
.article-content-wrapper h3{
    margin:60px 0 24px;
    color:#0F172A;
    font-family:"Cormorant Garamond",serif;
    font-size:clamp(1.75rem,3vw,2rem);
    line-height:1.5;
    font-weight:500;
}

.article-content-wrapper h4{
    margin:45px 0 20px;
    color:#0F172A;
    font-size:clamp(1.375rem,1.8vw,1.625rem);
    font-weight:600;
    line-height:1.5;
}

.article-content-wrapper ul,
.article-content-wrapper ol{
    margin:30px 0;
    padding-left:16px;
    list-style:disc;
}

.article-content-wrapper li{
    margin-bottom:14px;
    color:#454545;
    font-size:18px;
    line-height:1.9;
    font-family:"Inter",serif;
}

.article-content-wrapper li::marker{
    color:#00A499;
}

.article-content-wrapper img{
    width:100%;
    height:auto;
    margin:50px 0;
    display:block;
}

.article-content-wrapper table{
    width:100%;
    margin:50px 0;
    border-collapse:collapse;
}

.article-content-wrapper th{
    padding:20px;
    background:#00A499;
    color:#fff;
    text-align:left;
}

.article-content-wrapper td{
    padding:20px;
    border:1px solid #E2E8F0;
}

.article-content-wrapper blockquote{
    margin:60px 0;
    padding:40px;
    border-left:4px solid #00A499;
    background:#F8F7F5;
    color:#0F172A;
    font-family:"Cormorant Garamond",serif;
    font-size:32px;
    line-height:1.5;
}


/*==================================================
TABLET
==================================================*/

@media(max-width:1199px){

    .article-hero__grid{
        gap:50px;
        grid-template-columns:1fr;
    }

    .article-hero__content{
        max-width:100%;
    }

    .article-hero__image img{
        height:auto;
    }

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:767px){

    .article-content-section{
        padding:80px 0;
    }

    .article-hero__image img{
        height:auto;
    }

    .article-hero h1{
        font-size:clamp(2.5rem,6vw,4rem);
    }

    .article-excerpt{
        font-size:18px;
    }

    .article-content-wrapper p,
    .article-content-wrapper li{
        font-size:16px;
    }

    .article-content-wrapper blockquote{
        padding:30px 20px;
        font-size:24px;
    }

}

.article-category{
    display:inline-block;
    margin-bottom:28px;
}



.related-articles{padding:100px 0;background:#F8F7F5;}

.section-header{margin:0 auto 60px;text-align;}

.section-header h2{margin:20px 0;color:#0F172A;font-size:48px;line-height:1.1;font-weight:500;font-family:"Cormorant Garamond",serif;}.section-tag{display: block;margin-bottom: 1.25rem;color: #00A499;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.22em;line-height: 1.5;text-transform: uppercase;}.section-header p{color:#64748B;font-size:18px;line-height:1.8;}

.related-articles__grid{display;grid-template-columns(3,1fr);gap:30px;}

.related-card{overflow;background:#fff;transition:.35s;}

.related-card{transform(-6px);box-shadow:0 20px 60px rgba(0,0,0,.08);}

.related-card__image{display;overflow;}

.related-card__image img{width:100%;aspect-ratio:16/12;object-fit;transition:.5s;}

.related-card img{transform(1.05);}

.related-card__content{padding:30px;}

.related-card__meta{margin-bottom:18px;color:#94A3B8;font-size:14px;}

.related-card h3{margin-bottom:25px;font-size:28px;line-height:1.3;font-family:"Cormorant Garamond",serif;}

.related-card h3 a{color:#0F172A;text-decoration;}

.related-card__link{display;align-items;gap:10px;color:#00A499;font-weight:600;text-decoration;}


/*CONSULTATION BOX*/

.consultation-box{padding:100px 0;text-align:center;}

.consultation-box__inner{padding:80px;text-align;border:2px solid #00A499;background:#F3EFE9;}

.consultation-box h2{max-width:850px;margin:20px auto;color:#0F172A;font-size:clamp(2.5rem,4vw,3rem);font-weight: 500;line-height:1.1;font-family:"Cormorant Garamond",serif;}

.consultation-box p{max-width:750px;margin:0 auto 50px;color:#64748B;font-size:18px;line-height:1.9;}

.consultation-box__actions{display;justify-content;gap:20px;flex-wrap;}

.consultation-box__button{min-width:280px;display;align-items;justify-content;gap:10px;text-decoration;font-weight:600;transition:.3s;}

.consultation-box__button--primary{background:#00A499;color:#0F172A;}

.consultation-box__button--secondary{
    border:2px solid #9f9f9f85;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 17px 30px;
    background: white;
    color: #111;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
    margin:10px 0;
}


@media(max-width:991px){

.related-articles__grid{
    grid-template-columns:repeat(2,1fr);
}

.consultation-box__inner{
    padding:60px 40px;
}

}

@media(max-width:767px){

.related-articles,
.consultation-box,
.review-section{
    padding:70px 0;
}

.related-articles__grid{
    grid-template-columns:1fr;
}

.consultation-box__inner{
    padding:40px 9px;
}

.consultation-box__actions{
    flex-direction:column;
}

.consultation-box__button{
    width:100%;
    min-width:auto;
}

}