.page-hero {
    padding: 102px 0 60px;
    position: relative;
    z-index: 1;
}

.contact-info-wrapper .contact-info-box .luxivo-info-box:not(:last-child) {
    margin-bottom: 25px;
}

.contact-form-wrapper .contact-form .form_control {
    padding: 12px 25px;
    border: 1px solid var(--border-color);
    border-radius: 20px;
    margin-bottom: 13px;
}

/* ===================================== BLOG Section ============================================= */
.jr-blog-card {
    background: #ffffff;
    border: 1px solid #e8ebe7;
    border-radius: 22px;
    overflow: hidden;
    height: 100%;
    transition: all 0.4s ease;
    box-shadow: 0 2px 10px rgba(18, 25, 22, 0.05);
}

.jr-blog-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 5px 10px rgba(18, 25, 22, 0.12);
    border-color: rgba(113, 132, 116, 0.35);
}


/* Image */
.jr-blog-image {
    position: relative;
    display: block;
    height: 260px;
    overflow: hidden;
}

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

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


/* Category */
.jr-blog-category {
    position: absolute;
    top: 18px;
    left: 18px;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    padding: 8px 14px;
    border-radius: 30px;

    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #657565;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}





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

.jr-blog-meta i {
    color: #718474;
    font-size: 13px;
}


.jr-blog-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.jr-blog-title a:hover {
    color: #718474;
}


/* Short Description */
.jr-blog-desc {
    font-size: 15px;
    line-height: 1.75;
    color: #777f79;

    margin: 0 0 22px;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}





/* Read More */
.jr-blog-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: #28342d;
    font-size: 14px;
    font-weight: 600;

    text-decoration: none;
    transition: all 0.3s ease;
}

.jr-blog-link i {
    transition: transform 0.3s ease;
}

.jr-blog-link:hover {
    color: #718474;
}

.jr-blog-link:hover i {
    transform: translateX(5px);
}


/* Comments */
.jr-blog-comments {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    font-size: 13px;
    color: #8b948d;
}

@media (max-width: 1199px) {

    .jr-blog-image {
        height: 235px;
    }

    .jr-blog-title {
        font-size: 22px;
    }
}


@media (max-width: 767px) {

    .jr-blog-card {
        border-radius: 18px;
    }

    .jr-blog-image {
        height: 230px;
    }

    .jr-blog-content {
        padding: 22px 20px;
    }

    .jr-blog-title {
        font-size: 21px;
    }

    .jr-blog-desc {
        font-size: 14px;
        line-height: 1.7;
    }
}


@media (max-width: 480px) {

    .jr-blog-image {
        height: 215px;
    }

    .jr-blog-meta {
        gap: 12px;
        font-size: 12px;
    }

    .jr-blog-title {
        font-size: 15px;
    }
}





.jr-blog-content {
    padding: 17px 18px 17px;
}

.jr-blog-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #869087;
}

.jr-blog-title {
    font-size: 24px;
    line-height: 1.35;
    font-weight: 500;
    margin: 0 0 6px;
    color: #1d211f;
}

.jr-blog-footer {
    border-top: 1px solid #edf0ed;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ===================================== BLOG Section ============================================= */



/* ============================================  Blog Details ====================================== */
.jr-blog-detail {
    background: #fff;
    border-radius: 28px;
    overflow: hidden;
    border: 1px solid #edf0ec;
    /* box-shadow: 0 12px 45px rgba(20, 28, 23, 0.07); */
}

.jr-blog-detail-image {
    position: relative;
    width: 100%;
    padding: 22px 22px 0;
}

.jr-blog-detail-image img {
    width: 100%;
    height: 430px;
    object-fit: cover;
    display: block;
    border-radius: 22px;
}

.jr-blog-detail-content {
    padding: 34px 38px 42px;
}

.jr-detail-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    color: #879087;
    font-size: 13px;
    margin-bottom: 16px;
}

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

.jr-detail-meta i {
    color: #758778;
}

.jr-meta-dot {
    width: 4px;
    height: 4px;
    background: #a8b0a9;
    border-radius: 50%;
}

.jr-detail-title {
    margin: 0;
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.22;
    font-weight: 500;
    letter-spacing: -0.8px;
    color: #1c231f;
}

.jr-title-line {
    width: 100%;
    height: 1px;
    background: #ecefec;
    margin: 25px 0 28px;
    position: relative;
}

.jr-title-line span {
    position: absolute;
    left: 0;
    top: -1px;
    width: 75px;
    height: 3px;
    border-radius: 50px;
    background: #778879;
}

.jr-detail-description {
    font-size: 16px;
    line-height: 1.95;
    color: #666e69;
}

.jr-detail-description p {
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 1.95;
    color: #666e69;
}

.jr-detail-description h2 {
    font-size: 29px;
    font-weight: 500;
    line-height: 1.35;

    color: #202722;

    margin: 38px 0 16px;
}

.jr-detail-description h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.4;

    color: #252c27;

    margin: 32px 0 14px;
}

.jr-detail-description h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 28px 0 12px;
}

.jr-detail-description ul,
.jr-detail-description ol {
    margin: 18px 0 25px;
    padding-left: 25px;
}

.jr-detail-description li {
    margin-bottom: 10px;
    line-height: 1.8;
}

.jr-detail-description strong {
    color: #313a34;
    font-weight: 600;
}

.jr-detail-description a {
    color: #687b6c;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.jr-detail-description blockquote {
    background: #f6f8f5;
    border-left: 4px solid #748676;

    padding: 22px 25px;
    margin: 28px 0;

    border-radius: 0 14px 14px 0;

    color: #49534c;
    font-size: 17px;
    line-height: 1.8;
}

.jr-detail-description img {
    max-width: 100%;
    height: auto;

    border-radius: 16px;

    margin: 20px 0;
}

.jr-detail-description table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
}

.jr-detail-description table th,
.jr-detail-description table td {
    padding: 13px 15px;
    border: 1px solid #e3e8e3;
}

.jr-detail-description table th {
    background: #f5f7f4;
    color: #313a34;
}


/* ====================================
   RESPONSIVE
==================================== */

@media (max-width: 991px) {

    .jr-blog-detail-image img {
        height: 380px;
    }

    .jr-blog-detail-content {
        padding: 30px;
    }

}


@media (max-width: 767px) {

    .jr-blog-detail {
        border-radius: 20px;
    }

    .jr-blog-detail-image {
        padding: 14px 14px 0;
    }

    .jr-blog-detail-image img {
        height: 280px;
        border-radius: 16px;
    }

    .jr-article-badge {
        top: 28px;
        left: 28px;
    }

    .jr-blog-detail-content {
        padding: 25px 20px 30px;
    }

    .jr-detail-title {
        font-size: 29px;
        line-height: 1.3;
    }

    .jr-detail-description,
    .jr-detail-description p {
        font-size: 15px;
        line-height: 1.85;
    }

    .jr-detail-description h2 {
        font-size: 24px;
    }

    .jr-detail-description h3 {
        font-size: 21px;
    }

}


