/* ==========================================================================
   RAMA TOURS TAXI SERVICE — PAGE STYLESHEET
   Moved out of inline <style> blocks into this shared file.

   Scoping:
   - Rules for best-places-udaipur-taxi.html are scoped under .rama-page-places
     (add this class to the <html> tag of that page)
   - Rules for rama-tours-blog.php are scoped under .rama-page-blog
     (add this class to the <body> tag of that page)

   This keeps both pages' styles isolated from each other and from the
   rest of the site when this single stylesheet is shared/linked.
   ========================================================================== */

/* ==========================================================================
   PAGE: best-places-udaipur-taxi.html
   Scope: .rama-page-places
   ========================================================================== */

/* =====================================================
           ROOT
        ===================================================== */
        *{ margin:0; padding:0; box-sizing:border-box; }
        .rama-page-places {
            --rama-gold: #C6941A;
            --rama-gold-light: #E9BA4D;
            --rama-gold-dark: #8C6510;

            --rama-brown: #5B3218;
            --rama-brown-dark: #3B1F0E;

            --rama-ink: #1A1A1A;
            --rama-soft: #4A4A4A;

            --rama-cream: #FFFBF3;
            --rama-white: #FFFFFF;

            --rama-line: #EDE2CC;
            --rama-green: #1EA952;

            --rama-shadow: 0 10px 30px rgba(59, 31, 14, .08);

            --rama-radius: 17px;
        }

/* ==========================================================================
   .rama-page-blog — STANDALONE BASE RESET
   Replaces what links.php used to provide (box-sizing, body margin/font).
   Needed now that links.php is no longer included on this page.
   ========================================================================== */

.rama-page-blog,
.rama-page-blog *,
.rama-page-blog *::before,
.rama-page-blog *::after {
  box-sizing: border-box;
}

.rama-page-blog {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  color: var(--rama-ink);
  background: var(--rama-cream);
  line-height: 1.6;
}

.rama-page-blog a {
  text-decoration: none;
  color: inherit;
}

.rama-page-blog ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rama-page-blog img {
  max-width: 100%;
  display: block;
}

.rama-page-blog button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}



