*{
                margin: 0;
                padding: 0;
                box-sizing: border-box;
                font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 
                'Open Sans', 'Helvetica Neue', sans-serif;
            }

            body{
                height: 150vh;
            }

            section{                
              position: relative;
                width: 100%;
                height: 50vh;
                background: url(img/slider10.png);
                background-size: cover;
                background-position: center center;
                background-attachment: fixed;
                display: flex;
                display: inline-flex;
                background-blend-mode: multiply;
                                   
            }
            
            h1{
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #f59117;
                font-size: 3em;
                font-weight: 800;
                letter-spacing: 2px;
                
            }

            .efecto {
              transition-property: transform;
              transition-duration: 300ms;
            }

            .efecto:hover{
              transform: scale(1.2);
              opacity: 75%;
            }

            .bg{
              background-color: #fff;
            }

             .bg02{
              background: #f66430;
              font-size: 25px;
            }

            .parrafo01{
            color: #000000;
            font-size: 40px;
            text-align: center;
            font-weight: 900;
        }

        .parrafo05{
           color: #000000;
            font-size: 18px;
            text-align: justify;
            font-weight: 400;

        }
        .parrafo02{
            color: #f66430;
            font-size: 40px;
            text-align: center;
            font-weight: 900;
        }
            
        .titul05{
          color: #E9E3DF;
          font-size: 25px;
          font-weight: 700;
        }

        .carousel01{
            color: #f76531;
            font-size: 25px;
            font-weight: 800;
        }


           .menu01{
            color: #f76531;
           }

            .titulos{
              color: #f76531;
              font-size: 2rem;
           }

          .titulos01{
              color: #f76531;
              font-size: 15px;
              font-weight: 500;
              text-align: center;
          }

          .titulos02{
            color: #000000;
            font-weight: 800;
            font-size: 40px;
          }

       .titulos03{
            color: #000000;
            font-weight: 800;
            font-size: 30px;
       }

          .titulo03{
            color: #000000;
            text-align: left;
            font-size: 15px;
            font-weight: 600;
          }

          .titulo04{
            color: #000000;
          }

          .icono01{
            color: #000000;
            font-weight: 900;
          }

           .titul{
              color: #f59117;
              font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
              font-size: 2rem;
           }

            .imagenes{
                width: 300px;
                height: 200px;
            }
            .numero{
                color: #f59117;
            }
            .logo{
                width: 100px;
                height: 90px;
                
            }

            .logo01{
              width: 20%;
              height: 60%;
              margin:0 15px;           
              
            }

            .servicios{
                  border-radius: 50%;
            }

            .formulario{
                background: url(img/img1.jpg);
                background-size: cover;
                }
             .fondo-blanco{
                 background: rgba(255, 255, 255, .5);
                }
            .btnWhats{
                bottom: 20px;
                right: 20px;
                width: 70px;
                }

                .footer{
                    background: #192655;
                    color: aliceblue;
                }

                h3{
                  position: relative;
                  margin: 100px;
                  font-size: 5vh;
                  color: #cbced8;
                  -webkit-text-stroke: 3px #383d52;
                 
                }

                h3::before{
                  content:attr(data-text);
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 0%;
                  height: 100%;
                  color: rgb(247, 248, 248);
                  -webkit-text-stroke: 0px #383d52;
                  border-right: 2px solid #327f9d;
                  overflow: hidden;
                  display: flex;
                  animation: animate 20s linear alternate infinite;
                }

                @keyframes animate {
                  0%{
                    width: 0;
                    }

                   70%, 100%{
                      width: 90%;
                    }
                }

                .footer01{
                  color: #fff;
                  font-weight: 700;
                }

                footer{
                  background: #f66430;

                }


              @media screen and (max-width:800px) {
                
              .logo01{
              width: 50%;
              height: 60%;
              margin:0 50px; 
                  
            }
  }