/* ===== Extracted styles block 1 ===== */
:root {
        --bs-blue: #0d6efd;
        --bs-indigo: #6610f2;
        --bs-purple: #6f42c1;
        --bs-pink: #d63384;
        --bs-red: #dc3545;
        --bs-orange: #fd7e14;
        --bs-yellow: #ffc107;
        --bs-green: #198754;
        --bs-teal: #20c997;
        --bs-cyan: #0dcaf0;
        --bs-black: #000;
        --bs-white: #fff;
        --bs-gray: #6c757d;
        --bs-gray-dark: #343a40;
        --bs-gray-100: #f8f9fa;
        --bs-gray-200: #e9ecef;
        --bs-gray-300: #dee2e6;
        --bs-gray-400: #ced4da;
        --bs-gray-500: #adb5bd;
        --bs-gray-600: #6c757d;
        --bs-gray-700: #495057;
        --bs-gray-800: #343a40;
        --bs-gray-900: #212529;
        --bs-primary: #0d6efd;
        --bs-secondary: #6c757d;
        --bs-success: #198754;
        --bs-info: #0dcaf0;
        --bs-warning: #ffc107;
        --bs-danger: #dc3545;
        --bs-light: #f8f9fa;
        --bs-dark: #212529;
        --bs-primary-rgb: 13,110,253;
        --bs-secondary-rgb: 108,117,125;
        --bs-success-rgb: 25,135,84;
        --bs-info-rgb: 13,202,240;
        --bs-warning-rgb: 255,193,7;
        --bs-danger-rgb: 220,53,69;
        --bs-light-rgb: 248,249,250;
        --bs-dark-rgb: 33,37,41;
        --bs-white-rgb: 255,255,255;
        --bs-black-rgb: 0,0,0;
        --bs-body-color-rgb: 33,37,41;
        --bs-body-bg-rgb: 255,255,255;
        --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
        --bs-body-font-family: var(--bs-font-sans-serif);
        --bs-body-font-size: 1rem;
        --bs-body-font-weight: 400;
        --bs-body-line-height: 1.5;
        --bs-body-color: #212529;
        --bs-body-bg: #fff;
        --bs-border-width: 1px;
        --bs-border-style: solid;
        --bs-border-color: #dee2e6;
        --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
        --bs-border-radius: 0.375rem;
        --bs-border-radius-sm: 0.25rem;
        --bs-border-radius-lg: 0.5rem;
        --bs-border-radius-xl: 1rem;
        --bs-border-radius-2xl: 2rem;
        --bs-border-radius-pill: 50rem;
        --bs-link-color: #0d6efd;
        --bs-link-hover-color: #0a58ca;
        --bs-code-color: #d63384;
        --bs-highlight-bg: #fff3cd;
    }

    *,::after,::before {
        box-sizing: border-box;
    }

    @media (prefers-reduced-motion:no-preference) {
        :root {
            scroll-behavior: smooth;
        }
    }

    body {
        margin: 0;
        font-family: var(--bs-body-font-family);
        font-size: var(--bs-body-font-size);
        font-weight: var(--bs-body-font-weight);
        line-height: var(--bs-body-line-height);
        color: var(--bs-body-color);
        text-align: var(--bs-body-text-align);
        background-color: var(--bs-body-bg);
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent;
    }

    .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
        margin-top: 0;
        margin-bottom: .5rem;
        font-weight: 500;
        line-height: 1.2;
    }

    .h1,h1 {
        font-size: calc(1.375rem + 1.5vw);
    }


    .h2,h2 {
        font-size: calc(1.325rem + .9vw);
    }


    .h4,h4 {
        font-size: calc(1.275rem + .3vw);
    }


    .h5,h5 {
        font-size: 1.25rem;
    }


    p {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    ol,ul {
        padding-left: 2rem;
    }

    ol,ul {
        margin-top: 0;
        margin-bottom: 1rem;
    }

    ol ol,ol ul,ul ol,ul ul {
        margin-bottom: 0;
    }

    b,strong {
        font-weight: bolder;
    }

    .small,small {
        font-size: .875em;
    }

    a {
        color: var(--bs-link-color);
        text-decoration: underline;
    }


    img,svg {
        vertical-align: middle;
    }

    button {
        border-radius: 0;
    }


    button,input,select,textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }

    button,select {
        text-transform: none;
    }


    [type=button],[type=reset],[type=submit],button {
        -webkit-appearance: button;
    }

    [type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
        cursor: pointer;
    }




    .container {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-right: auto;
        margin-left: auto;
    }

    @media (min-width:576px) {
        .container {
            max-width: 540px;
        }
    }

    @media (min-width:768px) {
        .container {
            max-width: 720px;
        }
    }

    @media (min-width:992px) {
        .container {
            max-width: 960px;
        }
    }

    @media (min-width:1200px) {
        .container {
            max-width: 1140px;
        }
    }

    @media (min-width:1400px) {
        .container {
            max-width: 1320px;
        }
    }

    .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }

    .row>* {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }


    .col-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    @media (min-width:576px) {

        .col-sm-6 {
            flex: 0 0 auto;
            width: 50%;
        }
    }

    @media (min-width:768px) {

        .col-md-2 {
            flex: 0 0 auto;
            width: 16.66666667%;
        }

        .col-md-3 {
            flex: 0 0 auto;
            width: 25%;
        }

        .col-md-4 {
            flex: 0 0 auto;
            width: 33.33333333%;
        }

        .col-md-6 {
            flex: 0 0 auto;
            width: 50%;
        }

        .col-md-7 {
            flex: 0 0 auto;
            width: 58.33333333%;
        }
    }

    @media (min-width:992px) {

        .col-lg-2 {
            flex: 0 0 auto;
            width: 16.66666667%;
        }

        .col-lg-3 {
            flex: 0 0 auto;
            width: 25%;
        }

        .col-lg-4 {
            flex: 0 0 auto;
            width: 33.33333333%;
        }

        .col-lg-5 {
            flex: 0 0 auto;
            width: 41.66666667%;
        }

        .col-lg-6 {
            flex: 0 0 auto;
            width: 50%;
        }

        .col-lg-7 {
            flex: 0 0 auto;
            width: 58.33333333%;
        }

        .col-lg-8 {
            flex: 0 0 auto;
            width: 66.66666667%;
        }

        .col-lg-12 {
            flex: 0 0 auto;
            width: 100%;
        }
    }



    .form-control {
        display: block;
        width: 100%;
        padding: .375rem .75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: .375rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }



    .form-control::placeholder {
        color: #6c757d;
        opacity: 1;
    }





    .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
    }

    .input-group>.form-control,.input-group>.form-select {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
    }


    .input-group .btn {
        position: relative;
        z-index: 2;
    }

    .input-group .btn:focus {
        z-index: 5;
    }

    .input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select {
        padding: .25rem .5rem;
        font-size: .875rem;
        border-radius: .25rem;
    }

    .input-group-sm>.form-select {
        padding-right: 3rem;
    }

    .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
        margin-left: -1px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }


    .btn {
        --bs-btn-padding-x: 0.75rem;
        --bs-btn-padding-y: 0.375rem;
        --bs-btn-font-family: ;
        --bs-btn-font-size: 1rem;
        --bs-btn-font-weight: 400;
        --bs-btn-line-height: 1.5;
        --bs-btn-color: #212529;
        --bs-btn-bg: transparent;
        --bs-btn-border-width: 1px;
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: 0.375rem;
        --bs-btn-hover-border-color: transparent;
        --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
        --bs-btn-disabled-opacity: 0.65;
        --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
        display: inline-block;
        padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        font-family: var(--bs-btn-font-family);
        font-size: var(--bs-btn-font-size);
        font-weight: var(--bs-btn-font-weight);
        line-height: var(--bs-btn-line-height);
        color: var(--bs-btn-color);
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius: var(--bs-btn-border-radius);
        background-color: var(--bs-btn-bg);
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }


    .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #0d6efd;
        --bs-btn-border-color: #0d6efd;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #0b5ed7;
        --bs-btn-hover-border-color: #0a58ca;
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0a58ca;
        --bs-btn-active-border-color: #0a53be;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #0d6efd;
        --bs-btn-disabled-border-color: #0d6efd;
    }


    .btn-light {
        --bs-btn-color: #000;
        --bs-btn-bg: #f8f9fa;
        --bs-btn-border-color: #f8f9fa;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #d3d4d5;
        --bs-btn-hover-border-color: #c6c7c8;
        --bs-btn-focus-shadow-rgb: 211,212,213;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #c6c7c8;
        --bs-btn-active-border-color: #babbbc;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #f8f9fa;
        --bs-btn-disabled-border-color: #f8f9fa;
    }

    .btn-sm {
        --bs-btn-padding-y: 0.25rem;
        --bs-btn-padding-x: 0.5rem;
        --bs-btn-font-size: 0.875rem;
        --bs-btn-border-radius: 0.25rem;
    }

    .fade {
        transition: opacity .15s linear;
    }

    @media (prefers-reduced-motion:reduce) {
        .fade {
            transition: none;
        }
    }

    .fade:not(.show) {
        opacity: 0;
    }

    .dropdown {
        position: relative;
    }


    .card {
        --bs-card-spacer-y: 1rem;
        --bs-card-spacer-x: 1rem;
        --bs-card-title-spacer-y: 0.5rem;
        --bs-card-border-width: 1px;
        --bs-card-border-color: var(--bs-border-color-translucent);
        --bs-card-border-radius: 0.375rem;
        --bs-card-box-shadow: ;
        --bs-card-inner-border-radius: calc(0.375rem - 1px);
        --bs-card-cap-padding-y: 0.5rem;
        --bs-card-cap-padding-x: 1rem;
        --bs-card-cap-bg: rgba(0, 0, 0, 0.03);
        --bs-card-cap-color: ;
        --bs-card-height: ;
        --bs-card-color: ;
        --bs-card-bg: #fff;
        --bs-card-img-overlay-padding: 1rem;
        --bs-card-group-margin: 0.75rem;
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        height: var(--bs-card-height);
        word-wrap: break-word;
        background-color: var(--bs-card-bg);
        background-clip: border-box;
        border: var(--bs-card-border-width) solid var(--bs-card-border-color);
        border-radius: var(--bs-card-border-radius);
    }


    .card-body {
        flex: 1 1 auto;
        /*padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);*/
        padding-top: 8px;
        color: var(--bs-card-color);
    }

    .card-header {
        padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
        margin-bottom: 0;
        color: var(--bs-card-cap-color);
        background-color: var(--bs-card-cap-bg);
        border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
    }

    .card-header:first-child {
        border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
    }


    .offcanvas {
        --bs-offcanvas-zindex: 1045;
        --bs-offcanvas-width: 400px;
        --bs-offcanvas-height: 30vh;
        --bs-offcanvas-padding-x: 1rem;
        --bs-offcanvas-padding-y: 1rem;
        --bs-offcanvas-color: ;
        --bs-offcanvas-bg: #fff;
        --bs-offcanvas-border-width: 1px;
        --bs-offcanvas-border-color: var(--bs-border-color-translucent);
        --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    }

    .offcanvas {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out;
    }

    @media (prefers-reduced-motion:reduce) {
        .offcanvas {
            transition: none;
        }
    }

    .offcanvas.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%);
    }

    .offcanvas.show:not(.hiding) {
        transform: none;
    }

    .offcanvas.hiding,.offcanvas.show {
        visibility: visible;
    }

    .offcanvas-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    }

    .offcanvas-title {
        margin-bottom: 0;
        line-height: 1.5;
    }

    .offcanvas-body {
        flex-grow: 1;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
        overflow-y: auto;
    }


    .d-block {
        display: block!important;
    }

    .d-grid {
        display: grid!important;
    }

    .d-flex {
        display: flex!important;
    }

    .d-inline-flex {
        display: inline-flex!important;
    }

    .d-none {
        display: none!important;
    }

    .shadow {
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }

    .shadow-sm {
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    }

    .position-relative {
        position: relative!important;
    }

    .position-absolute {
        position: absolute!important;
    }

    .top-50 {
        top: 50%!important;
    }

    .translate-middle {
        transform: translate(-50%,-50%)!important;
    }

    .border {
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
    }

    .border-0 {
        border: 0!important;
    }

    .border-top {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
    }

    .border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
    }

    .border-secondary {
        --bs-border-opacity: 1;
        border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important;
    }

    .w-50 {
        width: 50%!important;
    }

    .w-75 {
        width: 75%!important;
    }

    .w-100 {
        width: 100%!important;
    }

    .w-auto {
        width: auto!important;
    }

    .h-100 {
        height: 100%!important;
    }

    .flex-column {
        flex-direction: column!important;
    }

    .flex-wrap {
        flex-wrap: wrap!important;
    }

    .justify-content-end {
        justify-content: flex-end!important;
    }

    .justify-content-center {
        justify-content: center!important;
    }

    .justify-content-between {
        justify-content: space-between!important;
    }

    .justify-content-around {
        justify-content: space-around!important;
    }

    .align-items-start {
        align-items: flex-start!important;
    }

    .align-items-center {
        align-items: center!important;
    }

    .m-0 {
        margin: 0!important;
    }

    .mx-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important;
    }

    .mx-auto {
        margin-right: auto!important;
        margin-left: auto!important;
    }

    .my-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important;
    }

    .my-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important;
    }

    .my-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important;
    }

    .mt-2 {
        /*margin-top: .0rem!important;*/
    }

    .mt-3 {
        margin-top: 1rem!important;
    }

    .mt-4 {
        margin-top: 1.5rem!important;
    }

    .mt-5 {
        margin-top: 3rem!important;
    }

    .me-1 {
        margin-right: .25rem!important;
    }

    .me-2 {
        margin-right: .5rem!important;
    }

    .mb-0 {
        margin-bottom: 0!important;
    }

    .mb-1 {
        margin-bottom: .25rem!important;
    }

    .mb-2 {
        margin-bottom: .5rem!important;
    }

    .mb-3 {
        margin-bottom: 1rem!important;
    }

    .mb-4 {
        margin-bottom: 1.5rem!important;
    }

    .ms-1 {
        margin-left: .25rem!important;
    }

    .ms-2 {
        margin-left: .5rem!important;
    }

    .p-0 {
        padding: 0!important;
    }

    .p-2 {
        padding: .5rem!important;
    }

    .p-3 {
        padding: 1rem!important;
    }

    .p-4 {
        padding: 1.5rem!important;
    }

    .px-0 {
        padding-right: 0!important;
        padding-left: 0!important;
    }

    .px-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important;
    }

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

    .px-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important;
    }

    .py-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important;
    }

    .py-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }

    .py-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }

    .py-5 {
        /*padding-top: 3rem!important;*/
        padding-bottom: 3rem!important;
    }

    .pt-3 {
        padding-top: 1rem!important;
    }

    .pt-4 {
        padding-top: 1.5rem!important;
    }

    .pt-5 {
        padding-top: 3rem!important;
    }

    .pb-1 {
        padding-bottom: .25rem!important;
    }

    .pb-2 {
        padding-bottom: .5rem!important;
    }

    .pb-3 {
        padding-bottom: 1rem!important;
    }

    .pb-4 {
        padding-bottom: 1.5rem!important;
    }

    .ps-3 {
        padding-left: 1rem!important;
    }

    .gap-2 {
        gap: .5rem!important;
    }

    .gap-3 {
        gap: 1rem!important;
    }

    .gap-4 {
        gap: 1.5rem!important;
    }

    .fs-1 {
        font-size: calc(1.375rem + 1.5vw)!important;
    }

    .fs-3 {
        font-size: calc(1.3rem + .6vw)!important;
    }

    .fs-5 {
        font-size: 1.25rem!important;
    }

    .fs-6 {
        font-size: 1rem!important;
    }

    .fw-bold {
        font-weight: 700!important;
    }

    .text-start {
        text-align: left!important;
    }

    .text-end {
        text-align: right!important;
    }

    .text-center {
        text-align: center!important;
    }

    .text-decoration-none {
        text-decoration: none!important;
    }

    .text-decoration-line-through {
        text-decoration: line-through!important;
    }

    .text-uppercase {
        text-transform: uppercase!important;
    }

    .text-primary {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important;
    }

    .text-success {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important;
    }

    .text-warning {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important;
    }

    .text-danger {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important;
    }

    .text-light {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important;
    }

    .text-dark {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important;
    }

    .text-black {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important;
    }

    .text-white {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
    }

    .text-muted {
        --bs-text-opacity: 1;
        color: #6c757d!important;
    }

    .bg-warning {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important;
    }

    .bg-light {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
    }

    .bg-white {
        --bs-bg-opacity: 1;
        background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important;
    }

    .rounded {
        border-radius: var(--bs-border-radius)!important;
    }

    .rounded-0 {
        border-radius: 0!important;
    }

    .rounded-2 {
        border-radius: var(--bs-border-radius)!important;
    }

    .rounded-3 {
        border-radius: var(--bs-border-radius-lg)!important;
    }

    .rounded-circle {
        border-radius: 50%!important;
    }

    .visible {
        visibility: visible!important;
    }

    @media (min-width:768px) {

        .d-md-block {
            display: block!important;
        }

        .flex-md-column {
            flex-direction: column!important;
        }

        .justify-content-md-end {
            justify-content: flex-end!important;
        }

        .text-md-center {
            text-align: center!important;
        }
    }

    @media (min-width:992px) {

        .d-lg-block {
            display: block!important;
        }

        .d-lg-flex {
            display: flex!important;
        }

        .d-lg-none {
            display: none!important;
        }

        .flex-lg-row {
            flex-direction: row!important;
        }

        .flex-lg-nowrap {
            flex-wrap: nowrap!important;
        }
    }

    @media (min-width:1200px) {
        .fs-1 {
            font-size: 2.5rem!important;
        }

        .fs-3 {
            font-size: 1.75rem!important;
        }
    }

    :root {
        --primary-color: #0d6efd;
    }

    .breadcrumb {
        --bs-breadcrumb-item-padding-x: .3rem;
    }

    * {
        font-family: 'Lato', Helvetica, sans-serif;
    }

    body {
        /* background-color: #f2f2f2; */
    }

    p {
        margin: 0;
        font-family: 'Lato', sans-serif;
    }

    a {
        text-decoration: none;
    }

    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    img {
        max-width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        vertical-align: middle;
    }

    h6 {
        line-height: 1.33;
    }

    select:focus-visible {
        outline: none;
    }

    input:focus {
        box-shadow: none !important;
    }

    /* Chrome, Safari, Edge, Opera */

    input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */

    input[type=number] {
        -moz-appearance: textfield;
    }

    /*=============================
        [02. Helper Classes]
    ===============================*/

    .rounded-3px {
        border-radius: 3px !important;
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        -ms-border-radius: 3px !important;
        -o-border-radius: 3px !important;
    }

    .rotate-90 {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    /* Background */

    .bg-light-silver {
        background-color: #f5f6f8;
    }

    .border-silver {
        border-color: #eee !important;
    }

    .bg-image-center {
        background-size: cover;
        background-position: center;
    }

    /* Text */

    .title-max-45 {
        max-height: 45px;
        overflow: hidden;
    }

    .text-dark-lead,.text-dark-lead a {
        color: #333 !important;
    }

    .footer-list.text-dark li a {
        color: #1d1d1d;
    }

    .text-silver-lead {
        color: #ddd !important;
    }

    .text-gray {
        color: #333;
    }

    .xx-small {
        font-size: .7rem;
    }

    .smaller {
        font-size: 11px;
    }


    /* --- Icons --- */

    .x-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .3s;
    }

    .x-icon {
        width: 32px;
        height: 32px;
        font-size: .85rem;
    }



    .group-circle {
        border-radius: 50px;
    }

    .group-circle .form-control {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        border-right: 0;
        border: 0;
    }

    .group-circle .form-control:focus {
        box-shadow: none;
    }

    .group-circle button {
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .group-py-3 {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }

    .badge-circle {
        position: absolute;
        width: 20px;
        line-height: 20px;
        text-align: center;
        background-color: #E1306C;
        border-radius: 50%;
        font-size: 0.68rem;
        font-weight: 500;
        top: -7%;
        left: 60%;
    }

    .w-85 {
        width: 85%;
    }

    .hidden {
        display: none;
    }

.col-lg-3.col-md-4.col-sm-6.col-6 {
padding-top: 12px;

}
    .product-card {
        overflow: hidden;
    }

    .product-card .card-header {
        overflow: hidden;
        background-color: transparent;
    }

    /*--- Thumb Hover Affects ---*/

    .price-18px {
        font-size: 1.1rem;
    }

    .bg-white {
        background-color: #fff;
    }


    .cart-ovelay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        z-index: 2;
    }

    .cart-offcanvas {
        background-color: #fff;
        position: fixed;
        top: 0;
        height: 100%;
        z-index: 3;
        right: -30%;
        visibility: hidden;
        transition: all .3s;
    }

    .cart-offcanvas.show {
        right: 0;
        visibility: visible;
    }

    .calculate-shipping {
        display: none;
    }


    /*=============================
        [14. Recent Purchase]
    ===============================*/

    .recent-purchase {
        background-color: #fff;
        display: flex;
        width: 300px;
        position: fixed;
        bottom: 1rem;
        left: 1rem;
        z-index: 3;
        transition: all .7s;
    }

    .recent-purchase.left {
        left: -100%;
    }

    .recent-purchase.left.show {
        left: 1rem;
    }

    .recent-purchase.bottom {
        bottom: -50%;
    }

    .recent-purchase.bottom.show {
        bottom: 1rem;
    }

    .recent-purchase img {
        width: 80px;
    }

    .recent-purchase .purchase-close {
        display: block;
        position: absolute;
        top: .3rem;
        right: .6rem;
        color: silver;
        font-size: .8rem;
        cursor: pointer;
    }

    /*=============================
        [14. Breadcrump]
    ===============================*/

    .breadcrump-light .breadcrumb-item.active {
        display: flex;
        align-items: baseline;
        color: var(--primary-color);
    }

    .breadcrump-light .breadcrumb-item.active::before {
        content: '\F285';
        font-family: bootstrap-icons !important;
        vertical-align: middle;
        font-size: 10px;
        color: #666;
        float: none;
    }

    .orders td {
        padding: 2rem 0;
    }

    /*=============================
        [15. Footer]
    ===============================*/

    .footer-list li a {
        display: block;
        margin-bottom: 1rem;
    }

    .offcanvas-border-light {
        border-bottom: 1px solid #f1f2f2;
    }

    .offcanvas-295 {
        width: 295px !important;
    }

    .mobile-menu .nav-item {
        border-bottom: 1px solid #f1f2f2;
    }

    .mobile-menu .nav-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem .5rem;
    }

    .mobile-menu ul {
        padding: .5rem;
        border-top: 1px solid #f1f2f2;
    }

    .mobile-menu .dropdown-item {
        padding: .5rem .8rem;
    }

    .mobile-menu .nav-link .arrow {
        transition: all .5s;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
    }

    /* Slider */

    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track,.slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .slick-track:before,.slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    




 @font-face {
        font-display: block;
        font-family: bootstrap-icons;
        src: url("/bootstrap-icons.woff2") format("woff2");
    }



    .bi::before,[class*=" bi-"]::before,[class^=bi-]::before {
        display: inline-block;
        font-family: bootstrap-icons!important;
        font-style: normal;
        font-weight: 400!important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .bi-bag::before {
        content: "\f179";
    }

    .bi-envelope::before {
        content: "\f32f";
    }

    .bi-geo-alt::before {
        content: "\f3e8";
    }

    .bi-house-door::before {
        content: "\f423";
    }

    .bi-list::before {
        content: "\f479";
    }

    .bi-shield-check::before {
        content: "\f52f";
    }

    .bi-star-fill::before {
        content: "\f586";
    }

    .bi-telephone-inbound::before {
        content: "\f5b8";
    }

    .bi-truck::before {
        content: "\f5ea";
    }


    .bi-cash-coin::before {
        content: "\f632";
    }


/* ===== Extracted styles block 2 ===== */
.home-img-1 {
        width: 100%;
        height: auto!important;
        max-height: 100%;
        object-fit: contain;
    }

    .home-img-2 {
        display: none;
        padding-top: 10px;
        width: 100%;
        height: auto;
        max-height: 100%;
        object-fit: contain;
    }


    @media (max-width: 768px) {
        .home-img-1 {
            height: 266px;
        }

        .home-img-2 {
            display: block;
        }
    }

    @media (min-width: 769px) {
        .home-img-1 {
            height: 400px;
        }
    }


/* ===== Extracted styles block 3 ===== */
:where(.template-dynamic) .list-unstyled.small {
        margin-left: -30px;
        }


/* ===== Extracted styles block 4 ===== */
body:where(:has(.template-dynamic)) {
                font-family: 'Arial', sans-serif;
                background-color: #4A6FA5;
                color: #fff;
                margin: 0;
                padding: 0;
            }

            :where(.template-dynamic) .about-container {
                max-width: 900px;
                margin: 0 auto;
                padding: 40px;
                background-color: transparent;  /*  */
                text-align: center;
                margin-bottom: 40px!important;
            }

            :where(.template-dynamic) .about-title {
                font-size: 2.5rem;
                color: #FFFFFF;  /*  */
                margin-bottom: 20px;
                /*text-transform: uppercase;*/
                text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);  /*  */
            }

            :where(.template-dynamic) .about-content {
                font-size: 1.2rem;
                color: #F8E9A1;  /*  */
                line-height: 1.8;
                margin-top: 20px;
                padding: 0 20px;
            }

            /* Hover */
            :where(.template-dynamic) .about-title:hover {
                color: #FFD700;  /*  */
                text-decoration: underline;
            }

            /*  */
            @media (max-width: 768px) {
                :where(.template-dynamic) .about-container {
                    padding: 20px;
                }

                :where(.template-dynamic) .about-title {
                    font-size: 2rem;
                }

                :where(.template-dynamic) .about-content {
                    font-size: 1rem;
                }
            }


