/* Template styles start */
:root {
  --cassiopeia-color-primary: #9e8449;
  --cassiopeia-color-hover: #d0c293;
  --cassiopeia-color-link: blue;
}



/* Template styles Ends */

/* Breezingforms styles start */
#bfLabel302, #bfLabel327, #bfLabel328, #bfLabel329, #bfLabel330, #bfLabel936 {
  min-width: 197PX;
}
#bfLabel269, #bfLabel376, #bfLabel377, #bfLabel378, #bfLabel379 {
  min-width: 197px;
}
#bfLabel380, #bfLabel375, #bfLabel381, #bfLabel2234, #bfLabel2327, #bfLabel2336, #bfLabel2342, #bfLabel2343, #bfLabel2344, #bfLabel2349, #bfLabel2378, #bfLabel2379, #bfLabel2380, #bfLabel2381{
  width: 197px;
}
 
#ff_elem500 {
	background-color: #4c90fe;
	border-color: #4c90fe;
	padding: 14px 37px 14px 37px;
	border-radius: 2em;
	margin-left: 30px;
	opacity: 1; /* Fully opaque */
	transition: opacity 0.3s ease-in-out; /* Add a smooth transition effect */
	/* animation: glow 1s infinite alternate;  Add the glow animation */

}
#ff_elem500:hover, #ff_elem501:hover {
  opacity: 0.8; /* Adjust the value to control the level of transparency on hover */
}
@keyframes glow {
  from {
    box-shadow: 0 0 5px #7aa6ff, 0 0 10px #7aa6ff, 0 0 15px #7aa6ff; /* Initial glow effect */
  }
  to {
    box-shadow: 0 0 10px #7aa6ff, 0 0 20px #7aa6ff, 0 0 25px #7aa6ff; /* Final glow effect */
  }
}

#ff_elem501 {
	background-color: transparent;
	border-color: #4c90fe;
	color: #4c90fe;
	padding: 14px 37px 14px 37px;
	border-radius: 2em;
	margin-left: 30px;
}	

#ff_elem467, #ff_elem634, #ff_elem635, #ff_elem147, #ff_elem5, #ff_elem200, #ff_elem745, #ff_elem3027, #ff_elem2011, #ff_elem3056, #ff_elem2012, #ff_elem3538, #ff_elem3599, #ff_elem3689, #ff_elem3703 {
	border: 0px;
}
#ff_elem147, #ff_elem5, #ff_elem200, #ff_elem745, #ff_elem3027, #ff_elem2011, #ff_elem3056, #ff_elem2012, #ff_elem3538, #ff_elem3599, #ff_elem3689, #ff_elem3703 {
	font-weight: 600;

}

#ff_elem3027, #ff_elem2011 {
    min-width: 358px;
}

#ff_elem635 {
    font-size: 2rem;
}
#bfLabel467, #bfLabel634 {
	    min-width: 150px;
}
#bfLabel635 {
	    font-size: 2rem;
		min-width: 145px;

}

#ff_elem1152 {
	background-color: #ffffff;
	border-color: #ffffff;
	color: blue;
}
#bfLabel3086 {
	min-width: 10%;
	}
	
#bfLabel3459, #bfLabel3027 {
	min-width: 12%;
	}

#so {
	background: #efefef;
	padding-top: 15px;
	margin-bottom: 20px;
}

#ff_elem3201, #ff_elem3057 {
    float: right;
    margin-top: -40px;
    width: 67%;
}
#ff_elem3298, #ff_elem1485 {
    float: right;
    margin-top: -40px;
    width: 35%;
}

#ff_elem3703 {
	background: #efefef;
}

#ff_elem847 {
	opacity: 1; /* Fully opaque */
	transition: opacity 0.3s ease-in-out; /* Add a smooth transition effect */
}
#ff_elem847:hover {
  opacity: 0.8; /* Adjust the value to control the level of transparency on hover */
}

/* Breezingforms styles Ends */

/* Apply alternating background colors to list items */
.	:nth-child(even) {
  background-color: #ffffff; /* Even row color */
}

.cat-list-row0:nth-child(odd) {
  background-color: #f2f2f2; /* Odd row color */
}
.cat-list-row0 {
  list-style: none;
  padding-left:10px;
}
.cat-list-row0 h4 {
  margin-top: 30px !important;
}
.cat-list-row0 h6 {
  margin-top: 20px !important;
}

/* landing page image */
 /* Style for the container holding the images */
        .image-container {
            display: flex;
            flex-wrap: wrap; /* Allow the images to wrap to the next line on small screens */
			
        }

        /* Style for each individual image */
        .image-container img {
            width: auto; /* Make each image take up 50% of the container width */
            height: auto; /* Maintain the aspect ratio of the images */
        }

        @media screen and (max-width: 600px) {
            /* For screens smaller than 600px (typical mobile screens) */
            .image-container img,  .image-container a {
                width: 100%; /* Make each image take up 100% of the container width */
            }
        }