		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;
    height: 92vh;

}


		.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 */
}

