.contactSec {
	.contLeftSec {
		.headingWrap {
			margin-bottom: 40px;

			.secH {
				margin-bottom: 10px;
				font-weight: 600;
			}
		}

		.contLeftCardInn {
			border-radius: 20px;
			background: #fff;
			box-shadow: 4px 7px 20px 7px rgba(3, 93, 132, 0.1);
			padding: 50px 25px;

			&:not(:last-child) {
				margin-bottom: 40px;
			}

			.contCardSubDiv {
				display: flex;

				.contCardIcon {
					min-width: 40px;
					width: 40px;
					height: 40px;
					border-radius: 50%;
					background-color: #d80404;
					display: flex;
					justify-content: center;
					align-items: center;
					transition: all 0.5s;

					img {
						width: 20px;
						height: auto;
					}

					&:hover {
						background-color: #000;
					}
				}

				.contCardTxt {
					padding-left: 20px;
					width: calc(100% - 40px);

					p {
						color: #000;
						font-family: "Poppins";
						font-size: 18px;
						font-style: normal;
						font-weight: 400;
						line-height: 31px;
					}
				}

				&:not(:last-child) {
					margin-bottom: 40px;

					.contCardTxt {
						position: relative;
						padding-right: 8px;

						&::after {
							content: '';
							position: absolute;
							width: 1px;
							height: 100%;
							right: 0;
							top: 0;
							background: rgba(0, 0, 0, 0.20);
						}
					}
				}
			}

			h6 {
				color: #6c6c6c;
				font-family: "Poppins";
				font-size: 22px;
				font-style: normal;
				font-weight: 600;
				line-height: 25px;
				margin-bottom: 10px;
			}

			.contSubRowDiv {
				padding-top: 20px;

				.contCardSubDiv {
					margin-bottom: 0;

					p {
						margin-bottom: 8px;

						a {
							color: #000;
							font-family: "Poppins";
							font-size: 18px;
							font-style: normal;
							font-weight: 400;
							line-height: 1.2;
							transition: all 0.5s;

							&:hover {
								color: #d80404;
							}
						}
					}

					.contSocialDiv {
						display: flex;
						gap: 15px;
						flex-wrap: wrap;

						a {
							color: #fff;
							font-size: 18px;
						}
					}
				}
			}

			&:first-child {
				.contCardSubDiv {
					&:not(:last-child) {
						.contCardTxt {
							&::after {
								content: normal;
							}
						}
					}
				}
			}
		}
	}

	.contRightSec {
		background-color: #b70800;
		padding: 60px 40px;
		border-radius: 20px;
		margin-left: 20px;

		.headingWrap {
			margin-bottom: 40px;

			.contH {
				color: #fff;
				font-family: "Zabal DEMO";
				font-size: 70px;
				font-style: normal;
				font-weight: 500;
				line-height: 60px;
				letter-spacing: 2.1px;
				margin-bottom: 30px;
			}

			p {
				color: #fff;
			}
		}

		form {
			.form-group {
				margin-bottom: 40px;

				label {
					display: block;
					width: 100%;
					color: #fff;
					font-family: "Poppins";
					font-size: 22px;
					font-style: normal;
					font-weight: 400;
					line-height: 18px;
					margin-bottom: 20px;
				}

				input {
					width: 100%;
					display: block;
					background-color: transparent;
					border-radius: 7px;
					border: 1px solid rgba(255, 255, 255, 0.96);
					padding: 12px 20px;
					color: #d0d0d0;
					outline: 0;
					font-size: 18px;

					&::placeholder {
						color: #d0d0d0;
					}
				}

				select {
					width: 100%;
					display: block;
					background-color: transparent;
					border-radius: 7px;
					border: 1px solid rgba(255, 255, 255, 0.96);
					padding: 12px 20px;
					color: #d0d0d0;
					outline: 0;
					font-size: 18px;

					option {
						color: #000;
					}
				}

				textarea {
					width: 100%;
					display: block;
					background-color: transparent;
					border-radius: 7px;
					border: 1px solid rgba(255, 255, 255, 0.96);
					padding: 12px 20px;
					color: #d0d0d0;
					outline: 0;
					font-size: 18px;
					height: 150px;
					resize: none;

					&::placeholder {
						color: #d0d0d0;
					}
				}
			}

			.commonBtn {
				display: flex;
				justify-content: flex-end;
				padding-right: 100px;

				.quoteBtn {
					border-color: #fff;

					.quoteText {
						background-color: #b70800;
						color: #fff;
					}
				}
			}

			.btnWrap {
				display: flex;
				justify-content: flex-end;
				padding-bottom: 15px;

				.btnOne {
					padding: 12px 45px;
					border-radius: 10px;
					background-color: #000;
					border: 1px solid #FD0C00;
					font-weight: 500;
					color: #fff;
					display: inline-block;
					position: relative;
					transition: 0.5s;

					&:hover {
						background-color: #fff;
						color: #b70800;
					}
				}

				.wpcf7-spinner {
					padding: 0;
					margin: 0;
					position: absolute;
				}
			}
		}

		.wpcf7 form {
			&.invalid {
				.wpcf7-response-output {
					color: #ff8787;
				}
			}

			&.sent{
				.wpcf7-response-output {
					color: #fff;
				}
			}
		}

		.wpcf7-not-valid-tip {
			color: #ff8787;
		}
	}
}

