{"version":3,"sources":["blog.css"],"names":[],"mappings":"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","file":"blog.css","sourcesContent":["@function proportional-width($container-width, $reference-screen-width) {\n    @return calc($container-width / $reference-screen-width) * 100vw;\n}\n\n@mixin proportional-container($container-width, $reference-screen-width) {\n    width: proportional-width($container-width, $reference-screen-width);\n}\n\n.container {\n    @include proportional-container(1688px, 1920px);\n\n    @media only screen and (max-width: 640px) {\n        @include proportional-container(600px, 640px);\n    }\n}\n\n@function pxtovw($px, $base: 1920) {\n    @return calc($px / $base) * 100vw;\n}\n\n@function px-to-vhmob($px, $base: 375) {\n    @return calc($px / $base) * 100vw;\n}\n\n\n$theme-back-color: #766459;\n\n.blogs-page {\n    font-family: \"Poppins\", sans-serif;\n    background: #FFF;\n    margin: pxtovw(160) auto;\n\n    @media(max-width:992px) {\n        width: 90%;\n        margin: 100px auto;\n    }\n}\n\n/** featured blog */\n.featured-blog {\n    margin-bottom: pxtovw(100);\n    border-radius: pxtovw(12);\n    overflow: hidden;\n    display: flex;\n    gap: pxtovw(50);\n    height: pxtovw(480);\n\n    @media(max-width:992px) {\n        flex-direction: column;\n        gap: 0;\n        height: 470px;\n        margin-bottom: 50px;\n        box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;\n    }\n}\n\n.featured-blog-image {\n    width: pxtovw(580);\n    height: pxtovw(480);\n    overflow: hidden;\n\n    @media(max-width:992px) {\n        width: 100%;\n        height: 230px;\n    }\n\n    img {\n        width: 100%;\n        height: 100%;\n        border-radius: pxtovw(20);\n\n        @media(max-width:992px) {\n            border-radius: 12px 12px 0 0;\n        }\n    }\n}\n\n.featured-blog-content {\n    padding: pxtovw(20) pxtovw(40) pxtovw(40) pxtovw(20);\n    flex: 1;\n    position: relative;\n\n    @media(max-width:992px) {\n        padding: 22px 12px;\n    }\n}\n\n.featured-badge {\n    display: inline-block;\n    background: $theme-back-color;\n    color: #FFF;\n    padding: pxtovw(4) pxtovw(22);\n    border-radius: pxtovw(28);\n    font-size: pxtovw(16);\n    font-weight: 600;\n    margin-bottom: pxtovw(20);\n\n    @media(max-width:992px) {\n        padding: 0px 20px;\n        border-radius: 6px;\n        font-size: 10px;\n        margin-bottom: 10px;\n    }\n}\n\n.featured-blog-title {\n    font-size: pxtovw(54);\n    font-weight: 700;\n    margin: pxtovw(20) 0;\n    line-height: pxtovw(62);\n\n    @media(max-width:992px) {\n        font-size: 20px;\n        line-height: normal;\n        margin: 10px 0;\n    }\n\n    a {\n        text-decoration: none;\n        color: #000;\n\n        &:hover {\n            color: $theme-back-color;\n        }\n    }\n}\n\n/** blogs */\n\n.blog-wrapper {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: pxtovw(46);\n\n    @media(max-width:992px) {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n}\n\n.blog-card {\n    display: block;\n    color: inherit;\n    background: #fff;\n    border-radius: pxtovw(12);\n    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;\n\n    @media(max-width:992px) {\n        border-radius: 12px;\n        height: auto;\n        margin-bottom: 50px;\n    }\n}\n\n.blogImageBox {\n    border-radius: pxtovw(10) pxtovw(10) 0 0;\n    overflow: hidden;\n    transition: 0.3s;\n    height: pxtovw(320);\n\n    @media(max-width:992px) {\n        border-radius: 12px 12px 0 0;\n        width: 100%;\n        height: 230px;\n    }\n\n    img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s ease;\n    }\n}\n\n.blogImageBox:hover img {\n    transform: scale(1.1);\n}\n\n.blog-content {\n    padding: pxtovw(20) pxtovw(30);\n    height: pxtovw(320);\n    position: relative;\n    background: #FFF;\n\n    @media(max-width:992px) {\n        padding: 22px 12px;\n        height: 200px;\n    }\n\n    &:hover {\n        background: #f8f8f8;\n        transition: 0.5s ease;\n    }\n\n    @media(max-width:992px) {\n        height: 210px;\n    }\n}\n\n.blog-title {\n    font-size: pxtovw(28);\n    font-weight: 700;\n    margin: pxtovw(16) 0;\n    height: pxtovw(80);\n    line-height: pxtovw(34);\n\n    @media(max-width:992px) {\n        font-size: 20px;\n        line-height: normal;\n        margin: 10px 0;\n    }\n\n    @media(max-width:992px) {\n        line-height: normal;\n    }\n\n    a {\n        text-decoration: none;\n        color: #000;\n\n        &:hover {\n            color: $theme-back-color;\n        }\n    }\n}\n\n.blog-desc {\n    color: #555;\n    font-size: pxtovw(14);\n    margin-bottom: pxtovw(12);\n    height: pxtovw(140);\n    line-height: pxtovw(22);\n}\n\n.blog-date {\n    display: flex;\n    align-items: center;\n    gap: pxtovw(8);\n    font-size: pxtovw(18);\n    color: #888;\n\n    @media(max-width:992px) {\n        gap: 8px;\n        font-size: 12px;\n    }\n\n    .calender-icon {\n        @media(max-width:992px) {\n            width: 12px;\n            height: 12px;\n            display: block;\n        }\n    }\n}\n\n.read-more-btn {\n    background: #FFF;\n    color: $theme-back-color;\n    border: 1px solid $theme-back-color;\n    border-radius: pxtovw(8);\n    cursor: pointer;\n    font-size: pxtovw(20);\n    font-weight: 700;\n    letter-spacing: 0;\n    line-height: 1;\n    padding: pxtovw(16) pxtovw(22);\n\n    @media(max-width:992px) {\n        border-radius: 4px;\n        font-size: 14px;\n        padding: 12px 18px;\n    }\n\n    &:hover {\n        background: $theme-back-color;\n        color: #FFF;\n        transition: 0.6s ease;\n    }\n}\n\n.btn-pos1 {\n    position: absolute;\n    bottom: pxtovw(34);\n\n    @media(max-width:992px) {\n        bottom: 10px;\n    }\n}\n\n.btn-pos2 {\n    position: absolute;\n    bottom: pxtovw(38);\n\n    @media(max-width:992px) {\n        bottom: 18px;\n    }\n}\n\n\n\n\n.single-blog-container {\n    font-family: 'century-gothic', sans-serif;\n    background: #FFF;\n    padding: pxtovw(20) 0;\n    width: 70%;\n    margin: pxtovw(120) auto;\n    text-align: justify;\n\n    @media(max-width:992px) {\n        width: 90%;\n        margin: 80px auto;\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n        line-height: pxtovw(60);\n\n        @media(max-width:992px) {\n            line-height: normal;\n            font-size: 16px;\n            margin: 10px 0;\n        }\n    }\n\n    ul {\n        line-height: pxtovw(32);\n        font-size: pxtovw(22);\n\n        @media(max-width:992px) {\n            font-size: 14px;\n            line-height: normal;\n        }\n    }\n\n    p {\n        line-height: pxtovw(32);\n        font-size: pxtovw(22);\n\n        @media(max-width:992px) {\n            line-height: normal;\n            font-size: 14px;\n        }\n    }\n\n    .single-blog-title {\n        text-align: start;\n\n        h1 {\n            font-size: pxtovw(64);\n            margin: pxtovw(20) 0;\n            font-weight: 700;\n            line-height: normal;\n\n            @media(max-width:992px) {\n                font-size: 24px;\n                margin: 14px 0;\n            }\n        }\n    }\n\n    .single-blog-date {\n        display: flex;\n        align-items: center;\n        gap: pxtovw(12);\n        font-size: pxtovw(16);\n        color: #888;\n\n        @media(max-width:992px) {\n            gap: 8px;\n            font-size: 12px;\n        }\n\n        img {\n            @media(max-width:992px) {\n                width: 16px;\n                height: 16px;\n            }\n        }\n    }\n\n    .thumb-img {\n        width: 100%;\n        height: pxtovw(700);\n        border-radius: pxtovw(12);\n        margin-bottom: pxtovw(12);\n\n        @media(max-width:992px) {\n            height: 300px;\n        }\n    }\n\n    .single-blog-content-box {\n        padding: 0 pxtovw(28);\n\n        @media(max-width:992px) {\n            padding: 0 12px;\n        }\n    }\n\n    .single-blog-desc {\n        font-size: pxtovw(22);\n        color: #444;\n        margin-top: pxtovw(20);\n    }\n}\n\n\n\n@media(max-width:992px) {\n\n    .calender-icon {\n        width: 18px;\n        height: 18px;\n    }\n\n    .thumb-img {\n        height: 300px;\n    }\n}\n\n\n/** chat bot design */\n\n:root {\n    --primary: #2563eb;\n    --primary-dark: #1e40af;\n    --bg: #f8fafc;\n    --bot: #eef2ff;\n    --user: #2563eb;\n}\n\n/* Floating Chat Button */\n#cb-fab {\n    position: fixed;\n    top: 86%;\n    right: pxtovw(28);\n    width: pxtovw(80);\n    height: pxtovw(80);\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    box-shadow: 0 12px 30px rgba(37, 99, 235, .45);\n    z-index: 999999999999999;\n\n    @media(max-width:992px) {\n        right: 15px;\n        width: 60px;\n        height: 60px;\n    }\n}\n\n#cb-fab svg {\n    width: pxtovw(40);\n    height: pxtovw(40);\n\n    @media(max-width:992px) {\n        width: 40px;\n        height: 40px;\n    }\n}\n\n#property-chatbot {\n    position: relative;\n}\n\n/* Chat Window */\n#cb-window {\n    position: fixed;\n    top: 15%;\n    right: pxtovw(24);\n    width: pxtovw(550);\n    height: pxtovw(680);\n    background: #fff;\n    border-radius: pxtovw(12);\n    box-shadow: 0 25px 60px rgba(0, 0, 0, .25);\n    display: none;\n    flex-direction: column;\n    font-family: 'Poppins', sans-serif;\n\n    @media(max-width:992px) {\n        bottom: unset;\n        right: unset;\n        left: 50%;\n        transform: translateX(-50%);\n        width: 90%;\n        height: 530px;\n        border-radius: 12px;\n    }\n}\n\n/* Header */\n#cb-header {\n    background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n    color: #fff;\n    padding: pxtovw(22);\n    font-weight: 600;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-size: pxtovw(24);\n    border-radius: pxtovw(12) pxtovw(12) 0 0;\n\n    @media(max-width:992px) {\n        padding: 12px;\n        font-size: 16px;\n        border-radius: 12px 12px 0 0;\n    }\n}\n\n#cb-close {\n    background: rgba(255, 255, 255, .2);\n    border: none;\n    color: #fff;\n    padding: pxtovw(12) pxtovw(24);\n    border-radius: pxtovw(12);\n    cursor: pointer;\n    font-size: pxtovw(18);\n\n    @media(max-width:992px) {\n        padding: 4px 8px;\n        border-radius: 6px;\n        font-size: 10px;\n    }\n}\n\n/* Messages */\n#cb-messages {\n    flex: 1;\n    padding: pxtovw(16);\n    background: var(--bg);\n    overflow-y: auto;\n\n    @media(max-width:992px) {\n        padding: 12px;\n    }\n}\n\n/* Bubbles */\n.cb-msg {\n    max-width: 78%;\n    padding: pxtovw(16) pxtovw(22);\n    margin-bottom: pxtovw(20);\n    border-radius: pxtovw(18);\n    font-size: pxtovw(20);\n    font-weight: 500;\n    line-height: 1.45;\n\n    @media(max-width:992px) {\n        max-width: 80%;\n        padding: 6px 12px;\n        font-size: 14px;\n        margin-bottom: 10px;\n    }\n}\n\n.cb-bot {\n    background: var(--bot);\n    color: #111827;\n    border-bottom-left-radius: pxtovw(8);\n\n    @media(max-width:992px) {\n        border-bottom-left-radius: 10px;\n    }\n}\n\n.cb-user {\n    background: var(--user);\n    color: #fff;\n    margin-left: auto;\n    border-bottom-right-radius: pxtovw(8);\n\n    @media(max-width:992px) {\n        border-bottom-right-radius: 10px;\n    }\n}\n\n/* Input */\n#cb-input {\n    padding: pxtovw(16);\n    border-top: 1px solid #e5e7eb;\n\n    @media(max-width:992px) {\n        padding: 12px;\n    }\n}\n\n/* Options */\n.cb-option {\n    width: 100%;\n    padding: pxtovw(16);\n    margin-top: pxtovw(12);\n    border-radius: pxtovw(12);\n    font-size: pxtovw(16);\n    border: 1px solid #dbeafe;\n    background: #eff6ff;\n    cursor: pointer;\n\n    @media(max-width:992px) {\n        padding: 8px;\n        margin-top: 12px;\n        border-radius: 12px;\n        font-size: 12px;\n    }\n}\n\n.cb-input-wrapper {\n    display: flex;\n    gap: pxtovw(12);\n    background: #f1f5f9;\n    padding: pxtovw(12) pxtovw(16);\n    border-radius: pxtovw(18);\n\n    @media(max-width:992px) {\n        gap: 10px;\n        padding: 6px 12px;\n        border-radius: 12px;\n    }\n}\n\n.cb-input-wrapper input {\n    flex: 1;\n    border: none;\n    outline: none;\n    background: transparent;\n    font-size: pxtovw(20);\n\n    @media(max-width:992px) {\n        font-size: 14px;\n    }\n}\n\n.cb-input-wrapper input::placeholder {\n    color: #94a3b8;\n}\n\n.cb-send-btn {\n    width: pxtovw(60);\n    height: pxtovw(60);\n    border-radius: 50%;\n    border: none;\n    background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n\n    @media(max-width:992px) {\n        width: 40px;\n        height: 40px;\n    }\n}\n\n.cb-send-btn svg {\n    fill: #fff;\n    width: pxtovw(28);\n    height: pxtovw(28);\n\n    @media(max-width:992px) {\n        width: 20px;\n        height: 20px;\n    }\n}\n\n.cb-error {\n    font-size: pxtovw(14);\n    color: #dc2626;\n    margin-top: pxtovw(8);\n\n    @media(max-width:992px) {\n        font-size: 12px;\n        margin-top: 8px;\n    }\n}"]}