.elementor-8028 .elementor-element.elementor-element-2163cc4{--display:flex;}/* Start custom CSS for html, class: .elementor-element-23f1f02 */@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&family=Noto+Serif+Bengali:wght@400;500;600;700;800&display=swap');


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

:root {
    --brown-dark: #24150f;
    --brown: #5c321f;
    --brown-light: #8a5535;
    --gold: #c99855;
    --gold-light: #e3c08a;

    --cream: #f8f2e8;
    --cream-dark: #eee3d2;

    --text: #30251f;
    --muted: #766a62;

    --white: #ffffff;
    --border: rgba(92, 50, 31, 0.15);

    --serif: "Noto Serif Bengali", serif;
    --sans: "Hind Siliguri", sans-serif;
}


* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


body {
    background: #ddd6cc;
    color: var(--text);
    font-family: var(--sans);
    line-height: 1.8;
}


.page {
    width: 210mm;
    min-height: 297mm;
    margin: 20px auto;
    padding: 65px 70px;
    background: var(--white);
    position: relative;
    overflow: hidden;

    box-shadow:
        0 15px 50px rgba(0,0,0,0.12);
}


.page p {
    font-size: 17px;
    color: #514740;
    margin-bottom: 18px;
}


h1,
h2,
h3 {
    font-family: var(--serif);
}


h2 {
    font-size: 38px;
    line-height: 1.35;
    margin-bottom: 25px;
}


h2 span {
    color: var(--brown-light);
}


h3 {
    line-height: 1.4;
}


.section-number {
    font-size: 14px;
    font-weight: 700;
    color: var(--gold);
    letter-spacing: 3px;
    margin-bottom: 5px;
}


.section-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    color: var(--brown);
    margin-bottom: 18px;
}


.light-text {
    color: #f8f1e7 !important;
}


.dark-page {
    background:
        radial-gradient(circle at top right,
        rgba(201,152,85,0.18),
        transparent 35%),
        var(--brown-dark);

    color: white;
}


.dark-page p {
    color: #ded2c7;
}


.dark-page h2 span {
    color: var(--gold-light);
}


/* =========================================
   COVER
========================================= */

.cover-page {
    background:
        radial-gradient(circle at 80% 20%,
        rgba(201,152,85,0.30),
        transparent 30%),
        linear-gradient(
            135deg,
            #25150e,
            #4b2819 65%,
            #704027
        );

    color: white;

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


.cover-content {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 3;
}


.eyebrow {
    display: inline-block;
    padding: 8px 18px;
    border: 1px solid rgba(227,192,138,0.55);
    border-radius: 50px;

    color: var(--gold-light);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 4px;

    margin-bottom: 30px;
}


.cover-page h1 {
    font-size: 68px;
    line-height: 1.15;
    margin-bottom: 25px;
}


.cover-page h1 span {
    color: var(--gold-light);
}


.cover-subtitle {
    color: #e8dcd0 !important;
    font-size: 20px !important;
    max-width: 650px;
    margin: 0 auto 35px !important;
}


.leather-illustration {
    max-width: 430px;
    margin: 10px auto 25px;
}


.leather-illustration svg {
    width: 100%;
    filter:
        drop-shadow(0 25px 20px rgba(0,0,0,0.35));
}


.cover-tag {
    display: inline-block;

    padding: 10px 25px;

    border-radius: 50px;

    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.14);

    color: #e5d5c4;

    font-size: 14px;
}


/* =========================================
   DECORATIONS
========================================= */

.cover-decoration {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(227,192,138,0.15);
}


.decoration-one {
    width: 500px;
    height: 500px;
    right: -180px;
    top: -100px;
}


.decoration-two {
    width: 300px;
    height: 300px;
    left: -150px;
    bottom: -80px;
}


/* =========================================
   HIGHLIGHT
========================================= */

.highlight-box {
    padding: 25px 30px;
    background: var(--cream);
    border-left: 5px solid var(--gold);

    border-radius: 0 15px 15px 0;

    margin: 30px 0;
    font-size: 18px;
}


.highlight-box strong {
    color: var(--brown);
}


/* =========================================
   PROBLEM CARDS
========================================= */

.problem-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 35px;
}


