#hero .btn{
    display: none;
}
#mc{
    padding: 150px 20px 80px;
}
#calculator .nav-link{
    background: #fff;
    color: #000;
    font-size: 20px;
    padding: 10px 50px;
    font-weight: 600;
}
#calculator .nav-link.active{
    background: #1C2A45;
    color: #fff;
}
#calculator{
    background: #E6F2F9;
    padding: 20px 20px 0;
    border-radius: 15px;
}

#calculator h2{
    text-align: center;
    margin: 40px 0 50px;
}

#calculator label{
    color: #1C2A45;
    font-weight: 500;
}

#calculator .bottom {
    margin: 15px 0 0;
}

#calculator p{
    color: #1C2A45;
    font-weight: 500;
    margin: 20px 0 10px;
}
#calculator .figure, #calculator .symbol{
    font-size: 30px;
    color: #1C2A45;
    font-weight: 700;
}
.tab-content{
    padding: 60px 20px;
}
.packages{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}
.packages .box{
    width: 14%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background: #fff;
}
.packages .title{
    font-size: 20px;
    width: 100%;
    color: #fff;
    font-weight: 500;
    text-align: center;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background: #59B13A;
}
.packages .result{
    font-size: 20px;
    font-weight: 600;
    width: 100%;
    text-align: center;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.packages .form-check{
    width: 100%; 
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
}
.packages .form-check-input{
    height: 30px;
    width: 30px;
}
.packages .wrap{
    width: 100%;
    height: 70px;
    padding: 0;
    display: flex;
}
.packages select{
    height: 100%;
    border:none;
}

.totals{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}
.totals .box{
    width: 16%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background: #fff;
}
.totals .totals-box{
    width: 100%;
    margin-top: 50px;
}
.totals .input-group{
    height: 100%;
    border: none;
}
.totals .input-group-text{
    border: none;
}
.totals .deposit{
    border: none;
}
.totals .remaining{
    height: 100%;
    width: 100%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.totals .title{
    font-size: 20px;
    width: 100%;
    color: #fff;
    font-weight: 500;
    text-align: center;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background: #59B13A;
}
.totals .wrap{
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;

}
.totals select{
    border: none;
}
.totals-box .wrap{
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.practical2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}
.practical2 .title{
    font-size: 20px;
    width: 100%;
    color: #fff;
    font-weight: 500;
    text-align: center;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background: #59B13A;
}
.practical2 .box1{
    width: 70%;
}
.practical2 .box2{
    width: 29%;
}
.practical2 .wrap{
    height: 70px;
    background: #fff;
}
.practical2 select{
    height: 100%;
    border:none;
}

.totals2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
}
.totals2 .box{
    width: 16%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background: #fff;
}
.totals2 .totals-box{
    width: 100%;
    margin-top: 50px;
}
.totals2 .input-group{
    height: 100%;
    border: none;
}
.totals2 .remaining{
    height: 100%;
    width: 100%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.totals2 .title{
    font-size: 20px;
    width: 100%;
    color: #fff;
    font-weight: 500;
    text-align: center;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background: #59B13A;
}
.totals2 .wrap{
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;

}
.totals2 select{
    border: none;
}
.totals2 .totals-box .wrap{
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}
.package-total {
    height: 100%;
    width: 100%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

@media(max-width:1600px){
    .packages .box{
        width: 30%;
        margin: 10px;
    }
    .totals .box{
        width: 50%;
        margin: 10px 0;
    }
    .totals .totals-box{
        width: 100%;
    }
    .totals input{
        border:none;
    }
    .totals select{
        text-align: center;
    }
    .totals .input-group-text{
        border: none;
    }
    .totals2 .box{
        width: 50%;
        margin: 10px 0;
    }
    .totals2 .totals-box{
        width: 100%;
    }
    .totals2 input{
        border:none;
    }
    .totals2 select{
        text-align: center;
    }
    .totals2 .input-group-text{
        border: none;
    }
    
}
@media(max-width:1200px){
    .packages .box{
        width: 100%;
        margin: 10px 0;
        flex-direction: row;
    }
    .packages{
        margin-bottom: 20px;
    }
    .packages select{
        text-align: center;
    }
}

@media(max-width:991px){
    #mc{
        padding: 50px 0 0;
    }
    #calculator{
        background: #E6F2F9;
        padding: 20px 0 0;
        border-radius: 15px;
    }
    .totals2 .title, .totals .title, .packages .title, .practical2 .title{
        font-size: 16px;
    }
}
@media(max-width:767px){
    #calculator .box{
        width: 100%;
        flex-direction: column;
    }
    #calculator .nav-link{
        font-size: 16px;
        padding: 10px 20px;
    }
}