*{  
	font-family: "Inter", sans-serif;
 }

/* Change background and border color for a primary button */

.btn-primary {
   
	background-color: #ff5733; /* Your desired background color */
    
	border-color: #c70039;    /* Your desired border color */

}


/* Change background and border color for an outline primary button */


.btn-outline-primary {

	color: #ff5733;          /* Text color for outline button */
    
	border-color: #ff5733;    /* Border color for outline button */

}


/* Change focus outline color (the blue glow) */


.btn:focus {
    
	box-shadow: 0 0 0 0.25rem rgba(255, 87, 51, 0.5); /* Custom focus glow */

}

.whatsappbtn {

	border: 1px solid #27AE60;  /* green color */
	PADDING: 10PX 18PX;
	color:#27AE60;  /* green color */
	font=size: 20px;  /* by default font size is 16 */
}

.whatsappbtn i{

	color: #27AE60;
}


.whatsappbtn:hover {

	border: 3px solid #27AE60;
}

.call{
	color:white;
	PADDING: 10PX 18PX;
	background:linear-gradient(to right,#0ACEFE,#27AE60);


}
#mobilemenu ul li a{
	font-weight:bold;
	margin-right: 15px;
/*	color: #27AE60;     green color WORKING*/


}

#canvasmenu ul li a{
	font-weight:bold;
	margin-right: 15px;
	color: white;     /*green color WORKING*/


}


	.menuColor {

         background-color: #407f62; /*green color WORKING*/
         padding: 10px;

	 color: white;
	    }

    

	.navbar-nav .nav-link:hover{

	color: #ffcf08;
	}



.floating-label {
  position: relative;
  margin-bottom: 1.8rem;
}

.floating-label input,
.floating-label textarea {
  border: 1.5px solid #4a90e2;  /* Blue border */
  border-radius: 6px;
  padding: 12px 12px 12px 12px;
  font-size: 1rem;
  background: transparent;
  width: 100%;
  transition: border-color 0.3s ease;
}

.floating-label input:focus,
.floating-label textarea:focus {
  outline: none;
  border-color: #0056b3; /* darker blue on focus */
  box-shadow: 0 0 5px rgba(0, 86, 179, 0.5);
}

/* Hide placeholder text but keep it for :placeholder-shown selector */
.floating-label input::placeholder,
.floating-label textarea::placeholder {
  opecity: 0;
}

/* Label styling */
.floating-label label {
  position: absolute;
  top: 50%;
  left: 12px;
  color: #4a90e2;
  font-size: 1rem;
  pointer-events: none;
  transform: translateY(-50%);
  transition: 0.3s ease all;
  background-color: #f9f9f9;
  padding: 0 4px;
}

/* When input is focused or has text */
.floating-label input:focus + label,
.floating-label input:not(:placeholder-shown) + label,
.floating-label textarea:focus + label,
.floating-label textarea:not(:placeholder-shown) + label {
  top: 0;
  left: 8px;
  font-size: 0.75rem;
  color:#407f62;
  font-weight: 800;


/*Following add by zahir patel*/
 background-color: #f9f9f9; /* Light gray background */
       border: 1px solid #ffcf08; /* Light gray border */

       padding: 0.2em 0.5em; /* Add some padding */
  
      border-radius: 0.25rem; /* Slightly rounded corners */
 



}