.flex-wrap {
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.d-none {
	display: none;
}

.d-block {
	display: block;
}

@media(max-width: 425px) {
	.heart-info-ul li {
		flex: 1 0 70%;
	}
	.border-sm-black {
		border: 1px solid black;
	}
}

@media (min-width: 768px) {
	.border-md-black {
		border: 1px solid black;
	}
	.d-md-none {
		display: none;
	}

	.d-md-block {
		display: block;
	}
	.pl-md-10 {
		padding-left: 6rem !important;
	}
	.heart-info-ul li {
		flex: 1 0 44%;
	}
}

sup.sup {
	top: -0.5em;
}

.heart-info-ul ul {
	font-size: 1.25rem;
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding-inline-start: 20px;
}


#heart-form .control-label {
	padding-inline-start: 40px;
	text-align: left;
}

#heart-form input[type=number] {
	/*padding-inline-start: 10px;*/
	background-color: transparent;
	border: none;
}

#heart-form input[type=number]::placeholder {
	/*padding-inline-start: 10px;*/
}

#heart-form .form-group {
	border-radius: 25px;
	background-color: #f2f2f2;
}

#heart-form .radio input[type="radio"] {
	font-family: "FontAwesome";
	content: "\f10c";
}
#heart-form .radio input[type="radio"]:checked {
	content: "\f192";
	color: #8e44ad;
}
.heart-ads-det {
	position: absolute;
	top: 25%;
	left: 10%;
	font-size: 1.8rem;
}

.heart-ads-det .boxes {
	font-weight: bold;
	letter-spacing: 4px;
	font-size: 3rem;
	color: #333;
}

.heart-ads-det .text-primary {
	font-weight: bold;
	font-size: 4rem;
	color: #33afc2;
}

.border-darkblue {
	border: 2px solid #005F75;
}

.triangle-up:after {
    content:'';
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-top: solid 50px #f2f2f2;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}

.triangle-down:after {
    content:'';
    position: absolute;
    bottom: 0%;
    left: 50%;
    margin-left: -25px;
    width: 0;
    height: 0;
    border-bottom: solid 50px #f2f2f2;
    border-left: solid 25px transparent;
    border-right: solid 25px transparent;
}

.d-flex:before, .d-flex:after {
	content: normal;
}

.bg-img {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 0;
	overflow: hidden;

}

@media(max-width: 425px) {
	.heart-ads-det {
		top: 35%;
	}
	.mt90 {
		margin-top: 90%;
	}
}

@media(min-width: 768px) {
	.hidden-md {
		display: none;
	}
}

@media(min-width: 1024px) {
	#heart-intro .about {
		left: 20%;
		z-index: 999;
	}
}