div.main-wrap.middle.free-quote
{
	background: url('/img_files/items/bg-free-quote.webp') no-repeat center;
	background-size: cover;
}

div.free-quote-wrap
{
	display: flex;
	justify-content: center;
	gap: 30px;
	width: 100%;
}

	div.free-quote-col.info
	{
		width: 380px;
	}
	
		div.free-quote-info
		{
			display: flex;
			flex-direction: column;
			gap: 15px;
			width: 100%;
			padding: 25px;
			background: rgb(0 0 0 / 70%);
			box-sizing: border-box;
			border-radius: 10px;
		}
		
			div.free-quote-info-line
			{
				width: 100%;
			}
			
				span.free-quote-info-label
				{
					display: flex;
					gap: 5px;
					align-items: center;
					float: left;
					padding: 5px 10px;
					background: #059669;
					border-radius: 20px;
				}
				
					span.free-quote-info-label span
					{
						font-size: 12px;
						line-height: 18px;
						font-weight: 500;
						color: #fff;
					}
					
					span.free-quote-info-label i
					{
						font-size: 16px;
						color: #fff;
					}
					
					span.free-quote-info-title
					{
						font-size: 24px;
						font-weight: 700;
						color: #fff;
					}
					
					span.free-quote-info-description
					{
						font-size: 14px;
						color: rgb(255 255 255 / 90%);
					}
					
				div.free-quote-info-list
				{
					display: flex;
					flex-direction: column;
					gap: 15px;
					width: 100%;
				}
				
					div.free-quote-info-list-item
					{
						display: flex;
						align-items: center;
						gap: 15px;
						padding: 15px;
						background: rgb(255 255 255 / 10%);
						border-radius: 10px;
						box-sizing: border-box;
						transition: 0.3s;
						-o-transition: 0.3s;
						-webkit-transition: 0.3s;
					}
					
					div.free-quote-info-list-item:hover
					{
						background: rgb(255 255 255 / 20%);
					}
					
						div.free-quote-info-list-item-cell.icon
						{
							width: 40px;
						}
						
							div.free-quote-info-list-item-cell.icon i
							{
								display: block;
								font-size: 20px;
								color: #fff;
								padding: 10px;
								border-radius: 40px;
							}
							
							div.free-quote-info-list-item-cell.icon i.mdi-check
							{
								background: #059669;
							}
							
							div.free-quote-info-list-item-cell.icon i.mdi-currency-usd
							{
								background: #2b7fff;
							}
							
							div.free-quote-info-list-item-cell.icon i.mdi-lightning-bolt-outline
							{
								background: #ad46ff;
							}
						
						div.free-quote-info-list-item-cell.info
						{
							width: 100%;
						}
						
							span.free-quote-info-list-item-title
							{
								display: block;
								margin-bottom: 5px;
								font-size: 12px;
								color: rgb(255 255 255 / 70%);
							}
							
							span.free-quote-info-list-item-desc
							{
								display: block;
								font-size: 14px;
								font-weight: 600;
								color: #fff;
							}
	
				div.free-quote-contacts
				{
					display: flex;
					flex-direction: column;
					gap: 10px;
					width: 100%;
					padding-top: 15px;
					border-top: 1px solid rgb(255 255 255 / 30%);
				}
				
					a.free-quote-contact
					{
						display: flex;
						align-items: center;
						gap: 5px;
						font-size: 14px;
						color: #fff;
					}
					
						a.free-quote-contact i
						{
							font-size: 16px;
							color: #059669;
						}
						
						
	
	div.free-quote-col.form
	{
		width: 500px;
	}
	
		form.free-quote-form
		{
			display: flex;
			flex-direction: column;
			gap: 15px;
			width: 100%;
			padding: 25px;
			box-sizing: border-box;
			background: #fff;
			border-radius: 10px;
			box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
		}
		
			div.free-quote-form-block
			{
				display: flex;
				flex-direction: column;
				gap: 15px;
				width: 100%;
				box-sizing: border-box;
				border-radius: 8px;
			}
			
			div.free-quote-form-block.padding
			{
				padding: 15px;
			}
			
			div.free-quote-form-block.grey
			{
				background: #fbf9fa;
			}
			
			div.free-quote-form-block.blue
			{
				background: #eff6ff;
			}
			
				div.free-quote-form-block-line-wrap
				{
					display: flex;
					gap: 15px;
					width: 100%;
				}
				
					div.free-quote-form-block-cell
					{
						flex: 1;
					}
				
						span.free-quote-form-title
						{
							display: block;
							font-size: 24px;
							font-weight: 700;
							text-align: center;
							background: linear-gradient(to right, var(--color-main-text) 0%, var(--color-green) 100%);
							background-clip: text;
							color: #0000;
						}
						
						span.free-quote-form-desc
						{
							display: block;
							margin: 10px 0px;
							font-size: 14px;
							text-align: center;
							color: var(--color-main-text);
						}
						
						span.free-quote-form-helper
						{
							display: block;
							font-size: 12px;
							font-style: italic;
							text-align: center;
							color: var(--color-main-text);
						}
						
						span.free-quote-form-block-line-header
						{
							display: flex;
							align-items: center;
							gap: 10px;
							width: 100%;
							margin-bottom: 10px;
						}
						
							span.free-quote-form-block-line-header i
							{
								font-size: 22px;
							}
							
							span.free-quote-form-block-line-header i.mdi-account-outline
							{
								color: var(--color-green);
							}
							
							span.free-quote-form-block-line-header i.mdi-home-modern
							{
								color: var(--color-blue);
							}
							
							span.free-quote-form-block-line-header span
							{
								font-size: 16px;
								font-weight: 500;
								color: var(--color-main-text);
							}
							
							input.free-quote-field,
							select.free-quote-field
							{
								height: 48px;
								padding: 0px 15px;
								border: 2px solid #ebe6e7;
								border-radius: 8px;
							}
							
							input.free-quote-field.error,
							select.free-quote-field.error
							{
								border: 2px solid #f26d4f;
							}
							
							label.check-field:has(input.check.error[name="privacy"])
							{
								color: #f26d4f;
							}
							
							button.btn-free-quote-submit
							{
								width: 100%;
							}
							
							button.btn-free-quote-submit:hover
							{
								color: #fff;
							}