@media (max-width: 480px) {

    .jr-blog-detail-image img {
        height: 230px;
    }

    .jr-article-badge {
        padding: 7px 11px;
        font-size: 11px;
    }

    .jr-detail-meta {
        font-size: 12px;
    }

    .jr-detail-title {
        font-size: 25px;
    }

}

/* =========================================
   RECENT BLOG SIDEBAR
========================================= */

.jr-recent-sidebar {
    background: #f7f8f6;
    border: 1px solid #edf0eb;

    border-radius: 28px;

    padding: 30px 26px;

    position: sticky;
    top: 110px;
}


/* Header */

.jr-sidebar-header {
    margin-bottom: 24px;
}

.jr-sidebar-label {
    display: block;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-transform: uppercase;

    color: #7b8c7d;

    margin-bottom: 5px;
}

.jr-sidebar-header h3 {
    margin: 0;

    font-size: 29px;
    line-height: 1.3;

    font-weight: 500;

    color: #222824;
}


/* Heading line */

.jr-sidebar-line {
    width: 100%;
    height: 1px;

    background: #dfe4df;

    margin-top: 17px;

    position: relative;
}

.jr-sidebar-line::before {
    content: "";

    width: 55px;
    height: 3px;

    background: #788a7a;

    position: absolute;
    top: -1px;
    left: 0;

    border-radius: 50px;
}


/* =========================================
   POST ITEM
========================================= */

.jr-recent-list {
    display: flex;
    flex-direction: column;
}

.jr-recent-post {
    display: flex;
    align-items: center;

    gap: 16px;

    padding: 17px 0;

    border-bottom: 1px solid #e3e7e2;

    transition: all 0.3s ease;
}

.jr-recent-post:first-child {
    padding-top: 0;
}

.jr-recent-post:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}


/* =========================================
   IMAGE
========================================= */

.jr-recent-image {
    width: 115px;
    height: 92px;

    min-width: 115px;

    border-radius: 15px;

    overflow: hidden;

    display: block;

    position: relative;

    background: #e8ebe8;
}

.jr-recent-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    display: block;

    transition: transform 0.5s ease;
}

.jr-recent-post:hover .jr-recent-image img {
    transform: scale(1.07);
}


/* =========================================
   CONTENT
========================================= */

.jr-recent-content {
    flex: 1;
    min-width: 0;
}


/* Date */

.jr-recent-date {
    display: flex;
    align-items: center;

    gap: 6px;

    margin-bottom: 6px;

    color: #89928b;

    font-size: 11px;
    font-weight: 500;
}

.jr-recent-date i {
    color: #778879;
    font-size: 11px;
}


/* Heading */

.jr-recent-title {
    margin: 0 0 7px;

    font-size: 16px;
    line-height: 1.42;

    font-weight: 500;

    color: #2a302c;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
}

.jr-recent-title a {
    color: inherit;
    text-decoration: none;

    transition: color 0.3s ease;
}

.jr-recent-title a:hover {
    color: #708172;
}


/* Read more */

.jr-recent-read {
    display: inline-flex;
    align-items: center;

    gap: 6px;

    font-size: 11px;
    font-weight: 600;

    color: #788a7a;

    text-decoration: none;

    transition: all 0.3s ease;
}

.jr-recent-read i {
    font-size: 10px;

    transition: transform 0.3s ease;
}

.jr-recent-read:hover {
    color: #28342d;
}

.jr-recent-read:hover i {
    transform: translateX(4px);
}


/* =========================================
   HOVER
========================================= */

.jr-recent-post:hover {
    transform: translateX(3px);
}


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

@media (max-width: 1199px) {

    .jr-recent-sidebar {
        position: static;
        margin-top: 35px;
    }

}


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

@media (max-width: 767px) {

    .jr-recent-sidebar {
        padding: 24px 20px;
        border-radius: 20px;
    }

    .jr-sidebar-header h3 {
        font-size: 25px;
    }

    .jr-recent-image {
        width: 110px;
        height: 88px;

        min-width: 110px;
    }

    .jr-recent-title {
        font-size: 15px;
    }

}


/* Small Mobile */

@media (max-width: 480px) {

    .jr-recent-post {
        gap: 13px;
    }

    .jr-recent-image {
        width: 95px;
        height: 82px;

        min-width: 95px;

        border-radius: 12px;
    }

    .jr-recent-title {
        font-size: 14px;
        line-height: 1.4;
    }

    .jr-recent-date {
        font-size: 10px;
    }

}

/* ============================================  Blog Details ====================================== */

/* ============================================  rooms  Details ====================================== */

/* ==============================
   AMENITIES SECTION
================================ */

.amenities-section {
    padding: 10px 0 28px;
}


/* Heading */

.amenities-heading {
    margin-bottom: 25px;
}

.amenities-small-title {
    display: inline-block;

    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.8px;
    text-transform: uppercase;

    color: #778979;

    margin-bottom: 5px;
}

.amenities-heading h3 {
    margin: 0 0 7px;

    font-size: 34px;
    line-height: 1.25;
    font-weight: 500;

    color: #202521;
}

.amenities-heading p {
    margin: 0;

    font-size: 14px;
    line-height: 1.6;

    color: #858d87;
}


/* ==============================
   CARD
================================ */

.amenity-card {
    width: 100%;
    min-height: 78px;

    display: flex;
    align-items: center;

    gap: 14px;

    padding: 13px 15px;

    background: #f8f9f7;

    border: 1px solid #e7ebe6;
    border-radius: 16px;

    transition: all 0.3s ease;
}


/* Hover */

.amenity-card:hover {
    background: #ffffff;

    border-color: #ccd5cc;

    transform: translateY(-3px);

    box-shadow: 0 10px 25px rgba(32, 45, 35, 0.08);
}


/* ==============================
   IMAGE BOX
================================ */

.amenity-icon {
    width: 52px;
    height: 52px;

    min-width: 52px;

    border-radius: 13px;

    background: #ffffff;

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

    overflow: hidden;

    border: 1px solid #e4e9e4;
}


/* Image */

.amenity-icon img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;
}


/* fallback icon */

.amenity-icon i {
    font-size: 18px;
    color: #758777;
}