.problem-card {
    padding: 25px;
    background: #faf7f2;

    border: 1px solid var(--border);
    border-radius: 16px;

    transition: 0.3s;
}


.problem-card:hover {
    transform: translateY(-3px);
}


.problem-card .icon {
    width: 38px;
    height: 38px;

    border-radius: 50%;

    background: var(--brown);
    color: white;

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

    margin-bottom: 15px;

    font-size: 13px;
    font-weight: 700;
}


.problem-card h3 {
    font-size: 20px;
    margin-bottom: 8px;
}


.problem-card p {
    font-size: 15px;
    margin: 0;
}


/* =========================================
   SOLUTION FLOW
========================================= */

.solution-flow {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    margin: 55px 0;
}


.flow-item {
    width: 125px;
    height: 125px;

    border: 1px solid rgba(227,192,138,0.35);
    border-radius: 50%;

    display: flex;
    flex-direction: column;

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

    text-align: center;

    background: rgba(255,255,255,0.04);
}


.flow-item strong {
    color: var(--gold-light);
    font-size: 20px;
}


.flow-item span {
    color: #e3d9d0;
    font-size: 13px;
}


.arrow {
    color: var(--gold);
    font-size: 25px;
}


.quote-box {
    text-align: center;

    padding: 30px;

    border-top: 1px solid rgba(227,192,138,0.25);
    border-bottom: 1px solid rgba(227,192,138,0.25);

    color: var(--gold-light);

    font-family: var(--serif);
    font-size: 24px;
}


/* =========================================
   PRODUCTS
========================================= */

.product-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;

    margin-top: 35px;
}


.product-card {
    padding: 15px;

    background: #faf8f5;

    border: 1px solid var(--border);

    border-radius: 16px;

    text-align: center;
}


.product-visual {
    height: 135px;

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

    background: var(--cream);

    border-radius: 12px;

    margin-bottom: 15px;
}


.product-visual svg {
    width: 150px;
}


.product-card h3 {
    font-size: 18px;
}


.product-card p {
    font-size: 13px;
    margin: 0;
}


.opportunity-strip {
    margin-top: 35px;

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

    border-radius: 16px;
    overflow: hidden;

    background: var(--brown);
    color: white;
}


.opportunity-strip div {
    padding: 25px;
    border-right: 1px solid rgba(255,255,255,0.15);
}


.opportunity-strip div:last-child {
    border-right: none;
}


.opportunity-strip strong {
    display: block;
    color: var(--gold-light);
}


.opportunity-strip span {
    font-size: 13px;
    color: #e5d8cb;
}


/* =========================================
   PERSONA
========================================= */

.persona {
    display: grid;
    grid-template-columns: 160px 1fr;

    align-items: center;

    gap: 40px;

    padding: 35px;

    background: white;

    border: 1px solid var(--border);
    border-radius: 20px;

    margin-top: 35px;
}


.persona-icon {
    width: 140px;
    height: 140px;

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

    background: var(--cream);

    border-radius: 50%;
}


.persona-icon svg {
    width: 100px;
}


.persona h3 {
    font-size: 25px;
    margin-bottom: 15px;
}


.clean-list {
    list-style: none;
}


.clean-list li {
    margin-bottom: 7px;
}


.clean-list li::before {
    content: "✓";
    color: var(--gold);
    font-weight: 700;
    margin-right: 10px;
}


.audience-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin-top: 30px;
}


.audience-row span {
    padding: 8px 15px;

    background: white;

    border: 1px solid var(--border);
    border-radius: 30px;

    font-size: 13px;
}


/* =========================================
   TIMELINE
========================================= */

.step-timeline {
    margin-top: 35px;

    border-left: 2px solid var(--gold);
    padding-left: 30px;
}


.timeline-item {
    position: relative;

    display: grid;
    grid-template-columns: 70px 1fr;

    gap: 20px;

    margin-bottom: 35px;
}


.timeline-number {
    position: relative;

    width: 55px;
    height: 55px;

    border-radius: 50%;

    background: var(--brown);
    color: white;

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

    font-weight: 700;
}


.timeline-item h3 {
    font-size: 22px;
    margin-bottom: 5px;
}


.timeline-item p {
    margin: 0;
}


/* =========================================
   QUALITY
========================================= */

.quality-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 18px;

    margin-top: 35px;
}


