/* for print quote_style.css */

@media screen, print {

    :root {
        --white: #ffffff;
        --text-color:#000000;
        --dim-gray: #707070;
        --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-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-bg: #fff;
        --font-size-xxs: 12px;
        --font-size-s: 14px;
        --font-size-m: 16px;
        --font-size-3xs: 11px;
        --font-size-4xl: 30px;
    }

    /*font-sizes */

    .fs-14px {
        font-size: 14px;
    }

    .fs-16px {
        font-size: 16px;
    }

    .fs-18px {
        font-size: 18px;
    }

    .fs-20px {
        font-size: 20px;
    }

    .fs-22px {
        font-size: 22px;
    }

    .fs-24px {
        font-size: 24px;
    }

    .fs-48px {
        font-size: 48px;
    }


    * {
        margin: 0;
        padding: 0;
    }

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

    body {
        color: var(--text-color);
    }

    /* bootsrap css for quote.html */

    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(--text-color);
        text-align: var(--bs-body-text-align);
        background-color: var(--bs-body-bg);
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    div {
        display: block;
    }

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


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

    section {
        display: block;
    }

    form {
        display: block;
        /* margin-top: 0em; */
    }

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

    /* for container bs */

    .container,
    .container-fluid,
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-right: auto;
        margin-left: auto;
    }

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

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

    .container,
    .container-fluid,
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-right: auto;
        margin-left: auto;
    }

    /* padding and margin bootstrap classes */

    .mt-0 {
        margin-top: 0 !important;
    }

    .padding-footer {
        padding: 0.5rem 1rem !important;
    }

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

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

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

    .pt-2 {
        padding-top: 0.5rem !important;
    }

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

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

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

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

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

    .logo-div {
        height: 40px;
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

        .logo-div img {
            height: 100%;
            width: auto;
        }

    img {
        overflow-clip-margin: content-box;
        overflow: clip;
    }

    img,
    svg {
        vertical-align: middle;
    }

    /* quote heading */

    .h4,
    h4 {
        font-size: calc(1.275rem + .3vw);
        line-height: 1.2;
        margin-top: 0;
    }

    .quote-img-w-h {
        height: 350px;
        width: auto;
    }

    .img-fluid {
        max-width: 100%;
    }

    .quote-row .row {
        font-weight: 500;
    }

    .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table {
        color: var(--text-color);
    }

        .table > :not(caption) > * > * {
            padding: 0.5rem 0.5rem;
            background-color: var(--bs-table-bg);
            border-bottom-width: 1px;
            box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
        }

    .table {
        --bs-table-color: var(--bs-body-color);
        --bs-table-bg: transparent;
        --bs-table-border-color: var(--bs-border-color);
        --bs-table-accent-bg: transparent;
        --bs-table-striped-color: var(--bs-body-color);
        --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
        --bs-table-active-color: var(--bs-body-color);
        --bs-table-active-bg: rgba(0, 0, 0, 0.1);
        --bs-table-hover-color: var(--bs-body-color);
        --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
        width: 100%;
        margin-bottom: 1rem;
        color: var(--bs-table-color);
        vertical-align: top;
        border-color: var(--bs-table-border-color);
    }

    table {
        caption-side: bottom;
        border-collapse: collapse;
    }

    table {
        display: table;
        border-collapse: collapse;
        box-sizing: border-box;
        text-indent: initial;
        border-spacing: 2px;
        border-color: inherit;
    }

    .table > tbody {
        vertical-align: inherit;
    }

    thead,
    tbody,
    tfoot,
    tr,
    td,
    th {
        border-color: inherit;
        border-style: solid;
        border-width: 0;
    }

    tbody {
        display: table-row-group;
        vertical-align: middle;
        border-color: inherit;
    }

    .table td {
        vertical-align: middle !important;
    }

    tr {
        display: table-row;
        vertical-align: inherit;
        border-color: inherit;
    }

    th {
        display: table-cell;
        vertical-align: inherit;
        font-weight: bold;
        text-align: left;
    }

    td {
        display: table-cell;
        vertical-align: inherit;
    }

    /* (quote-table) */

    .quote-table-note-and-total td {
        border-bottom: none;
    }

        .quote-table-note-and-total td:nth-child(1) {
            font-size: var(--font-size-3xs);
            color: var(--dim-gray);
        }

        .quote-table-note-and-total td:nth-child(2) {
            font-weight: 700;
        }

        .quote-table-note-and-total td:nth-child(3) {
            font-weight: 500;
        }

    .quote-table tbody tr {
        font-size: var(--font-size-s);
    }

        .quote-table tbody tr:nth-child(1),
        .quote-table-note-and-total td:nth-child(2),
        .quote-table-note-and-total td:nth-child(3) {
            font-size: var(--font-size-s) !important;
        }

        .quote-table tbody tr:not(:first-child),
        .quote-table tbody tr:not(:last-child) {
            font-size: var(--font-size-xxs);
        }

        .quote-table tbody tr:nth-child(2) td:nth-child(1),
        .quote-table tbody tr:nth-child(3) td:nth-child(1),
        .quote-table tbody tr:nth-child(4) td:nth-child(1) {
            font-weight: 500;
        }

    p {
        margin-top: 0;
        margin-bottom: 1rem;
        display: block;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }

    .pagebreak {
        page-break-before: always;
    }

    .clearfix::after {
        display: block;
        clear: both;
        content: "";
    }

    @media (max-width:575.98px) {

        .logo-div {
            height: 25px;
        }
    }

    @media (min-width: 576px) {

        .container-sm,
        .container {
            max-width: 540px;
        }
    }

    @media (min-width: 576px) {
        .col-sm-12 {
            flex: 0 0 auto;
            width: 100%;
        }
    }

    @media (min-width: 768px) {

        .container-md,
        .container-sm,
        .container {
            max-width: 720px;
        }
    }

    @media (min-width: 768px) {
        .col-md-4 {
            flex: 0 0 auto;
            width: 33.33333333%;
        }
    }

    @media (min-width: 768px) {
        .col-md-8 {
            flex: 0 0 auto;
            width: 66.66666667%;
        }
    }

    @media (min-width: 768px) {
        .navbar-expand-md {
            flex-wrap: nowrap;
            justify-content: flex-start;
        }
    }

    @media (min-width: 992px) {

        .container-lg,
        .container-md,
        .container-sm,
        .container {
            max-width: 960px;
        }
    }

    @media (min-width: 992px) {
        .flex-lg-row {
            flex-direction: row !important;
        }
    }

    @media (min-width: 992px) {
        .col-lg-3 {
            flex: 0 0 auto;
            width: 25%;
        }
    }

    @media (min-width: 992px) {
        .col-lg-6 {
            flex: 0 0 auto;
            width: 50%;
        }
    }

    @media (min-width: 1200px) {

        .container-xl,
        .container-lg,
        .container-md,
        .container-sm,
        .container {
            max-width: 1140px;
        }
    }
}

.bg-light-gray {
    background-color: #F7F7F7;
}

.fw-semibold {
    font-weight: 600;
}

.colors-buttons-wrapper {
    background-color: #eeeeee !important;
}

.header-text {
    font-size: 1.75rem;
    margin-left: 1rem;
    vertical-align: bottom;
    font-weight: 500;
    line-height: 1.2;
}