.amenity-name {
    flex: 1;

    font-size: 15px;
    line-height: 1.3;

    font-weight: 500;

    color: #323934;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}




@media (max-width: 991px) {

    .amenities-heading h3 {
        font-size: 30px;
    }

}


@media (max-width: 767px) {

    .amenity-card {
        min-height: 72px;
        padding: 11px 13px;
    }

    .amenity-icon {
        width: 46px;
        height: 46px;
        min-width: 46px;
    }

    .amenity-name {
        font-size: 14px;
    }

}


@media (max-width: 575px) {

    .amenities-heading h3 {
        font-size: 27px;
    }

    .amenity-card {
        border-radius: 13px;
    }

}

.room-features-section {
    padding: 12px 0 15px;
    border-top: 1px solid #e4e8e3;
}


/* Heading */

.room-features-heading {
    margin-bottom: 10px;
}

.feature-subtitle {
    display: inline-block;
    margin-bottom: 6px;

    font-size: 11px;
    line-height: 1;

    font-weight: 600;
    letter-spacing: 1.8px;

    text-transform: uppercase;

    color: #7c8d7e;
}

.room-features-heading h3 {
    margin: 0 0 8px;

    font-size: 35px;
    line-height: 1.2;

    font-weight: 500;

    color: #202521;
}

.room-features-heading p {
    max-width: 580px;

    margin: 0;

    font-size: 14px;
    line-height: 1.7;

    color: #838a85;
}


/* ======================================
   FEATURE CARD
====================================== */

.room-feature-card {
    min-height: 68px;

    width: 100%;

    display: flex;
    align-items: center;

    gap: 13px;

    padding: 12px 15px;

    background: #f8f9f7;

    border: 1px solid #e6eae5;
    border-radius: 14px;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease;
}


/* Hover */

.room-feature-card:hover {
    transform: translateY(-3px);

    background: #ffffff;

    border-color: #ccd5cc;

    box-shadow: 0 10px 25px rgba(36, 48, 39, 0.08);
}


/* ======================================
   ICON
====================================== */

.feature-icon {
    width: 38px;
    height: 38px;

    min-width: 38px;

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

    border-radius: 11px;

    background: #e9eee9;

    color: #718273;

    transition: all 0.3s ease;
}

.feature-icon i {
    font-size: 13px;
}


.room-feature-card:hover .feature-icon {
    background: #748576;
    color: #ffffff;
}


/* ======================================
   FEATURE NAME
====================================== */

.feature-name {
    flex: 1;

    font-size: 14px;
    line-height: 1.35;

    font-weight: 500;

    color: #343b36;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* ======================================
   EMPTY STATE
====================================== */

.feature-empty {
    display: flex;
    align-items: center;

    gap: 9px;

    padding: 15px 18px;

    border-radius: 12px;

    background: #f8f9f7;
    border: 1px solid #e5e9e5;

    color: #7b837d;

    font-size: 14px;
}


/* ======================================
   RESPONSIVE
====================================== */

@media (max-width: 991px) {

    .room-features-heading h3 {
        font-size: 30px;
    }

}


@media (max-width: 767px) {

    .room-features-section {
        padding-top: 12px;
    }

    .room-features-heading {
        margin-bottom: 10px;
    }

    .room-features-heading h3 {
        font-size: 27px;
    }

    .room-feature-card {
        min-height: 64px;

        padding: 11px 13px;

        border-radius: 12px;
    }

    .feature-icon {
        width: 36px;
        height: 36px;

        min-width: 36px;
    }

}


@media (max-width: 575px) {

    .room-features-heading p {
        font-size: 13px;
    }

    .room-feature-card {
        min-height: 60px;
    }

    .feature-name {
        font-size: 14px;
    }

}
  .luxivo-room-details-sec {
            background: #fff;
        }

        .room-main-left {
            width: 100%;
        }
        .room-main-image-wrap {
            width: 100%;
            height: 360px;
            overflow: hidden;

            border-radius: 22px;

            background: #f4f4f2;

            margin-bottom: 30px;

            box-shadow:
                0 12px 35px rgba(24, 35, 27, 0.07);
        }

        .room-main-image-wrap img {
            width: 100%;
            height: 100%;

            display: block;

            object-fit: cover;
            object-position: center;

            transition: transform 0.6s ease;
        }

        .room-main-image-wrap:hover img {
            transform: scale(1.025);
        }

        .room-description-section {
            margin-bottom: 38px;
            padding-bottom: 30px;
            border-bottom: 1px solid #e5e9e4;
        }

        .room-section-heading {
            margin-bottom: 17px;
        }

        .room-small-heading,
        .amenities-small-title,
        .feature-subtitle {
            display: block;
            margin-bottom: 7px;
            font-size: 11px;
            line-height: 1;
            font-weight: 600;
            letter-spacing: 1.7px;
            text-transform: uppercase;
            color: #77897a;
        }

        .room-section-heading h2 {
            margin: 0;
            font-size: 33px;
            line-height: 1.25;
            color: #242925;
            font-weight: 500;
        }

        .room-db-description {
            color: #737a75;
            font-size: 15px;
            line-height: 1.85;
        }

        .room-db-description p {
            margin: 0 0 15px;
            font-size: 15px;
            line-height: 1.85;
            color: #737a75;
        }

        .room-db-description p:last-child {
            margin-bottom: 0;
        }

        .room-db-description h1,
        .room-db-description h2,
        .room-db-description h3,
        .room-db-description h4 {
            color: #292f2a;

            font-weight: 500;
        }

        .room-db-description h2 {
            margin: 28px 0 12px;

            font-size: 27px;
        }


        .room-db-description h3 {
            margin: 24px 0 10px;

            font-size: 23px;
        }


        .room-db-description h4 {
            margin: 20px 0 10px;

            font-size: 19px;
        }


        .room-db-description ul,
        .room-db-description ol {
            padding-left: 22px;

            margin: 15px 0 20px;
        }


        .room-db-description li {
            margin-bottom: 8px;

            line-height: 1.7;
        }


        .room-db-description img {
            max-width: 100%;
            height: auto;

            border-radius: 14px;

            margin: 20px 0;
        }


        /* ==========================================
   SHARED SECTION
========================================== */

        .amenities-section,
        .room-features-section,
        .room-gallery-section {
            padding: 30px 0;

            border-bottom: 1px solid #e6eae6;
        }


        .amenities-heading,
        .room-features-heading,
        .room-gallery-heading {
            margin-bottom: 20px;
        }


        .amenities-heading h3,
        .room-features-heading h3,
        .room-gallery-heading h3 {
            margin: 0;

            color: #242925;

            font-size: 31px;
            line-height: 1.3;

            font-weight: 500;
        }













        /* ==========================================
   RESPONSIVE
========================================== */

        @media (max-width: 1199px) {

            .room-main-image-wrap {
                height: 340px;
            }

        }


        @media (max-width: 991px) {

            .room-sidebar-area {
                position: static;

                margin-top: 20px;
            }

            .room-main-image-wrap {
                height: 330px;
            }

        }


        @media (max-width: 767px) {

            .luxivo-room-details-sec {
                padding-top: 55px;
            }

            .room-main-image-wrap {
                height: 270px;

                border-radius: 17px;

                margin-bottom: 24px;
            }


            .room-section-heading h2 {
                font-size: 27px;
            }


            .amenities-heading h3,
            .room-features-heading h3,
            .room-gallery-heading h3 {
                font-size: 27px;
            }


            .room-db-description,
            .room-db-description p {
                font-size: 14px;

                line-height: 1.8;
            }

        }


        @media (max-width: 480px) {

            .room-main-image-wrap {
                height: 220px;
            }


            .room-booking-widget {
                padding: 22px 18px;

                border-radius: 18px;
            }

        }
/* ============================================  rooms  Details ====================================== */

/* ============================================  home page conatct section ====================================== */
.jr-contact-section {
        padding: 80px 0;
    }

    /* Main Box */

    .jr-contact-wrapper {
        overflow: hidden;
        background: #ffffff;
        border: 1px solid #e2e7e1;
        border-radius: 26px;
    }

    /* ====================================
   LEFT IMAGE
==================================== */
    .jr-contact-image {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 610px;
        overflow: hidden;
    }

    .jr-contact-image>img {
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
        object-fit: cover;
        object-position: center;
        display: block;
    }

    /* Small phone box */
    .jr-image-contact {
        position: absolute;
        left: 30px;
        bottom: 30px;
        padding: 16px 20px;
        min-width: 230px;
        background: rgba(20, 27, 22, 0.88);
        border-radius: 14px;
        backdrop-filter: blur(8px);
    }

    .jr-image-contact span {
        display: block;
        margin-bottom: 5px;
        color: rgba(255, 255, 255, .7);
        font-size: 11px;
    }

    .jr-image-contact a {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;
    }

    .jr-image-contact i {
        color: #aebcad;
        font-size: 14px;
    }

    /* ====================================
   FORM AREA
==================================== */
    .jr-contact-form-area {
        height: 100%;
        padding: 48px 45px;
    }

    /* Heading */
    .jr-contact-heading {
        margin-bottom: 28px;
    }

    .jr-contact-subtitle {
        display: block;
        margin-bottom: 7px;
        color: #788a7a;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .jr-contact-heading h2 {
        margin: 0 0 10px;
        font-size: 37px;
        line-height: 1.2;
        font-weight: 500;
        color: #242925;
    }

    .jr-contact-heading p {
        max-width: 520px;
        margin: 0;
        color: #858d87;
        font-size: 13px;
        line-height: 1.7;
    }

    /* ====================================
   FORM
==================================== */
    .jr-form-group label {
        display: block;
        margin-bottom: 7px;
        color: #424943;
        font-size: 11px;
        font-weight: 500;
    }

    .jr-contact-form input,
    .jr-contact-form select,
    .jr-contact-form textarea {
        width: 100%;
        border: 1px solid #dfe5de;
        border-radius: 10px;
        background: #fafbfa;
        outline: none;
        color: #333a35;
        font-size: 13px;
        transition: .25s ease;
    }

    .jr-contact-form input,
    .jr-contact-form select {
        height: 48px;
        padding: 0 14px;
    }

    .jr-contact-form textarea {
        min-height: 110px;
        padding: 13px 14px;
        resize: none;
    }

    .jr-contact-form input:focus,
    .jr-contact-form select:focus,
    .jr-contact-form textarea:focus {
        background: #fff;
        border-color: #879888;
    }

    /* Button */
    .jr-contact-submit {
        width: 100%;
        height: 50px;
        border: 0;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: #788a79;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .4px;
        cursor: pointer;
        transition: .3s ease;
    }

    .jr-contact-submit:hover {
        background: #202921;
    }

    .jr-contact-submit i {
        transition: transform .3s ease;
    }

    .jr-contact-submit:hover i {
        transform: translateX(4px);
    }

    /* ====================================
   RESPONSIVE
==================================== */
    @media (max-width: 991px) {
        .jr-contact-image {
            min-height: 430px;
        }

        .jr-contact-form-area {
            padding: 40px 35px;
        }
    }

    @media (max-width: 767px) {

        .jr-contact-section {
            padding: 55px 0;
        }

        .jr-contact-wrapper {
            border-radius: 20px;
        }

        .jr-contact-image {
            min-height: 330px;
        }

        .jr-image-contact {
            left: 20px;
            bottom: 20px;

            min-width: auto;

            padding: 13px 16px;
        }

        .jr-image-contact a {
            font-size: 15px;
        }

        .jr-contact-form-area {
            padding: 30px 22px;
        }

        .jr-contact-heading h2 {
            font-size: 30px;
        }

    }
/* ============================================  home page conatct section ====================================== */

/* ============================================  home page blog section ====================================== */
    .home-latest-blog {
    padding: 46px 0;
    background: #f7f8f5;
}
    .jr-home-blog-card {
        height: 100%;
        background: #fff;
        border: 1px solid #e4e8e3;
        border-radius: 16px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        transition: .3s ease;
    }
    .jr-home-blog-card:hover {
        border-color: #c8d1c8;
        transform: translateY(-3px);
    }
    .jr-blog-thumb {
        display: block;
        width: 100%;
        height: 210px;
        overflow: hidden;
    }
    .jr-blog-thumb img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: transform .4s ease;
    }

    .jr-home-blog-card:hover .jr-blog-thumb img {
        transform: scale(1.025);
    }
    .jr-blog-body {
        padding: 17px 18px 18px;
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    /* Meta */
    .jr-blog-meta i {
        color: #778879;
        font-size: 10px;
    }
    .jr-meta-divider {
        width: 1px;
        height: 12px;
        background: #d5dbd5;
    }
    .jr-blog-title {
        margin: 0 0 7px !important;
        font-size: 19px !important;
        line-height: 1.4 !important;
        font-weight: 500 !important;
        color: #252b27;
        display: -webkit-box;
        
        -webkit-box-orient: vertical;
        overflow: hidden;
    
    }
    .jr-blog-title a {
        color: inherit !important;
        text-decoration: none !important;
    }
    .jr-blog-title a:hover {
        color: #708172 !important;
}
    .jr-blog-footer {
        margin-top: auto;
        padding-top: 13px;
        border-top: 1px solid #edf0ec;
    }
    .jr-blog-read {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #718273;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .4px;
        text-transform: uppercase;
        text-decoration: none;
        transition: .3s ease;
    }
    .jr-blog-read i {
        font-size: 10px;
        transition: transform .3s ease;
    }
    .jr-blog-read:hover {
        color: #252d27;
    }
    .jr-blog-read:hover i {
        transform: translateX(4px);
    }
    @media (max-width: 991px) {
        .home-latest-blog {
            padding: 65px 0;
        }
        .jr-blog-thumb {
            height: 220px;
        }
    }
    @media (max-width: 575px) {
        .home-latest-blog {
            padding: 55px 0;
        }
        .jr-home-blog-card {
            border-radius: 14px;
        }
        .jr-blog-thumb {
            height: 210px;
        }
        .jr-blog-body {
            padding: 16px;
        }
        .jr-blog-title {
            font-size: 18px !important;
            min-height: auto;
        }
    }
/* ============================================  home page blog section ====================================== */

/* ========================================================testimoinial section ======================================== */

  .jr-testimonial-section {
        background: #f8f7f3;
    }

    .jr-testimonial-label {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 8px;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 2.3px;
        text-transform: uppercase;
        color: #7b897c;
    }
    .jr-testimonial-label::before,
    .jr-testimonial-label::after {
        content: "";
        width: 25px;
        height: 1px;
        background: #b1b9b0;
    }
   
    .jr-testimonial-heading p {
        margin: 0 auto;
        max-width: 470px;
        color: #919690;
        font-size: 13px;
        line-height: 1.7;
    }

    /* ==========================================
   SLICK SPACING
========================================== */
    .jr-testimonial-slider {
        margin: 0 -10px;
    }

    .jr-testimonial-slider .slick-slide {
        margin: 0 !important;
    }

    .jr-testimonial-slide {
        padding: 10px;
    }

    /* ==========================================
   CARD
========================================== */
    .jr-testimonial-card {
        position: relative;
        min-height: 285px;
        padding: 22px 22px 20px;
        display: flex;
        flex-direction: column;
        background: #ffffff;
        border: 1px solid #e5e7e2 !important;
        border-radius: 20px;
        overflow: hidden;
        transition:
            transform .3s ease,
            box-shadow .3s ease,
            border-color .3s ease;
    }

    /* subtle premium top line */
    .jr-testimonial-card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 25px;
        right: 25px;
        height: 2px;
        background: linear-gradient(90deg,
                transparent,
                #9aa89a,
                transparent);
        opacity: .65;
    }

    .jr-testimonial-card:hover {
        transform: translateY(-5px);
        border-color: #cdd5cc !important;
        /* box-shadow:
            0 18px 18px rgba(29, 39, 31, .09); */
    }

    /* ==========================================
   TOP AREA
========================================== */
   

    /* Google */
    .jr-google-review {
        display: flex;
        align-items: center;
        gap: 9px;
    }

    .jr-google-icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #f8f9f7;
        border: 1px solid #e4e8e3;
        font-size: 15px;
    }

    .jr-google-icon i {
        color: #4285f4;
    }

    .jr-google-text strong {
        display: block;
        font-size: 12px;
        line-height: 1.25;
        font-weight: 600;
        color: #343a35;
    }

    .jr-google-text span {
        display: block;
        margin-top: 3px;
        color: #a0a69f;
        font-size: 9px;
    }

    .jr-quote-icon {
        font-size: 27px;
        color: #dfe5de;
        line-height: 1;
    }

    /* ==========================================
   STARS
========================================== */
 

    .jr-stars {
        display: flex;
        gap: 3px;
    }

    .jr-stars i {
        font-size: 12px;
        color: #f5ad00;
    }

    .jr-rating-row>span {
        font-size: 11px;
        font-weight: 600;
        color: #656c66;
    }

    /* ==========================================
   REVIEW CONTENT
========================================== */
    .jr-review-content {
        flex: 1;
        min-height: 0 !important;
    }

    .jr-review-content p {
        margin: 0;
        font-size: 13px;
        line-height: 1.72;
        color: #747b75;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }

    /* ==========================================
   AUTHOR
========================================== */
    .jr-review-author {
        margin-top: 18px;
        padding-top: 16px;
        display: flex;
        align-items: center;
        gap: 11px;
        border-top: 1px solid #ecefeb;
    }

    .jr-author-image {
        width: 44px;
        height: 44px;
        min-width: 44px;
        border-radius: 50%;
        overflow: hidden;
        background: #f3f5f2;
        border: 2px solid #fff;
        box-shadow:
            0 0 0 1px #dde3dc;
    }

    .jr-author-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .jr-author-placeholder {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #7b8b7c;
        color: #fff;
        font-size: 15px;
        font-weight: 600;
    }

    .jr-author-info {
        flex: 1;
        min-width: 0;
    }

    .jr-author-info h5 {
        margin: 0 0 3px;

        font-size: 13px;
        font-weight: 600;

        color: #323833;

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .jr-author-info span {
        display: flex;
        align-items: center;

        gap: 5px;

        font-size: 9px;

        color: #979e98;

        text-transform: capitalize;
    }


    .jr-author-info span i {
        font-size: 8px;

        color: #809182;
    }


    /* Google icon bottom */

    .jr-author-google {
        width: 29px;
        height: 29px;

        min-width: 29px;

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

        border-radius: 50%;

        background: #f8f9f7;

        border: 1px solid #e4e8e3;

        font-size: 11px;
    }

    .jr-author-google i {
        color: #4285f4;
    }


    /* ==========================================
   DOTS
========================================== */

    .jr-testimonial-slider .slick-dots {
        bottom: -38px;
    }

    .jr-testimonial-slider .slick-dots li {
        width: 9px;
        height: 9px;

        margin: 0 4px;
    }

    .jr-testimonial-slider .slick-dots li button {
        width: 9px;
        height: 9px;
    }

    .jr-testimonial-slider .slick-dots li button::before {
        content: "";

        width: 7px;
        height: 7px;

        opacity: 1;

        border-radius: 50%;

        background: #cbd1ca;
    }

    .jr-testimonial-slider .slick-dots li.slick-active button::before {
        width: 18px;

        border-radius: 20px;

        background: #788a7a;
    }


    /* ==========================================
   RESPONSIVE
========================================== */

    @media (max-width: 991px) {

        .jr-testimonial-heading h2 {
            font-size: 34px;
        }

    }


    @media (max-width: 767px) {

        .jr-testimonial-section {
            padding: 60px 0 70px !important;
        }

        .jr-testimonial-heading {
            margin-bottom: 28px;
        }

        .jr-testimonial-heading h2 {
            font-size: 29px;
        }

        .jr-testimonial-card {
            min-height: auto;

            padding: 20px;

            border-radius: 17px;
        }

    }


    @media (max-width: 480px) {

        .jr-testimonial-heading h2 {
            font-size: 27px;
        }

        .jr-review-content p {
            font-size: 12.5px;

            -webkit-line-clamp: 5;
        }

    }

    /* ===============================================testimonial section ====================================================== */

  .jr-instagram-section {
    padding: 40px 0 50px;
    background: #fafbf9;
    overflow: hidden;
}
/* Heading */
.jr-instagram-heading {
    margin-bottom: 30px;
}
.jr-insta-subtitle {
    display: block;
    margin-bottom: 6px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #788a7a;
}
.jr-instagram-heading h2 {
    margin: 0 0 8px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: 500;
    color: #242925;
}

.instagram-slider {
    margin: 0 -8px;
}
.instagram-slide {
    padding: 8px;
}
.instagram-slider .slick-list {
    overflow: hidden !important;
}
.instagram-slider .slick-track {
    display: flex !important;
}
.instagram-slider .slick-slide {
    height: auto !important;
}
.instagram-slider .slick-slide > div {
    height: 100%;
}
.instagram-card {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #e3e7e2;
    border-radius: 16px;
    overflow: hidden;
}
.instagram-frame {
    position: relative;
    width: 100%;
    height: 470px;
    overflow: hidden;
    background: #f3f4f2;
}
.instagram-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    display: block;
}
.instagram-open-link {
    min-height: 46px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-top: 1px solid #e8ebe7;
    color: #515a53;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    background: #fff;
}
.instagram-open-link .fa-instagram {
    color: #e1306c;
    font-size: 17px;
}
.instagram-open-link:hover {
    background: #f7f8f6;
    color: #252b27;
}
@media (max-width: 991px) {
   .instagram-frame {
        height: 480px;
    }
}
@media (max-width: 767px) {
    .jr-instagram-section {
        padding: 55px 0 65px;
    }
    .jr-instagram-heading h2 {
        font-size: 30px;
    }
}
@media (max-width: 575px) {
    .instagram-card {
        max-width: 340px;
    }
    .instagram-frame {
        height: 500px;
    }
}

.jr-rating-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
}.jr-review-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 3px;
}