.findDealerSec {
	padding-bottom: 5px;

	.findDealerSecInn {
		display: flex;
		justify-content: space-between;

		.findDealerFil {
			width: 30%;
			padding-left: 3%;
			background-color: #b70800;
			display: flex;
			flex-direction: column;
			justify-content: center;

			.headingWrap {
				.secH {
					color: #fff;
				}
			}

			.findDealerSer {
				width: calc(100% - 50px);
				height: 60px;
				border-radius: 10px;
				border: 1px solid rgba(255, 255, 255, 0.65);
				display: flex;
				justify-content: space-between;
				align-items: center;
				position: relative;
				padding: 8px 15px;
				cursor: pointer;

				&::before {
					content: "\f002";
					font-family: fontawesome;
					position: absolute;
					left: 15px;
					top: 50%;
					transform: translateY(-50%);
					color: rgba(255, 255, 255, 0.65);
				}

				input[type="search"] {
					width: calc(100% - 30px);
					background-color: transparent;
					border: none;
					outline: 0;
					padding-left: 35px;
					color: #fff;
					padding-right: 10px;

					&::placeholder {
						color: #fff;
					}
				}

				.inpSUbWrap {
					position: relative;
					width: 30px;
					height: 30px;
					border-radius: 50%;
					background-color: #fff;
					transition: all 0.5s;

					input[type="submit"] {
						width: 100%;
						height: 100%;
						background-color: transparent;
						outline: 0;
						border: none;
						font-size: 0;
					}

					&::after {
						content: "";
						position: absolute;
						background: url(../images/contact/arrow.png) no-repeat;
						width: 20px;
						height: 20px;
						background-size: 100%;
						left: 50%;
						top: 50%;
						transform: translate(-50%, -50%);
					}

					&:hover {
						background-color: #000;

						&::after {
							filter: contrast(1) invert(1);
						}
					}
				}
			}

			.findDealerResult {
				max-height: 500px;
				overflow-y: auto;
				padding-top: 20px;
				padding-right: 5px;

				li {
					display: flex;
					align-items: center;
					padding: 20px 0px;

					&:not(:last-child) {
						border-bottom: 1px solid rgba(255, 255, 255, 0.65);
					}

					.numDiv {
						width: 50px;
						height: 30px;
						border: 1px solid rgba(255, 255, 255, 0.65);
						background: transparent;
						padding: 8px 12px;
						color: #fff;
						font-family: "Poppins";
						font-size: 18px;
						font-style: normal;
						font-weight: 600;
						line-height: 16px;
						letter-spacing: 0.54px;
						text-align: center;
					}

					a {
						width: calc(100% - 50px);
						padding-left: 20px;
						color: #fff;
						font-family: "Poppins";
						font-size: 20px;
						font-style: normal;
						font-weight: 600;
						line-height: 30px;
						letter-spacing: 0.6px;
					}
				}

				&::-webkit-scrollbar {
					width: 6px;
				}

				&::-webkit-scrollbar-track {
					background-color: #ccc;
				}

				&::-webkit-scrollbar-thumb {
					background-color: #ffc31d;
				}
			}
		}

		.findDealerMap {
			width: 70%;

			.findDealermapInn {
				width: 100%;
				height: 750px;

				iframe {
					width: 100%;
					height: 100%;
				}
			}
		}
	}
}

