#dark-banner-cont {
	background-color: #1b2017; 
	overflow: hidden; 
	padding-top: 3rem; 
	padding-bottom: 3rem;
}

.ellipse-green {
	position: absolute;
	background-image: linear-gradient(
		45deg,
		rgba(85, 103, 78, 1),
		rgba(85, 103, 78, 0)
	);
	border-radius: 50%;
	transform: rotate(15deg);
	filter: blur(7px);
}

.ellipse-red {
	position: absolute;
	background-image: linear-gradient(
		45deg,
		rgba(177, 76, 50, 1),
		rgba(177, 76, 50, 0)
	);
	border-radius: 50%;
	filter: blur(7px);
}

.ellipse-green-red {
	position: absolute;
	background-image: linear-gradient(
		45deg,
		rgba(85, 103, 78, 0.8) 30%,
		rgba(177, 76, 50, 0.8) 90%
	);
	border-radius: 50%;
	filter: blur(7px);
}

.row-buttons {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.qr-container-sm {
	height: 60px;
	width: 60px;
	border-radius: 5px;
	overflow: hidden;
    border-width: 3px;
    border-color: black;
    border: solid;
    margin-left: 10px;
}

.checkmark-list {
	list-style: none;
	padding-inline-start: 0px;
}

#txt-cnt .checkmark-list li::before {
	content: "✔\fe0e";
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 50%;
	text-align: center;
	margin-right: 10px;
	background-color: var(--col-green-2);
	color: white;
	-webkit-text-fill-color: white;
	font-size: 10px;
	vertical-align: middle;
}

#txt-cnt .checkmark-list li {
	font-size: 20px;
	margin-bottom: 0.5rem;
}

.txt-white {
	color: white !important;
	z-index: 3;
}

#col-media {
	display: flex; 
	align-items: center; 
	flex-direction: column;
}

#col-txt {
	min-width: 18rem; 
	justify-content: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#media-cnt {
	position: relative; 
	width: 360px; 
	height: 400px;
}

#img-cnt {
	z-index: 3; 
	position: absolute; 
	left: -70px; 
	top: 0;
}

#main-app-img {
	height: 400px; 
	max-width: 100%;
}

#txt-cnt {
	max-width: 30rem; 
	padding-left: 0rem;
}

.button-cont {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
}