/* ================================================= footer section =================================================*/

.jr-main-footer {
    position: relative;
    background: #171a22;
    overflow: hidden;
    padding: 10px;
}
.jr-footer-main .row {
    align-items: flex-start;
}
.jr-footer-logo {
    display: inline-block;
    margin-bottom: 16px;
}
.jr-footer-logo img {
    height: 92px;
    width: auto;
    display: block;
}
.jr-footer-newsletter {
    max-width: 330px;
}.jr-newsletter-form {
    height: 48px;
    display: flex;
    align-items: center;
    padding: 4px;
    background: #fff;
    border-radius: 30px;
}
.jr-newsletter-form input {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0 15px;
    border: none;
    outline: none;
    font-size: 12px;
    background: transparent;
}
.jr-newsletter-form button {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    background: #dfbf3f;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
}
.jr-footer-title {
    margin: 4px 0 22px;
    padding: 0;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
}
/* remove old gold underline */
.jr-footer-title::after {
    display: none;
}
/* small accent */
.jr-footer-title::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 2px;
    margin-right: 9px;
    margin-bottom: 5px;
    background: #dfbf3f;
}
.jr-footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
}
.jr-footer-links li {
    margin-bottom: 11px;
}
.jr-footer-links li:last-child {
    margin-bottom: 0;
}
.jr-footer-links a {
    padding: 0 !important;
    color: rgba(255,255,255,.72);
    font-size: 13px;
    line-height: 1.5;
    text-decoration: none;
    transition: .25s ease;
}
.jr-footer-links a::before {
    display: none;
}
.jr-footer-links a:hover {
    color: #dfbf3f;
}
.jr-footer-contact {
    padding-left: 10px;
}
.jr-contact-row {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    text-decoration: none !important;
}
.jr-contact-icon {
    width: 35px;
    height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.04);
    color: #fff;
    font-size: 11px;
}
.jr-contact-content {
    flex: 1;
    min-width: 0;
}
.jr-contact-content small {
    display: block;
    margin-bottom: 2px;
    color: rgba(255,255,255,.42);
    font-size: 9px;
}

