
		.main-container {
			max-width: 1000px;
			margin: 0 auto;
		}

		.fade-in {
			animation: fadeInUp 0.6s ease-out forwards;
		}

		.form-wrapper {
			background: white;
			border-radius: 24px;
			box-shadow: 0 0 0 2px white, 0.3em 0.3em 1em rgb(200 0 0 / 60%);
			overflow: hidden;
			border: 1px solid #ffffff;
		}

		.form-header {
			background: linear-gradient(to right, #3b82f6, #1e40af);
			;
			color: white;
			padding: 40px 50px;
			text-align: center;
			position: relative;
		}

		.form-header h1 {
			font-size: 2.1rem;
			font-weight: 700;
			margin-bottom: 12px;
			letter-spacing: -0.5px;
		}

		@media (min-width: 1200px) {

			.h1,
			h1 {
				font-size: 2.9rem;
			}
		}

		.h1,
		h1 {
			font-size: calc(1.375rem + 1.5vw);
		}

		.h1,
		.h2,
		.h3,
		.h4,
		.h5,
		.h6,
		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			margin-top: 0;
			margin-bottom: .5rem;
			font-weight: 500;
			line-height: 1.2;
			color: var(--bs-heading-color);
		}

		.form-header p {
			font-size: 1.1rem;
			opacity: 0.9;
			font-weight: 400;
		}

		p {
			margin-top: 0;
			margin-bottom: 1rem;
		}

		.form-header::after {
			content: '';
			position: absolute;
			bottom: -2px;
			left: 0;
			width: 100%;
			height: 4px;
			background: linear-gradient(90deg, #ea3030, #ea3030, #ea3030);
			background-image: linear-gradient(90deg, #005203, #ffff00, red);
		}

		*,
		::after,
		::before {
			box-sizing: border-box;
		}

		.form-header {
			background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
			color: white;
			padding: 40px 50px;
			text-align: center;
			position: relative;
		}

		.form-body {
			padding: 50px;
			background: var(--gray-50);
		}

		.section-title {
			padding: 0 0px;
			font-size: 1.5rem;
			font-weight: 600;
			color: #3b82f6;
			text-transform: uppercase;
			letter-spacing: 1px;
			background: var(--gray-50);
		}

		.section-divider {
			display: flex;
			align-items: center;
			margin: 45px 0 35px;
		}

		.section-divider::before,
		.section-divider::after {
			content: '';
			flex: 1;
			height: 1px;
			background: linear-gradient(90deg, transparent, #c4c3c3, transparent);
		}

		*,
		::after,
		::before {
			box-sizing: border-box;
		}


		.fade-in {
			animation: fadeInUp 0.6s ease-out forwards;
		}

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

		.form-label {
			display: block;
			font-weight: 600;
			color: #505050;
			margin-bottom: 10px;
			font-size: 1.3rem;
		}

		.form-label {
			margin-bottom: .5rem;
		}

		label {
			display: inline-block;
		}

		.required {
			color: #dd0000;
			margin-left: 4px;
		}

		.input-group-custom {
			position: relative;
		}

		.input-icon {
			position: absolute;
			left: 16px;
			top: 50%;
			transform: translateY(-50%);
			color: #3b82f6;
			font-size: 1.4rem;
			z-index: 5;
		}

		.fa-solid,
		.fas {
			font-weight: 900;
		}

		.fa-classic,
		.fa-regular,
		.fa-solid,
		.far,
		.fas {
			font-family: "Font Awesome 6 Free";
		}

		.fa,
		.fa-brands,
		.fa-classic,
		.fa-regular,
		.fa-sharp,
		.fa-solid,
		.fab,
		.far,
		.fas {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: var(--fa-display, inline-block);
			font-style: normal;
			font-variant: normal;
			line-height: 1;
			text-rendering: auto;
		}

		.fa-user:before {
			content: "\f007";
		}

		*,
		::after,
		::before {
			box-sizing: border-box;
		}

		.form-control.with-icon {
			padding-left: 48px;
		}


		.form-control,
		.form-select {
			border: 2px solid #d1d5db;
			border-radius: 12px;
			padding: 14px 18px;
			font-size: 1rem;
			transition: all 0.3s ease;
			background: white;
			width: 100%;
			color: #1f2937;
		}

		input[type="text"],
		input[type="email"],
		input[type="url"],
		input[type="password"],
		input[type="search"] {
			padding: 3px 6px;
		}

		input[type="text"],
		input[type="email"],
		input[type="url"],
		input[type="password"],
		input[type="search"] {
			color: #818181;
			border: 2px solid #ccc;
			height: 49px;
			width: 100%;
			-webkit-appearance: none;
		}

		.form-control:focus,
		.form-select:focus {
			border-color: #168902;
			box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
			outline: none;
			transform: translateY(1px);

		}

		.form-control:focus {
			color: #1e40af;
			background-color: #fff;
			border-color: #3b82f6;
			border: 2px solid #dee2e6;
			outline: 0;
			box-shadow: 0 0 0 4px #3b82f6;
		}


		.form-control {
			display: block;
			width: 100%;
			padding: .375rem .75rem;
			font-size: 1.2rem;
			font-weight: 400;
			line-height: 1.5;
			color: #212529;
			background-color: #fff;
			background-clip: padding-box;
			border: 2px solid #dee2e6;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			border-radius: 10px;
			transition: #1f2937 .15s ease-in-out, box-shadow .15s ease-in-out;
		}

		button,
		input,
		optgroup,
		select,
		textarea {
			margin: 0;
			font-family: inherit;
			font-size: inherit;
			line-height: inherit;
		}

		

		.submit-section {
			margin-top: 50px;
			text-align: center;
			padding-top: 35px;
			border-top: 2px solid #e5e7eb;
			background: white;
			border-radius: 16px;
			padding: 35px;
			box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
		}

		[type=button]:not(:disabled),
		[type=reset]:not(:disabled),
		[type=submit]:not(:disabled),
		button:not(:disabled) {
			cursor: pointer;
		}

		.btn-submit {
			background: linear-gradient(135deg, #3b82f6, #1e40af);
			border: none;
			color: white;
			padding: 16px 45px;
			border-radius: 12px;
			font-size: 1.1rem;
			font-weight: 600;
			letter-spacing: 0.5px;
			text-transform: uppercase;
			transition: all 0.3s ease;
			box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
			position: relative;
			overflow: hidden;
		}

		.btn-submit:hover {
			transform: translateY(-2px);
			box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
		}

		[type=button],
		[type=reset],
		[type=submit],
		button {
			-webkit-appearance: button;
		}

		button,
		select {
			text-transform: none;
		}

		button,
		input,
		optgroup,
		select,
		textarea {
			margin: 0;
			font-family: inherit;
			font-size: inherit;
			line-height: inherit;
		}

		button {
			border-radius: 0;
		}

		.btn-submit::before {
			content: '';
			position: absolute;
			top: 0;
			left: -100%;
			width: 100%;
			height: 100%;
			background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
			transition: left 0.5s;
		}

		.navigation .nav-links a:hover,
		.bttn:hover,
		button,
		input[type="button"]:hover,
		input[type="reset"]:hover,
		input[type="submit"]:hover {
			background: #1d3a7c !important;
			color: #ffffff !important;
			font-size: 22px !important;
			padding: 4px 18px !important;
			font-weight: 600;
			border-radius: 20px;
			height: 50px;
		}

		transitions style {
			transform: translateY(-1.48305px);
			box-shadow: rgba(0, 0, 0, 0.1) 0px 17.4153px 22.4153px -4.48305px, rgba(0, 0, 0, 0.043) 0px 8.44916px -4.22458px;
		}

		.captcha-container {
			margin: 10px 0;
		}

		

		.step-labels {
			display: flex;
			justify-content: space-between;
			margin-top: 10px;
		}

		.step-labels div {
			flex: 1;
			text-align: center;
			font-weight: bold;
			font-size: 0.8em;
		}

		.select2-results__option {
			padding: 6px 48px;
			user-select: none;
			-webkit-user-select: none;
		}

		.select2-container .select2-selection--single .select2-selection__rendered {
			display: block;
			padding-left: 50px;
			padding-right: 20px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.select2-container .select2-selection--single {
			box-sizing: border-box;
			cursor: pointer;
			display: block;
			height: 41px;
			user-select: none;
			-webkit-user-select: none;
		}

		.select2-container--default .select2-selection--single .select2-selection__rendered {
			color: #444;
			line-height: 38px;
		}
		
		.error{
			font-size:16px;
			font-weight:800;
			color:red;
			position:relative;
		}
		
		 .popup-overlay {
			  position: fixed;
			  top: 0;
			  left: 0;
			  width: 100%;
			  height: 100%;
			  background: rgba(0, 0, 0, 0.5);
			  display: none;
			  justify-content: center;
			  align-items: center;
			  z-index: 999;
			}

			/* Show popup with animation */
			.popup-overlay.show {
			  display: flex;
			  animation: fadeIn 0.3s ease forwards;
			}

			/* Popup form container */
			.popup-form {
			  background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);
		      color:white;
			  padding: 20px 30px;
			  border-radius: 8px;
			  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
			  width: 400px;
			  transform: scale(0.8);
			  opacity: 0;
			  animation: popupScale 0.3s ease forwards;
			}

			.close-btn {
			  float: right;
			  font-size: 18px;
			  cursor: pointer;
			}

			input[type="text"], input[type="email"] {
			  width: 100%;
			  padding: 10px;
			  margin: 8px 0;
			  box-sizing: border-box;
			}

			input[type="submit"] {
			  padding: 10px 20px;
			  background: #28a745;
			  border: none;
			  color: white;
			  cursor: pointer;
			  width: 100%;
			  margin-top: 10px;
			}

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

			@keyframes popupScale {
			  from {
				transform: scale(0.8);
				opacity: 0;
			  }
			  to {
				transform: scale(1);
				opacity: 1;
			  }
			}
