.freight-class {  width: 80%; margin: 0 auto 40px;        box-shadow: 1px 1px 30px 0px rgb(1 1 1 / 12%);   padding: 40px 2.5% 0px 5%;  }
.freight-class input[type="number"] {
max-width: 130px;
height: 60px;
padding: 10px 10px 10px 15px;
border: 1px solid #e0e6e8;
color: #000;
font-size: 22px;
outline: none;
font-weight: 400;
}
.freight-class select {
width: 194px;
height: 60px;
padding: 10px 10px 10px 15px !important;
border: 1px solid #e0e6e8;
color: #000;
font-size: 19px !important;
outline: none !important;
font-weight: 400;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(http://shiphype.com/wp-content/uploads/2022/07/drop_arrow.png) !important;
background-repeat: no-repeat !important;
background-position: 90% 50% !important;
}
#IB0ML{ color: #000;    font-family: 'Gilroy';    font-size: 28px;    font-weight: 400;
max-width: 640px;    margin: auto;    padding-top: 25px;    line-height: 40px; }
.form-submit { margin-bottom: 0px; }
.total-row{ padding-bottom: 40px; } 
select#unit{  WIDTH: 70%; }
.form-group input:focus{ border: 2px solid #2047b0; }
.form-horizontal .control-label {    padding-top: 12px; }
.form-horizontal .total-row .control-label {    padding-top: 0px; }
.freight-class-result { padding-top: 20px;    display: block; }
.form-horizontal .form-group:nth-child(1),.form-horizontal .form-group:nth-child(2),.form-horizontal .form-group:nth-child(3),.form-horizontal .form-group:nth-child(4),.form-horizontal .form-group:nth-child(5) {  margin: 0px;   width: 20%;    float: left; }
.form-horizontal .form-group label {     display: block;    width: 100%;    text-align: left; padding-left: 0px; font-size: 17px; } 
.freight-class-result table {     margin: auto;    border: 1px solid #000; }
.freight-class-result table td{ border: 1px solid #000;  padding:10px 30px; font-size: 18px; }
.form-submit {    text-align: right;    margin-top: 20px; margin-right: 45px !important; }
.calculate_btn input {   margin-left: 10px !important; background-color: #2047b0 !important;    color: #fff;    border: none;
font-family: 'Gilroy';    font-size: 22px;    font-weight: 700;    padding: 20px 50px;    margin-left: 6px;    transition: all 0.3s ease; } 
@media (max-width: 600px){  
.form-horizontal .form-group{ width: 100% !important; }
.freight-class {    width: 100%; } 
.freight-class {    padding: 40px 5%; } 
.freight-class input[type="number"],.freight-class select { width: 100%; max-width: 100%; }
}