/* ===== Extracted styles block 5 ===== */
:where(.template-default) .image-placeholder {
                width: 100%;  max-width: 1200px; margin: 10px auto; background-color: #f8f9fa; overflow: hidden; position: relative; display: block;
            }

            @media (max-width: 768px) {
            :where(.template-default) .image-placeholder {
               height: auto;
               margin-bottom: -20px;
            }

            }


/* ===== Extracted styles block 6 ===== */
:where(.template-default) .sale-title {
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    margin: 30px 0 0 0;
    color: #333;
}

:where(.template-default) .sale-title::before,
:where(.template-default) .sale-title::after {
    content: "";
    flex: 1;
    border-bottom: 2px solid #aaa;
    margin: 0 15px;
}

@media (max-width: 768px) {
    :where(.template-default) .sale-title {
        font-size: 1.5rem;
    }
}


/* ===== Extracted styles block 7 ===== */
:where(.template-dynamic) .text-ellipsis-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /*  nowrap */
    max-height: 3em; /*  */
    line-height: 1.5em; /*  */
}


    :where(.template-dynamic) .thumb-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

:where(.template-dynamic) .thumb-loading-spinner {
    width: 24px;
    height: 24px;
    border: 3px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

:where(.template-dynamic) .thumb-loading-text {
    color: #666;
    font-size: 0.500rem;
    font-family: system-ui, sans-serif;
    margin-left: 8px;
}


    :where(.template-dynamic) .mb-2.text-truncate {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1; /*  3  */
    text-overflow: ellipsis; /*  */
    white-space: normal; /*  */
    word-wrap: break-word; /*  */
    max-width: 100%; /*  100% */
}

@media (max-width: 768px) {
:where(.template-dynamic) .mb-2.text-truncate {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3; /*  3  */
    text-overflow: ellipsis; /*  */
    white-space: normal; /*  */
    word-wrap: break-word; /*  */
    max-width: 100%; /*  100% */
}
}


/* ===== Extracted styles block 8 ===== */
/* ：3 */
:where(.template-dynamic) .mb-2.text-truncate {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3; /* 3 */
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    max-width: 100%;
}

/* ：2 */
@media (max-width: 768px) {
    :where(.template-dynamic) .mb-2.text-truncate {
        -webkit-line-clamp: 2; /* 2 */
    }
}


/* ===== Extracted styles block 9 ===== */
:where(.template-default) .title-max-45 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

            /* Loading */
:where(.template-default) .thumb-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

:where(.template-default) .thumb-loading-spinner {
    width: 24px;
    height: 24px;
    border: 3px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

:where(.template-default) .thumb-loading-text {
    color: #666;
    font-size: 0.500rem;
    font-family: system-ui, sans-serif;
    margin-left: 8px;
}

/*  for  */
:where(.template-default) .thumb-right {
    position: relative;
}


/* ===== Extracted styles block 10 ===== */
.reviews-section{
                      padding:60px 15px;
                      background:#fff;
                      overflow:hidden;
                  }

                  .reviews-title{
                      text-align:center;
                      margin-bottom:35px;
                  }

                  .reviews-title h2{
                      font-size:32px;
                      font-weight:700;
                      color:#006039;
                      margin:0;
                      line-height:1.4;
                  }

                  .reviews-slider-wrapper{
                      overflow:hidden;
                      position:relative;
                      width:100%;
                  }

                  


                   .reviews-slider{
                       display:flex;
                       gap:20px;
                       animation: reviewsScroll var(--reviews-scroll-seconds, 35s) linear infinite;
                       width:fit-content;
                       flex-wrap:nowrap;
                   }


                  .reviews-slider:hover{
                      animation-play-state:paused;
                  }

                  .review-item{
                      flex:0 0 auto;
                      width:260px;

                      border-radius:12px;
                      overflow:hidden;

                      background:transparent;


                      transition:transform .3s ease;

                      cursor:pointer;
                  }

                  .review-item:hover{
                      transform:translateY(-4px);
                  }

                  .review-item img{
                      width:100%;
                      height:auto;
                      display:block;
                      border-radius:12px;
                  }

                  @keyframes reviewsScroll{
                      from{
                          transform:translateX(0);
                      }
                      to{
                          transform:translateX(calc(-50% - 10px));
                      }
                  }

                  /* 弹窗 */
                  .review-lightbox{
                      position:fixed;
                      inset:0;
                      background:rgba(0,0,0,0.92);
                      z-index:999999;
                      display:none;
                      align-items:center;
                      justify-content:center;
                  }

                  .review-lightbox.active{
                      display:flex;
                  }

                  .review-lightbox img{
                      max-width:90%;
                      max-height:90%;
                      border-radius:10px;
                  }

                  .review-close{
                      position:absolute;
                      top:20px;
                      right:25px;
                      color:#fff;
                      font-size:42px;
                      cursor:pointer;
                      line-height:1;
                  }

                  .review-prev,
                  .review-next{
                      position:absolute;
                      top:50%;
                      transform:translateY(-50%);
                      color:#fff;
                      font-size:55px;
                      cursor:pointer;
                      padding:10px;
                      user-select:none;
                  }

                  .review-prev{
                      left:20px;
                  }

                  .review-next{
                      right:20px;
                  }

                  @media(max-width:768px){

                      .review-item{
                          width:180px;
                      }

                      .reviews-title h2{
                          font-size:24px;
                      }

                      .review-prev,
                      .review-next{
                          font-size:40px;
                      }
                  }


/* ===== Extracted styles block 11 ===== */
/* （） */
    .about-title {
        font-size: 24px;
        text-align: center;
        margin-bottom: 1rem; /*  */
    }

    .about-content {
        font-size: 16px;
        text-align: center;
        margin-top: 0;
        line-height: 1.5; /*  */
    }

    /*  */
    @media (max-width: 767px) {
        .about-title {
            font-size: 20px; /*  */
            margin-bottom: 0.5rem; /*  */
        }

        .about-content {
            font-size: 14px; /*  */
            margin-top: 0.5rem; /*  */
            line-height: 1.6; /* ， */
            padding-left: 1rem; /* ， */
            padding-right: 1rem; /*  */
        }
    }
    body {
        font-family: Arial, sans-serif;
        background-color: #f8f9fa;
        margin: 0;
        /*padding: 20px;*/
    }
    .about-container {
        background-color: #ffffff;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        padding: 20px;
        max-width: 1200px;
        margin: auto;
    }
    h2 {
        color: #000000;
        text-align: center;
    }
    p {
        color: #555;
        line-height: 1.6;
        text-align: justify;
    }
    .title-max-45 {
        height: auto;

        max-height: 60px;
    }

    @media (max-width: 768px) {
        .responsive-img {
            width: 100%!important;;         /*  */ /*  */
            /*max-height: 1000px!important;;         !*  *! !*  *!*/
            object-fit: cover!important;;   /*  */
            max-height: none!important; /*  */
        }
    }

    /*  */
    .product-title {
        color: #000;
        font-weight: bold;
        font-size: 46px;
        margin-bottom: 10px;
        padding-left: 10px;
        position: relative;
    }

    .product-content {
        font-size: 30px;
        text-align: center;
        margin-top: 20px;
    }

    /*  */
    @media (max-width: 767px) {
        .product-title {
            font-size: 28px; /*  */
            padding-left: 0; /*  */
        }

        .product-content {
            font-size: 20px; /*  */
            margin-top: 10px; /*  */
        }
    }
    /*.main-content {*/
    /*    height: 400px; !*  *!*/
    /*}*/
    .card-body.px-0 {
        /*height: 180px; !*  *!*/
    }

        .card-header.position-relative.border-0.p-0 {
            height: auto !important;
        }

        .defualt-image {
            height: 100%;
            object-fit: cover;
        }


    @media (max-width: 768px) {
        .card-header.position-relative.border-0.p-0 {
            height: auto !important;
        }

        .defualt-image {
            height: 100%;
            object-fit: cover;
        }
    }


    span.small {
        font-size: 12px!important;
        line-height: 1.5!important;
    }

    a.d-flex.flex-column {
        font-size: 24px!important;
    }


/* ===== Former inline style attributes ===== */
.index-ways-image {
    margin-top: -30px;
}

.product-card-extra-spacing {
    margin-top: 20px !important;
}

.rating-stars-row {
    display: flex;
    gap: 2px;
}