/* truck form css */
html {
			scroll-behavior: smooth;
		}
		.container.truck-booking {
			width: 100%;
			margin: 50px auto;
			background-color: #fff;
			border-radius: 8px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			padding: 30px 60px;
		}

		.truck-booking .form-group {
			width: 100%;
			margin: 0;
			height: auto;
			margin-bottom: 25px;
		}

		.truck-booking label {
			display: block;
			font-weight: bold;
			margin-bottom: 5px;
		}

		.truck-booking select,
		.truck-booking input[type="text"],
		.truck-booking input[type="date"] {
			width: 100%;
			padding: 8px;
			border: 1px solid #ccc;
			border-radius: 4px;
			box-sizing: border-box;
		}

		.truck-booking input[type="submit"] {			
			font-family: "Quicksand", Sans-serif;
			font-size: 18px;
			font-weight: 700;
			letter-spacing: 1.9px;
			border-radius: 30px 30px 30px 30px;
			padding: 12px 25px 12px 25px;
		}

		.truck-booking input[type="submit"]:hover {
			cursor: pointer;
			background-color: #DBA97A;
		}
		.frm_prt_a {
			display: flex;
			gap: 30px;
			align-items: center;
			justify-content: center;
			width: 100%;
		}
		.truck-booking .form-group label {
			font-size: 16px;
		}
		.container.truck-booking input#tbf_btn {
			width: 50%;
			margin: 20px auto 0;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.truck-booking .field_err {
			font-size: 14px;
			color: #ff0101;
			letter-spacing: 0.6px;
			line-height: 22px;
		}
		
		.truck-booking .focused{
			border:1px solid #E38442 !important;
		}
		#tbf_btn::hover{
			cursor:pointer ;
		}
		.dfsd {
			display: flex;
			align-items: center;
			gap: 20px;
			margin-top: 15px;
		}
		.truck-booking .inf.error {
			color: #000 !important;
		}
		.truck-booking .error {
			color: #f00;
			font-size: 13px !important;
			font-weight: 400;
			margin-top: 3px;
		}
		select, input {
			outline: 0;
		}
		.dfsd label {
			display: flex;
			align-items: center;
			gap: 4px;
		}
		.additional-info {
            display: none;
            /*margin-top: 20px;*/
        }
		.weight_type_container {
			display: flex;
			align-items: center;
			margin-top: 6px;
			gap: 20px;
			border: 1px solid #ccc;
			height: 40px;
			padding: 0 12px;
			border-radius: 5px;
		}

		.weight_type_container label {
			display: flex;
			align-items: center;
			gap: 5px;
		}
		.frm_prt_a.frm_prt_last {
			align-items: inherit;
		}
		.success_msg{
			font-size:16px;
			width:75%;
			border:1px solid #0f0;
			color:#0f0;
			padding:10px;
			margin:0 auto;
		}
		.failure_msg{
			font-size:16px;
			width:75%;
			border:1px solid #f00;
			color:#f00;
			padding:10px;
			margin:0 auto;
		}
		.country_sec {
			margin: 15px 0px;
		}

		.country_sec label {
			font-weight: 400;
		}
		.destination_country_sec{
			display:none;
		}
		.origin_state_sec{
			display:none;
		}
		.destination_state_sec{
			display:none;
		}
		.form-group p {
			font-size: 16px;
		}
		.form-group label span {
			color:#DB6564;
		}

		
		@media screen and (max-width: 767px) {
			.truck-booking .form-group {
				width: calc(100% - 40px); /* 100% width for each column on smaller screens */
			}
			.container.truck-booking {
				width: 100%;
				margin: 0px auto 20px;
				padding: 20px 20px;
			}
			.truck-booking .form-group label {
				font-size: 13px;
			}
			.container.truck-booking input#tbf_btn {
				width: 55%;
				margin: 10px auto 0;
				padding: 10px 0;
				font-size: 14px;
			}
			.frm_prt_a {
				gap: 15px;
			}
			.frm_prt_a input, .frm_prt_a select {
				font-size: 13px;
			}
			.truck-booking .form-group {
				height: 75px;
			}
			.success_msg, .failure_msg{
				width:100%;
			}
			
		}

input#tbf_btn:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}