.inner-hero{position:relative;min-height:360px;display:flex;align-items:center;overflow:hidden;background:#082238;color:#fff}.inner-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover}.inner-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,33,.88),rgba(4,20,33,.58),rgba(4,20,33,.25))}.inner-hero-content{position:relative;z-index:2;padding:75px 0 65px}.inner-hero .eyebrow,.inner-eyebrow{color:#d6a84a;font-size:10px;letter-spacing:2px;font-weight:800}.inner-hero h1,.inner-title{font-family:"Playfair Display",Georgia,serif}.inner-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.05;margin:10px 0 15px}.inner-hero p{max-width:680px;color:rgba(255,255,255,.78);font-size:15px;line-height:1.8}.breadcrumb-hayaat{margin-top:22px;display:flex;gap:8px;align-items:center;font-size:11px;color:rgba(255,255,255,.62)}.breadcrumb-hayaat a{color:#fff;text-decoration:none}.breadcrumb-hayaat i{color:#d3a342}.inner-section{padding:75px 0}.inner-section.soft{background:#f7f5f0}.inner-title{color:#122d43;font-size:clamp(32px,4vw,50px);line-height:1.1;margin:9px 0 18px}.inner-lead{font-size:15px;color:#6e7881;line-height:1.9;max-width:760px}.gold-btn,.outline-btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none;border-radius:4px;font-size:12px;font-weight:800}.gold-btn{background:#b9841e;color:#fff!important;padding:12px 20px}.outline-btn{border:1px solid #c7a052;color:#9b6d16!important;padding:10px 16px}.inner-image{width:100%;display:block;object-fit:cover;border-radius:5px}.inner-image.tall{height:510px}.inner-image.landscape{height:390px}.info-card{height:100%;background:#fff;border:1px solid #ece8df;border-radius:7px;padding:28px;box-shadow:0 8px 28px rgba(21,36,49,.05)}.info-card i.icon{font-size:25px;color:#b9841e;margin-bottom:17px;display:block}.info-card h3{font-family:"Playfair Display",Georgia,serif;color:#17334a;font-size:23px;margin-bottom:9px}.info-card p{font-size:12px;line-height:1.8;color:#717b84;margin:0}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.stat-box{border:1px solid #e7dfcf;background:#fff;padding:20px;text-align:center;border-radius:5px}.stat-box strong{display:block;font:700 28px "Playfair Display",Georgia,serif;color:#a87516}.stat-box span{font-size:10px;color:#727c84}.package-grid,.service-detail-grid,.destination-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package-detail-card{background:#fff;border-radius:7px;overflow:hidden;border:1px solid #ebe8e2;box-shadow:0 8px 28px rgba(21,36,49,.06)}.package-detail-card .image{height:245px;position:relative}.package-detail-card .image img{width:100%;height:100%;object-fit:cover}.package-detail-card .body{padding:21px}.package-detail-card h3{font:600 22px "Playfair Display",Georgia,serif;color:#163149;margin:0 0 7px}.package-detail-card .meta{font-size:11px;color:#7d858c;margin-bottom:12px}.package-detail-card .meta i{color:#b9841e}.package-detail-card p{font-size:12px;color:#707a83;line-height:1.75}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:13px;border-top:1px solid #eee}.price-row strong{color:#a87416;font-size:18px}.tag{position:absolute;left:12px;top:12px;background:#fff;color:#987019;border-radius:20px;padding:6px 10px;font-size:9px;font-weight:800}.service-detail-card{padding:30px;background:#fff;border:1px solid #e9e5dc;border-radius:7px;min-height:245px}.service-detail-card .service-icon{width:48px;height:48px;border-radius:50%;background:#f5ead3;color:#a87516;display:grid;place-items:center;font-size:20px;margin-bottom:18px}.service-detail-card h3{font:600 22px "Playfair Display",Georgia,serif;color:#17334a}.service-detail-card p{font-size:12px;line-height:1.8;color:#707a83}.service-detail-card a{font-size:11px;color:#a87516;font-weight:800;text-decoration:none}.destination-page-card{position:relative;height:390px;overflow:hidden;border-radius:6px;color:#fff;text-decoration:none}.destination-page-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.destination-page-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(3,20,32,.88))}.destination-page-card:hover img{transform:scale(1.05)}.destination-page-card .caption{position:absolute;z-index:2;left:24px;bottom:22px}.destination-page-card small{font-size:9px;letter-spacing:1.5px;color:#e4b756}.destination-page-card strong{display:block;font:600 29px "Playfair Display",Georgia,serif;margin-top:5px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:22px}.contact-card{background:#fff;border:1px solid #e8e3d9;border-radius:7px;padding:30px}.contact-item{display:flex;gap:14px;padding:17px 0;border-bottom:1px solid #eee}.contact-item:last-child{border-bottom:0}.contact-item>i{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#f6ead2;color:#a87516;flex:0 0 39px}.contact-item strong{display:block;font-size:12px;color:#163149;margin-bottom:4px}.contact-item span,.contact-item a{font-size:12px;color:#717b83;text-decoration:none;line-height:1.6}.contact-form .form-control,.contact-form .form-select{min-height:47px;border:1px solid #dedbd4;border-radius:4px;font-size:12px;box-shadow:none}.contact-form textarea.form-control{min-height:125px}.contact-form .form-label{font-size:11px;font-weight:700;color:#45515b}.map-box{height:260px;background:#e9e5dc;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#8a8d8d;text-align:center}.map-box i{display:block;font-size:30px;color:#b9841e;margin-bottom:7px}.faq-list .accordion-item{border:0;border-bottom:1px solid #e7e3dc}.faq-list .accordion-button{font-size:13px;font-weight:700;color:#19354b;background:#fff;box-shadow:none;padding:18px 0}.faq-list .accordion-body{font-size:12px;color:#737d84;line-height:1.8;padding:0 0 18px}@media(max-width:991px){.package-grid,.service-detail-grid,.destination-page-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.stat-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.inner-section{padding:55px 0}.inner-hero{min-height:320px}.inner-hero-content{padding:55px 0}.package-grid,.service-detail-grid,.destination-page-grid{grid-template-columns:1fr}.inner-image.tall{height:360px}.inner-image.landscape{height:280px}.destination-page-card{height:330px}}
/* ==============================
   GALLERY PAGE
================================ */

.gallery-page-section {
    padding: 80px 0;
    background: #f7f5f0;
}

.gallery-heading {
    max-width: 700px;
    margin: 0 auto 45px;
}

.gallery-heading p {
    color: #727b83;
    font-size: 13px;
    line-height: 1.8;
}


/* GALLERY GRID */

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 220px;
    gap: 14px;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    cursor: pointer;
    background: #ddd;
}

