.slider-val {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    color: #801AB8;
}

.irs-grid {
    display: block;
}

.irs-grid-pol-custom {
    position: absolute;
    top: -3px;
    left: 50%;
    border: 1px solid #c4c8cc;
    background: #c4c8cc;
    width: 2px;
    height: 25px;
}

.irs .irs-bar {
    background: #801AB8;
    border: 1px solid #801AB8;
}

.irs .irs-slider {
    background: #801AB8;
    border: 1px solid #801AB8;
}

.tooltip-trigger>.trigger-icon {
    margin-left: 10px;
}

.moi-calc-title-container {
    border: 1px solid #C4C8CC;
    max-width: 930px;
    padding: 30px 50px;
}

.moi-calc-content-container {
    border: 1px solid #C4C8CC;
    border-top: 0;
    flex-wrap: nowrap;
}

.moi-calc-title {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
}

.moi-calc-subtitle {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.moi-calc-calculator {
    padding: 30px 0 30px 50px !important; /* slider already has padding-right: 30px; */
}

.moi-calc-summary {
    max-width: 399px; 
    padding: 30px 32px 20px !important;
    background: #FAF9FB no-repeat url("/credit-cards/_assets-custom/images/moi/moi-dotted-bg.png") bottom;
}

.moi-calc-val {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
}

.moi-calc-val sup {
    font-size: 14px;
    top: -20px;
}

/* preset the location for the label of the slider value, its position will be handled by code when sliding */
.moi-calc-calculator .slider-val {
    top: -39px;
    left: 18.9%; /* default set to $ 200 */
    text-wrap: nowrap;
}

@media (max-width: 639px) {
    .slider-wpr .slider {
        display: block;
        margin-right: 0;
    }

    .moi-calc-title-container {
        padding: 15px;
    }    

    .moi-calc-content-container {
        flex-wrap: wrap;
    }

    .moi-calc-calculator {
        padding: 15px !important;
    }

    .moi-calc-summary {
        max-width: unset; 
        padding: 30px 15px 20px !important;
    }

    .moi-calc-title {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .moi-calc-val {
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
    }
}