body, html {
    height: 100%;
}




.hero-image {
	/* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://res.cloudinary.com/ibinto/image/upload/v1633103307/Recursos/Carousel/tf8l1ewyolfiyn8jtdml.png);
  
	/* Set a specific height */
	height: 50%;
  
	/* Position and center the image to scale nicely on all screens */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.providers-image {
	/* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://res.cloudinary.com/ibinto/image/upload/v1631308357/Recursos/tdocnzusw6nvfdrrmtwt.jpg);
  
	/* Set a specific height */
	height: 50%;
  
	/* Position and center the image to scale nicely on all screens */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.offers-image {
	/* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://res.cloudinary.com/ibinto/image/upload/v1596485320/Recursos/offers_rv8f3n.jpg);
  
	/* Set a specific height */
	height: 50%;
  
	/* Position and center the image to scale nicely on all screens */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.easy-banner {
	/* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
	background-color: #AD1E99;
  
	/* Set a specific height */
	height: 15%;
  
	/* Position and center the image to scale nicely on all screens */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.provider-option-image {
	/* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://res.cloudinary.com/ibinto/image/upload/v1596485422/Recursos/provider_l0fpi5.png);
  
	/* Set a specific height */
	height: 75%;
	width: 50%;
  
	/* Position and center the image to scale nicely on all screens */
	background-position: left;
	background-repeat: no-repeat;
	background-size: auto;
	position: relative;
}

.user-option-image {
	/* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://res.cloudinary.com/ibinto/image/upload/v1596485449/Recursos/user_zeocde.png);
  
	/* Set a specific height */
	height: 75%;
	width: 50%;
  
	/* Position and center the image to scale nicely on all screens */
	background-position: right;
	background-repeat: no-repeat;
	background-size: auto;
	position: relative;
}
  
  /* Place text in the middle of the image */
.hero-text {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hero-title {
	color: white;
}

.center {
	text-align: center;
}

.provider-image-container {
	position: relative;
	text-align: center;
	color: white;
}

.user-image-container {
	position: relative;
	text-align: center;
	color: white;
}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}



.img-fluid {
	background-position: right !important;
	background-repeat: no-repeat !important;;
	background-size: auto !important;;
	position: relative !important;;
}

.carousel-item .img-fluid {
	width:100%;
	height:100%;
  }