.quality-card {
    padding: 25px;

    border: 1px solid rgba(227,192,138,0.18);

    border-radius: 16px;

    background: rgba(255,255,255,0.04);
}


.quality-card span {
    color: var(--gold-light);
    font-weight: 700;
}


.quality-card h3 {
    margin: 8px 0;
    color: white;
}


.quality-card p {
    margin: 0;
}


.warning-box {
    margin-top: 30px;

    padding: 20px;

    border-left: 4px solid var(--gold);

    background: rgba(201,152,85,0.08);

    color: #eadfd3;
}


/* =========================================
   CONTRACT
========================================= */

.contract-box {
    margin-top: 35px;

    padding: 35px;

    background: var(--cream);

    border-radius: 20px;
}


.contract-box h3 {
    font-size: 25px;
    margin-bottom: 25px;
}


.contract-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}


.contract-list div {
    background: white;

    padding: 15px;

    border-radius: 10px;

    font-size: 15px;
}


.contract-list span {
    color: var(--gold);
    margin-right: 8px;
}


/* =========================================
   BRANDING
========================================= */

.brand-stack {
    margin-top: 35px;
}


.brand-layer {
    display: flex;
    align-items: center;

    gap: 25px;

    padding: 22px 0;

    border-bottom: 1px solid var(--border);
}


.brand-icon {
    width: 55px;
    height: 55px;

    flex-shrink: 0;

    border-radius: 50%;

    background: var(--brown);

    color: white;

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

    font-weight: 700;
}


.brand-layer h3 {
    font-size: 22px;
}


.brand-layer p {
    margin: 0;
}


/* =========================================
   PRICING
========================================= */

.price-example {
    margin-top: 35px;

    padding: 30px;

    border: 1px solid var(--border);
    border-radius: 20px;

    background: #faf8f5;
}


.price-example h3 {
    font-size: 23px;
    margin-bottom: 20px;
}


.price-row {
    display: flex;
    justify-content: space-between;

    padding: 12px 0;

    border-bottom: 1px solid var(--border);
}


.price-row strong {
    color: var(--brown);
}


.price-row.total {
    font-weight: 700;
}


.price-row.selling {
    font-size: 20px;

    padding-top: 20px;
}


.price-row.selling strong {
    color: var(--gold);
}


.price-row.profit {
    border: none;

    font-size: 22px;
    font-weight: 700;

    color: var(--brown);
}


.price-row.profit strong {
    color: #2e6d43;
}


.small-note {
    margin-top: 20px;

    font-size: 13px !important;
    color: var(--muted) !important;
}


/* =========================================
   BAR CHART
========================================= */

.bar-chart {
    margin-top: 40px;
}


.bar-row {
    display: grid;
    grid-template-columns: 180px 1fr;

    gap: 20px;

    align-items: center;

    margin-bottom: 20px;
}


.bar-label {
    font-size: 14px;
    font-weight: 600;
}


.bar-track {
    height: 40px;

    background: #e5dacb;

    border-radius: 10px;

    overflow: hidden;
}


.bar {
    height: 100%;

    display: flex;
    align-items: center;

    padding-left: 15px;

    color: white;

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

    border-radius: 10px;
}


.material {
    background: #765035;
}


.labour {
    background: #916445;
}


.packaging {
    background: #ae7c52;
}


.marketing {
    background: #c39462;
}


.contribution {
    background: #5c321f;
}


.graph-note {
    margin-top: 35px;

    padding: 20px;

    border-left: 4px solid var(--gold);

    background: white;

    border-radius: 8px;
}


/* =========================================
   BUDGET
========================================= */

.budget-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;

    margin-top: 35px;
}


.budget-card {
    padding: 25px;

    background: var(--cream);

    border-radius: 16px;
}


.budget-card span {
    color: var(--brown);

    font-size: 24px;
    font-weight: 700;
}


.budget-card h3 {
    margin: 7px 0;
}


.budget-card p {
    margin: 0;
    font-size: 14px;
}


.budget-total {
    margin-top: 25px;

    padding: 25px;

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

    background: var(--brown);

    color: white;

    border-radius: 15px;
}


.budget-total strong {
    color: var(--gold-light);
    font-size: 23px;
}


/* =========================================
   ROADMAP
========================================= */

