/*Used on form for red header*/
.h4mob {
	height:40px; 
	border-bottom:3px solid #E83641; 
	padding-top:10px; 
	padding-left:5px;
}
/*Used on Queries for cards*/
.custom-card-style {
    background-color: #F0F8FF;
    border-radius: 10px;
    border: 1px solid #F0F8FF !important;
    height: auto; /* Let content define height */
    margin: 2px 4px; /* Keep overall margin small */
    padding: 4px 8px 4px 4px; /* Reduce left padding */
    display: flex;
    flex-direction: column;
}

.card-body {
    background-color: #F0F8FF !important;
    height: auto !important; /* Ensures it adjusts automatically */
    min-height: unset !important; /* If there's a min-height, remove it */
    display: flex;
    flex-direction: column; /* Stacks text vertically */
    gap: 2px; /* Minimal space between text */
    padding: 5px 5px 8px 8px !important; /* Reduce left padding */
}

.card-body span {
    margin-bottom: 1px; /* Adds spacing between elements */
    line-height: 1.1; /* Tighten up line spacing */
}

.c-title {
    font-size: 1.2em;
    color: #000;
    font-weight: bold;
    margin-bottom: 3px; /* Small spacing below the name */
}
/*Used on seperators*/
.sep-custom {
    padding-right:0px !important;
    padding-left:0px !important;
    border:none !important;
    padding-bottom: 3px !important;
}
.sep-title {
	height:28px; 
	border-bottom:3px solid #E83641; 
	width: 90vw; /* Ensures full width */
    display: block; /* Makes sure it behaves as a block-level element */
    position: relative; 
}