/* Bright yellow button with teal border & black text */
.btn-post-project-now {
    background-color: #ffd200; /* or #ffc107 for a Bootstrap-like warning */
    color: #000; /* black text */
    border: 2px solid #00e5d1; /* teal border to match your brand color */
    font-weight: 600;
    padding: 0.5rem 1rem;
    transition: opacity 0.2s ease;
}

    .btn-post-project-now:hover {
        opacity: 0.8;
    }

/* Light gray button with teal border & black text */
.btn-join-as-supplier {
    background-color: #f8f9fa; /* light gray/white */
    color: #000;
    border: 2px solid #00e5d1; /* teal border */
    font-weight: 600;
    padding: 0.5rem 1rem;
    transition: opacity 0.2s ease;
}

    .btn-join-as-supplier:hover {
        opacity: 0.8;
    }

.centered-input input.e-input {
    text-align: center;
    font-size: 16px;
    font-weight: 800;
}

.sfgrid-clean .e-grid {
    font-family: 'Segoe UI', sans-serif;
    border: none;
}

.sfgrid-clean .e-gridheader,
.sfgrid-clean .e-gridcontent {
    border: none;
}

.sfgrid-clean .e-rowcell,
.sfgrid-clean .e-headercell {
    border-bottom: 1px solid #eee;
    padding: 8px 12px;
}

.sfgrid-clean .e-headercell {
    background-color: #f9f9f9;
    font-weight: bold;
    color: #333;
}

.sfgrid-soft .e-grid {
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    overflow: hidden;
}

.sfgrid-soft .e-headercell {
    background-color: #fafafa;
    font-weight: 600;
    color: #444;
}

.sfgrid-soft .e-row:hover {
    background-color: #f0f8ff;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: black;
    font-weight: 700;
}

.centered-bold-checkbox .e-label {
    font-weight: bold;
    color: darkred;
    font-size: 18px;
    text-align: center;
    align-items: center;
}

.custom-switch.e-switch {
    --switch-width: 150px;
    --switch-height: 34px;
    width: var(--switch-width);
    height: var(--switch-height);
}

    .custom-switch.e-switch .e-switch-inner {
        border-radius: 34px;
        background-color: #f8d7da; /* Light red when OFF */
    }

    .custom-switch.e-switch .e-switch-handle.e-switch-active {
        /*left: 100%;*/
        /*margin-left: -18px;*/
        background-color: #28a745; /* Green when ON */
    }


    .custom-switch.e-switch .e-switch-handle {
        width: 30px;
        height: 30px;
        top: 2px;
        background: #dc3545; /* Red handle when OFF */
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        left: 2px;
    }

    .custom-switch.e-switch.e-switch-checked .e-switch-handle {
        background: #fff; /* White handle when ON, or set to another color if you prefer */
        /* No left property! */
    }

    /* Optional: Increase font size of labels */
    .custom-switch.e-switch .e-switch-on,
    .custom-switch.e-switch .e-switch-off {
        font-size: 1.2rem;
        font-weight: 600;
    }

.e-tab .e-tab-header {
    background: #1A326A !important;
}

    .e-tab .e-tab-header .e-toolbar-items {
        border: 2px solid blue;
        color: white;
        background-color: white !important;
    }

    .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
        background: #d1f6d1 !important;
    }


/* Give each item space, fix overflow */
.e-listview .e-list-item,
.e-listview .e-list-header {
    overflow: visible !important;
    padding: 0 !important;
    background: transparent;
    border: none;
}

.quote-card-custom {
    min-height: 100px;
    box-shadow: 0 2px 6px #0001;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 12px;
    padding: 12px;
}