.jr-contact-row:hover .jr-contact-icon {
    border-color: #dfbf3f;
    color: #dfbf3f;
}
.jr-footer-social {
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,.09);
}

.jr-social-list {
    display: flex;
    align-items: center;
    gap: 8px;
}
.jr-social-list a {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    border: 1px solid rgba(255,255,255,.14);

    color: rgba(255,255,255,.72);

    font-size: 12px;

    text-decoration: none;

    transition: .25s ease;
}


.jr-social-list a:hover {
    background: #dfbf3f;
    border-color: #dfbf3f;

    color: #fff;

    transform: translateY(-2px);
}


/* =====================================
   BOTTOM FOOTER
===================================== */

.jr-footer-bottom {
    border-top: 1px solid rgba(255,255,255,.09);
}


.jr-footer-bottom-inner {
    min-height: 52px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;
}





.jr-footer-bottom-links {
    display: flex;
    align-items: center;

    gap: 10px;
}




.jr-footer-bottom-links a:hover {
    color: #dfbf3f;
}


.jr-footer-bottom-links span {
    width: 3px;
    height: 3px;

    border-radius: 50%;

    background: rgba(255,255,255,.3);
}


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

@media (max-width: 991px) {

    .jr-footer-main {
        padding: 45px 0 30px;
    }

    .jr-footer-contact {
        padding-left: 0;
    }

}


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

