html, body {
	height: 100%;
	margin: 0;
}

.main-container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.content {
	flex: 1;
}
.footer-section {
	background-color: #333;
	color: white;
}

.custom-nav{
	margin-top: 10px;
}

.banner-section {
	/* width: 100%; */
	background-color: rgb(243,245,250);
}

.footer-section {
	width: 100%;
	background-color: rgb(23, 23, 49);
}

.banner-image {
	width: 100%;
	height: auto;
	display: block;
}

.custom-bullets,
.custom-bullets ul {
		list-style-type: none; 
		padding-left: 0;
}

.custom-bullets > li,
.custom-bullets ul > li {
		position: relative;
		padding-left: 25px;
}

.custom-bullets > li > .fa-check,
.custom-bullets ul > li > .fa-check {
		position: absolute;
		left: 0;
		top: 0;
		color: green;
}

.square-img {
	
	width: 100%;           
	height: auto;         
	aspect-ratio: 1 / 1;   
	object-fit: cover;
}

.fill-width {
	width: 100%;           
	height: auto;         
	object-fit: cover;
}

.fill-height {
	width: auto;           
	height: 100%;         
	object-fit: cover;
}

.card{
	padding: 0px !important;
}

.badge {
	cursor: pointer;
}

.toast {
  position: fixed; 
  bottom: 56px; 
  left: 50%;
  transform: translateX(-50%);
	z-index: 1090!important;
}