		input[type=number]::-webkit-inner-spin-button,
		input[type=number]::-webkit-outer-spin-button {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			margin: 0;
		}

		body {
			margin: 0;
			background: #f1f1f1;
		}

		.w-10 {
			width: 10%;
		}

		.w-80 {
			width: 80%;
		}

		.font24 {
			font-size: 20px;
		}

		.textClr {
			color: #ff8a52;
		}

		.font14 {
			font-size: 14px;
		}

		.form-control:focus {
			border-color: inherit !important;
			box-shadow: inherit;
		}

		.font11 {
			font-size: 11px;
		}

		.text {
			text-transform: uppercase;
			font-family: verdana;
			font-size: 1em;
			font-weight: 600;
			color: #ff8a52;
			text-shadow: 1px 1px 1px #e3d9d9,
				1px 2px 1px #e3d9d9,
				1px 3px 1px #e3d9d9,
				1px 4px 1px #e3d9d9,

				1px 18px 6px rgba(255, 255, 255, 0.4),
				1px 22px 10px rgba(255, 255, 255, 0.2),
				1px 25px 35px rgba(255, 255, 255, 0.2),
				1px 20px 30px rgba(255, 255, 255, 0.4);
		}

		.newinput {
			border: none;
			border-bottom: dotted 1px;

		}

		.newinput:focus-visible {
			outline: inherit;
		}

		.card-title.text-center {
			font-size: 28px;
			/* Increase font size as needed */
			font-weight: bold;
			/* Make text bold */
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
			/* Add a slight 3D effect */
		}

		.form_heading label {
			text-transform: capitalize;
		}

		#loaderImg {
			position: absolute;
			top: 50%;
			left: 37%;
			display: none;
		}

		.dNOne {
			display: none;
		}



		label {
			font-weight: bold;
		}

		.label2 label {
			font-weight: inherit;
		}



		.select2-container {
			min-width: 90%;
			line-height: 30px;
		}


		.bgW {
			background: url(bg-image.jpg) no-repeat;
			background-size: cover;
			/* to cover the entire element */
		}

		.bgW1 {
			background: url(back.jpeg) no-repeat;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			min-height: 100vh;

		}


		.btn-primary {
			background: #ffc800 !important;
			color: #000;
		}

		.custom-header {
			border-bottom-left-radius: 20px !important;
			border-bottom-right-radius: 20px !important;
		}



		.sele-heading h5 {
			display: inline-block;
			background-color: #FFC800;
			line-height: 40px;
			box-shadow: 0px 5px 10px 0 #33333338;
			font-weight: 500;
			border-radius: 0 0px 60px 60px;
			padding: 0 40px;
		}

		.sele-heading b {
			display: block;
			color: #444;
			line-height: normal;
			font-size: 30px;
			margin: 10px 0 0px 0;
		}

		.banner {
			display: block;
		}

		.banner2 {
			display: none;
		}

		/*@media only screen and (max-width: 768px) {
			.banner {
				display: none;
			}
			
			.banner2{
				display: block;
			}
		}*/
		.custom-list {
			list-style-type: none;
			text-align: left;
			/* Align list items to the left */
			padding-left: 0px;
			/* Add padding to the left side of the list */
		}

		.custom-list li {
			position: relative;
			/* Set position relative for list items */
			padding-left: 25px;
			/* Add padding to the left side of each list item */
		}

		.custom-list li i {
			color: red;
			/* Change the color of icons to red */
			position: absolute;
			/* Set position absolute for icons */
			left: 0;
			/* Fix icons to the left */
			top: 0;
			/* Align icons to the top */
			margin-top: 5px;
			/* Adjust margin as needed */
		}

		.custom-list li span {
			margin-left: 25px;
			/* Adjust margin for content below the icons */
			display: block;
			/* Ensure content appears below the icons */
		}




		.custom-card {
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
			background-color: #fff3cd;
			/* Light background color according to bg-warning */
		}

		.image-frame {
			border: 11px solid #dc3545;
			/* Danger color */
			border-radius: 15px;
			/* Border radius for rounded corners */
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
			/* Box shadow for a subtle effect */
			transition: border-color 0.3s ease;
			/* Animation for border color change */
		}


		.image-frame:hover {
			border-color: #fff3cd;
			/* Adjusted border color on hover */
		}

		input[type="text"],
		input[type="password"],
		input[type="email"],
		input[type="number"],
		input[type="tel"],
		input[type="date"],
		input[type="time"],
		textarea,
		input[type="radio"]:checked {
			background-color: #fef3b0;
			/* Light warning color, adjust as needed */
		}