:root {
           --default-font: Merriweather, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
           --heading-font: Roboto Slab;
           --nav-font: Poppins;
           --background-color: #fbf7f3;
           --default-color: #2c1c11;
           --heading-color: #5c4b36;
           --accent-color: #f17c13;
           --surface-color: #ffffff;
           --contrast-color: #ffffff;
           --nav-color: #2c1c11;
           --nav-hover-color: #f17c13;
           --nav-mobile-background-color: #ffffff;
           --nav-dropdown-background-color: #ffffff;
           --nav-dropdown-color: #2c1c11;
           --nav-dropdown-hover-color: #f17c13;
           scroll-behavior: smooth;
       }

       .builder-section-wrap {
           color: #2c1c11;
           background-color: #f9e5d3;
           font-family: var(--default-font);
       }

       @media (max-width: 768px) {
           .excerpt {
               padding: 60px 0;
           }
       }

       [data-builder=section],
       [data-builder=widget],
       main {
           position: relative;
       }

       .excerpt {
           padding: 80px 0;
           background-color: var(--background-color);
           overflow: hidden;
       }

       section,
       .section {
           color: var(--default-color);
           background-color: var(--background-color);
           padding: 60px 0;
           overflow: clip;
       }

       section {
           display: block;
           unicode-bidi: isolate;
       }

       .section-title {
           text-align: center;
           padding-bottom: 60px;
           position: relative;
       }

       .excerpt .book-excerpt-wrapper {
           position: relative;
       }

       @media (max-width: 768px) {
           .excerpt .book-page-design {
               padding: 40px 25px;
           }
       }

       .excerpt .book-page-design:before {
           content: "";
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 5px;
           background: linear-gradient(90deg, #f17c13 0%,
                   color-mix(in srgb, #f17c13, transparent 20%) 100%);
       }

       .excerpt .book-page-design {
           background-color: white;
           padding: 50px 40px;
           border-radius: 10px;
           box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
           position: relative;
           overflow: hidden;
       }

       .excerpt .book-page-design .page-number {
           position: absolute;
           top: 20px;
           right: 30px;
           font-size: 14px;
           font-weight: 600;
           color:
               color-mix(in srgb, var(--default-color), transparent 40%);
           font-family: var(--heading-font);
       }

       @media (max-width: 768px) {
           .excerpt .book-page-design .chapter-title {
               font-size: 30px;
           }
       }

       .excerpt .book-page-design .chapter-title {
           text-align: center;
           font-family: var(--heading-font);
           font-size: 30px;
           font-weight: 600;
           color: var(--heading-color);
           margin-bottom: 30px;
           position: relative;
       }

       .excerpt .book-page-design .excerpt-content {
           font-family: "Georgia", serif;
           line-height: 1.8;
           color: var(--default-color);
       }

       .excerpt .book-page-design .excerpt-content p {
           margin-bottom: 20px;
           text-align: justify;
       }

       .section-title h2 {
           font-size: 32px;
           font-weight: 700;
           margin-bottom: 15px;
       }

       .section-title p {
           margin-bottom: 0;
       }

       p {
           display: block;
           margin-block-start: 1em;
           margin-block-end: 1em;
           margin-inline-start: 0px;
           margin-inline-end: 0px;
           unicode-bidi: isolate;
           font-size: 20px;
       }

       .excerpt .book-page-design .excerpt-content .dialogue {
           padding-left: 20px;
           border-left: 2px solid color-mix(in srgb, var(--accent-color), transparent 70%);
           font-style: italic;
       }

       .excerpt .book-page-design .excerpt-content p {
           margin-bottom: 20px;
           text-align: justify;
       }

       .footer {
           color: var(--default-color);
           background-color: var(--background-color);
           font-size: 14px;
           text-align: center;
           padding: 30px 0;
           position: relative;
       }

       .footer h3 {
           font-size: 28px;
           font-weight: 500;
           position: relative;
           padding: 0;
           margin: 0 0 15px 0;
       }

       h1,
       h2,
       h3,
       h4,
       h5,
       h6 {
           color: #5c4b36;
           font-family: var(--heading-font);
       }

       .footer p {
           font-size: 15;
           font-style: italic;
           padding: 0;
           margin: 0 0 30px 0;
       }

       .footer .copyright {
           padding-top: 25px;
           border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
       }

       .px-1 {
           padding-right: 0.25rem !important;
           padding-left: 0.25rem !important;
       }

       .section-title {
           text-align: center;
           padding-bottom: 60px;
           position: relative;
       }

       .excerpt .book-page-design .chapter-title {
           text-align: center;
           font-family: var(--heading-font);
           font-size: 25px;
           font-weight: 600;
           color: #5c4b36;
           margin-bottom: 30px;
           position: relative;
       }

       .excerpt .book-page-design .chapter-title:after {
           content: "";
           position: absolute;
           bottom: -10px;
           left: 50%;
           transform: translateX(-50%);
           width: 60px;
           height: 2px;
           background-color:
               color-mix(in srgb, var(--accent-color), transparent 30%);
       }


       .header {
           --background-color: rgba(255, 255, 255, 0.9);
           --default-color: #37423b;
           --heading-color: #0f2a44;
           --nav-color: #37423b;
           --nav-hover-color: #e8672c;
           --nav-mobile-background-color: #ffffff;
           --nav-dropdown-background-color: #ffffff;
           --nav-dropdown-color: #37423b;
           --nav-dropdown-hover-color: #e8672c;
       }

       .header {
           background:
               color-mix(in srgb, var(--background-color) 92%, transparent);
           padding: 16px 0;
           border-bottom: 1px solid color-mix(in srgb, var(--default-color) 10%, transparent);
           transition: all 0.3s ease;
           z-index: 997;
       }

       @media (max-width: 1200px) {
           .header .logo {
               order: 1;
               margin-right: auto;
           }
       }

       .header .logo {
           gap: 12px;
       }

       .header .logo .logo-icon {
           width: 40px;
           height: 40px;
           border-radius: 8px;
           background:
               color-mix(in srgb, var(--accent-color) 15%, transparent);
           color: var(--accent-color);
           font-size: 20px;
       }

       @media (max-width: 1200px) {
           .header .navmenu {
               order: 3;
           }
       }

       @media (max-width: 1199px) {
           .navmenu {
               padding: 0;
               z-index: 9997;
           }
       }

       @media (max-width: 1199px) {
    .navmenu ul {
        display: none;
        list-style: none;
        position: absolute;
        inset: 70px 20px 20px 20px;
        padding: 12px 0;
        margin: 0;
        border-radius: 12px;
        background-color: var(--nav-mobile-background-color);
        overflow-y: auto;
        transition: 0.3s;
        z-index: 9998;
        box-shadow: 0 18px 40px 
color-mix(in srgb, var(--default-color) 12%, transparent);
    }
}

@media (max-width: 1199px) {
    .mobile-nav-toggle {
        color: var(--nav-color);
        font-size: 28px;
        line-height: 0;
        margin-right: 10px;
        cursor: pointer;
        transition: color 0.3s;
    }
}

@media (max-width: 1200px) {
    .header .header-actions {
        display: none !important;
    }
}

.header .header-actions {
    margin: 0 16px;
}

.header .header-actions .action-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--default-color);
}

a {
    color: var(--accent-color);
    text-decoration: none;
    transition: 0.3s;
}

.header .header-actions .action-link i {
    font-size: 18px;
    color: var(--accent-color);
}

@media (max-width: 1200px) {
    .header .btn-quote {
        order: 2;
        margin-right: 12px;
        padding: 10px 20px;
    }
}

.header .btn-quote {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 12px 24px;
    border-radius: 24px;
    background: var(--accent-color);
    color: var(--contrast-color);
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
}

.spanText{
    color: var(--accent-color);
    font-weight: bold;
}