/* General link styles */
a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
}

 

span {
    text-decoration: none;
  
    font-size: 16px;
}

h3 {
     
    font-size: 22px;
}

 
	

/* Responsive navigation and lists */
 
 /* General styling for the breadcrumb container */
.breadcrumb {
  list-style: none; /* Remove default list styling */
  padding: 0; /* Remove default padding */
  margin: 0; /* Remove default margin */
  display: flex; /* Arrange items horizontally */
  align-items: center; /* Align items vertically in the center */
  font-family: Arial, sans-serif; /* Set a readable font */
  font-size: 14px; /* Set font size */
  color: #333; /* Set text color */
}

/* Styling for each breadcrumb item */
.breadcrumb li {
  display: inline-flex; /* Display items inline */
  align-items: center; /* Align items vertically */
}

/* Styling for links inside breadcrumb items */
.breadcrumb li a {
  text-decoration: none; /* Remove underline from links */
  color: #333333; /* Set link color (blue) */
  transition: color 0.3s ease; /* Smooth transition for hover effect */
}

/* Hover effect for links */
.breadcrumb li a:hover {
  color: #000; /* Darker blue on hover */
}

/* Separator between breadcrumb items */
.breadcrumb li:not(:last-child)::after {
  content: "/"; /* Add a slash as a separator */
  margin: 0 8px; /* Add spacing around the separator */
  color: #999; /* Set separator color */
}

/* Styling for the last item (current page) */
.breadcrumb li:last-child {
  color: #666; /* Set a muted color for the current page */
  pointer-events: none; /* Disable click events for the current page */
}
 
/*************************************************************/

 
/* Styling for the list */
.cal ul {
  list-style: none; /* Remove bullet points */
  padding: 0; /* Remove default padding */
  margin: 15px 0 0 0; /* Add spacing between heading and list */
  
   display: flex;
    flex-wrap: wrap; /* wraps on smaller screens */
    justify-content: center; /* centers the items */
    gap: 20px; /* space between boxes */
	
	
}

/* Styling for list items */
.cal ul li {
	color:#000;
	padding:5px;
	padding-left:15px;
text-align:center;
 
  font-size: 16px; /* Adjust font size as needed */
  
  
   flex: 1 1 250px; /* grow, shrink, base width */
    max-width: 250px;
    min-width: 200px;
    padding: 20px;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
    background-color: #fdfdfd;
}
.cal a {
	color:#000;
	font-weight:500;
	letter-spacing:.5px;
}
.cal a:hover {
	
	color:#B6CFA7;
	text-decoration:underline;
}

textarea {
	min-height:120px;
}


/* General styling for input fields */
input[type="text"], select, textarea,
input[type="email"],
input[type="password"],
input[type="number"] {
  
  padding: 10px 15px; /* Add padding for better spacing */
  font-size: 16px; /* Set a readable font size */
  font-family: Arial, sans-serif; /* Use a clean font */
  border: 1px solid #ccc; /* Light gray border */
  border-radius: 5px; /* Rounded corners */
  box-sizing: border-box; /* Include padding and border in width */
  transition: border-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */
}

/* Focus state for input fields */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus {
  border-color: #79bcd6; /* Highlight border with blue */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Add a subtle glow */
  outline: none; /* Remove default focus outline */
}
/* Button styles */


/* Footer menu and pagination */
.footermenu    {
     display: flex; /* Use flexbox for horizontal alignment */
    flex-wrap: wrap; /* Allow wrapping if the items overflow */
    list-style: none; /* Remove default bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margin */
    justify-content: flex-start; /* Align items to the left */
    gap: 20px; /* Optional: spacing between items */
}

.footermenu li  {
   
	
	flex: 0 0 auto; /* Prevent items from stretching */
    
    list-style: none;
    background: none;
    padding: 0; /* Remove padding if any */
    margin: 0; /* Remove margin if any */
    text-align: left; /* Ensure text aligns to the left */
    white-space: nowrap; /* Prevent items from wrapping unnecessarily */
	
}

.footermenu a , .footer {
    font-size: 12px;
    color: #000;
}

.footermenu a:hover {
    text-decoration: underline;
}

/**/

/* Base styles (mobile-first) */
label {
  display: block;
  margin-top: 15px;
  font-size: 16px;
}

 
 

.result {
  margin-top: 20px;
  font-size: 18px;
  color: #000;
}

/* Tablet and up */
@media (min-width: 768px) {
  label {
    font-size: 18px;
  }

   
}

/* Desktop styles */
@media (min-width: 992px) {
  label {
    font-size: 20px;
  }

  

  /* Optional: Limit max width for larger screens */
  .container {
    max-width: 600px;
    margin: auto;
  }
}