/*==================================================================================

    Custom Stylesheet (Any custom styling you want to apply should be defined here).

====================================================================================*/

.profile img {

    width: 100px;

    height: 100px;

    align-items: center;

    border-radius: 50%;

}



.card-presale {

	position: relative;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-direction: column;

	flex-direction: column;

	min-width: 0;

	padding: 4px;

	word-wrap: break-word;

	background-color: #2d5caa;

	background-clip: border-box;

	border: 5px solid #ffffff;

	border-radius: 15px;

}



.card-presale-list {

	position: relative;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-direction: column;

	flex-direction: column;

	min-width: 0;

	padding: 4px;

	word-wrap: break-word;

	background-color: #2d5caa;

	background-clip: border-box;

	border: 5px solid #ffffff;

	border-radius: 15px;

}



.card-presale-list:hover {

	transform: scale(1.05);

	box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);

}



.card-presale-list .presale-button {

	margin-top: 36px;

}



.btn-presale {

	font-family: Dosis, sans-serif;

	color: #fff;

	border: 3px solid #173f7b;

	width: 70%;

	border-radius: 15px;

	padding: 8px 30px;

	overflow: hidden;

	z-index: 0;

}



.btn-participant {

	color: rgb(255, 255, 255);

	background-color: #173f7b;

	border: 3px solid #ffffff;

	border-radius: 10px;

	width: 50px;

	margin: 10px;

	overflow: hidden;

	z-index: 0;

}



/* .btn-participant.active,

.btn-participant:focus,

.btn-participant:hover {

  color: #fff;

  border-color: #173f7b

} */



.p-presale {

	font-size: 15px;

	margin-bottom: 0rem;

	margin-left: 5%;

	margin-right: 5%;

}



.card-presale-list p{

	color: #ffffff;

	margin-bottom: 0.1rem;

	font-size: 18px;

	text-align: center!important;

	margin-left: 5%;

	margin-right: 5%;

}



.img-barcode {

	width: 40%;

	margin-top: 2%;

	margin-bottom: 2%;

}



.current-bnb {

	font-size: 14px;

}



.baby-presale h2 {

    font-size: 28px;

	font-weight: 700;

}



.participant h2 {

	font-size: 35px;

	font-weight: 700;

}



.baby-presale p {

	line-height: 24px;

	margin-bottom: 25px;

	font-weight: 500;

	color: #000000;

	padding-bottom: 4rem;

}



.card-features {

	position: relative;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-direction: column;

	flex-direction: column;

	min-width: 0;

	padding: 4px;

	height: 410px;

	word-wrap: break-word;

	background-color: #2d5caa;

	background-clip: border-box;

	border: 4px solid #ffffff;

	border-radius: 15px;

	margin: 0 auto;

}



.card-features img {

	border-radius: 5px;

	width: 90%;

	margin: 0 auto;

}



.card-features p {

	margin-bottom: 0.5px;

	color: #fff !important;

	font-size: 14px !important;

}



.card-features h3 {

	margin-bottom: 0.5px;

	color: #fff !important;

	font-size: 18px !important;

	font-weight: bold;

	margin: 10px auto;

}



@media (max-width: 575.98px) {

}



.faq-answer a {

	color: #4f91cf;

}



.card-news {

	position: relative;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-direction: column;

	flex-direction: column;

	min-width: 0;

	padding: 4px;

	width: 300px;

	height: 300px;

	word-wrap: break-word;

	background-color: #2d5caa;

	background-clip: border-box;

	border: 4px solid #ffffff;

	border-radius: 15px;

	margin: 0 auto;

}



.news a {

	color: #302e2e !important;

	/* align-items: center !important;

	justify-content: center !important;

	text-align: center !important; */

}



.embed-responsive {

    height: 100%;

}



.card-testimoni {

	position: relative;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-direction: column;

	flex-direction: column;

	min-width: 0;

	padding: 4px;

	height: 500px;

	word-wrap: break-word;

	background-color: #2d5caa;

	background-clip: border-box;

	border: 4px solid #ffffff;

	border-radius: 15px;

	margin: 0 auto;

}



.card-testimoni h2{

	color: #fff ;

	font-size: 40px;

}



.owl-carousel .owl-item img {

    display: block;

	height: 200px !important;

	border-radius: 10px;

}



.title-as-see-soon {

    color: #fff;

	font-size: 25px;

}



.text-see-soon {

	color: #fff;

	font-size: 15px;

}



.embed-responsive-item {

	border-radius: 10px;

}