*{
    margin: 0px;
    padding: 0px;

 }


 .slider-img-background{
  background-repeat: no-repeat; 
  background-size: cover; 
  height: 100vh;
 }

 /* header */
 .header{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    position: fixed;
    top:0;
    width:100%;
    z-index: 999;
 }

 .header_nav
 {
    background: #262626;
 }

body{
  overflow-x: hidden;
}










img{
    /* max-height:250px; */
   /* padding: 1px;*/
    
}


  .imghead{
    width: 100%;
    max-height: 500px;
    }


/* about */

.about
{
  background-color: rgb(33, 150, 243, 0.2);
  height: 100vh;
  display: grid;
  place-items: center;
}

.about_container
{
  width:85%;
  display: flex;
  padding: 1rem;
  height: 60%;
  background: rgba(255,255,255, .5);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: .4rem;
  
}

.about_container_img
{
  width:50%;
}
.about_container_img > img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(1px 2px 2px rgba(0,0,0,.4));
}


.about_container_description
{
  width: 50%;
  padding: 1rem;
}

/* banner #2 sobre nosotros */
  #sobre-nosotros{
    background-color: rgb(33, 150, 243, 0.2);
  
    height: 100vh;
    display: grid;
    place-items: center;
  }


  .sobre-nosotros_container
  {
    width:60%;
    height: 50vh;
    padding: 0;
  }

  .sobre-nosotros_container > img{
    width: 100%;
    height: 100%;
  }


  #servicios{
    height: 100vh;
    display: grid;
    place-items: center;


  }

  .servicios-title
  {
  }

  .servicios_container
  {
    width: 100%;
    padding: .2rem;
  }



  .servicios_container-card
  {
    height:78vh;
    font-size: .4rem;
    color:#fff;
  }

 
  #trabajos-realizados{
    /* background-color: rgb(33, 150, 243, 0.2); */
    margin-bottom: 10px;
    background-color: rgb(33, 150, 243, 0.2);
    padding: 1rem;
  
  }

  .card
  {
    margin-top: 2rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition: box-shadow .2s;
  }

  .card:hover{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
  }

  
  
  #certificaciones{
    margin-bottom: 10px;
    
    
  } 
  #services-container{
    display: flex;
    flex-direction: column;
  }








  /* bra code down below */



  /* new aervices component */
  .new_services
  {
    height: 100vh;
    display: grid;
    place-items: center ;
    display: none;
  }


  .new_services-container
  {
    width: 94%;
    text-align: center;
  }

  .new_services-container-title
  {
    text-align: center;
  }

  .new_services-container-boxes
  {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 100%;

  }


  .new_services-container-box
  {
    width:20rem;
    height: 20rem;
    background: #0A6EBD;
    margin: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    text-align: center;
    color: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: .5rem;
    padding: 1rem;
  }



  .new_services-container-box {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
  .new_services-container-box:hover, .new_services-container-box:focus, .new_services-container-box:active {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);
  }














  .clients{
    padding: 1rem;
    height: auto;
    display: grid;
    place-items: center;
  }

  .clients-container
  {
    width: 95%;
  }
  .clients_title
  {
    text-align: center;
    text-shadow: 1px 2px 2px rgba(0,0,0,.4);
  }
 

  .clients_contents
  {
    display: flex;
    flex-wrap: wrap;
    place-content: center;
    margin-top: 2rem;
  }

  .clients_contents-box
  {
    width:14rem;
    height: 10rem;
    margin-top: 2rem;
    margin: 1rem;
  }


  .clients_contents-box > img{

    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: box-shadow .3s;
    border-radius: .6rem;
  }


  .clients_contents-box > img:hover
  {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
      
  }





  /* certificaciones */

  .certificaciones
  {
    background-color: rgb(33, 150, 243, 0.2);
    height: auto;
    display: grid;
    place-items: center;
    padding: 1rem;
  }

  .certificaciones_container-father
  {
    width:80%;
  }

  .certificaciones_title
  {
    padding:1.5rem;
    text-align: center  ;
  }

  .certificaciones_container
  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    
  }


  .certificaciones_container-box
  {
    width:18rem;
    height:10rem;
    margin:2rem;
  }

  .certificaciones_container-box > img{
    width:100%;
    height: 100%;
    transition: box-shadow .3s;
    border-radius: .6rem;
  }

  .certificaciones_container-box > img:hover
  {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  }



  .footer
  {
    background: yellow;
    height: 50vh;
    background: #262626;
    display: grid;
    place-items: center;
    color: #fff;
  }