#dealer-popup-content {
	width: 100%;
	max-width: 600px;

	h3 {
		color: #b70800;
		font-size: 25px;
		font-weight: 600;
		text-align: center;
		margin-bottom: 20px;
	}

	ul {
		li {
			margin-bottom: 10px;
			font-size: 16px;

			span {
				font-weight: 600;
			}
		}
	}

	.dealer-iframe {
		width: 100%;
		height: 300px;

		iframe {
			width: 100%;
			height: 100%;
		}
	}
}

/* Responsive */

@media (max-width: 1738px) {
	.findDealerSec {
		.findDealerSecInn {
			.findDealerFil {
				.findDealerSer {
					width: calc(100% - 30px);
					padding: 8px 10px;

					input[type="search"] {
						font-size: 17px;
					}
				}
			}
		}
	}
}

@media (max-width: 1600px) {
	.contactSec {
		.contLeftSec {
			.contLeftCardInn {
				padding: 30px 25px;

				.contSubRowDiv {
					.contCardSubDiv {
						.contSocialDiv {
							gap: 10px;
						}
					}
				}
			}
		}

		.contRightSec {
			.headingWrap {
				.contH {
					font-size: 55px;
					margin-bottom: 20px;
				}
			}
		}
	}

	.findDealerSec {
		.findDealerSecInn {
			.findDealerFil {
				width: 35%;
			}

			.findDealerMap {
				width: 65%;
			}
		}
	}

}


@media (max-width: 1366px) {
	.contactSec {
		.contRightSec {
			padding: 35px 30px;
			margin-left: 0;

			.headingWrap {
				margin-bottom: 30px;

				.contH {
					font-size: 45px;
					margin-bottom: 10px;
				}
			}

			form {
				.form-group {
					margin-bottom: 30px;

					label {
						font-size: 18px;
						margin-bottom: 15px;
					}

					input,
					select,
					textarea {
						padding: 8px 12px;
						font-size: 16px;
					}

					textarea {
						height: 100px;
					}
				}
			}
		}

		.contLeftSec {
			.contLeftCardInn {
				padding: 25px 20px;
				margin-bottom: 25px;

				.contCardSubDiv {
					&:not(:last-child) {
						margin-bottom: 22px;
					}

					.contCardTxt {
						padding-left: 10px;
						width: calc(100% - 35px);

						h6 {
							font-size: 20px;
							line-height: 25px;
							margin-bottom: 10px;
						}

						p {
							font-size: 16px;
							line-height: 26px;

							a {
								font-size: 16px;
								line-height: 26px;
							}
						}
					}

					.contCardIcon {
						min-width: 35px;
						width: 35px;
						height: 35px;

						img {
							width: 18px;
						}
					}
				}
			}
		}
	}

	.findDealerSec {
		padding-top: 0;
		.findDealerSecInn {
			.findDealerFil {
				.findDealerSer {
					width: calc(100% - 20px);
					height: 55px;
					padding: 5px 10px;
				}

				.findDealerResult {
					max-height: 280px;
					li {
						a {
							width: calc(100% - 40px);
							padding-left: 12px;
							font-size: 16px;
							line-height: 25px;
						}

						.numDiv {
							width: 40px;
							height: 30px;
							padding: 6px 8px;
							font-size: 16px;
						}

					}
				}
			}

			.findDealerMap {
				.findDealermapInn {
					height: 500px;
				}
			}
		}
	}
}


