@charset "utf-8";
/* CSS Document */

#call-to-action3 {
  position: relative;
	display: flex;
	align-items: center;
	height: 500px;
	background-image: url(../images/banner/call-to-action.webp);
  background-size: cover;
  background-position: center center;
  color: white;
  /*z-index: 5;*/
}

#call-to-action3:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .15);
  z-index: -1;
}

#call-to-action3 h2 {
  font-size: 40px;
  font-weight: 800;
  padding: 0 15px;
  font-family: 'Poppins', sans-serif;
}

#call-to-action3 h3 {
  margin: 25px 0 45px;
  font-family: 'Poppins', sans-serif;
}

#call-to-action3 a {
  transition: filter .3s ease-in-out;
}

#call-to-action3 a:hover {
  filter: saturate(170%);
}

#call-to-action3 a:nth-child(4) {
  margin: 0 15px;
}

.hospitais_list{
  display: flex;
  margin-left: 7%;
  margin-right: 5%;
  justify-content:center;
  flex-direction: row;
  margin-bottom: 2.5em;
  flex-wrap: wrap;
  align-items: flex-start;
}


.hospitais_item{
  margin: 0 2em;
}

@media screen and (max-width:900px){
  .hospitais_list{
    justify-content: start;
  }
}

.planos_lin{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 1.5em 0;
}


.planos__item_lin{
  width: 300px;
  height: 370px;
  padding: .8em;
  border: 1px solid black;
  border-radius: 5px;
  margin: .5em .7em;
}

.planos__item_lin h3{
  margin-bottom: 1.4em;
}

.planos__item_lin div p{
  line-height: 22px;
}

.you_dif{
  margin-left: 7%;
  margin-right: 7%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 1.5em;

}

.you_dif__content{
  align-self: start;
  
}

.you_dif__img img{
  border-radius: 2px;
 margin-top: 1em;
}


@media screen and (max-width:600px){
  .planos__item_lin{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
}