@media (max-width: 767px) {

    .jr-footer-main {
        padding: 40px 0 25px;
    }


    .jr-footer-logo img {
        height: 82px;
    }


    .jr-footer-title {
        margin-top: 8px;
        margin-bottom: 17px;

        font-size: 19px;
    }


    .jr-footer-about-text {
        max-width: 100%;
    }


    .jr-footer-newsletter {
        max-width: 100%;
    }


    .jr-footer-bottom-inner {
        padding: 13px 0;

        flex-direction: column;

        justify-content: center;

        gap: 6px;

        text-align: center;
    }

}
.jr-contact-content strong {
    display: block;
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    word-break: normal;
}


.header-navigation .main-menu ul > li > a {
    position: relative;
    display: block;
    font: 500 20px var(--body-font);
    text-transform: capitalize;
    line-height: 1;
    color: var(--heading-color);
    padding: 30px 0;
}

.header-area, .header-navigation, .luxivo-header, header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100%;
    z-index: 999;
    background: #ffffff !important;
}

.nav-button .theme-btn.style-one:hover {
    background-color: #e9f9ef;
    color: #222;
}

.nav-button .theme-btn.style-one:hover i {
    color: #25D366;
}


/* =====================================
   STICKY HEADER
===================================== */

.header-area {
    position: sticky !important;
    top: 0 !important;
    left: 0;
    width: 100%;
    z-index: 9999;

    background: #ffffff !important;

    transition: all 0.3s ease;
}


/* Navigation */

.header-navigation {
    position: relative !important;

    width: 100%;

    background: #ffffff !important;
}


/* Header inner */

.header-navigation .primary-menu {
    min-height: 90px;

    display: flex;
    align-items: center;
}


/* Logo */

.header-navigation .site-branding .brand-logo img {
    height: 85px !important;
    width: auto;

    transition: all .3s ease;
}


/* Menu */

.header-navigation .main-menu ul > li > a {
    position: relative;

    display: block;

    font: 500 16px var(--body-font);

    text-transform: capitalize;

    line-height: 1;

    padding: 36px 0;

    color: var(--heading-color);
}


/* your gold menu color */



/* hover */

.header-one .header-navigation .main-menu ul > li > a:hover {
    color: #222;
}


/* dropdown should stay above content */

.header-navigation .main-menu ul li {
    position: relative;
}