@media (max-width: 1280px) {
	.findDealerSec {
		.findDealerSecInn {
			.findDealerMap {
				width: 60%;

				.findDealermapInn {
					height: 550px;
				}
			}

			.findDealerFil {
				width: 40%;

				.findDealerResult {
					max-height: 320px;

					li {
						padding: 15px 0px;
					}
				}
			}
		}
	}
}


@media (max-width: 1199px) {
	.contactSec {
		.contLeftSec {
			.contLeftCardInn {
				.contSubRowDiv {
					padding-top: 15px;
					row-gap: 20px;

					.contCardSubDiv {
						&:not(:last-child) {
							.contCardTxt {
								&::after {
									content: normal;
								}
							}
						}
					}
				}
			}
		}

		.contRightSec {
			.headingWrap {
				.contH {
					font-size: 35px;
					line-height: 45px;
				}
			}

			form {
				.form-group {
					margin-bottom: 30px;

					label {
						font-size: 18px;
						margin-bottom: 15px;
					}

					input {
						padding: 8px 15px;
						font-size: 16px;
					}

					textarea {
						padding: 8px 15px;
						font-size: 16px;
						height: 100px;
					}

					select {
						padding: 10px 15px;
						font-size: 16px;
					}
				}
			}
		}
	}


	.findDealerSec {
		.findDealerSecInn {
			.findDealerFil {
				.findDealerSer {
					&::before {
						left: 10px;
						font-size: 15px;
					}

					input[type="search"] {
						font-size: 16px;
						padding-left: 24px;
					}
				}
			}
		}
	}
}

@media (max-width: 1024px) {
	.findDealerSec {
		.findDealerSecInn {
			.findDealerFil {
				width: 45%;
			}

			.findDealerMap {
				width: 55%;
			}
		}
	}
}


@media (max-width: 991px) {
	.contactSec {
		.contactSecMain {
			flex-direction: column-reverse;

			.contRightSec {
				.headingWrap {
					text-align: center;
				}

				form {
					.btnWrap {
						justify-content: center;
					}
				}
			}

			.contLeftSec {
				padding-top: 50px;

				.headingWrap {
					text-align: center;
				}
			}
		}
	}

	.findDealerSec {
		padding-top: 0;

		.findDealerSecInn {
			flex-direction: column;

			.findDealerFil {
				width: 100%;
				padding: 50px 25px 20px 25px;

				.headingWrap {
					.secH {
						text-align: center;
					}
				}

				.findDealerResult {
					max-height: 270px;
					padding-top: 0;

					li {
						padding: 15px 0px;
					}
				}

				.findDealerSer {
					width: 100%;
					margin-bottom: 20px;
				}
			}

			.findDealerMap {
				width: 100%;

				.findDealermapInn {
					height: 400px;
				}
			}
		}
	}
}

@media (max-width: 575px) {
	.contactSec {
		.contRightSec {
			padding: 30px 20px;

			form {
				.form-group {
					row-gap: 30px;
					label {
                        display: none;
                    }
				}
			}
		}
	}

	.findDealerSec {
		.findDealerSecInn {
			.findDealerFil {
				padding: 50px 15px 20px 15px;
			}

			.findDealerMap {
				.findDealermapInn {
					height: 300px;
				}
			}
		}
	}
}

@media (max-width: 420px) {
	.findDealerSec {
		.findDealerSecInn {
			.findDealerFil {
				.findDealerSer {
					input[type="search"] {
						font-size: 14px;
					}
				}
			}
		}
	}
}