/* =====================================================
           RESET
        ===================================================== */.rama-page-places * {
            box-sizing: border-box;
        }.rama-page-places {
            scroll-behavior: smooth;
        }.rama-page-places body {
            margin: 0;

            background: var(--rama-cream);

            color: var(--rama-ink);

            font-family:
                Inter,
                Arial,
                Helvetica,
                sans-serif;

            overflow-x: hidden;
        }.rama-page-places img {
            max-width: 100%;
        }.rama-page-places a {
            color: inherit;
            text-decoration: none;
        }.rama-page-places button, .rama-page-places input, .rama-page-places select, .rama-page-places textarea {
            font-family: inherit;
        }


        /* =====================================================
           MAIN
        ===================================================== */.rama-page-places .rama-detail {
            width: 100%;

            background: var(--rama-cream);

            padding-bottom: 80px;
        }.rama-page-places .rama-detail-container {
            width: min(1280px, calc(100% - 40px));

            margin: 0 auto;
        }


        /* =====================================================
           BLOG HERO
           FULL WIDTH BACKGROUND IMAGE
        ===================================================== */.rama-page-places .rama-detail-header {
            position: relative;

            width: 100vw;

            margin-left: calc(50% - 50vw);

            min-height: 430px;

            display: flex;

            align-items: center;

            justify-content: center;

            padding: 45px 20px 70px;

            overflow: hidden;

            background-image:

                linear-gradient(
                    rgba(45, 24, 10, 0.70),
                    rgba(45, 24, 10, 0.70)
                ),

                url("https://rajasthantoursntravels.in/assets/images/rama-tours.png");

            background-size: cover;

            background-position: center;

            background-repeat: no-repeat;
        }


        /* =====================================================
           HERO OVERLAY
        ===================================================== */.rama-page-places .rama-detail-header::before {

            content: "";

            position: absolute;

            inset: 0;

            background:
                linear-gradient(
                    180deg,
                    rgba(0, 0, 0, 0.08),
                    rgba(0, 0, 0, 0.20)
                );

            z-index: 1;
        }


        /* =====================================================
           HERO CONTENT
        ===================================================== */.rama-page-places .rama-detail-header-content {

            position: relative;

            z-index: 2;

            width: min(
                1100px,
                calc(100% - 40px)
            );

            margin: 0 auto;

            text-align: center;
        }


        /* =====================================================
           BREADCRUMB
           INSIDE HERO IMAGE
        ===================================================== */.rama-page-places .rama-breadcrumb {

            display: flex;

            justify-content: flex-start;

            align-items: center;

            flex-wrap: wrap;

            gap: 4px;

            margin: 0 0 30px;

            padding: 0;

            font-size: 12px;

            line-height: 1.5;

            color:
                rgba(
                    255,
                    255,
                    255,
                    .88
                );

            text-shadow:
                0 2px 7px
                rgba(0, 0, 0, .50);
        }.rama-page-places .rama-breadcrumb a {

            color: #fff;

            font-weight: 700;

            transition:
                color .2s ease;
        }.rama-page-places .rama-breadcrumb a:hover {

            color:
                var(--rama-gold-light);
        }.rama-page-places .rama-breadcrumb span {

            margin: 0 5px;

            color:
                rgba(
                    255,
                    255,
                    255,
                    .75
                );
        }


        /* =====================================================
           CATEGORY
        ===================================================== */.rama-page-places .rama-detail-category {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            padding: 8px 15px;

            border-radius: 999px;

            background:
                var(--rama-gold);

            color: #fff;

            font-size: 11px;

            font-weight: 800;

            text-transform: uppercase;

            letter-spacing: .5px;

            box-shadow:
                0 5px 15px
                rgba(0, 0, 0, .18);
        }


        /* =====================================================
           TITLE
        ===================================================== */.rama-page-places .rama-detail-title {

            max-width: 950px;

            margin: 18px auto;

            color: #fff;

            font-family:
                Poppins,
                Inter,
                Arial,
                sans-serif;

            font-size:
                clamp(
                    32px,
                    5vw,
                    56px
                );

            line-height: 1.15;

            font-weight: 800;

            text-shadow:
                0 3px 12px
                rgba(0, 0, 0, .55);
        }


        /* =====================================================
           META
        ===================================================== */.rama-page-places .rama-detail-meta {

            display: flex;

            justify-content: center;

            align-items: center;

            flex-wrap: wrap;

            gap: 9px;

            color:
                rgba(
                    255,
                    255,
                    255,
                    .92
                );

            font-size: 12px;

            text-shadow:
                0 2px 7px
                rgba(0, 0, 0, .50);
        }


        /* =====================================================
           MAIN GRID
        ===================================================== */.rama-page-places .rama-detail-layout {

            display: grid;

            grid-template-columns:
                minmax(0, 1fr)
                390px;

            gap: 34px;

            align-items: start;

            margin-top: 40px;
        }


        /* =====================================================
           ARTICLE
        ===================================================== */.rama-page-places .rama-article {

            background:
                var(--rama-white);

            border:
                1px solid var(--rama-line);

            border-radius: 18px;

            overflow: hidden;

            box-shadow:
                var(--rama-shadow);
        }.rama-page-places .rama-article-image {

            width: 100%;

            aspect-ratio: 16 / 8;

            background: #eee;

            overflow: hidden;
        }.rama-page-places .rama-article-image img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            display: block;
        }.rama-page-places .rama-article-body {

            padding:
                38px 42px 45px;
        }.rama-page-places .rama-article-intro {

            margin:
                0 0 28px;

            color:
                var(--rama-brown);

            font-size: 18px;

            line-height: 1.8;

            font-weight: 600;
        }.rama-page-places .rama-article-body p {

            margin:
                0 0 20px;

            color:
                var(--rama-soft);

            font-size: 15px;

            line-height: 1.85;
        }.rama-page-places .rama-article-body h2 {

            margin:
                38px 0 14px;

            color:
                var(--rama-brown-dark);

            font-family:
                Poppins,
                Inter,
                Arial,
                sans-serif;

            font-size: 27px;

            line-height: 1.3;

            font-weight: 800;
        }.rama-page-places .rama-article-body h3 {

            margin:
                28px 0 10px;

            color:
                var(--rama-brown-dark);

            font-family:
                Poppins,
                Inter,
                Arial,
                sans-serif;

            font-size: 20px;

            line-height: 1.4;

            font-weight: 800;
        }.rama-page-places .rama-article-body ul {

            margin:
                0 0 25px;

            padding-left: 22px;
        }.rama-page-places .rama-article-body li {

            margin-bottom: 10px;

            padding-left: 4px;

            color:
                var(--rama-soft);

            font-size: 14px;

            line-height: 1.7;
        }.rama-page-places .rama-article-body li::marker {

            color:
                var(--rama-gold-dark);

            font-weight: 900;
        }


        /* =====================================================
           ARTICLE CTA
        ===================================================== */.rama-page-places .rama-article-cta {

            margin-top: 35px;

            padding: 28px;

            border:
                1px solid var(--rama-line);

            border-left:
                5px solid var(--rama-gold);

            border-radius: 14px;

            background:
                #FFFBF3;
        }.rama-page-places .rama-article-cta h3 {

            margin:
                0 0 8px;

            color:
                var(--rama-brown-dark);

            font-size: 21px;
        }.rama-page-places .rama-article-cta p {

            margin:
                0 0 18px;

            font-size: 13px;
        }.rama-page-places .rama-cta-buttons {

            display: flex;

            flex-wrap: wrap;

            gap: 10px;
        }.rama-page-places .rama-cta-button {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            padding:
                12px 19px;

            border-radius: 999px;

            font-size: 11px;

            font-weight: 800;

            transition:
                transform .2s ease,
                box-shadow .2s ease;
        }.rama-page-places .rama-cta-button:hover {

            transform:
                translateY(-2px);
        }.rama-page-places .rama-cta-book {

            background:
                linear-gradient(
                    180deg,
                    var(--rama-gold-light),
                    var(--rama-gold)
                );

            color:
                var(--rama-brown-dark);
        }


        /* =====================================================
           SIDEBAR
        ===================================================== */.rama-page-places .rama-sidebar {

            display: flex;

            flex-direction: column;

            gap: 24px;
        }.rama-page-places .rama-widget {

            background:
                var(--rama-white);

            border:
                1px solid var(--rama-line);

            border-radius: 18px;

            padding: 27px;

            box-shadow:
                var(--rama-shadow);
        }.rama-page-places .rama-widget-title {

            display: flex;

            align-items: center;

            gap: 11px;

            margin:
                0 0 19px;

            color:
                var(--rama-brown-dark);

            font-family:
                Poppins,
                Inter,
                Arial,
                sans-serif;

            font-size: 19px;

            line-height: 1.35;

            font-weight: 800;
        }.rama-page-places .rama-widget-title::before {

            content: "";

            width: 5px;

            height: 27px;

            border-radius: 10px;

            background:
                var(--rama-gold);

            flex: 0 0 5px;
        }


        /* =====================================================
           FORM
        ===================================================== */.rama-page-places .rama-form-copy {

            color: #777;

            font-size: 13px;

            line-height: 1.7;

            margin:
                -5px 0 19px;
        }.rama-page-places .rama-form-group {

            margin-bottom: 14px;
        }.rama-page-places .rama-form-group label {

            display: block;

            color:
                var(--rama-brown-dark);

            font-size: 11px;

            font-weight: 800;

            margin-bottom: 6px;
        }.rama-page-places .rama-form-group input, .rama-page-places .rama-form-group select {

            width: 100%;

            min-height: 46px;

            border:
                1px solid var(--rama-line);

            border-radius: 9px;

            background: #fff;

            color:
                var(--rama-ink);

            padding:
                11px 13px;

            outline: none;

            font: inherit;

            font-size: 12px;
        }


        /* =====================================================
           LATEST TRAVEL POSTS
        ===================================================== */.rama-page-places .rama-latest-posts {

            display: flex;

            flex-direction: column;
        }.rama-page-places .rama-latest-post {

            display: grid;

            grid-template-columns: 80px 1fr;

            gap: 12px;

            padding: 15px 0;

            border-bottom:
                1px solid #f0eadf;

            transition:
                transform .2s ease;
        }.rama-page-places .rama-latest-post:first-child {

            padding-top: 0;
        }.rama-page-places .rama-latest-post:last-child {

            border-bottom: 0;

            padding-bottom: 0;
        }.rama-page-places .rama-latest-post:hover {

            transform:
                translateX(3px);
        }


        /* =====================================================
           LATEST POST IMAGE
        ===================================================== */.rama-page-places .rama-latest-image {

            width: 80px;

            height: 70px;

            overflow: hidden;

            border-radius: 9px;

            background: #eee;
        }.rama-page-places .rama-latest-image img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            display: block;

            transition:
                transform .3s ease;
        }.rama-page-places .rama-latest-post:hover .rama-latest-image img {

            transform:
                scale(1.06);
        }.rama-page-places .rama-latest-category {

            display: block;

            margin-bottom: 5px;

            color:
                var(--rama-gold-dark);

            font-size: 9px;

            font-weight: 800;

            text-transform: uppercase;

            letter-spacing: .3px;
        }.rama-page-places .rama-latest-title {

            display: block;

            color:
                var(--rama-brown-dark);

            font-size: 12px;

            line-height: 1.45;

            font-weight: 800;
        }.rama-page-places .rama-latest-date {

            display: block;

            margin-top: 5px;

            color: #999;

            font-size: 9px;
        }


        /* =====================================================
           BENEFITS
        ===================================================== */.rama-page-places .rama-benefit {

            display: flex;

            align-items: center;

            gap: 12px;

            padding: 11px 0;

            border-bottom:
                1px solid #f0eadf;
        }.rama-page-places .rama-benefit:last-child {

            border-bottom: 0;

            padding-bottom: 0;
        }.rama-page-places .rama-benefit-icon {

            width: 35px;

            height: 35px;

            border-radius: 50%;

            display: grid;

            place-items: center;

            flex: 0 0 35px;

            background:
                rgba(198, 148, 26, .14);

            color:
                var(--rama-gold-dark);

            font-size: 10px;

            font-weight: 900;
        }.rama-page-places .rama-benefit strong {

            display: block;

            color:
                var(--rama-brown-dark);

            font-size: 12px;
        }.rama-page-places .rama-benefit span {

            display: block;

            color: #888;

            font-size: 10px;

            margin-top: 3px;
        }


        /* =====================================================
           DESTINATIONS
        ===================================================== */.rama-page-places #destinations {

            display: block;

            width: 100%;

            padding: 80px 0;

            background:
                #faf7f1;
        }.rama-page-places #destinations .rama-container {

            width:
                min(1240px, calc(100% - 40px));

            margin: 0 auto;
        }.rama-page-places .rama-section-head {

            margin-bottom: 32px;
        }.rama-page-places .rama-section-kicker {

            display: inline-block;

            color:
                var(--rama-gold-dark);

            font-size: 12px;

            font-weight: 800;

            text-transform: uppercase;

            letter-spacing: 1px;

            margin-bottom: 9px;
        }.rama-page-places .rama-section-title {

            margin:
                0 0 10px;

            color:
                var(--rama-brown-dark);

            font-family:
                Georgia,
                serif;

            font-size: 40px;

            line-height: 1.2;
        }.rama-page-places .rama-section-desc {

            max-width: 720px;

            margin: 0;

            color: #666;

            font-size: 14px;

            line-height: 1.7;
        }.rama-page-places .rama-destinations {

            display: grid;

            grid-template-columns:
                repeat(4, minmax(0, 1fr));

            gap: 22px;
        }.rama-page-places .rama-destination {

            position: relative;

            display: block;

            height: 330px;

            overflow: hidden;

            background:
                #4a2913;

            border-radius: 18px;

            transition:
                transform .3s ease,
                box-shadow .3s ease;
        }.rama-page-places .rama-destination img {

            position: absolute;

            inset: 0;

            width: 100%;

            height: 100%;

            object-fit: cover;

            z-index: 0;

            transition:
                transform .5s ease;
        }.rama-page-places .rama-destination::after {

            content: "";

            position: absolute;

            inset: 0;

            background:
                linear-gradient(
                    to top,
                    rgba(30,15,5,.95),
                    rgba(30,15,5,.30),
                    transparent
                );

            z-index: 1;
        }.rama-page-places .rama-destination-content {

            position: absolute;

            left: 0;

            right: 0;

            bottom: 0;

            z-index: 2;

            padding: 26px;
        }.rama-page-places .rama-destination-content h3 {

            margin:
                0 0 9px;

            color: #fff;

            font-family:
                Georgia,
                serif;

            font-size: 25px;
        }.rama-page-places .rama-destination-content p {

            margin: 0;

            color: #fff;

            font-size: 13px;

            line-height: 1.6;
        }.rama-page-places .rama-destination:hover {

            transform:
                translateY(-5px);

            box-shadow:
                0 16px 35px
                rgba(59,31,14,.15);
        }.rama-page-places .rama-destination:hover img {

            transform:
                scale(1.05);
        }


        /* =====================================================
           FLOATING WHATSAPP
        ===================================================== */.rama-page-places .rama-floating-whatsapp {

            position: fixed;

            left: 18px;

            bottom: 18px;

            z-index: 9998;

            display: inline-flex;

            align-items: center;

            gap: 8px;
        }.rama-page-places .rama-floating-whatsapp a {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            width: 50px;

            height: 50px;

            border-radius: 50%;

            background:
                var(--rama-green);

            color: #fff;

            box-shadow:
                0 7px 22px
                rgba(30, 169, 82, .28);
        }.rama-page-places .rama-help-label {

            padding:
                8px 12px;

            background: #fff;

            border:
                1px solid var(--rama-line);

            border-radius: 999px;

            color:
                var(--rama-brown-dark);

            font-size: 10px;

            font-weight: 800;
        }.rama-page-places .rama-whatsapp-icon {

            width: 28px;

            height: 28px;

            display: block;
        }


        /* =====================================================
           FLOATING BOOK
        ===================================================== */.rama-page-places .rama-floating-book {

            position: fixed;

            right: 18px;

            bottom: 18px;

            z-index: 9998;

            border: 0;

            border-radius: 999px;

            padding:
                14px 22px;

            color:
                var(--rama-brown-dark);

            background:
                linear-gradient(
                    180deg,
                    var(--rama-gold-light),
                    var(--rama-gold)
                );

            font-size: 12px;

            font-weight: 900;

            box-shadow:
                0 9px 25px
                rgba(198, 148, 26, .28);
        }


        /* =====================================================
           RESPONSIVE
        ===================================================== */@media (max-width: 1199px) {.rama-page-places .rama-detail-layout {

                grid-template-columns:
                    minmax(0, 1fr)
                    350px;
            }.rama-page-places .rama-destinations {

                grid-template-columns:
                    repeat(2, minmax(0, 1fr));
            }
        }@media (max-width: 991px) {.rama-page-places .rama-detail-layout {

                grid-template-columns: 1fr;
            }.rama-page-places .rama-sidebar {

                display: grid;

                grid-template-columns:
                    repeat(2, minmax(0, 1fr));

                align-items: start;
            }
        }@media (max-width: 767px) {.rama-page-places .rama-detail-container {

                width:
                    calc(100% - 28px);
            }


            /* HERO */.rama-page-places .rama-detail-header {

                min-height: 380px;

                padding:
                    40px 15px 55px;

                background-position:
                    center center;
            }.rama-page-places .rama-detail-header-content {

                width:
                    calc(100% - 20px);
            }.rama-page-places .rama-breadcrumb {

                margin-bottom: 24px;

                font-size: 11px;
            }.rama-page-places .rama-detail-title {

                font-size: 32px;
            }.rama-page-places .rama-detail-meta {

                font-size: 11px;
            }.rama-page-places .rama-article-body {

                padding:
                    27px 22px 32px;
            }.rama-page-places .rama-article-intro {

                font-size: 16px;
            }.rama-page-places .rama-article-body p {

                font-size: 14px;
            }.rama-page-places .rama-article-body h2 {

                font-size: 24px;
            }.rama-page-places .rama-article-body h3 {

                font-size: 19px;
            }.rama-page-places .rama-sidebar {

                grid-template-columns: 1fr;
            }.rama-page-places .rama-widget {

                padding: 22px;
            }.rama-page-places .rama-latest-post {

                grid-template-columns:
                    75px 1fr;
            }.rama-page-places .rama-latest-image {

                width: 75px;

                height: 65px;
            }.rama-page-places #destinations {

                padding: 55px 0;
            }.rama-page-places #destinations .rama-container {

                width:
                    calc(100% - 28px);
            }.rama-page-places .rama-destinations {

                grid-template-columns: 1fr;
            }.rama-page-places .rama-destination {

                height: 290px;
            }.rama-page-places .rama-section-title {

                font-size: 31px;
            }.rama-page-places .rama-help-label {

                display: none;
            }.rama-page-places .rama-floating-whatsapp {

                left: 10px;

                bottom: 10px;
            }.rama-page-places .rama-floating-book {

                right: 10px;

                bottom: 10px;

                padding:
                    12px 15px;

                font-size: 10px;
            }
        }@media (max-width: 480px) {.rama-page-places .rama-detail-container {

                width:
                    calc(100% - 22px);
            }.rama-page-places .rama-detail-header {

                min-height: 350px;

                padding:
                    35px 12px 45px;
            }.rama-page-places .rama-breadcrumb {

                margin-bottom: 20px;

                font-size: 10px;
            }.rama-page-places .rama-detail-title {

                font-size: 28px;
            }.rama-page-places .rama-detail-meta {

                font-size: 10px;

                gap: 6px;
            }.rama-page-places .rama-article-body {

                padding:
                    24px 18px 28px;
            }.rama-page-places .rama-article-cta {

                padding:
                    22px 18px;
            }.rama-page-places .rama-cta-buttons {

                flex-direction: column;
            }.rama-page-places .rama-cta-button {

                width: 100%;
            }.rama-page-places .rama-widget {

                padding: 19px;
            }
        }