.roadmap {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 18px;

    margin-top: 35px;
}


.roadmap-week {
    padding: 25px;

    background: rgba(255,255,255,0.05);

    border: 1px solid rgba(227,192,138,0.15);

    border-radius: 16px;
}


.week-number {
    color: var(--gold-light);

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}


.roadmap-week h3 {
    color: white;

    margin: 8px 0 15px;

    font-size: 22px;
}


.roadmap-week ul {
    padding-left: 18px;

    color: #ded2c7;
}


.roadmap-week li {
    margin-bottom: 5px;
}


/* =========================================
   MARKETING
========================================= */

.marketing-grid {
    display: grid;

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

    gap: 18px;

    margin-top: 35px;
}


.marketing-card {
    padding: 25px;

    background: #faf8f5;

    border: 1px solid var(--border);

    border-radius: 16px;
}


.marketing-card strong {
    color: var(--gold);
}


.marketing-card h3 {
    margin: 10px 0;
}


.marketing-card p {
    font-size: 14px;
    margin: 0;
}


/* =========================================
   FUNNEL
========================================= */

.customer-funnel {
    display: flex;

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

    gap: 15px;

    margin: 50px 0;
}


.funnel-step {
    width: 145px;
    height: 145px;

    border-radius: 50%;

    background: white;

    border: 1px solid var(--border);

    display: flex;
    flex-direction: column;

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

    text-align: center;
}


.funnel-step strong {
    font-size: 35px;
    color: var(--brown);
}


.funnel-step span {
    font-size: 13px;
}


.funnel-step.highlight {
    background: var(--brown);
    color: white;
}


.funnel-step.highlight strong {
    color: var(--gold-light);
}


.funnel-arrow {
    color: var(--gold);

    font-size: 25px;
}


/* =========================================
   OPERATIONS
========================================= */

.operation-table {
    margin-top: 35px;

    border: 1px solid var(--border);

    border-radius: 15px;

    overflow: hidden;
}


.operation-row {
    display: grid;

    grid-template-columns: 1fr 2fr 1fr;

    padding: 17px 20px;

    border-bottom: 1px solid var(--border);

    font-size: 14px;
}


.operation-row:last-child {
    border-bottom: none;
}


.operation-row.header {
    background: var(--brown);

    color: white;

    font-weight: 700;
}


.operation-row:not(.header):nth-child(even) {
    background: #faf8f5;
}


/* =========================================
   LEGAL
========================================= */

.legal-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;

    margin-top: 35px;
}


.legal-card {
    padding: 23px;

    background: white;

    border: 1px solid var(--border);

    border-radius: 15px;
}


.legal-card h3 {
    color: var(--brown);

    margin-bottom: 7px;
}


.legal-card p {
    margin: 0;

    font-size: 14px;
}


.legal-note {
    margin-top: 25px;

    padding: 20px;

    background: #fff8e8;

    border-left: 4px solid var(--gold);

    font-size: 14px;
}


/* =========================================
   CHALLENGES
========================================= */

.challenge-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;

    margin-top: 35px;
}


.challenge {
    padding: 25px;

    border: 1px solid rgba(227,192,138,0.16);

    border-radius: 16px;

    background: rgba(255,255,255,0.04);
}


.challenge span {
    color: var(--gold-light);

    font-size: 13px;
    font-weight: 700;
}


.challenge h3 {
    color: white;

    margin: 7px 0;
}


.challenge p {
    margin: 0;
}


/* =========================================
   PROS CONS
========================================= */

.pros-cons {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

    margin-top: 35px;
}


.pros,
.cons {
    padding: 30px;

    border-radius: 18px;
}


.pros {
    background: #eef7ef;
}


.cons {
    background: #f8eeee;
}


.pros h3 {
    color: #2e6d43;
}


.cons h3 {
    color: #9b3d3d;
}


.pros ul,
.cons ul {
    list-style: none;

    margin-top: 20px;
}


.pros li,
.cons li {
    margin-bottom: 9px;

    font-size: 15px;
}


.pros li::before {
    content: "✓";
    color: #2e6d43;
    margin-right: 8px;
    font-weight: 700;
}


.cons li::before {
    content: "×";
    color: #9b3d3d;
    margin-right: 8px;
    font-weight: 700;
}