.gallery-item img,
.gallery-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition:
        transform .6s ease,
        filter .4s ease;
}

.gallery-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        transparent 55%,
        rgba(4, 22, 36, .55)
    );
    opacity: 0;
    transition: .35s ease;
}

.gallery-item:hover img,
.gallery-item:hover video {
    transform: scale(1.07);
}

.gallery-item:hover::after {
    opacity: 1;
}

.gallery-large {
    grid-column: span 2;
    grid-row: span 2;
}

.gallery-tall {
    grid-row: span 2;
}

.gallery-wide {
    grid-column: span 2;
}


/* LIGHTBOX */

.gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999;

    display: none;
    align-items: center;
    justify-content: center;

    padding: 40px;

    background: rgba(2, 13, 22, .94);
}

.gallery-lightbox.active {
    display: flex;
}

.gallery-lightbox img {
    max-width: min(1100px, 90vw);
    max-height: 85vh;

    object-fit: contain;

    border-radius: 4px;

    box-shadow:
        0 20px 70px rgba(0,0,0,.5);
}

.gallery-close,
.gallery-prev,
.gallery-next {
    position: absolute;

    width: 44px;
    height: 44px;

    border: 1px solid rgba(255,255,255,.25);
    border-radius: 50%;

    background: rgba(255,255,255,.08);

    color: #fff;

    display: grid;
    place-items: center;

    cursor: pointer;

    transition: .2s;
}

.gallery-close:hover,
.gallery-prev:hover,
.gallery-next:hover {
    background: #b9841e;
    border-color: #b9841e;
}

.gallery-close {
    top: 25px;
    right: 25px;
}

.gallery-prev {
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.gallery-next {
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
}


/* CTA */

.gallery-cta {
    background: #082238;
    color: #fff;
    padding: 65px 0;
}

.gallery-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.gallery-cta h2 {
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.1;
    margin: 10px 0 15px;
}

.gallery-cta p {
    color: rgba(255,255,255,.68);
    font-size: 13px;
    margin: 0;
}


/* TABLET */

@media(max-width: 991px) {

    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 210px;
    }

    .gallery-large {
        grid-column: span 2;
    }

    .gallery-wide {
        grid-column: span 2;
    }

    .gallery-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }

}