.e-listview .e-list-item {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.e-numerictextbox input.e-input {
    text-align: center;
}


.e-dialog {
    z-index: 3000 !important;
}

    .e-dialog .e-dlg-overlay {
        z-index: 2999 !important;
    }

.e-grid .e-groupcaption {
    font-size: 0.8rem !important;
}

.grid-group-style {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(135deg, #162a5c 0%, #1f3b7a 60%, #2a55b5 100%);
    color: #ffffff !important;
    font-weight: 700;
    border-radius: 8px;
    padding: 12px 14px;
}

.header-gradients {
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(135deg, #162a5c 0%, #1f3b7a 60%, #2a55b5 100%);
    color: #ffffff;
    font-weight: 700;
    border-radius: 8px;
    padding: 12px 14px;
}


/*.grid-group-style {
    background: linear-gradient(135deg, #1f3b7a 0%, #2f66d0 100%);
    width: 100%;
    color: #fff;
    box-sizing: border-box;
    border-radius: 12px;
    padding: 12px 14px;
    box-shadow: 0 6px 18px rgba(31, 59, 122, .22);
}
*/

/* =========================================================
   SYNCFUSION TAB – BLUE BAR, SINGLE ROW, FULL HEIGHT
========================================================= */

/* -------------------------
   TAB HEADER BAR
-------------------------- */
.e-tab .e-tab-header {
    height: 48px;
    background-color: #0d6efd; /* blue bar */
    padding: 0 12px;
    display: flex;
    align-items: stretch;
    border-bottom: none !important;
    /* Prevent wrapping */
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

    /* Ensure toolbar stretches full height and stays in one row */
    .e-tab .e-tab-header .e-toolbar,
    .e-tab .e-tab-header .e-toolbar-items,
    .e-tab .e-tab-header .e-toolbar-item {
        height: 100%;
        display: flex;
        align-items: stretch;
    }

/* Force toolbar items into a single row */
.e-tab .e-toolbar-items {
    flex-wrap: nowrap !important;
}

/* -------------------------
   TAB CLICK AREA
-------------------------- */
.e-tab .e-tab-header .e-tab-wrap {
    height: 100%;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border-radius: 8px 8px 0 0;
}

/* Prevent text wrapping inside tabs */
.e-tab .e-tab-text {
    white-space: nowrap;
}

/* Optional spacing control */
.e-tab .e-toolbar-item {
    padding: 0 10px;
}

/* -------------------------
   UNSELECTED TABS
-------------------------- */
.e-tab .e-tab-header
.e-toolbar-item:not(.e-active) .e-tab-text {
    color: #000000;
    font-weight: 400;
}

/* Hover feedback */
.e-tab .e-tab-header
.e-toolbar-item:not(.e-active):hover .e-tab-wrap {
    background: rgba(255, 255, 255, 0.15);
}

/* -------------------------
   ACTIVE TAB
-------------------------- */
.e-tab .e-tab-header
.e-toolbar-item.e-active .e-tab-wrap {
    background: #E3F3FE;
    font-weight: bolder !important;
    height: 100%;
}

.e-tab .e-tab-header
.e-toolbar-item.e-active .e-tab-text {
    color: #0d6efd;
    font-weight: 900 !important;
}

/* -------------------------
   TAB CONTENT AREA
-------------------------- */
.e-tab .e-content {
    background: #ffffff;
    border-radius: 0 12px 12px 12px;
    padding: 16px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

/* Force Syncfusion tab header to stay inside parent */
.e-tab {
    max-width: 100%;
}

.e-tab-header {
    overflow: hidden;
}

.e-tab .e-toolbar {
    max-width: 100%;
}

.yardex-grid2 .e-grid .e-table {
    background-color: #EEF6FF !important;
}




@media (min-width: 1920px) {
    .e-grid .e-headercell,
    .e-grid .e-stackedheadercell,
    .e-grid .e-rowcell {
        font-size: 0.75rem !important;
    }

        .e-grid .e-headercell .e-headertext {
            font-size: 0.75rem !important;
        }
    /*Sidebar nav: enforce one font size for all levels */
    .side-nav .side-nav-link,
    .side-nav .sub-menu .side-nav-link {
        font-size: 0.90rem !important;
        line-height: 1.25rem;
    }
}

@media (max-width: 1919px) {
    /* HD displays */
    .e-grid .e-headercell,
    .e-grid .e-stackedheadercell,
    .e-grid .e-rowcell {
        font-size: 0.65rem !important;
    }

        .e-grid .e-headercell .e-headertext {
            font-size: 0.65rem !important;
        }

    /* Sidebar nav: enforce one font size for all levels */
    .side-nav .side-nav-link,
    .side-nav .sub-menu .side-nav-link {
        font-size: 0.80rem !important;
        line-height: 1.25rem;
    }
}


/* Grid css for Toolbars */

.yardex-grid .e-toolbar {
    background: linear-gradient(135deg, #f8fafc, #eef2ff);
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 6px 10px;
    margin-bottom: 8px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

    .yardex-grid .e-toolbar .e-toolbar-item .e-tbar-btn {
        border-radius: 8px;
        transition: all 0.15s ease;
    }

    .yardex-grid .e-toolbar .e-toolbar-item:not(.selected-company-label) .e-tbar-btn:hover {
        background-color: #e0e7ff;
        border-color: #c7d2fe;
    }

    .yardex-grid .e-toolbar .e-toolbar-item:not(.selected-company-label) .e-tbar-btn:focus {
        box-shadow: 0 0 0 0.15rem rgba(99, 102, 241, 0.25);
    }

    .yardex-grid .e-toolbar .selected-company-label {
        pointer-events: none;
        font-weight: 600;
    }

        .yardex-grid .e-toolbar .selected-company-label .e-tbar-btn-text {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 260px;
            display: inline-block;
        }

    .yardex-grid .e-toolbar .selected-company-label {
        margin-right: auto;
    }

.yardex-grid .e-headercontent,
.yardex-grid .e-gridcontent {
    overflow-x: auto !important;
}

.yardex-grid .e-table {
    min-width: 1400px;
}

.yardex-grid-container {
    width: calc(100vw - 20rem);
    height: calc(100vh - 7rem);
}


/* =========================================================
   Syncfusion Grid Icons - Global
   ========================================================= */

/* Base grid icon color (universal) */
.e-grid .e-icons:not(.e-btn-icon,.e-check,.e-stop),
.e-grid-popup .e-icons:not(.e-btn-icon,.e-check,.e-stop) {
    color: #6c757d !important;
}

/* Hierarchy expand/collapse arrows (universal + bolder) */
.e-grid .e-detailrowexpand .e-icons,
.e-grid .e-detailrowcollapse .e-icons {
    color: #495057 !important;
    font-size: 15px !important;
    font-weight: 700;
    -webkit-text-stroke: 0.35px currentColor;
}

.e-grid .e-icon-gdownarrow {
    color: #495057 !important;
    font-size: 15px !important;
    font-weight: 700;
    -webkit-text-stroke: 0.35px currentColor;
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    color: #495057 !important;
    font-size: 15px !important;
    font-weight: 700;
    -webkit-text-stroke: 0.35px currentColor;
}

.e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
    font-weight: 700;
}


/* =========================================================
   SYNCFUSION CHART STYLES
   ========================================================= */

/* -------------------------
   CHART CONTAINER
-------------------------- */
.chart-container {
    width: 100%;
    height: 100%;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding: 16px;
    box-sizing: border-box;
}

.e-chart {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* -------------------------
   CHART TITLE & SUBTITLE
-------------------------- */
.chart-title {
    color: #1a202c;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
}

.chart-subtitle {
    color: #718096;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 16px;
}

/* -------------------------
   AXES & LABELS
-------------------------- */
.e-chart .e-axis .e-axis-label {
    color: #4a5568;
    font-size: 12px;
    font-weight: 500;
}

.e-chart .e-axis-title {
    color: #2d3748;
    font-size: 13px;
    font-weight: 600;
}

.e-chart .e-axis-line {
    stroke: #cbd5e0;
    stroke-width: 1px;
}

.e-chart .e-major-gridlines {
    stroke: #e2e8f0;
    stroke-width: 1px;
    stroke-dasharray: 4,4;
}

.e-chart .e-minor-gridlines {
    stroke: #f1f5f9;
    stroke-width: 0.5px;
}

/* -------------------------
   LEGEND STYLES
-------------------------- */
.e-chart .e-legend {
    background: transparent;
}

.e-chart .e-legend .e-legend-text {
    color: #2d3748;
    font-size: 12px;
    font-weight: 500;
}

.e-chart .e-legend-shape {
    stroke-width: 1px;
}

/* -------------------------
   DATA LABELS
-------------------------- */
.chart-data-label {
    color: #1a202c;
    font-size: 11px;
    font-weight: 600;
}

.chart-data-label-secondary {
    color: #495057;
    font-size: 12px;
    font-weight: 600;
}

/* -------------------------
   TOOLTIP STYLES
-------------------------- */
.e-chart .e-tooltip {
    background: #2d3748;
    border-radius: 6px;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    padding: 8px 12px;
}

.e-chart .e-tooltip text {
    color: #ffffff;
    font-size: 12px;
}

/* -------------------------
   MARKER STYLES
-------------------------- */
.e-chart .e-marker {
    stroke-width: 1px;
}

.e-chart .e-marker-shape {
    fill-opacity: 1;
    stroke-opacity: 1;
}

/* -------------------------
   LINE CHART STYLES
-------------------------- */
.e-chart .e-line-series line {
    stroke-width: 2.5px;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.e-chart .e-spline-series path {
    stroke-width: 2.5px;
    stroke-linejoin: round;
    stroke-linecap: round;
}

/* -------------------------
   COLUMN/BAR CHART STYLES
-------------------------- */
.e-chart .e-column-series rect,
.e-chart .e-bar-series rect {
    stroke-width: 1px;
    stroke: rgba(255, 255, 255, 0.3);
    rx: 4px;
    ry: 4px;
}

.e-chart .e-column-series rect:hover,
.e-chart .e-bar-series rect:hover {
    opacity: 0.85;
    filter: brightness(1.1);
}

/* -------------------------
   AREA CHART STYLES
-------------------------- */
.e-chart .e-area-series path {
    stroke-width: 2px;
    stroke-linejoin: round;
    stroke-linecap: round;
}

.e-chart .e-area-series polygon {
    fill-opacity: 0.4;
    stroke-width: 2px;
}

/* -------------------------
   PIE/DOUGHNUT CHART STYLES
-------------------------- */
.e-chart .e-pie-series path,
.e-chart .e-doughnut-series path {
    stroke: #ffffff;
    stroke-width: 2px;
}

.e-chart .e-pie-series path:hover,
.e-chart .e-doughnut-series path:hover {
    filter: brightness(1.15);
    opacity: 0.95;
}

/* -------------------------
   SCATTER CHART STYLES
-------------------------- */
.e-chart .e-scatter-series circle {
    stroke-width: 1.5px;
    stroke: rgba(255, 255, 255, 0.5);
}

.e-chart .e-scatter-series circle:hover {
    r: 6px;
    filter: brightness(1.2);
}

/* -------------------------
   BUBBLE CHART STYLES
-------------------------- */
.e-chart .e-bubble-series circle {
    stroke: rgba(255, 255, 255, 0.4);
    stroke-width: 1px;
}

.e-chart .e-bubble-series circle:hover {
    filter: brightness(1.15);
}

/* -------------------------
   STACKED CHART STYLES
-------------------------- */
.e-chart .e-stacked-column-series rect,
.e-chart .e-stacked-bar-series rect {
    stroke-width: 1px;
    stroke: rgba(255, 255, 255, 0.3);
    rx: 3px;
    ry: 3px;
}

/* -------------------------
   BOX & WHISKER STYLES
-------------------------- */
.e-chart .e-box-plot-series line {
    stroke-width: 1.5px;
}

.e-chart .e-box-plot-series rect {
    stroke-width: 1px;
    stroke: rgba(0, 0, 0, 0.15);
}

/* -------------------------
   WATERFALL CHART STYLES
-------------------------- */
.e-chart .e-waterfall-series rect {
    stroke-width: 1px;
    stroke: rgba(255, 255, 255, 0.3);
    rx: 3px;
    ry: 3px;
}

.e-chart .e-waterfall-series .e-waterfall-connector {
    stroke: #cbd5e0;
    stroke-width: 1.5px;
    stroke-dasharray: 3,3;
}

/* -------------------------
   RANGE COLUMN/AREA STYLES
-------------------------- */
.e-chart .e-range-column-series rect {
    stroke-width: 1px;
    stroke: rgba(255, 255, 255, 0.3);
}

.e-chart .e-range-area-series path {
    stroke-width: 1.5px;
    fill-opacity: 0.3;
}

/* -------------------------
   HEATMAP STYLES
-------------------------- */
.e-chart .e-heatmap-series rect {
    stroke: #ffffff;
    stroke-width: 1px;
}

/* -------------------------
   FUNNEL CHART STYLES
-------------------------- */
.e-chart .e-funnel-series path {
    stroke: rgba(255, 255, 255, 0.5);
    stroke-width: 1px;
}

.e-chart .e-funnel-series path:hover {
    filter: brightness(1.1);
}

/* -------------------------
   PYRAMID CHART STYLES
-------------------------- */
.e-chart .e-pyramid-series path {
    stroke: rgba(255, 255, 255, 0.5);
    stroke-width: 1px;
}

.e-chart .e-pyramid-series path:hover {
    filter: brightness(1.1);
}

/* -------------------------
   POLAR & RADAR STYLES
-------------------------- */
.e-chart .e-polar-series path,
.e-chart .e-radar-series path {
    stroke-width: 2px;
    fill-opacity: 0.4;
}

.e-chart .e-polar-grid,
.e-chart .e-radar-grid {
    stroke: #cbd5e0;
    stroke-width: 1px;
}

/* -------------------------
   CROSS HAIR & ZOOM
-------------------------- */
.e-chart .e-crosshair {
    stroke: #cbd5e0;
    stroke-width: 1px;
}

.e-chart .e-crosshair-label {
    background: #2d3748;
    color: #ffffff;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 11px;
}

.e-chart .e-selection-rect {
    fill: rgba(31, 59, 122, 0.1);
    stroke: #1f3b7a;
    stroke-width: 1px;
    stroke-dasharray: 4,4;
}

/* -------------------------
   PRINT & EXPORT
-------------------------- */
.e-chart .e-export-icon,
.e-chart .e-print-icon {
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.e-chart .e-export-icon:hover,
.e-chart .e-print-icon:hover {
    opacity: 1;
}

/* -------------------------
   RESPONSIVE CHART SIZING
-------------------------- */
@media (max-width: 768px) {
    .chart-container {
        padding: 12px;
    }

    .e-chart-title {
        font-size: 16px;
    }

    .e-chart .e-axis .e-axis-label {
        font-size: 11px;
    }

    .e-chart .e-data-label {
        font-size: 10px;
    }

    .e-chart .e-legend .e-legend-text {
        font-size: 11px;
    }
}

@media (max-width: 480px) {
    .chart-container {
        padding: 8px;
    }

    .e-chart-title {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .e-chart .e-axis .e-axis-label {
        font-size: 10px;
    }

    .e-chart .e-data-label {
        display: none;
    }

    .e-chart .e-line-series line {
        stroke-width: 2px;
    }
}


/* =========================================================
   SUPPLIER BILLING & DASHBOARD PANELS (Standard Styling)
   ========================================================= */

.bs-dashboard-panel {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

.bs-toggle-btn-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #e5e7eb;
    background-color: #f9fafb;
}

.bs-toggle-btn-container h5 {
    font-weight: 700;
    color: #1f2937;
    margin: 0;
}

.bs-toggle-btn {
    margin: 0;
}

.bs-dashboard-panel-scroll {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.bs-dashboard-full {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

.bs-dashboard-full-scroll {
    flex: 1;
    overflow-y: auto;
}

.rental-empty-state {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #9ca3af;
    text-align: center;
}

.alert {
    margin: 20px;
}

/* -------------------------
   ACCORDION HEADER STYLING
-------------------------- */
.e-accordion .e-acrdn-header .e-acrdn-header-content {
    width: 100%;
    padding-right: 40px;
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    font-size: 14px;
}

/* -------------------------
   YEAR & MONTH HEADER TEXT
-------------------------- */
.year-header-title {
    font-weight: 800;
    font-size: 16px;
    color: #1f2937;
}

.year-header-value {
    font-weight: 800;
    font-size: 16px;
    color: #29967C;
}

.billing-month-header {
    padding: 4px 0;
}

.monthly-header-value {
    font-weight: 800;
    font-size: 14px;
    color: darkgreen;
}

/* -------------------------
   BILLING ROW / CARD STYLING
-------------------------- */
.billing-row {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background-color: #ffffff;
    margin-bottom: 12px;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.billing-row:hover {
    border-color: #2563eb;
    box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1);
}

.billing-row-content.minimal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
}

.billing-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.billing-project-name {
    font-weight: 700;
    font-size: 15px;
    color: #1f2937;
}

.billing-mini-meta {
    display: flex;
    gap: 6px;
    font-size: 12px;
    line-height: 1.35;
}

.billing-mini-label {
    font-weight: 600;
    color: #4b5563;
    min-width: 86px;
}

.billing-mini-value {
    color: #1f2937;
}

.billing-mini-date {
    color: #374151;
    font-weight: 500;
}

.billing-right {
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
}

.billing-amount {
    font-weight: 700;
    font-size: 16px;
    color: #05967C;
}

.billing-mini-status {
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
}

.billing-projects-container {
    padding: 12px 0;
}

.billing-grand-total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    background: linear-gradient(135deg, #1f2937, #28293C);
    color: #ffffff;
    border-radius: 8px;
    margin-top: 16px;
}

.billing-grand-total-label {
    font-weight: 800;
    font-size: 18px;
}

.billing-grand-total-value {
    font-weight: 800;
    font-size: 24px;
}

/* -------------------------
   RESPONSIVE ADJUSTMENTS
-------------------------- */
@media (max-width: 991px) {
    .billing-row-content.minimal {
        grid-template-columns: 1fr;
    }

    .billing-right {
        text-align: left;
    }
}