/*calc_form*/
.calc_form_block {}
.calc_form {background-color: #eef3f8; border-radius: 12px; padding: 30px;}
.calc_form label span {
    color: #1a2248;
    font-weight: 500;
    font-size: 1.2rem;
}
.calc_form .field .comment {color: #868686; font-size: 0.8rem;}
.calc_form .min_max {color: #868686; font-size: 0.8rem;}
.calc_form .min_max > div {width: 50%; max-width: 50%;}
.calc_form .min_max > div:last-child {text-align: right;} 

.calc_info_container {width: 400px; max-width: 400px; padding: 0 30px; border-radius: 12px;}
.calc_info_container > div {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 30px;
    background-color: #FFF; 
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    color: #fff;
    background: var(--OPTION_BASE_COLOR);
    background: linear-gradient(180deg, #023A7C, #8BA7C9);
    border-radius: 12px;

}
.calc_info_container .note_text {color: #fff; font-size: 0.8rem; margin: 10px 0;}
.calc_info_container .digit {font-weight: 600; margin: 20px 0; font-size: 1.4rem}
.calc_form .styled_radio > label {font-size: 1.2rem;}
.calc_form ul.styled_radio {margin: 0; padding: 0;}
.calc_form ul.styled_radio li {list-style: none; padding: 10px 20px 0 0;}

.calc_form_block .ui-widget-content {background-color: #e5e5e5}

@media screen and (max-width: 991px)
{
    .calc_info_container {width: 100%; max-width: 100%; padding: 30px 0;}  
    .calc_info_container .align-self-center {margin: 0 auto;}
    .calc_form_block {padding: 30px 10px;}
}