.modal-overlay {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.85);
			backdrop-filter: blur(5px);
			z-index: 1000;
			animation: fadeIn 0.3s ease;
			padding: 20px;
			overflow-y: auto;
			align-items: center;
			justify-content: center;
		}

		.modal-overlay.active {
			display: flex;
		}

		.modal-container {
			background: white;
			border-radius: 25px;
			max-width: 650px;
			width: 100%;
			position: relative;
			animation: slideUpNoScale 0.4s ease;
			box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
			border: 3px solid #ff8c42;
			transform: scale(0.74) !important;
			overflow: hidden;
		}

		/* Modal Header with Image */
		.modal-header {
			background: linear-gradient(135deg, #ff8c42 0%, #ff6b35 100%);
			padding: 40px 40px 20px;
			border-radius: 22px 22px 0 0;
			position: relative;
			color: white;
			text-align: center;
		}

		/* Camera Image Container */
		.camera-container {
			position: absolute;
			top: -40px;
			left: 50%;
			transform: translateX(-50%);
			z-index: 10;
		}

		.camera {
			width: 250px;
			height: 150px;
			border-radius: 15px;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			overflow: hidden;
		}

		.camera::before {
			content: '';
			position: absolute;
			top: -25px;
			left: 50%;
			transform: translateX(-50%);
			width: 2px;
			height: 25px;
			background: rgba(255, 255, 255, 0.4);
		}

		.camera img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		@keyframes swing {

			0%,
			100% {
				transform: rotate(0deg);
			}

			25% {
				transform: rotate(5deg);
			}

			75% {
				transform: rotate(-5deg);
			}
		}

		.modal-title-wrapper {
			max-width: 500px;
			margin: 0 auto;
			padding-top: 20px;
		}

		.modal-title {
			font-size: 36px;
			font-weight: 800;
			margin-bottom: 12px;
			text-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
			line-height: 1.1;
			letter-spacing: -1px;
			padding-top: 20px;
		}

		.modal-subtitle {
			font-size: 15px;
			opacity: 0.92;
			font-weight: 400;
			line-height: 1.6;
			max-width: 400px;
			margin: 0 auto;
		}

		.close-btn {
			position: absolute;
			top: 20px;
			right: 25px;
			background: rgba(255, 255, 255, 0.2);
			border: 2px solid rgba(255, 255, 255, 0.3);
			color: white;
			width: 42px;
			height: 42px;
			border-radius: 50%;
			cursor: pointer;
			font-size: 26px;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: all 0.3s ease;
			font-weight: 300;
			line-height: 1;
			z-index: 20;
		}

		.close-btn:hover {
			background: rgba(255, 255, 255, 0.3);
			transform: rotate(90deg);
			border-color: rgba(255, 255, 255, 0.5);
		}

		/* Modal Body */
		.modal-body {
			padding: 30px 40px 35px;
			background: #fafafa;
			border-radius: 0 0 22px 22px;
		}

		.form-group {
			margin-bottom: 16px;
		}

		label {
			display: block;
			margin-bottom: 8px;
			color: #2c2c2c;
			font-weight: 600;
			font-size: 13px;
			letter-spacing: 0.3px;
		}

		.required {
			color: #ff6b35;
		}

		input,
		textarea,
		select {
			width: 100%;
			padding: 12px 16px;
			border: 2px solid #e0e0e0;
			border-radius: 10px;
			font-size: 14px;
			transition: all 0.3s ease;
			font-family: inherit;
			background: white;
			color: #333;
		}

		input:focus,
		textarea:focus,
		select:focus {
			outline: none;
			border-color: #ff8c42;
			box-shadow: 0 0 0 4px rgba(255, 140, 66, 0.1);
			background: white;
		}

		input::placeholder,
		textarea::placeholder {
			color: #999;
		}

		textarea {
			resize: vertical;
			min-height: 70px;
			font-family: inherit;
		}

		.form-row {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 16px;
		}

		select {
			cursor: pointer;
			appearance: none;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-position: right 15px center;
			padding-right: 40px;
		}

		.submit-btn {
			width: 100%;
			padding: 15px;
			background: linear-gradient(135deg, #ff8c42 0%, #ff6b35 100%);
			color: white;
			border: none;
			border-radius: 10px;
			font-size: 16px;
			font-weight: 700;
			cursor: pointer;
			transition: all 0.3s ease;
			margin-top: 6px;
			text-transform: uppercase;
			letter-spacing: 1px;
			box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
		}

		.submit-btn:hover {
			transform: translateY(-2px);
			box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
		}

		.submit-btn:active {
			transform: translateY(0);
		}

		.success-message {
			display: none;
			background: linear-gradient(135deg, #4caf50 0%, #45a049 100%);
			color: white;
			padding: 18px;
			border-radius: 10px;
			margin-bottom: 18px;
			text-align: center;
			font-size: 15px;
			font-weight: 600;
			box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
		}

		.success-icon {
			font-size: 35px;
			margin-bottom: 8px;
		}

		/* Animations */
		@keyframes fadeIn {
			from {
				opacity: 0;
			}

			to {
				opacity: 1;
			}
		}

		@keyframes slideUpNoScale {
			from {
				transform: translateY(50px) scale(0.90);
				opacity: 0;
			}

			to {
				transform: translateY(0) scale(0.90);
				opacity: 1;
			}
		}

		@media (max-width: 768px) {
			.modal-overlay {
				padding: 15px;
				align-items: flex-start;

			}

			.modal-container {
				margin: 20px auto;
				max-width: 100%;
				border-radius: 20px;
				border-width: 2px;
			}

			.form-row {
				grid-template-columns: 1fr;
				gap: 0;
			}

			.form-row .form-group {
				margin-bottom: 16px;
			}

			.modal-header {
				padding: 25px 20px 20px;
				border-radius: 18px 18px 0 0;
			}

			.modal-body {
				padding: 20px 18px 25px;
				border-radius: 0 0 18px 18px;
			}

			.modal-title {
				font-size: 22px;
				margin-bottom: 8px;
				letter-spacing: -0.5px;
			}

			.modal-subtitle {
				font-size: 13px;
				line-height: 1.5;
			}

			.close-btn {
				width: 34px;
				height: 34px;
				font-size: 20px;
				top: 12px;
				right: 12px;
			}

			.camera-container {
				top: -25px;
			}

			.camera {
				width: 179px;
				height: 100px;
				border-radius: 10px;
			}

			.camera::before {
				height: 18px;
				top: -18px;
				width: 1.5px;
			}

			.modal-title-wrapper {
				padding-top: 12px;
			}

			input,
			textarea,
			select {
				padding: 12px 14px;
				font-size: 14px;
				border-radius: 8px;
			}

			label {
				font-size: 12px;
				margin-bottom: 6px;
			}

			.submit-btn {
				padding: 14px;
				font-size: 14px;
				border-radius: 8px;
				letter-spacing: 0.5px;
			}

			.form-group {
				margin-bottom: 14px;
			}

			textarea {
				min-height: 80px;
			}
		}

		@media (max-width: 400px) {
			.modal-overlay {
				padding: 10px;
			}

			.modal-container {
				margin: 15px auto;
			}

			.modal-title {
				font-size: 20px;
			}

			.modal-subtitle {
				font-size: 12px;
			}

			.camera {
				width: 120px;
				height: 75px;
			}

			.modal-title-wrapper {
				padding-top: 60px;
			}

			.modal-header {
				padding: 20px 15px 18px;
			}

			.modal-body {
				padding: 18px 15px 20px;
			}

			.camera-container {
				top: -22px;
			}

			input,
			textarea,
			select {
				padding: 11px 12px;
				font-size: 13px;
			}

			.submit-btn {
				padding: 12px;
				font-size: 13px;
			}
		}

		/* Tablet Screens */
		@media (min-width: 769px) and (max-width: 1024px) {
			.modal-container {
				max-width: 600px;
			}
		}

		/* Large Desktop Screens */
		@media (min-width: 1025px) {
			.modal-container {
				max-width: 650px;
				transform: scale(0.72);
			}
			
			.modal-overlay {
				padding: 30px 20px;
			}
			
			.modal-header {
				padding: 30px 30px 16px;
			}
			
			.modal-body {
				padding: 22px 30px 28px;
			}
		}