.cbm-calculator {
    /*padding: 20px;
    border: 1px solid #ccc;
    background-color: #f9f9f9;*/
    width: 100%;
    width: 840px;
    max-width: 840px;
    margin: 50px auto;
}

.cbm-form {
    display: none;
    border: 1px solid #D9D9D9;
    background-color: #F5F7FA;
    padding: 20px;
}

.cbm-form div {
    margin-bottom: 10px;
}

.cbm-calculator label {
    font-size: 15px;

}
.cbm-calculator button {
    padding: 10px 20px;
    background-color: #DE1F26;
    color: white;
    border: none;
    cursor: pointer;
}
#calculate_btn button{
    margin:15px 0 20px 0;
}

.cbm-calculator button:hover {
    background-color: #435DAA;
}

.cbm-calculator input[type="number"], .cbm-calculator select {
    width: 100%;
    padding: 8px;
}

.cbm-calculator .tabs {
    margin-bottom: 0px;
}

.cbm-calculator .tabs button {
    padding: 10px;
    background-color: #D9D9D9;
    border: 1px solid #D9D9D9;
    cursor: pointer;
    border: unset;
    border-radius: unset;
}

.cbm-calculator .tabs button:hover {
    background-color: #435DAA;
}

.cbm-calculator .tabs button.active {
    background-color: #435DAA;
    color: white;
}
.cbm-calculator button,
.cbm-calculator .ast-button,
.cbm-calculator.button,
.cbm-calculator input[type="button"],
.cbm-calculatorinput[type="reset"],
.cbm-calculator input[type="submit"]{
    border-radius: unset;
    box-shadow: unset;
}
.result-adv{
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
}

.result-adv p{
    margin: 5px 0;
    color: #080808;
}
.result-adv span{
    font-weight: 700;
    font-size: 18px;
    color: #080808;
}

#gross_weight_kg_lb{
    display: flex;
        gap: 10px;
}

#gross_weight_adv{
    
}
#weight_unit{
    
}
#if_feet_selected_length,
#if_feet_selected_length_adv,
#if_feet_selected_width,
#if_feet_selected_width_adv,
#if_feet_selected_height,
#if_feet_selected_height_adv{
    display:none;
}

.cubic_meter_feet{
    display: flex;
    gap: 30px;
}
#if_feet_selected_length > .div_container_flex,
#if_feet_selected_length_adv > .div_container_flex,
#if_feet_selected_width > .div_container_flex,
#if_feet_selected_width_adv > .div_container_flex,
#if_feet_selected_height > .div_container_flex,
#if_feet_selected_height_adv > .div_container_flex{
    display: flex;
    gap: 20px;
}
.cubic_meter_1{
    display: flex;
    gap: 5px;
    font-size: 18px;
}
.cubic_feet_1{
    display: flex;
    gap: 5px;
    font-size: 18px;
}

@media (max-width:767px){
	.cbm-calculator{
		width: 100%;
		max-width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}
@media (min-width:768px) and (max-width:1024px){
	.cbm-calculator{
		width: 100%;
		max-width: 80%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}