/* MOBILE */

@media(max-width: 575px) {

    .gallery-page-section {
        padding: 55px 0;
    }

    .gallery-grid {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 150px;
        gap: 8px;
    }

    .gallery-large {
        grid-column: span 2;
        grid-row: span 2;
    }

    .gallery-tall {
        grid-row: span 2;
    }

    .gallery-wide {
        grid-column: span 2;
    }

    .gallery-lightbox {
        padding: 20px;
    }

    .gallery-lightbox img {
        max-width: 94vw;
        max-height: 75vh;
    }

    .gallery-prev {
        left: 10px;
    }

    .gallery-next {
        right: 10px;
    }

    .gallery-close {
        top: 15px;
        right: 15px;
    }

}
/* =========================================
   BLOG DETAIL PAGE
========================================= */

.blog-detail-hero {
    min-height: 560px;
}

.blog-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    margin-top: 25px;
    color: rgba(255,255,255,.85);
    font-size: 14px;
}

.blog-meta span {
    display: flex;
    align-items: center;
    gap: 7px;
}

.blog-meta i {
    color: #d6a84a;
}


/* Main Section */

.blog-detail-section {
    padding: 90px 0;
    background: #f7f5f0;
}

.blog-article {
    background: #fff;
}

.blog-featured-image {
    width: 100%;
    height: 520px;
    overflow: hidden;
}

.blog-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-article-content {
    padding: 45px 50px;
}

.blog-category {
    display: inline-block;
    margin-bottom: 15px;
    color: #b9841e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.blog-article-content h2 {
    color: #082238;
    font-family: "Playfair Display", serif;
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 25px;
}

.blog-article-content p {
    color: #66717b;
    font-size: 16px;
    line-height: 1.9;
    margin-bottom: 22px;
}

.blog-article-content .blog-intro {
    color: #394957;
    font-size: 19px;
    line-height: 1.8;
}

.blog-article-content h3 {
    color: #082238;
    font-family: "Playfair Display", serif;
    font-size: 27px;
    margin-top: 38px;
    margin-bottom: 15px;
}

.blog-content-image {
    width: 100%;
    height: 380px;
    overflow: hidden;
    margin: 30px 0;
}

.blog-content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Quote */

.blog-highlight {
    background: #082238;
    padding: 35px 40px;
    margin: 40px 0;
    position: relative;
    border-left: 4px solid #d6a84a;
}

.blog-highlight i {
    color: #d6a84a;
    font-size: 35px;
}

.blog-highlight p {
    color: #fff;
    font-family: "Playfair Display", serif;
    font-size: 21px;
    margin: 10px 0 0;
}


/* Share */

.blog-share {
    border-top: 1px solid #e6e1d8;
    padding: 25px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.blog-share > span {
    color: #082238;
    font-size: 14px;
    font-weight: 700;
}

.blog-share-buttons {
    display: flex;
    gap: 9px;
}

.blog-share-buttons a {
    width: 38px;
    height: 38px;
    border: 1px solid #ded8cd;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #082238;
    text-decoration: none;
    transition: .25s;
}

.blog-share-buttons a:hover {
    background: #082238;
    color: #fff;
    border-color: #082238;
}


/* Sidebar */

.blog-sidebar {
    position: sticky;
    top: 30px;
}

.blog-sidebar-box {
    background: #fff;
    padding: 30px;
    margin-bottom: 25px;
}

.blog-sidebar-box h4 {
    color: #082238;
    font-family: "Playfair Display", serif;
    font-size: 23px;
    margin-bottom: 22px;
}


/* Search */

.blog-search {
    display: flex;
    border: 1px solid #ddd7cd;
}

.blog-search input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    padding: 13px 15px;
    font-size: 14px;
}

.blog-search button {
    width: 48px;
    border: 0;
    background: #082238;
    color: #fff;
}


/* Categories */

