.flexUltimateProyects{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
    gap:40px;
    margin-top:-30px;
  }
  
  .proyect{
    width:350px;
    height:300px;
    background-color:var(--black);
    color:var(--white);
    position:relative;transition: all ease .3s;
  }

  .imgContainProyect{
    width:100%;
    height:248px;
    background-color:#fcfcfc;
  }

  .imgContainProyect img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  

  .barraTitleProyect{
    padding: 10px;
    display:flex;
    justify-content: start;
    align-items: center;
    height:52px;
    gap:10px;
    padding-left:15px;
  }

  .barraTitleProyect i{
    font-size:20px;
    color:var(--principal);
  }

  .barraTitleProyect p{
    font-size:13px;
    width:260px;
    line-height:16px;
  }


  .overlayImgContainProyect{
    position:absolute;
    width:100%;
    height:248px;
    background-blend-mode: multiply;
    background: -moz-linear-gradient(0deg, rgba(20, 18, 17, 0.671) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(20, 18, 17, 0.671) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(20, 18, 17, 0.671) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#34302e",endColorstr="#ffffff",GradientType=1);
    transition: all ease .8s;
    top:0;
  }



  .irAproyecto{
    width:40px;
    height:40px;
    background-color:var(--principal);
    border-radius:50%;
    color:var(--black);
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    bottom:30px;
    right:15px;
    font-size:20px;
    transition: all ease .3s;
    cursor:pointer;
  }

  .proyect:hover .irAproyecto i{
    font-size:25px;
  }


  .proyect:hover .irAproyecto{
    background-color:var(--white);
    right:10px;
  }

  .proyect:hover .overlayImgContainProyect{
    background: transparent;
  }

  .separatorControlSections{
    width: 100%;
    height:230px;
}




  @media(max-width:1190px){
    .proyect {
        width: 320px;
        height: 270px;
    }
    .imgContainProyect,.overlayImgContainProyect{
        height: 218px;
    }
    .barraTitleProyect p{
        width:230px;
    }
  }

  @media(max-width:1085px){
    .flexUltimateProyects{gap:20px;}
  }


  @media(max-width:1030px){
    .separatorControlSections{
        height:480px;
    }
  }


  
  @media(max-width:690px){
    .separatorControlSections{
        height:750px;
    }
  }

  @media(max-width:535px){
    .titleServiceHealt p{
        text-align:center;
    }
}


@media(max-width:360px){
    .proyect {
        width: 300px;
        height: 270px;
    }
    .imgContainProyect,.overlayImgContainProyect{
        height: 218px;
    }
    .barraTitleProyect p{
        width:200px;
    }
}