﻿section.row.splitBanner.home {
    display: none !important;
}
.rebatecalc-info-box {
    margin-bottom: 30px;
}
.rebateCalculator__Head {
    padding: 0 0 30px;
}
.quoteResult__MonthyCost--Item__Head.net-rebate-box {
    background: linear-gradient(122.68deg, rgba(51, 255, 108, 0.35) -19.3%, rgba(49, 138, 221, 0.35) 63.25%);
    box-shadow: 0px 0.486817px 11.6836px -0.486817px rgba(0, 0, 0, 0.18), inset 0.547578px -0.547578px 3.83305px rgba(255, 255, 255, 0.1), inset 0px 1.64273px 1.09516px rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(13.9632px);
    border-radius: 10px;
    padding: 12px 15px;
}

.quoteResult__MonthyCost--Item.totalCost.net-rebate-box-wrapper {
    flex-direction: column;
}

.tooltip-data-block {
    font-size: 9px;
    margin-top: 8px;
}
.chart-values.monthly-cost .chart-info span.label {
    line-height: 18px;
    max-width: 150px;
    margin-bottom: 5px;
}
.quoteChart__Head h4 {
    text-align: center;
    margin-bottom: 12px;
}
.bodyText{
    font-size:15px;
}
.quoteChartAccordian__Head {
    margin: 0 auto;
}
.quoteChartAccordian {
    align-items: flex-start;
}
.quoteResult__Description {
    font-size: 10px;
}
p.disclaimer-txt {
    font-size: 11px;
}
.mobile-checkbox{
    display:none;
}
p.small-text {
    font-size: 12px;
}


/* Chrome, Safari, Edge, Opera */
.edit-field-rebates input::-webkit-outer-spin-button,
.edit-field-rebates input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.edit-field-rebates input[type=number] {
    -moz-appearance: textfield;
}

small.error-message {
    position: absolute;
    bottom: -18px;
}
.edit-field-rebates{
    position:relative;
}

@media only screen and (min-width: 769px) {
    .rebateCalculator__Grid {
        flex-direction: column;
    }

    .rebateCalculator__Grid--Right {
        width: 100%;
    }
    .rebateCalculator__Grid--Left {
        width: 100%;
    }
    .rebate-calc-grid {
        display: grid;
        gap: 20px;
    }
    .rebateCalculator__Action {
        gap: 16px;
    }
    .rebateCalculator__Grid--Left {
        gap: 20px;
    }
    .chart-values.monthly-cost {
        display: flex;
        justify-content: center;
        font-size: 16px;
        font-weight: bold;
        color: #000;
        max-width: 100%;
        margin-left: 0px;
        margin-bottom: 10px;
        gap: 257px;
    }

}

@media only screen and (max-width: 768px) {
    .rebate-calc-grid {
        display: grid;
        grid-template-columns: 1fr!important;
        gap:20px;
    }
    .desktop-checkbox{
        display:none;
    }
    .mobile-checkbox {
        display: block;
    }
    .rebate-calc-grid {
        gap: 20px;
    }
    .goalSteps__Head h6 {
        text-align: center;
    }
    .quoteChart__Head h4 {
        font-size: 19px;
    }
    .quoteChart#comparing_quote_chart {
        padding: 0px;
    }
}