/* =========================================
   GROWTH
========================================= */

.growth-path {
    display: flex;

    align-items: center;

    justify-content: center;

    margin: 55px 0;
}


.growth-node {
    width: 115px;
    height: 115px;

    flex-shrink: 0;

    border-radius: 50%;

    background: var(--brown);

    color: white;

    display: flex;
    flex-direction: column;

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

    text-align: center;
}


.growth-node strong {
    color: var(--gold-light);
    font-size: 12px;
}


.growth-node span {
    font-size: 14px;
}


.growth-line {
    width: 45px;
    height: 2px;

    background: var(--gold);
}


/* =========================================
   METRICS
========================================= */

.metric-grid {
    display: grid;

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

    gap: 18px;

    margin-top: 35px;
}


.metric-card {
    padding: 25px;

    background: #faf8f5;

    border: 1px solid var(--border);

    border-radius: 15px;
}


.metric-card strong {
    color: var(--gold);

    font-size: 14px;
}


.metric-card h3 {
    margin: 8px 0;
}


.metric-card p {
    font-size: 14px;
    margin: 0;
}


/* =========================================
   CHECKLIST
========================================= */

.checklist {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px;

    margin-top: 35px;
}


.checklist div {
    padding: 15px;

    background: rgba(255,255,255,0.05);

    border: 1px solid rgba(227,192,138,0.14);

    border-radius: 10px;

    color: #e7ddd3;

    font-size: 15px;
}


/* =========================================
   CTA
========================================= */

.cta-page {
    background:
        radial-gradient(
            circle at 50% 10%,
            rgba(201,152,85,0.25),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #25150e,
            #5c321f
        );

    color: white;

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

    text-align: center;
}


.cta-content {
    position: relative;
    z-index: 3;

    max-width: 750px;
}


.cta-page h2 {
    font-size: 48px;

    color: white;

    margin-bottom: 25px;
}


.cta-page h2 span {
    color: var(--gold-light);
}


.cta-page p {
    color: #ded2c7;

    font-size: 18px;

    max-width: 620px;

    margin: 0 auto 30px;
}


.cta-main {
    max-width: 650px;

    margin: 30px auto;

    padding: 30px;

    border-top: 1px solid rgba(227,192,138,0.35);
    border-bottom: 1px solid rgba(227,192,138,0.35);

    color: #f5eadf;

    font-family: var(--serif);

    font-size: 22px;

    line-height: 1.8;
}


.cta-button {
    display: inline-block;

    padding: 15px 45px;

    border-radius: 50px;

    background: var(--gold);

    color: var(--brown-dark);

    font-size: 18px;

    font-weight: 700;

    text-decoration: none;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.25);

    transition: 0.3s;
}


.cta-button:hover {
    transform: translateY(-3px);

    background: var(--gold-light);
}


.cta-footer {
    margin-top: 35px;

    color: #cbbbae;

    font-size: 13px;

    letter-spacing: 1px;
}


/* =========================================
   PRINT
========================================= */

@media print {

    body {
        background: white;
    }

    .page {
        margin: 0;

        box-shadow: none;

        page-break-after: always;
    }

}


@media (max-width: 900px) {

    .page {
        width: 100%;
        min-height: auto;

        margin: 0;

        padding: 45px 30px;
    }

    .cover-page h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 32px;
    }

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

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

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

    .solution-flow {
        flex-wrap: wrap;
    }

}


@media (max-width: 600px) {

    .problem-grid,
    .quality-grid,
    .budget-grid,
    .roadmap,
    .challenge-grid,
    .legal-grid,
    .pros-cons,
    .contract-list,
    .marketing-grid,
    .metric-grid {
        grid-template-columns: 1fr;
    }

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

    .opportunity-strip {
        grid-template-columns: 1fr;
    }

    .persona {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .persona-icon {
        margin: auto;
    }

    .bar-row {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .budget-total {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .growth-path {
        flex-direction: column;
    }

    .growth-line {
        width: 2px;
        height: 35px;
    }

    .customer-funnel {
        flex-direction: column;
    }

    .funnel-arrow {
        transform: rotate(90deg);
    }

    .operation-row {
        grid-template-columns: 1fr;
        gap: 5px;
    }

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

}/* End custom CSS */