/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.calculator.main{
    min-height: 100vh;
    margin-top: -90px;
    text-align: left;
    padding-top: 60px;
    padding-bottom: 20px;
    background: rgb(13,10,59);
    background: linear-gradient(180deg, rgba(13,10,59,1) 0%, rgba(42,38,100,1) 100%);
    background: #f4f4f4;
}

.calculator.main.light{
    min-height: 100vh;
    margin-top: -90px;
    text-align: left;
    padding-top: 60px;
    padding-bottom: 20px;
    background: #f1f1f1;
}

.calculator.main .MuiContainer-root.MuiContainer-fixed{
    padding-left: 0;
    padding-right: 0;
}

.calculator.main .vtv-page-title-area .entry-title{
    color: #333333;
}

.calculator.main.embed{
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.calculator.main.embed .MuiContainer-root{
    max-width: 1680px !important;
    padding-left: 15px;
    padding-right: 15px;
}