/* for print quote_style.css */

@media screen,
print {
    
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

    :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-family-poppins: "Poppins";
    }
        
    /*font-sizes */

    .f-11px {
        font-size: var(--font-size-3xs);
    }

    .f-12px {
        font-size: var(--font-size-xxs);
    }

    .f-14px {
        font-size: var(--font-size-s);
    }

    .f-16px {
        font-size: var(--font-size-m);
    }

    .f-30px {
        font-size: var(--font-size-4xl);
    }

    * {
        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: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

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

    .mb-5 {
        margin-bottom: 3rem !important;
    }
    
    /* header amd img */

    .seconday-header {
        background-color: var(--secondary) !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;
    }

    .poppins-semi-bold-log-cabin-30px {
        font-family: var(--font-family-poppins);
        font-size: var(--font-size-4xl);
        font-weight: 600;
        font-style: normal;
    }

    /* quote-img */

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

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

    /* quote-row (quote brand details) css */

    .quote-row .row {
        font-family: var(--font-family-poppins);
        font-weight: 500;
    }

    .quote-row .row .desc {
        font-family: var(--font-family-poppins);
        font-size: var(--font-size-s);
        font-weight: 400;
    }

    /* table-responsive (quote-table) */

    .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 th {
        font-family: var(--font-family-helveticaneue-medium) !important;
    }

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

    tr {
        border-bottom: var(--primary);
    }

    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-family: var(--font-family-poppins);
        font-size: var(--font-size-3xs);
        color: var(--dim-gray);
    }

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

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

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

    .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;
    }

    /* footer */

    .footer {
        background-color: var(--primary) !important;
    }

    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;
    }

    .poppins-normal-12px {
        color: var(--primary-text);
        font-family: var(--font-family-poppins);
        font-size: var(--font-size-xxs);
        font-weight: 400;
        font-style: normal;
    }

    .poppins-medium-14px {
        color: var(--primary-text);
        font-family: var(--font-family-poppins);
        font-size: var(--font-size-s);
        font-weight: 500;
        font-style: normal;
    }

.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;
        }
    }
}