/* ==========================================================================
   PAGE: rama-tours-blog.php
   Scope: .rama-page-blog
   ========================================================================== */

/* =========================================================
           ROOT
        ========================================================= */.rama-page-blog {
            --rama-gold: #C6941A;
            --rama-gold-light: #E9BA4D;
            --rama-gold-dark: #8C6510;

            --rama-brown: #5B3218;
            --rama-brown-dark: #3B1F0E;

            --rama-ink: #1A1A1A;
            --rama-soft: #4A4A4A;

            --rama-cream: #FFFBF3;
            --rama-white: #FFFFFF;

            --rama-line: #EDE2CC;
            --rama-green: #1EA952;

            --rama-shadow:
                0 10px 30px rgba(59, 31, 14, .08);

            --rama-radius: 17px;
        }

        

        /* =========================================================
   BLOG HERO
========================================================= */.rama-page-blog .rama-blog-hero {
    position: relative;

    width: 100%;

    min-height: 390px;

    display: flex;

    align-items: center;
    justify-content: center;

    overflow: hidden;

    text-align: center;

    background-image:
        url("https://rajasthantoursntravels.in/assets/images/rama-tours.png");

    background-size: cover;

    background-position: center;

    isolation: isolate;
}


/* Dark overlay */.rama-page-blog .rama-blog-hero-overlay {
    position: absolute;

    inset: 0;

    z-index: -1;

    background:
        linear-gradient(
            135deg,
            rgba(35, 18, 7, .82),
            rgba(59, 31, 14, .68)
        );
}


