/* css/delivery-form.css */
.delivery-calculator {
	width: 100%;
	max-width: 730px;
}

.delivery-form {
	overflow: hidden;
	border-radius: 16px;
	padding: 32px;
	display: flex;
	gap: 24px 0;
	background-color: #fff;
	flex-wrap: wrap;
	justify-content: space-between;
	box-shadow: 0px 109px 31px 0px rgba(8, 43, 14, 0.00), 0px 70px 28px 0px rgba(8, 43, 14, 0.01), 0px 39px 24px 0px rgba(8, 43, 14, 0.02), 0px 17px 17px 0px rgba(8, 43, 14, 0.04), 0px 4px 10px 0px rgba(8, 43, 14, 0.04);
}

.delivery-form .form-group{
	 width: 100%;
	 max-width: 48%;
	 display: flex;
	 flex-direction:column;
	 
}

.delivery-form .form-group:last-child{
   max-width: 100%;
}

.delivery-form .form-group label{
	color:  #344054;
	font-family: 'Inter', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 142.857% */
}

.delivery-form .form-group label span{
	color: #F04438;
	margin-left: 2px;
}

.delivery-form .form-group select{
	display: flex;
	height: 44px;
	padding:  8px  12px;
	align-items: center;
	gap:  8px;
	align-self: stretch;
	border-radius: 8px;
	border: 1px solid  #D0D5DD;
	background:  #FFF;

	overflow: hidden;
	color:  #667085;
	text-overflow: ellipsis;

	font-family: 'Inter', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; 
	margin-top: 4px;
}

.delivery-form .form-group button{
	display: flex;
	padding: 10px  20px;
	justify-content: center;
	align-items: center;
	gap:  6px;
	align-self: stretch;
	border-radius: 12px;
	background:  #1D582B;

	color:  #fff;
	font-family:  'Inter', sans-serif;	
	font-size:  16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 150% */
	border: 0;
	transition: .3s;
}

.delivery-form .form-group button:hover{
	background: #143D1E;
}

.delivery-result{
	width: 100%;
	max-width: 730px;
	margin-top: 17px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 32px;
	gap: 16px;
	border-radius: 16px;
	background: #25943E;
    box-shadow: 0px 109px 31px 0px rgba(8, 43, 14, 0.00), 0px 70px 28px 0px rgba(8, 43, 14, 0.01), 0px 39px 24px 0px rgba(8, 43, 14, 0.02), 0px 17px 17px 0px rgba(8, 43, 14, 0.04), 0px 4px 10px 0px rgba(8, 43, 14, 0.04);
}

.delivery-result svg{
	width: 48px;
	height: 48px;
}

.delivery-result h3{
	overflow: hidden;
	color:  #fff;
	text-overflow: ellipsis;
	font-family: 'Inter', sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px; 
	text-align: center;
}

.delivery-result p{
	overflow: hidden;
	color:  #fff;
	text-overflow: ellipsis;
	text-align: center;
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px; /* 155.556% */
}

@media (max-width: 730px){
	.delivery-calculator, .delivery-result{
       max-width: 100%;
	   margin-left: auto;
	   margin-right: auto;
	   
	}

	.delivery-form{
      flex-direction: column;
	}

	.delivery-form .form-group{
		max-width: 100%;
	}
}

@media (max-width: 380px){
	.content-delicery-form{
		max-width: 95%;
	}
}


/*
.delivery-form .form-group {
	margin-bottom: 1em;
}

.delivery-form label {
	display: block;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.delivery-form select {
	width: 100%;
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.delivery-form select:disabled {
	background-color: #f5f5f5;
}

.delivery-form button {
	background-color: #0073aa;
	color: white;
	padding: 10px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: 100%;
}

.delivery-form button:hover {
	background-color: #005177;
}

.delivery-result {
	margin-top: 20px;
	padding: 15px;
	background: #fff;
	border-left: 4px solid #0073aa;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.delivery-result h3 {
	margin: 0 0 10px;
	color: #23282d;
}

.delivery-result p {
	margin: 0;
	color: #444;
} */