.blog-categories {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-categories li {
    border-bottom: 1px solid #eee9e1;
}

.blog-categories li:last-child {
    border-bottom: 0;
}

.blog-categories a {
    padding: 13px 0;
    display: flex;
    justify-content: space-between;
    color: #586570;
    text-decoration: none;
    font-size: 14px;
}

.blog-categories a:hover {
    color: #b9841e;
}

.blog-categories span {
    color: #b9841e;
}


/* Recent Blogs */

.recent-blog {
    display: flex;
    gap: 14px;
    margin-bottom: 22px;
}

.recent-blog:last-child {
    margin-bottom: 0;
}

.recent-blog img {
    width: 85px;
    height: 70px;
    object-fit: cover;
    flex-shrink: 0;
}

.recent-blog div {
    display: flex;
    flex-direction: column;
}

.recent-blog span {
    color: #b9841e;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.recent-blog a {
    color: #082238;
    font-family: "Playfair Display", serif;
    font-size: 15px;
    line-height: 1.3;
    text-decoration: none;
    margin: 3px 0;
}

.recent-blog a:hover {
    color: #b9841e;
}

.recent-blog small {
    color: #89929a;
    font-size: 11px;
}


/* Sidebar CTA */

.blog-sidebar-cta {
    background: #082238;
    padding: 35px 30px;
    color: #fff;
}

.blog-sidebar-cta > span {
    color: #d6a84a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.blog-sidebar-cta h3 {
    font-family: "Playfair Display", serif;
    font-size: 28px;
    line-height: 1.3;
    margin: 15px 0;
}

.blog-sidebar-cta p {
    color: rgba(255,255,255,.7);
    line-height: 1.7;
    font-size: 14px;
    margin-bottom: 25px;
}


/* Related Blogs */

.related-blogs-section {
    padding: 90px 0;
    background: #fff;
}

.related-blog-card {
    background: #f7f5f0;
    height: 100%;
    overflow: hidden;
}

.related-blog-image {
    height: 240px;
    overflow: hidden;
}

.related-blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.related-blog-card:hover img {
    transform: scale(1.06);
}

.related-blog-content {
    padding: 25px;
}

.related-blog-content > span {
    color: #b9841e;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.related-blog-content h3 {
    color: #082238;
    font-family: "Playfair Display", serif;
    font-size: 22px;
    line-height: 1.35;
    margin: 10px 0 18px;
}

.related-blog-content a {
    color: #082238;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.related-blog-content a i {
    color: #b9841e;
    margin-left: 5px;
}

.related-blog-content a:hover {
    color: #b9841e;
}


/* Responsive */

@media (max-width: 991px) {

    .blog-detail-hero {
        min-height: 500px;
    }

    .blog-sidebar {
        position: static;
    }

    .blog-featured-image {
        height: 420px;
    }

}

@media (max-width: 767px) {

    .blog-detail-section {
        padding: 55px 0;
    }

    .blog-article-content {
        padding: 30px 25px;
    }

    .blog-article-content h2 {
        font-size: 32px;
    }

    .blog-article-content h3 {
        font-size: 24px;
    }

    .blog-featured-image {
        height: 300px;
    }

    .blog-content-image {
        height: 260px;
    }

    .blog-share {
        padding: 20px 25px;
        align-items: flex-start;
        flex-direction: column;
    }

    .blog-meta {
        gap: 10px;
        flex-direction: column;
    }

    .blog-highlight {
        padding: 25px;
    }

}

@media (max-width: 575px) {

    .blog-featured-image {
        height: 240px;
    }

    .blog-article-content {
        padding: 25px 20px;
    }

    .blog-article-content h2 {
        font-size: 28px;
    }

    .blog-article-content p {
        font-size: 15px;
    }

    .blog-content-image {
        height: 220px;
    }

    .blog-sidebar-box {
        padding: 25px 20px;
    }

}
/* =========================================
   BLOG LISTING PAGE
========================================= */

.blogs-page-section {
    padding: 90px 0;
    background: #f7f5f0;
}

.blogs-heading {
    margin-bottom: 35px;
}

.blogs-heading p {
    max-width: 650px;
    color: #6c7780;
    line-height: 1.8;
}


/* Toolbar */

.blogs-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 35px;
}

.blog-filter-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.blog-filter {
    border: 1px solid #ddd7cd;
    background: #fff;
    color: #52606b;
    padding: 10px 18px;
    font-size: 13px;
    cursor: pointer;
    transition: .25s;
}

.blog-filter:hover,
.blog-filter.active {
    background: #082238;
    border-color: #082238;
    color: #fff;
}

.blogs-search {
    width: 270px;
    display: flex;
    background: #fff;
    border: 1px solid #ddd7cd;
}

.blogs-search input {
    width: 100%;
    border: 0;
    outline: 0;
    padding: 12px 14px;
    font-size: 13px;
    background: transparent;
}

