<script>
$( document ).ready(function() {
let resultList = {
"4" :"Elementary",
"9" :"Middle",
"14":"Maximum"
};
$('.rate').on('DOMSubtreeModified', ' .t-calc', function() {
setTimeout(function(){
let total = +$('.rate .t-input-group_fr').find('input').val();
let finalRate='';
$.each(resultList, function( key, value ) {
if(total>=+key) finalRate = resultList[key];
});
if(finalRate == '') finalRate = '...';
$('.ratetxt .tn-atom').html(finalRate);
$('input[name="rate"]').val(finalRate);
}, 100);
});
});
</script>
<style>
.t396__elem button.t-submit {
transition: all 0.3s ease-in-out;
}
.t396__elem button.t-submit:hover {
background-color: #fff !important;
color: #c7a17a !important;
}
.rate .t-calc {
font-size: 600px;
opacity: 0.07;
}
.rate {
left: auto !important;
right: 0 !important;
top: -170px !important;
}
select option {
margin: 40px;
background: rgb(199 161 122);
color: #fff !important;
text-shadow: 0 1px 0 rgb(199 161 122);
}
select:focus > option:checked {
background: #c7a17a !important;
}
</style>