/* ===========================
   QUOTATION GRAPH SECTION
   =========================== */

.qg-section {
    background-color: #fff;
    padding: 80px 0;
}

.qg-heading {
    margin-bottom: 26px;
    color: #1a1a1a;
    max-width: 700px;
}

.qg-text {
    margin-bottom: 94px;
    color: #1a1a1a;
    max-width: 480px;
}

.qg-widget-wrapper {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}

/* ===========================
   WIDGET OVERRIDES
   Reset Bootstrap styles inflating the widget's select elements
   =========================== */

/* White background on widget container divs */
.live_quote,
.live_quote > div,
.live_quote > div > div {
    background-color: #fff !important;
    background: #fff !important;
}

/* Select controls — smaller size + padding */
.live_quote select {
    height: auto !important;
    min-height: unset !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
    line-height: normal !important;
    font-family: 'Public Sans', 'Inter', sans-serif !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    margin-right: 4px !important;
}

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 991px) {
    .qg-section {
        padding: 60px 0;
    }
}

@media (max-width: 575px) {
    .qg-section {
        padding: 48px 0;
    }

    .qg-heading {
        max-width: 100%;
    }

    .qg-text {
        max-width: 100%;
        margin-bottom: 48px;
    }
}