/* Center content */.rama-page-blog .rama-blog-hero-content {

    width: min(
        850px,
        calc(100% - 40px)
    );

    margin: 0 auto;

    padding: 45px 20px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;
}


/* Small heading */.rama-page-blog .rama-blog-hero-kicker {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    color:
        var(--rama-gold-light);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1.8px;

    text-transform: uppercase;

    margin-bottom: 14px;
}.rama-page-blog .rama-blog-hero-kicker::before, .rama-page-blog .rama-blog-hero-kicker::after {

    content: "";

    width: 28px;

    height: 2px;

    background:
        var(--rama-gold);
}


/* Hero title */.rama-page-blog .rama-blog-hero h1 {

    max-width: 850px;

    margin: 0;

    color: #fff;

    font-family:
        Poppins,
        Inter,
        Arial,
        sans-serif;

    font-size:
        clamp(32px, 4.5vw, 52px);

    line-height: 1.12;

    font-weight: 800;

    letter-spacing: -.5px;

    text-shadow:
        0 3px 18px rgba(0,0,0,.25);
}


/* Hero paragraph */.rama-page-blog .rama-blog-hero p {

    max-width: 700px;

    margin: 16px auto 0;

    color:
        rgba(255,255,255,.90);

    font-size: 14px;

    line-height: 1.75;
}


/* Buttons */.rama-page-blog .rama-blog-hero-actions {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    margin-top: 24px;
}.rama-page-blog .rama-hero-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 44px;

    padding:
        0 22px;

    border-radius:
        999px;

    font-size: 12px;

    font-weight: 800;

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}


/* Gold button */.rama-page-blog .rama-hero-btn-primary {

    color:
        var(--rama-brown-dark);

    background:
        linear-gradient(
            180deg,
            var(--rama-gold-light),
            var(--rama-gold)
        );

    box-shadow:
        0 8px 22px
        rgba(0,0,0,.20);
}


/* Transparent button */.rama-page-blog .rama-hero-btn-secondary {

    color: #fff;

    background:
        rgba(255,255,255,.10);

    border:
        1px solid
        rgba(255,255,255,.55);

    backdrop-filter:
        blur(5px);
}.rama-page-blog .rama-hero-btn:hover {

    transform:
        translateY(-2px);
}.rama-page-blog .rama-hero-btn-secondary:hover {

    background:
        rgba(255,255,255,.20);
}