.header-navigation .main-menu ul li .sub-menu {
    z-index: 99999;
}


/* WhatsApp */

.nav-button .theme-btn.style-one:hover {
    background-color: #e9f9ef;
    color: #222;
}

.nav-button .theme-btn.style-one:hover i {
    color: #25D366;
}


/* =====================================
   WHEN PAGE SCROLLS
===================================== */

.header-area.header-scrolled {
    box-shadow: 0 5px 20px rgba(0, 0, 0, .08);
}


/* smaller header after scroll */

.header-area.header-scrolled
.site-branding .brand-logo img {
    height: 70px !important;
}


.header-area.header-scrolled
.header-navigation .main-menu ul > li > a {
    padding-top: 28px;
    padding-bottom: 28px;
}


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

@media (max-width: 1199px) {

    .header-navigation .primary-menu {
        min-height: 75px;
    }

    .header-navigation .site-branding .brand-logo img {
        height: 70px !important;
    }

    .header-area.header-scrolled
    .site-branding .brand-logo img {
        height: 62px !important;
    }

}
/* =================================
   DROPDOWN ARROW FIX
================================= */

.header-navigation .main-menu .has-children > a {
    display: flex;
    align-items: center;
    gap: 7px;
}


/* Theme generated trigger */

.header-navigation .main-menu .dd-trigger {
    position: static !important;

    width: auto !important;
    height: auto !important;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    margin-left: 2px;

    background: transparent !important;

    border: none !important;

    transform: none !important;
}


/* Important Font Awesome fix */

.header-navigation .main-menu .dd-trigger i {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;

    font-style: normal !important;

    font-size: 11px;

    line-height: 1;

    color: inherit;
}


/* Force correct down arrow */

.header-navigation .main-menu .dd-trigger i::before {
    content: "\f107" !important;
}


/* Rotate when hover */

.header-navigation .main-menu
.has-children:hover > a
.dd-trigger i {
    transform: rotate(180deg);
}


.header-navigation .main-menu
.dd-trigger i {
    transition: transform .25s ease;
}
.header-one .header-navigation .main-menu ul > li > a {
    color: #ffd133;
    font-weight: 500;
}
.nav-button .theme-btn.style-one:hover {
    background-color: #e9f9ef;
    color: #222;
}

.nav-button .theme-btn.style-one:hover i {
    color: #25D366;
}


.header-one .header-navigation .nav-right-item .navbar-toggler span {
    background-color: rgb(0 0 0 / 70%);
}
.header-one .header-navigation .nav-right-item .navbar-toggler {
    border-color: rgb(0 0 0 / 70%);
}
.offcanvas__overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    /* background: #151515; */
    z-index: 1000;
    top: 0;
    opacity: 0;
    visibility: hidden;
    right: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
/* ===================================== footer section ============================================================== */




.jr-about-redesign {
    overflow: hidden;
}


/* ======================================
   LEFT IMAGE AREA
====================================== */

.jr-about-image-box {
    position: relative;
    min-height: 540px;
}


/* main image */

.jr-main-about-image {
    width: 82%;
    height: 410px;
    overflow: hidden;
    border-radius: 24px;
}

.jr-main-about-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}


/* small image */

.jr-small-about-image {
    position: absolute;
    right: 10px;
    bottom: 0;

    width: 49%;
    height: 215px;

    padding: 6px;

    background: #fff;

    border-radius: 19px;
    overflow: hidden;

    z-index: 3;
}

.jr-small-about-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border-radius: 14px;
}


/* ======================================
   STATS BOXES
====================================== */

.jr-customer-box,
.jr-experience-box {
    z-index: 4;
    border-radius: 14px !important;
}


/* customer */

.jr-customer-box {
    left: 20px !important;
    bottom: 28px !important;

    padding: 14px 20px !important;
}


/* experience */

.jr-experience-box {
    right: 15px !important;
    top: 55px !important;

    padding: 15px 20px !important;
}


.jr-customer-box h3,
.jr-experience-box h3 {
    margin-bottom: 3px !important;
    font-size: 30px !important;
}


.jr-customer-box p,
.jr-experience-box p {
    margin: 0 !important;
    font-size: 11px !important;
}


/* ======================================
   RIGHT CONTENT
====================================== */

.jr-about-content {
    padding-left: 10px;
}


.jr-about-content .section-title {
    margin-bottom: 17px;
}


.jr-about-content .section-title h2 {
    max-width: 590px;

    margin-bottom: 0;

    font-size: 42px;
    line-height: 1.2;
}


.jr-about-text {
    max-width: 600px;

    margin-bottom: 22px;

    font-size: 14px;
    line-height: 1.8;
}


/* ======================================
   SERVICE CARDS
====================================== */

.jr-about-service-row {
    margin-bottom: 20px;
}


.jr-about-service {
    height: 100%;

    display: flex;
    align-items: center;

    gap: 12px;

    padding: 13px 14px;

    margin-bottom: 0 !important;

    border: 1px solid #e4e8e3;
    border-radius: 12px;
}


.jr-service-icon {
    width: 40px !important;
    height: 40px !important;

    min-width: 40px;

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

    border-radius: 10px;
}


.jr-service-icon i {
    font-size: 14px;
}


.jr-about-service .content h5 {
    margin: 0 0 3px;
    font-size: 14px;
}


.jr-about-service .content p {
    margin: 0;

    font-size: 10px;
    line-height: 1.5;
}


/* ======================================
   CHECK LIST
====================================== */

.jr-about-check-list {
    margin: 0 0 26px !important;

    display: grid;
    grid-template-columns: repeat(2, 1fr);

    gap: 12px 20px;
}


.jr-about-check-list li {
    margin: 0 !important;

    display: flex;
    align-items: flex-start;

    gap: 8px;

    font-size: 13px;
    line-height: 1.5;
}


.jr-about-check-list li i {
    margin-top: 3px;
}


/* ======================================
   RESPONSIVE
====================================== */

@media (max-width: 1199px) {

    .jr-about-content {
        padding-left: 0;
    }

    .jr-about-image-box {
        max-width: 650px;
        margin: 0 auto;
    }

}


@media (max-width: 767px) {

    .jr-about-redesign {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }


    .jr-about-image-box {
        min-height: 430px;
    }


    .jr-main-about-image {
        width: 92%;
        height: 340px;

        border-radius: 18px;
    }


    .jr-small-about-image {
        width: 52%;
        height: 180px;
    }


    .jr-experience-box {
        top: 25px !important;
    }


    .jr-customer-box {
        left: 10px !important;
        bottom: 15px !important;
    }


    .jr-about-content .section-title h2 {
        font-size: 31px;
    }


    .jr-about-check-list {
        grid-template-columns: 1fr;
    }

}

