/*---------------------- Toast -------------------*/
.persoToast{
  max-width: 350px;
  width:100%;
}

#divToast{
  position: fixed;
  top: 10px;
  right: 10px;
  z-index:100;
  max-width: 350px;
  width:100%;
}

@media screen and (max-width: 576px) {
  #divToast{
    max-width: 100% !important;
    position: fixed;
    left:0 !important;
    right:0 !important;
    padding-right: 10px;
    padding-left: 10px;
  }

  .persoToast{
    max-width: 100% !important;
  }
}

/*---------------------- Carrusel -------------------*/

#caruselTitle{
  color: #fff;
  font-size: 41px;
  font-weight: bold;
  font-family: 'Poppins', Sans-serif;
}

#caruselText{
  color: #fff;
  font-size: 27px;
  font-weight: normal;
  font-family: 'Poppins', Sans-serif;
}

#caruselTitle2{
  color: #fff;
  font-size: 41px;
  font-weight: bold;
  font-family: 'Poppins', Sans-serif;
}

#caruselText2{
  color: #fff;
  font-size: 27px;
  font-weight: normal;
  font-family: 'Poppins', Sans-serif;
}

#ourService{
  color: #172541;
  margin: 0px 0px 27px 0px;
  font-size: 36px;
  font-weight: 700;
  font-family: 'Poppins', Sans-serif;
}

#contactTitle{
  color: #172541;
  margin: 0px 0px 14px 0px;
  font-size: 36px;
  font-weight: 700;
  font-family: 'Poppins', Sans-serif;
}

.quotes{
  color: #68c5f1; font-size: 60px; position: absolute; left: 82%; top: 170px;
}

@media screen and (max-width: 576px) {
  #caruselTitle{
    font-size: 30px;
  }

  #caruselText{
    font-size: 23px;
  }

  #ourService{
    font-size: 28px;
  }

  #contactTitle{
    font-size: 28px;
  }
}

/*---------------------- Float -------------------*/

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF !important;
	border-radius:50px;
	text-align:center;
  font-size:40px;
  z-index:100;
}

.my-float{


	margin-top:5px;
}



/*---------------------- Icons -------------------*/

.iconSize{
  width: 50px;
}
/*---------------------- Texto -------------------*/

.renglonAreasDeEspecialidad{
  width:50%;
  margin: auto;
  max-width: 532px;
}

.tituloRecomendaciones{
  color: #fff;
  margin: 0px 0px 0px 0px;
  font-size: 36px;
  font-weight: 700;
  font-family: 'Poppins', Sans-serif;
}

.textoRecomendaciones{
  margin: 0px 0px 40px 0px;
  color: #fff;
  font-size: 20px;
  font-style: italic;
  line-height: 20px;
  font-weight: 200;
}

.nombrePersonaRecomendacion{
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  font-family: 'Poppins', Sans-serif;
}

.alturaCarruselRecomendaciones{
  height: 340px;
}

.comaResponsive{

  display:none !important;

}

@media screen and (max-width: 768px) {

  .textoRecomendaciones{
    font-size: 15px;
  }

  .renglonAreasDeEspecialidad{
    width:90%;
    margin: auto;
    max-width: 532px;
  }

  .tituloRecomendaciones{
    font-size: 25px;

  }

  .invisible-responsivo{
    display: none !important;

  }

  .alturaCarruselRecomendaciones{
    height: 450px;
  }

  .comaResponsive{

    display:block !important;

  }

  .nombrePersonaRecomendacion{
    font-size: 18px;

  }

}

/*---------------------- Social Bar -------------------*/
.icon {
  color: white !important;
  text-decoration: none !important;
  padding: .7rem;
  display: flex;
  transition: all .5s;
}


.social-bar {
  position: fixed;
  right: 0;
  top: 60%;
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 100;
}

.icon-whatsapp {
  width: 40px;
  background: #25D366;
}

.icon-facebook {
  width: 40px;
  background: #2E406E;
}

.icon-instagram {
  width: 40px;
  background: #CE125B;
}

.icon-tel {
  width: 40px;
  background: #379EA6;
}

.icon:first-child {
  border-radius: 1rem 0 0 0;
}

.icon:last-child {
  border-radius: 0 0 0 1rem;
}

.icon:hover {
  padding-right: 3rem;
  border-radius: 1rem 0 0 1rem;
  box-shadow: 0 0 .5rem rgba(0, 0, 0, 0.82);
}




    .nosotros-section {
      background-color: #4b607a;
      color: white;
      padding: 60px 20px;
      position: relative;
    }
    .nosotros-section h2 {
      font-weight: 700;
      margin-bottom: 30px;
    }
    .nosotros-section p {
      font-size: 1.1rem;
    }
    .nosotros-section strong {
      font-weight: 700;
    }

    @media (min-width: 768px) {
      .nosotros-text {
        max-width: 600px;
      }
    }

    .fondo-logo {
      position: absolute;
      bottom: 0;
      right: 0;
      opacity: 0.1;
      max-height: 100%;
      max-width: 100%;
      pointer-events: none;
    }