/* =========================================================
   MOBILE HERO
========================================================= */@media (max-width: 767px) {.rama-page-blog .rama-blog-hero {

        min-height: 330px;

        background-position:
            center center;
    }.rama-page-blog .rama-blog-hero-content {

        width:
            calc(100% - 28px);

        padding:
            38px 12px;
    }.rama-page-blog .rama-blog-hero-kicker {

        font-size: 9px;

        letter-spacing: 1.2px;

        gap: 6px;
    }.rama-page-blog .rama-blog-hero-kicker::before, .rama-page-blog .rama-blog-hero-kicker::after {

        width: 18px;
    }.rama-page-blog .rama-blog-hero h1 {

        font-size:
            30px;

        line-height:
            1.15;
    }.rama-page-blog .rama-blog-hero p {

        font-size:
            12px;

        line-height:
            1.65;

        margin-top:
            13px;
    }.rama-page-blog .rama-blog-hero-actions {

        width: 100%;

        gap: 8px;

        margin-top: 19px;
    }.rama-page-blog .rama-hero-btn {

        min-height:
            42px;

        padding:
            0 15px;

        font-size:
            10px;
    }

}

        /* =========================================================
           RESET
        ========================================================= */.rama-page-blog .rama-blog, .rama-page-blog .rama-blog * {
            box-sizing: border-box;
        }


        /* =========================================================
           BLOG
        ========================================================= */.rama-page-blog .rama-blog {
            width: 100%;
            background: var(--rama-cream);
            color: var(--rama-ink);

            font-family:
                Inter,
                Arial,
                Helvetica,
                sans-serif;

           
        }.rama-page-blog .rama-blog a {
            color: inherit;
            text-decoration: none;
        }.rama-page-blog .rama-blog-container {
            width: min(
                1280px,
                calc(100% - 40px)
            );

            margin: 0 auto;
        }


        /* =========================================================
           TICKER
        ========================================================= */.rama-page-blog .rama-ticker-wrap {
            background: var(--rama-white);

            border-top:
                1px solid var(--rama-line);

            border-bottom:
                1px solid var(--rama-line);

            overflow: hidden;
        }.rama-page-blog .rama-ticker {
            display: flex;
            align-items: center;

            min-height: 72px;

            gap: 20px;
        }.rama-page-blog .rama-ticker-label {
            flex: 0 0 auto;

            display: inline-flex;
            align-items: center;

            gap: 9px;

            padding: 11px 17px;

            background:
                var(--rama-brown-dark);

            color: #fff;

            border-radius: 9px;

            font-size: 12px;
            font-weight: 800;

            position: relative;
            z-index: 3;
        }.rama-page-blog .rama-ticker-dots {
            display: flex;
            gap: 3px;
        }.rama-page-blog .rama-ticker-dots span {
            width: 5px;
            height: 5px;

            border-radius: 50%;

            background:
                var(--rama-gold-light);

            animation:
                ramaPulse 1.2s infinite;
        }.rama-page-blog .rama-ticker-dots span:nth-child(2) {
            animation-delay: .15s;
        }.rama-page-blog .rama-ticker-dots span:nth-child(3) {
            animation-delay: .3s;
        }.rama-page-blog .rama-ticker-dots span:nth-child(4) {
            animation-delay: .45s;
        }.rama-page-blog .rama-ticker-window {
            overflow: hidden;
            flex: 1;
        }.rama-page-blog .rama-ticker-track {
            display: flex;

            width: max-content;

            gap: 180px;

            animation:
                ramaMarquee 100s linear infinite;
        }.rama-page-blog .rama-ticker-window:hover .rama-ticker-track {
            animation-play-state: paused;
        }.rama-page-blog .rama-ticker-item {
            width: 320px;

            display: flex;
            align-items: center;

            gap: 11px;

            flex-shrink: 0;
        }.rama-page-blog .rama-ticker-item img {
            width: 54px;
            height: 45px;

            border-radius: 8px;

            object-fit: cover;

            background: #eee;
        }.rama-page-blog .rama-ticker-title {
            display: block;

            font-size: 12px;
            line-height: 1.4;

            font-weight: 700;

            color:
                var(--rama-brown-dark);

            white-space: nowrap;

            overflow: hidden;
            text-overflow: ellipsis;
        }.rama-page-blog .rama-ticker-date {
            display: block;

            margin-top: 3px;

            font-size: 10px;

            color: #888;
        }@keyframes ramaMarquee {

            from {
                transform: translateX(0);
            }

            to {
                transform: translateX(-50%);
            }

        }@keyframes ramaPulse {

            0%,
            100% {
                opacity: .35;
                transform: scale(.85);
            }

            50% {
                opacity: 1;
                transform: scale(1);
            }

        }


        /* =========================================================
           PAGE HEADING
        ========================================================= */.rama-page-blog .rama-blog-head {
            padding:
                60px
                0
                35px;

            text-align: center;
        }.rama-page-blog .rama-eyebrow {
            display: inline-flex;

            align-items: center;

            gap: 9px;

            color:
                var(--rama-gold-dark);

            text-transform: uppercase;

            letter-spacing: 1.3px;

            font-size: 11px;

            font-weight: 800;

            margin-bottom: 12px;
        }.rama-page-blog .rama-eyebrow::before {
            content: "";

            width: 30px;
            height: 2px;

            background:
                var(--rama-gold);

            display: inline-block;
        }.rama-page-blog .rama-blog-head h1 {
            margin: 0;

            color:
                var(--rama-brown-dark);

            font-family:
                Poppins,
                Inter,
                Arial,
                sans-serif;

            font-size:
                clamp(32px, 4vw, 48px);

            line-height: 1.12;

            font-weight: 800;
        }.rama-page-blog .rama-blog-head p {
            max-width: 760px;

            margin:
                16px auto 0;

            color:
                var(--rama-soft);

            font-size: 15px;

            line-height: 1.8;
        }


        /* =========================================================
           MAIN LAYOUT
        ========================================================= */.rama-page-blog .rama-blog-layout {

            display: grid;

            /*
             * Bigger sidebar
             */
            grid-template-columns:
                minmax(0, 1fr)
                390px;

            gap: 34px;

            align-items: start;
        }.rama-page-blog .rama-post-grid {

            display: grid;

            grid-template-columns:
                repeat(
                    2,
                    minmax(0, 1fr)
                );

            gap: 26px;
        }


        /* =========================================================
           POST CARD
        ========================================================= */.rama-page-blog .rama-post-card {

            background:
                var(--rama-white);

            border:
                1px solid var(--rama-line);

            border-radius:
                var(--rama-radius);

            overflow: hidden;

            box-shadow:
                var(--rama-shadow);

            transition:
                transform .25s ease,
                box-shadow .25s ease,
                border-color .25s ease;
        }.rama-page-blog .rama-post-card:hover {

            transform:
                translateY(-5px);

            border-color:
                rgba(
                    198,
                    148,
                    26,
                    .45
                );

            box-shadow:
                0 16px 38px
                rgba(
                    59,
                    31,
                    14,
                    .13
                );
        }.rama-page-blog .rama-post-image {

            display: block;

            width: 100%;

            aspect-ratio:
                16 / 10;

            overflow: hidden;

            background: #eee;
        }.rama-page-blog .rama-post-image img {

            width: 100%;
            height: 100%;

            object-fit: cover;

            transition:
                transform .5s ease;
        }.rama-page-blog .rama-post-card:hover .rama-post-image img {

            transform:
                scale(1.045);
        }.rama-page-blog .rama-post-content {

            padding:
                21px 22px 23px;
        }.rama-page-blog .rama-category {

            display: inline-flex;

            align-items: center;

            padding:
                6px 10px;

            background:
                var(--rama-brown-dark);

            color: #fff;

            border-radius:
                999px;

            font-size: 9px;

            line-height: 1;

            font-weight: 800;

            letter-spacing: .15px;
        }.rama-page-blog .rama-post-title {

            margin:
                13px 0 10px;

            font-family:
                Poppins,
                Inter,
                Arial,
                sans-serif;

            font-size: 20px;

            line-height: 1.4;

            font-weight: 750;

            color:
                var(--rama-brown-dark);

            overflow-wrap: anywhere;

            word-break: break-word;
        }.rama-page-blog .rama-post-title a:hover {

            color:
                var(--rama-gold-dark);
        }.rama-page-blog .rama-post-meta {

            display: flex;

            flex-wrap: wrap;

            align-items: center;

            gap: 7px;

            color: #888;

            font-size: 10.5px;

            margin-bottom: 12px;
        }.rama-page-blog .rama-card-excerpt {

            display: -webkit-box;

            margin: 0;

            color:
                var(--rama-soft);

            font-size: 13px;

            line-height: 1.6;

            -webkit-box-orient: vertical;

            -webkit-line-clamp: 2;

            max-height: 3.2em;

            overflow: hidden;

            text-overflow: ellipsis;
        }.rama-page-blog .rama-read-more {

            display: inline-flex;

            margin-top: 16px;

            color:
                var(--rama-gold-dark) !important;

            font-size: 11px;

            font-weight: 800;
        }.rama-page-blog .rama-read-more:hover {

            text-decoration:
                underline;
        }


        /* =========================================================
           SIDEBAR
        ========================================================= */.rama-page-blog .rama-sidebar {

            display: flex;

            flex-direction: column;

            gap: 24px;
        }.rama-page-blog .rama-widget {

            background:
                var(--rama-white);

            border:
                1px solid var(--rama-line);

            border-radius:
                18px;

            padding:
                27px;

            box-shadow:
                0 10px 30px
                rgba(
                    59,
                    31,
                    14,
                    .08
                );
        }.rama-page-blog .rama-widget-title {

            display: flex;

            align-items: center;

            gap: 11px;

            margin:
                0 0 19px;

            color:
                var(--rama-brown-dark);

            font-family:
                Poppins,
                Inter,
                Arial,
                sans-serif;

            font-size: 19px;

            line-height: 1.35;

            font-weight: 800;

            overflow-wrap: anywhere;
        }.rama-page-blog .rama-widget-title::before {

            content: "";

            width: 5px;
            height: 27px;

            border-radius: 10px;

            background:
                var(--rama-gold);

            flex: 0 0 5px;
        }


        /* =========================================================
           SEARCH
        ========================================================= */.rama-page-blog .rama-search {

            display: flex;

            min-height: 50px;

            border:
                1px solid var(--rama-line);

            border-radius: 10px;

            overflow: hidden;

            background: #fff;
        }.rama-page-blog .rama-search input {

            min-width: 0;

            flex: 1;

            border: 0;

            outline: 0;

            padding:
                13px 14px;

            font:
                inherit;

            font-size: 13px;

            color:
                var(--rama-ink);
        }.rama-page-blog .rama-search button {

            border: 0;

            background:
                var(--rama-brown-dark);

            color: #fff;

            padding:
                0 18px;

            font-size: 12px;

            font-weight: 800;

            cursor: pointer;
        }


        /* =========================================================
           FORM
        ========================================================= */.rama-page-blog .rama-form-group {

            margin-bottom: 14px;
        }.rama-page-blog .rama-form-group label {

            display: block;

            color:
                var(--rama-brown-dark);

            font-size: 11px;

            font-weight: 800;

            margin-bottom: 6px;
        }.rama-page-blog .rama-form-group input, .rama-page-blog .rama-form-group select, .rama-page-blog .rama-form-group textarea {

            width: 100%;

            min-height: 46px;

            border:
                1px solid var(--rama-line);

            border-radius: 9px;

            background: #fff;

            color:
                var(--rama-ink);

            padding:
                11px 13px;

            outline: none;

            font:
                inherit;

            font-size: 12px;

            transition:
                border-color .2s ease,
                box-shadow .2s ease;
        }.rama-page-blog .rama-form-group textarea {

            min-height: 90px;

            resize: vertical;
        }.rama-page-blog .rama-form-group input:focus, .rama-page-blog .rama-form-group select:focus, .rama-page-blog .rama-form-group textarea:focus {

            border-color:
                var(--rama-gold);

            box-shadow:
                0 0 0 3px
                rgba(
                    198,
                    148,
                    26,
                    .10
                );
        }


       /* =========================================================
   BUTTONS
========================================================= */