.blogs-search button {
    width: 45px;
    border: 0;
    background: #082238;
    color: #fff;
}


/* Featured Blog */

.featured-blog-card {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    background: #fff;
    margin-bottom: 45px;
    overflow: hidden;
}

.featured-blog-image {
    min-height: 430px;
}

.featured-blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-blog-content {
    padding: 55px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog-card-category {
    color: #b9841e;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

.featured-blog-content h2 {
    color: #082238;
    font-family: "Playfair Display", serif;
    font-size: 38px;
    line-height: 1.2;
    margin: 15px 0 18px;
}

.featured-blog-content p {
    color: #68747e;
    font-size: 15px;
    line-height: 1.8;
}

.blog-card-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 18px 0 25px;
    color: #89929a;
    font-size: 12px;
}

.blog-card-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-card-meta i {
    color: #b9841e;
}


/* Blog Grid */

.blogs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.blog-list-card {
    background: #fff;
    overflow: hidden;
    transition: transform .3s ease,
                box-shadow .3s ease;
}

.blog-list-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 45px rgba(8,34,56,.09);
}

.blog-list-image {
    position: relative;
    height: 245px;
    overflow: hidden;
}

.blog-list-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.blog-list-card:hover .blog-list-image img {
    transform: scale(1.06);
}

.blog-image-category {
    position: absolute;
    left: 18px;
    bottom: 18px;
    background: #082238;
    color: #d6a84a;
    padding: 7px 11px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.blog-list-content {
    padding: 25px;
}

.blog-list-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #9a9fa4;
    font-size: 11px;
    margin-bottom: 12px;
}

.blog-list-content h3 {
    color: #082238;
    font-family: "Playfair Display", serif;
    font-size: 23px;
    line-height: 1.35;
    margin-bottom: 12px;
}

.blog-list-content p {
    color: #707b84;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 18px;
}

.blog-list-content > a {
    color: #082238;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}

.blog-list-content > a i {
    color: #b9841e;
    margin-left: 5px;
}

.blog-list-content > a:hover {
    color: #b9841e;
}


/* No Results */

.blogs-no-results {
    display: none;
    background: #fff;
    padding: 60px 20px;
    text-align: center;
    margin-top: 30px;
}

.blogs-no-results i {
    color: #b9841e;
    font-size: 35px;
}

.blogs-no-results h3 {
    color: #082238;
    font-family: "Playfair Display", serif;
    margin: 15px 0 8px;
}

.blogs-no-results p {
    color: #747d84;
    margin: 0;
}


/* Pagination */

.blogs-pagination {
    display: flex;
    justify-content: center;
    gap: 7px;
    margin-top: 55px;
}

.blogs-pagination button {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd7cd;
    background: #fff;
    color: #082238;
    cursor: pointer;
}

.blogs-pagination button:hover,
.blogs-pagination .pagination-active {
    background: #082238;
    color: #fff;
    border-color: #082238;
}


/* CTA */

.blogs-cta {
    background: #082238;
    color: #fff;
    padding: 70px 0;
}

.blogs-cta-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.blogs-cta h2 {
    font-family: "Playfair Display", serif;
    font-size: 38px;
    line-height: 1.25;
    margin: 12px 0;
}

.blogs-cta p {
    max-width: 600px;
    color: rgba(255,255,255,.7);
    line-height: 1.7;
}


/* Responsive */

@media (max-width: 991px) {

    .blogs-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .blogs-search {
        width: 100%;
    }

    .featured-blog-card {
        grid-template-columns: 1fr;
    }

    .featured-blog-image {
        min-height: 350px;
    }

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

    .blogs-cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }

}

@media (max-width: 767px) {

    .blogs-page-section {
        padding: 60px 0;
    }

    .blogs-grid {
        grid-template-columns: 1fr;
    }

    .featured-blog-image {
        min-height: 280px;
    }

    .featured-blog-content {
        padding: 35px 25px;
    }

    .featured-blog-content h2 {
        font-size: 31px;
    }

    .blogs-cta {
        padding: 55px 0;
    }

    .blogs-cta h2 {
        font-size: 30px;
    }

}

@media (max-width: 575px) {

    .blog-filter-buttons {
        width: 100%;
    }

    .blog-filter {
        flex: 1;
    }

    .featured-blog-content {
        padding: 28px 20px;
    }

    .featured-blog-content h2 {
        font-size: 28px;
    }

    .blog-list-image {
        height: 220px;
    }

}