/* ==========================================  Why Choose Us =============================================== */

 .jr-why-choose-section {
        padding: 60px 0;
        background: #e7dbb3;
    }
    .jr-choose-content {
        padding-right: 20px;
    }
    .jr-tag-line {
        width: 34px;
        height: 1px;
        background: #788a7a;
    }
    .jr-choose-title {
        max-width: 570px;
        margin: 0 0 18px;
        color: #222823;
        font-size: 43px;
        line-height: 1.18;
        font-weight: 500;
    }
    .jr-choose-features {
        margin-top: 0;
    }
    .jr-choose-feature {
        height: 100%;
        display: flex;
        align-items: flex-start;
        gap: 11px;
        padding: 14px;
        background: #f8f9f7;
        border: 1px solid #e5e9e4;
        border-radius: 13px;
    }
    .jr-feature-icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: #e9eee9;
        color: #718273;
        font-size: 13px;
    }
    .jr-choose-feature h5 {
        margin: 0 0 3px;
        color: #303732;
        font-size: 14px;
        font-weight: 600;
    }
    .jr-choose-feature p {
        margin: 0;
        color: #8b928d;
        font-size: 11px;
        line-height: 1.55;
    }
    .jr-choose-action {
        margin-top: 27px;
    }
    .jr-choose-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 47px;
        padding: 0 23px;
        border-radius: 10px;
        background: #ebcc49;
        color: #fff;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .5px;
        text-transform: uppercase;
        text-decoration: none;
        transition: .3s ease;
    }

    .jr-choose-btn:hover {
        background: #202921;
        color: #fff;
    }
    .jr-choose-image-wrap {
        position: relative;
        width: 100%;
        height: 530px;
        border-radius: 26px;
        overflow: hidden;
    }
    .jr-choose-image-wrap>img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
    }
    .jr-choose-badge {
        position: absolute;
        left: 24px;
        bottom: 24px;
        display: flex;
        align-items: center;
        gap: 11px;
        padding: 13px 16px;
        border-radius: 13px;
        background: rgba(255, 255, 255, .94);
        backdrop-filter: blur(8px);
    }

    .jr-badge-icon {
        width: 37px;
        height: 37px;
        min-width: 37px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #788a79;
        color: #fff;
        font-size: 12px;
    }

    .jr-choose-badge strong {
        display: block;
        margin-bottom: 2px;
        color: #303732;
        font-size: 12px;
    }

    .jr-choose-badge span {
        display: block;
        color: #929992;
        font-size: 9px;
    }
    @media (max-width: 991px) {

        .jr-why-choose-section {
            padding: 70px 0;
        }

        .jr-choose-content {
            padding-right: 0;
        }

        .jr-choose-title {
            font-size: 36px;
        }

        .jr-choose-image-wrap {
            height: 440px;
        }

    }

    @media (max-width: 767px) {

        .jr-why-choose-section {
            padding: 55px 0;
        }

        .jr-choose-title {
            font-size: 30px;
        }

        .jr-choose-desc {
            font-size: 14px;
        }

        .jr-choose-image-wrap {
            height: 350px;

            border-radius: 20px;
        }

        .jr-choose-badge {
            left: 16px;
            bottom: 16px;
        }

    }

    .jr-choose-desc {
        max-width: 500px;
        margin: 0 0 10px;

        font-size: 15px;
        line-height: 1.50;
    }

    .jr-section-tag {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 5px;
        color: #788a7a;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 1.8px;
    }
    
#RoomForm .nice-select {
    position: relative;
}


/* remove theme / old font awesome icon */

#RoomForm .nice-select::after {
    content: "" !important;

    position: absolute !important;
    right: 20px !important;
    top: 50% !important;

    width: 7px !important;
    height: 7px !important;

    margin-top: -5px !important;

    border: none !important;
    border-right: 2px solid #777 !important;
    border-bottom: 2px solid #777 !important;

    transform: rotate(45deg) !important;

    font-family: initial !important;

    transition: .25s ease;
}


/* dropdown open */

#RoomForm .nice-select.open::after {
    transform: rotate(-135deg) !important;
    margin-top: -1px !important;
}
/* ==========================================  Why Choose Us =============================================== */







/* ================================= Event Section ===================================== */

.jr-event-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e3e8e2;
  border-radius: 18px;
  overflow: hidden;
  transition: 0.3s ease;
}

.jr-event-card:hover {
  transform: translateY(-4px);
  border-color: #c7d1c7;
}

/* ====================================
   IMAGE
===================================== */
.jr-event-image {
  position: relative;
  display: block;
  width: 100%;
  height: 245px;
  overflow: hidden;
}

.jr-event-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.jr-event-card:hover .jr-event-image img {
  transform: scale(1.04);
}

/* Badge */
.jr-event-badge {
  position: absolute;
  top: 16px;
  left: 16px;
  padding: 7px 12px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.93);
  color: #687969;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

/* =====================================
   CONTENT
===================================== */
.jr-event-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.jr-event-body h3 {
  margin: 0 0 10px;
  color: #252b27;
  font-size: 23px;
  line-height: 1.3;
  font-weight: 500;
}

.jr-event-body p {
  margin: 0 0 20px;
  color: #7d857f;
  font-size: 13px;
  line-height: 1.75;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* =====================================
   BUTTONS
===================================== */
.jr-event-actions {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid #edf0ec;
  display: flex;
  align-items: center;
  gap: 9px;
}

/* View details */
.jr-event-details {
  flex: 1;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 1px solid #ccd5cc;
  border-radius: 9px;
  color: #637265;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s ease;
}

.jr-event-details:hover {
  background: #f3f6f3;
  color: #273029;
}

/* WhatsApp */
.jr-event-whatsapp {
  flex: 1;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 9px;
  background: #788a79;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s ease;
}

.jr-event-whatsapp i {
  font-size: 15px;
}

.jr-event-whatsapp:hover {
  background: #202a22;
  color: #fff;
}

/* =====================================
   RESPONSIVE
===================================== */

@media (max-width: 991px) {
  .jr-events-section {
    padding: 65px 0;
  }

  .jr-event-image {
    height: 230px;
  }
}

@media (max-width: 575px) {
  .jr-events-section {
    padding: 55px 0;
  }

  .jr-event-card {
    border-radius: 15px;
  }

  .jr-event-image {
    height: 220px;
  }

  .jr-event-body {
    padding: 17px;
  }

  .jr-event-body h3 {
    font-size: 21px;
  }

  .jr-event-actions {
    flex-direction: column;
  }

  .jr-event-details,
  .jr-event-whatsapp {
    width: 100%;
    flex: none;
  }
}

.jr-events-section {
  padding: 30px 0;
  background: #d7be4d45;
}

.section-title h2 {
  font-size: 46px;
  margin-bottom: 10px;
}

.jr-event-section-desc {
  max-width: 650px;
  margin: 10px 0 0;
  color: #000000;
  font-size: 15px;
  line-height: 1.2;
}

/* =====================================  Event section ================================== */