.rama-page-blog .rama-gold-btn {
    width: 100%;
    border: 0;
    border-radius: 999px;
    padding: 14px 18px;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition:
        transform .2s ease,
        filter .2s ease;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--rama-brown-dark);

    background: linear-gradient(
        180deg,
        var(--rama-gold-light),
        var(--rama-gold)
    );

    box-shadow:
        0 7px 18px rgba(198, 148, 26, .22);

    appearance: none;
    -webkit-appearance: none;
}


/* HOVER */

.rama-page-blog .rama-gold-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.04);
}


        /* =========================================================
           MINI POSTS
        ========================================================= */.rama-page-blog .rama-mini-post {

            display: grid;

            grid-template-columns:
                88px
                minmax(0, 1fr);

            gap: 13px;

            padding:
                13px 0;

            border-bottom:
                1px solid #f0eadf;
        }.rama-page-blog .rama-mini-post:first-of-type {

            padding-top: 0;
        }.rama-page-blog .rama-mini-post:last-child {

            border-bottom: 0;

            padding-bottom: 0;
        }.rama-page-blog .rama-mini-post img {

            width: 88px;
            height: 68px;

            border-radius: 10px;

            object-fit: cover;
        }.rama-page-blog .rama-mini-number {

            display: inline-block;

            min-width: 24px;

            margin-bottom: 5px;

            padding:
                3px 6px;

            border-radius: 5px;

            background:
                var(--rama-gold);

            color:
                var(--rama-brown-dark);

            font-size: 9px;

            font-weight: 900;
        }.rama-page-blog .rama-mini-title {

            display: block;

            width: 100%;

            color:
                var(--rama-brown-dark);

            font-size: 12px;

            line-height: 1.4;

            font-weight: 800;

            white-space: normal;

            word-break: normal;

            overflow-wrap: break-word;

            height: 2.8em;

            overflow: hidden;
        }.rama-page-blog .rama-mini-title:hover {

            color:
                var(--rama-gold-dark);
        }.rama-page-blog .rama-mini-date {

            display: block;

            margin-top: 4px;

            color: #999;

            font-size: 10px;
        }


        /* =========================================================
           LATEST POSTS
        ========================================================= */.rama-page-blog .rama-featured-mini {

            margin-bottom: 15px;
        }.rama-page-blog .rama-featured-mini img {

            width: 100%;

            aspect-ratio:
                16 / 10;

            border-radius: 11px;

            object-fit: cover;

            display: block;

            margin-bottom: 11px;
        }.rama-page-blog .rama-featured-mini .rama-mini-title {

            font-size: 14px;

            margin-top: 8px;
        }


        /* =========================================================
           CATEGORIES WIDGET
        ========================================================= */.rama-page-blog .rama-cat-list {

            display: flex;

            flex-direction: column;
        }.rama-page-blog .rama-cat-link {

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 10px;

            padding: 11px 4px;

            min-width: 0;

            border-bottom:
                1px solid #f0eadf;

            color:
                var(--rama-brown-dark);

            font-size: 13px;

            font-weight: 700;

            transition:
                color .2s ease,
                padding-left .2s ease;
        }.rama-page-blog li:last-child > .rama-cat-link {

            border-bottom: 0;

            padding-bottom: 0;
        }.rama-page-blog li:first-child > .rama-cat-link {

            padding-top: 10px !important;
        }.rama-page-blog .rama-cat-link:hover {

            color:
                var(--rama-gold-dark);

            padding-left: 8px;
        }.rama-page-blog .rama-cat-name {

            min-width: 0;

            overflow-wrap: anywhere;
        }.rama-page-blog .rama-cat-count {

            flex: 0 0 auto;

            min-width: 26px;

            padding: 2px 8px;

            border-radius: 999px;

            background:
                rgba(198, 148, 26, .14);

            color:
                var(--rama-gold-dark);

            font-size: 10.5px;

            font-weight: 800;

            text-align: center;
        }.rama-page-blog .rama-cat-link.active {

            padding-left: 10px;

            color:
                var(--rama-brown-dark);

            background:
                rgba(198, 148, 26, .10);

            border-radius: 8px;

            border-bottom-color: transparent;

            box-shadow:
                inset 3px 0 0 var(--rama-gold);
        }.rama-page-blog .rama-cat-link.active .rama-cat-count {

            background:
                var(--rama-brown-dark);

            color: #fff;
        }.rama-page-blog .rama-clear-filters {

            display: inline-flex;

            margin-top: 14px;

            padding: 10px 18px;

            border-radius: 999px;

            background:
                var(--rama-gold);

            color: #fff !important;

            font-size: 12px;

            font-weight: 800;

            transition:
                background .2s ease;
        }.rama-page-blog .rama-clear-filters:hover {

            background:
                var(--rama-gold-dark);
        }


        /* =========================================================
           PAGINATION — LARGER VERSION
        ========================================================= */.rama-page-blog .rama-pagination {

            display: flex;

            flex-wrap: wrap;

            align-items: center;

            justify-content: center;

            gap: 12px;

            margin-top: 55px;

            padding-top: 5px;
        }.rama-page-blog .rama-page-link {

            min-width: 48px;

            height: 48px;

            padding:
                0 16px;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            border:
                1px solid var(--rama-line);

            border-radius: 10px;

            background: #fff;

            color:
                var(--rama-brown-dark);

            font-size: 13px;

            font-weight: 800;

            box-shadow:
                0 4px 12px
                rgba(
                    59,
                    31,
                    14,
                    .05
                );

            transition:
                all .2s ease;
        }.rama-page-blog .rama-page-link:hover {

            background:
                var(--rama-gold);

            border-color:
                var(--rama-gold);

            color:
                var(--rama-brown-dark);

            transform:
                translateY(-2px);

            box-shadow:
                0 7px 18px
                rgba(
                    198,
                    148,
                    26,
                    .18
                );
        }.rama-page-blog .rama-page-link.active {

            min-width: 50px;

            height: 50px;

            background:
                var(--rama-brown-dark);

            border-color:
                var(--rama-brown-dark);

            color: #fff;

            box-shadow:
                0 8px 20px
                rgba(
                    59,
                    31,
                    14,
                    .20
                );
        }.rama-page-blog .rama-page-text {

            padding:
                0 19px;
        }


        /* =========================================================
           FLOATING WHATSAPP
        ========================================================= */.rama-page-blog .rama-floating-whatsapp {

            position: fixed;

            left: 18px;
            bottom: 18px;

            z-index: 9998;

            display: inline-flex;

            align-items: center;

            gap: 8px;
        }.rama-page-blog .rama-floating-whatsapp a {

            display: inline-flex;

            align-items: center;

            justify-content: center;

            width: 50px;
            height: 50px;

            border-radius: 50%;

            background:
                var(--rama-green);

            color: #fff;

            font-size: 20px;

            box-shadow:
                0 7px 22px
                rgba(
                    30,
                    169,
                    82,
                    .28
                );
        }.rama-page-blog .rama-help-label {

            padding:
                8px 12px;

            background: #fff;

            border:
                1px solid var(--rama-line);

            border-radius:
                999px;

            color:
                var(--rama-brown-dark);

            font-size: 10px;

            font-weight: 800;

            box-shadow:
                0 5px 15px
                rgba(
                    59,
                    31,
                    14,
                    .08
                );
        }.rama-page-blog .rama-floating-book {

            position: fixed;

            right: 18px;
            bottom: 18px;

            z-index: 9998;

            border: 0;

            border-radius:
                999px;

            padding:
                14px 22px;

            color:
                var(--rama-brown-dark);

            background:
                linear-gradient(
                    180deg,
                    var(--rama-gold-light),
                    var(--rama-gold)
                );

            font-size: 12px;

            font-weight: 900;

            cursor: pointer;

            box-shadow:
                0 9px 25px
                rgba(
                    198,
                    148,
                    26,
                    .28
                );

            animation:
                ramaFloat 2.5s
                ease-in-out infinite;
        }@keyframes ramaFloat {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform:
                    translateY(-4px);
            }

        }.rama-page-blog .rama-whatsapp-icon {

            width: 28px;
            height: 28px;

            display: block;
        }


        /* =========================================================
           MODAL
        ========================================================= */.rama-page-blog .rama-modal {

            position: fixed;

            inset: 0;

            z-index: 10000;

            display: none;

            align-items: center;

            justify-content: center;

            padding: 20px;

            background:
                rgba(
                    59,
                    31,
                    14,
                    .58
                );

            backdrop-filter:
                blur(3px);
        }.rama-page-blog .rama-modal.open {

            display: flex;
        }.rama-page-blog .rama-modal-card {

            width:
                min(
                    540px,
                    100%
                );

            max-height:
                90vh;

            overflow-y:
                auto;

            background:
                var(--rama-cream);

            border:
                1px solid var(--rama-line);

            border-top:
                5px solid var(--rama-gold);

            border-radius:
                18px;

            padding:
                28px;

            position:
                relative;

            box-shadow:
                0 25px 70px
                rgba(
                    0,
                    0,
                    0,
                    .25
                );
        }.rama-page-blog .rama-modal-close {

            position:
                absolute;

            top:
                12px;

            right:
                14px;

            width:
                34px;

            height:
                34px;

            border:
                1px solid var(--rama-line);

            border-radius:
                50%;

            background:
                #fff;

            color:
                var(--rama-brown-dark);

            cursor:
                pointer;

            font-size:
                20px;
        }.rama-page-blog .rama-modal-card h2 {

            margin:
                0 40px 7px 0;

            color:
                var(--rama-brown-dark);

            font-family:
                Poppins,
                Inter,
                Arial,
                sans-serif;

            font-size:
                25px;
        }.rama-page-blog .rama-modal-card > p {

            margin:
                0 0 20px;

            color:
                #777;

            font-size:
                13px;
        }


        /* =========================================================
           EMPTY SEARCH
        ========================================================= */.rama-page-blog .rama-no-results {

            grid-column:
                1 / -1;

            padding:
                55px 25px;

            text-align:
                center;

            background:
                #fff;

            border:
                1px solid var(--rama-line);

            border-radius:
                var(--rama-radius);
        }.rama-page-blog .rama-no-results h2 {

            margin:
                0 0 8px;

            color:
                var(--rama-brown-dark);

            font-family:
                Poppins,
                Inter,
                Arial,
                sans-serif;
        }.rama-page-blog .rama-no-results p {

            margin: 0;

            color: #777;

            font-size: 13px;
        }


        /* =========================================================
           RESPONSIVE — TABLET
        ========================================================= */@media (max-width: 1199px) {.rama-page-blog .rama-blog-layout {

                grid-template-columns:
                    minmax(0, 1fr)
                    350px;
            }.rama-page-blog .rama-sidebar {

                gap: 20px;
            }.rama-page-blog .rama-widget {

                padding: 23px;
            }

        }


        /* =========================================================
           RESPONSIVE — SMALL TABLET
        ========================================================= */@media (max-width: 991px) {.rama-page-blog .rama-blog-layout {

                grid-template-columns:
                    minmax(0, 1fr);
            }.rama-page-blog .rama-sidebar {

                display: grid;

                grid-template-columns:
                    repeat(
                        2,
                        minmax(0, 1fr)
                    );

                align-items: start;
            }.rama-page-blog .rama-post-grid {

                grid-template-columns:
                    repeat(
                        2,
                        minmax(0, 1fr)
                    );
            }

        }


        /* =========================================================
           RESPONSIVE — MOBILE
        ========================================================= */@media (max-width: 767px) {.rama-page-blog .rama-blog-container {

                width:
                    min(
                        100% - 28px,
                        1280px
                    );
            }.rama-page-blog .rama-ticker {

                min-height:
                    58px;

                gap:
                    10px;
            }.rama-page-blog .rama-ticker-label {

                padding:
                    9px 10px;

                font-size:
                    10px;
            }.rama-page-blog .rama-ticker-item {

                width:
                    245px;
            }.rama-page-blog .rama-ticker-item img {

                width:
                    43px;

                height:
                    38px;
            }.rama-page-blog .rama-blog-head {

                padding:
                    40px 0 27px;
            }.rama-page-blog .rama-blog-head h1 {

                font-size:
                    31px;
            }.rama-page-blog .rama-blog-head p {

                font-size:
                    13px;
            }.rama-page-blog .rama-post-grid {

                grid-template-columns:
                    minmax(0, 1fr);
            }.rama-page-blog .rama-post-title {

                font-size:
                    18px;
            }.rama-page-blog .rama-sidebar {

                grid-template-columns:
                    minmax(0, 1fr);
            }.rama-page-blog .rama-widget {

                padding:
                    22px;
            }.rama-page-blog .rama-widget-title {

                font-size:
                    18px;
            }.rama-page-blog .rama-pagination {

                gap:
                    8px;

                margin-top:
                    40px;
            }.rama-page-blog .rama-page-link {

                min-width:
                    42px;

                height:
                    42px;

                padding:
                    0 12px;

                font-size:
                    12px;
            }.rama-page-blog .rama-page-link.active {

                min-width:
                    44px;

                height:
                    44px;
            }.rama-page-blog .rama-page-text {

                padding:
                    0 13px;
            }.rama-page-blog .rama-floating-whatsapp {

                left:
                    10px;

                bottom:
                    10px;
            }.rama-page-blog .rama-floating-book {

                right:
                    10px;

                bottom:
                    10px;

                padding:
                    12px 15px;

                font-size:
                    10px;
            }.rama-page-blog .rama-help-label {

                display:
                    none;
            }

        }


        /* =========================================================
           REDUCED MOTION
        ========================================================= */@media (prefers-reduced-motion: reduce) {.rama-page-blog .rama-ticker-track, .rama-page-blog .rama-floating-book, .rama-page-blog .rama-ticker-dots span {

                animation:
                    none !important;
            }.rama-page-blog .rama-post-card, .rama-page-blog .rama-post-image img, .rama-page-blog .rama-gold-btn {

                transition:
                    none !important;
            }

        }