/***
codigoCOlores 
Aguamarina :#0fa3b1;
naramja : #f46036;

*/

@font-face {
    font-family: 'Mulish-Black';
    src: url('../Fonts/Mulish/Mulish-Black.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Mulish-BlackItalic';
    src: url('../Fonts/Mulish/Mulish-BlackItalic.ttf') format('truetype');
  }
  @font-face {
    font-family: 'Mulish-Bold';
    src: url('../Fonts/Mulish/Mulish-Bold.ttf') format('truetype');
  }
  @font-face {
    font-family: 'Mulish-Bold-Italic';
    src: url('../Fonts/Mulish/Mulish-ExtraBoldItalic.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Mulish-Extra-Light';
    src: url('../Fonts/Mulish/Mulish-ExtraLight.ttf') format('truetype');
  }
  
  
  @font-face {
    font-family: 'Mulish-Extra-Light-Italic';
    src: url('../Fonts/Mulish/Mulish-ExtraLightItalic.ttf') format('truetype');
  }
  
  
  @font-face {
    font-family: 'Mulish-Italic';
    src: url('../Fonts/Mulish/Mulish-Italic.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Mulish-Light';
    src: url('../Fonts/Mulish/Mulish-Light.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Mulish-LightItalic';
    src: url('../Fonts/Mulish/Mulish-LightItalic.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Mulish-Medium';
    src: url('../Fonts/Mulish/Mulish-Medium.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'Mulish-Medium-Italic';
    src: url('../Fonts/Mulish/Mulish-MediumItalic.ttf') format('truetype');
  }
  
  
  @font-face {
    font-family: 'DMSerifDisplay-Italic';
    src: url('../Fonts/DM-Serif-Display/DMSerifDisplay-Italic.ttf') format('truetype');
  }
  
  @font-face {
    font-family: 'DMSerifDisplay-Regular';
    src: url('../Fonts/DM-Serif-Display/DMSerifDisplay-Regular.ttf') format('truetype');
  }
  
  
  .mulish-black {
    font-family: 'Mulish-Black';
  }
  
  .mulish-black-italic {
    font-family: 'Mulish-BlackItalic';
  }
  
  .dm-serif-italic {
    font-family: 'DMSerifDisplay-Italic';
  }
  
  .dm-serif-regular {
    font-family: 'DMSerifDisplay-Regular';
  }
  

/* Portátiles */
@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    /* body{
        background-color: blue;
    } */


    .btnIzquierdaNextSec2{
      position: relative;
      left: -40px;
      color:red;
      font-size: 50px;
    }
  
    .btnIzquierdaNext{
      position: relative;
      left: -53px;
      color:red;
      font-size: 50px;
  
    }
  

    .btnDerechaNextSec2{
      position: relative;
      left: 37px;
      color:red;
      font-size: 50px;
    }
    .btnDerechaNext{
      position: relative;
      left: 40px;
      color:red;
      font-size: 50px;
    }
    .contentDescrioServ1{
      position: relative;
      top: 130px;
      left: 10px;
    }

    .container-sec1-pag3
    {
      /* background-color: orange; */
      width: 100%;
      height: 942px;
    }
    .content-title-page3-sec1{
      position: relative;
      top: 110px;
      width: 630px;
      /* background-color: red; */
    }
    
    .boton-agenda1Home{
      background-color: #f46036;
      height: 55px;
      position: relative;
      top: 45px;
      display: inline-block;
      padding: 10px 20px;
      color: white;
      border-radius: 22px;
      font-family: 'Mulish-Black', sans-serif;
      font-size: 25px;
      border: none;
      cursor: pointer;
      width: 455px;
      text-align: center;
    }
  

    .rectangulo3EtiquetaUNIVERSITARIA2{

        font-family: 'Mulish-Black', sans-serif;
        font-size: 15px;
        width: 321px;
        height: 40px;     
        
        background-color: #1a386e;
        position: relative;
        top: -657px;
        left: 953px; 
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff; /* Color del texto */
      }
  
      .rectanguloEtiquetaUniversitaria1{
        
        font-family: 'Mulish-Black', sans-serif;
        font-size: 15px;
        width: 321px;
        height: 40px;
        background-color: #1a386e;
        position: relative;
        top: -100px;
        left: 278px; 
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff; /* Color del texto */
      }
  
      .rectanguloEtiquetaUniversitaria{
        font-family: 'Mulish-Black', sans-serif;
        font-size: 12px;
        width: 210px;
        height: 33px;
        background-color: #1a386e;
        position: relative;
        top: -260px;
        left: 1019px; 
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff; /* Color del texto */
      }
  
      .rectanguloEtiquetaUniversitarialSlide{
        font-family: 'Mulish-Black', sans-serif;
        font-size: 15px;
        width: 321px;
        height: 40px;
        background-color: #1a386e;
        position: relative;
        top: -115px;
        left: 276px; 
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff; /* Color del texto */
      }
  
  
  
  .rectangulo3EtiquetaUNIVERSITARIA{
    font-family: 'Mulish-Black', sans-serif;
    font-size: 14px;
    width: 219px;
    height: 33px;
    background-color: #1a386e;
    position: relative;
    top: -89px;
    left: 131px; 
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff; /* Color del texto */
  }


.contentFooterViewServices3Sec3{
  position: relative;
  top: 400px;
}


      .contentCheckserv3{     
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 35px;
    color: #1A386E;
    position: relative;
    top: 67px;
    left: 55px;
    width: 641px;
      }
  
      .line2ViServ3{
        height: 42.2vh;
        width: 2px;
        background-color: #f46036;
        position: relative;
        left: -60px;
        top: -330px;
        z-index: 2;
      }
      .line1ViServ3{
        height: 33.2vh;
        width: 2px;
        background-color: #0fa3b1;
        position: relative;
        left: -35%;
        top: -290px;
        z-index: 2;
      }
  
      .divContent3CheckServ3{
        position: relative;
        top: 30px;
        left: -50px;
        color: white; 
      }
  
      /* Diego6 */

      .imgcomoasesoramosServ3{
        position: relative;
        top: 0px;
        left: 0px;      
        width: 100%;
        height: 940px;
      }

      .content-img3-serv3-sec3{
        position: relative;
        top: -719px;
        left: 772px;
        background-color: green;
        width: 600px;
        height: 940px;
      }



      .img3EntregamosServ3{
        width: 100%;
        height: 940px;
      }

      .container-img-serv3-sec3{
        position: relative;
        top: -404px;
        left: 822px;
        background-color: green;
        width: 600px;
        height: 940px;
      }
  
  .divContent2CheckServ3{
    position: relative;
    top: 30px;
    left: -50px;
    color: white;
  }
  

  .txtServ4Desc3Listado{
    position: relative;
    top: 0px;
    left: 0px;

    font-family: 'Mulish', sans-serif;
    /*font-family:  'Mulish-Black', sans-serif;*/
    font-size: 30px;
    color: white; 
    width: 570px;
    font-weight: normal;  
  }

  .txtServ4DescGuias{
    position: relative;
    top: 0px;
    left: 0px;

    font-family: 'Mulish', sans-serif;
    /*font-family:  'Mulish-Black', sans-serif;*/
    font-size: 30px;
    color: white; 
    width: 570px;
    font-weight: normal;  
  }
  .divContentCheckServ3{
    position: relative;
    top: 30px;
    left: -50px;
    color: white;
  }
  
      .tituloServices3{
        position: relative;
        top: 150px;
        left: 57px;
        font-family: 'DMSerifDisplay-Regular', serif; 
        font-size: 80px;
        color: white;
        text-align: left;
        width: 657px;        
      }
  .p3Servicis{  
    position: relative;
    top: 40px;
    left: -115px;
    font-size: 20px;
  }


  .txtServ4Desc3{
    font-family: 'Mulish', sans-serif;
    /*font-family:  'Mulish-Black', sans-serif;*/
    font-size: 30px;
    color: white;
    position: relative;
    top: 0px;
    left: 0px;
    width: 570px;
    font-weight: normal;  
  }
      .txtServ3Desc3{
        font-family: 'DMSerifDisplay-Regular', serif;
        font-size: 30px;
        color: /*white;*/ #1A386E;
        position: relative;
        top: 45px;
        left: -145px;
        width: 641px;
      }
  
      .txtServ3Desc2{
        font-family: 'DMSerifDisplay-Regular', serif;
        font-size: 30px;
        color: #1A386E;
        position: relative;
        top: 45px;
        left: -145px;
        width: 641px;
  
        
      }
  
      
      .txtServ3Desc1{
        font-family: 'DMSerifDisplay-Regular', serif; 
        font-size: 30px;
        color:#1A386E; /*rgb(0, 0, 0);*/
        position: relative;
        top: 25px;
        left: -145px;
        width: 541px;
      }
      
      .boton-agendaServ3{
        background-color: #f46036;
        width: 410px;
        height: 46px;
        position: relative;
        left: 70px;
        top: 60px;
        display: inline-block;
        padding: 10px 20px;
        color: white;
        border-radius: 22px;
        font-size: 22px;
        border: none;
        cursor: pointer;  
        text-align: center;
      }
      .imgEntregamosServ3{
        width: 100%;
        height: 100%;
      }
  
      .rectangulo2EtiquetaVocacionalSlide2{
        font-family: 'Mulish-Black', sans-serif;
      font-size: 20px;
      width: 376px;
      height: 40px;
      background-color: #1a386e;
      position: relative;
      top: -650px;
      left: 973px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      }
  
      .rectanguloEtiquetaVocacionalimg2{
        font-family: 'Mulish-Black', sans-serif;
        font-size: 20px;
        width: 455px;
        height: 40px;
        background-color: #1a386e;
        position: relative;
        top: -110px;
        left: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
      }
      .rectanguloEtiquetaVocacionalSlide2{
        font-family: 'Mulish-Black', sans-serif;
        font-size: 14px;
        width: 210px;
        height: 33px;
        background-color: #1a386e;
        position: relative;
        top: -89px;
        left: 139px; 
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff; /* Color del texto */
      }
  
      .rectanguloEtiquetaVocacionalSlide1{      
        font-family: 'Mulish-Black', sans-serif;
        font-size: 20px;
        width: 455px;
        height: 40px;
        background-color: #1a386e;
        position: relative;
        top: -50px;
        left: 860px; 
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ffffff; /* Color del texto */
      }
  
  .rectanguloEtiquetaVocacional{
    font-family: 'Mulish-Black', sans-serif;
    font-size: 20px;
    width: 455px;
    height: 40px;
    background-color: #1a386e;
    position: relative;
    top: -100px;
    left: 45px; 
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff; /* Color del texto */
    z-index: 10;
  }
  
  .imgcomoasesoramos1{
    width: 100%;
    height: 950px;
  }
  
  .content-img2-sec3-serv1{
    position: relative;
    top: -693px;
    left: 849px;
    width: 500px;
    height: 645px;
  }

    .tituloServicesAsesor1{
      font-family: 'DMSerifDisplay-Regular', serif; 
      font-size: 80px;
      color: #f46036;
      text-align: left;
      width: 693px;
      position: relative;
      top: -50px;
      left: 50px;
      /* top: 112px;
      left: 160px; */
  }
  .content-title3-serv1{
    position: relative;
    top: 100px;
  }
  .container-seccion2-serv1{
    height: 951px;
  }
  #section3Serv1 {
    position: relative;
    top: -58px;  
    height: 950px;
  }
  #section1Serv1{
    position: relative;
    top: -50px;
    left: 0px;
    width: 100%;
    height: 697px;
    padding:50px;
    align-items: center;
  }
  .footer_services{
    position: relative;
    top: -350px;
  }
  
  .txtServ3Desc4{
    font-family: 'Mulish', sans-serif;
    font-size: 30px;
    color:black;
    position: relative;
    top: 20px;
    left: 80px;
    width: 472px;
    font-weight: normal;
  }
  
  
  #section1Serv3{
    position: relative;
    top: 0px;
    height: 942px;    
    }
   
    .contentInfoServ3Sec3{
      position: relative;
      top: 180px;
      left: 290px;
      width: 250px;
    }
    
    .tituloServices3Sec3{
      font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 80px;
      color: #f46036;
      text-align: left;
      width: 693px;
      position: relative;
      top: 0px;
      left: 57px;
    }
  
  
  .titulo1Services3{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 80px;
    color: #f46036;
    text-align: left;
    width: 693px;
    position: relative;
    top: 165px;
    left: 50px;
  }
 
  #section3Serv3{
    position: relative;
    top: 292px;
  }
  
  #section3Serv2{
    position: relative;
    top: 0px;     
    height: 949px;    
  }
  
  .footer_services2{
    position: relative;
    top:14px; 
  }
  .rectanguloEtiquetaVocacionalSlideAcadem2{
    font-family: 'Mulish-Black', sans-serif;
    font-size: 20px;
    width: 376px;
    height: 40px;
    background-color: #1a386e;
    position: relative;
    top: -70px;
    left: 856px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
  }
  
  #section2Serv2{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 655px;
    background-color: #1a386E;
  }
  .line1ViServ2{
    height: 68vh;
    width: 2px;
    background-color: #0fa3b1;
    position: relative;
    left: 100px;
    top: -370px;
    z-index: 2;
  }
  
  .content-carrouselServ2{  
    width: 45%; 
    position: relative; 
    left: 33%; 
    top: 115px;  
  }

  /* DiegoM2 */
  .txtTitleEntegas{
    font-family: 'DMSerifDisplay-Regular', serif;
      color: white; /*#f46036;*/
      font-size: 65px;
      height: 80px;
      position: relative;
      left: 0px;
      top: 0px
  }
  .contentTitleSect2Serv1{
  position: relative;
  top: 40px;
  left: 400px;
  width: 540px;
  }
  
  .imgcomoasesoramos{
    width: 600px;
    height: 997px;
    position:relative;
    top: 0px;
    left: 0px;
    z-index: 1;
  }


  /* Diego4 */

  .imgcomoasesoramosServ2{
    position: relative;
      top: 0px;
      left: 0px;
      width: 100%;
    height: 950px;
  }

  .content-img2-serv2-sec3{
    position: relative;
    top: -570px;
    left: 849px;
    width: 500px;
    height: 645px;

  }
  

  .line2ViServ2{
    height: 50.2vh;
    width: 2px;
    background-color: #0fa3b1;
    position: relative;
    left: 80px;
    top: -1020px;
    z-index: 2;
  }
  
  .container-info-serv2{
    position: relative;
    top: 60px;
    left: 110px;    
    width: 550px;    
  }


  .content-btnAgenda-serv2{
    position:relative ;
    top: 0px;
    left: 0px;
    width: 440px;    
  }
  
  .boton-agendaServ2{
    background-color: #f46036;
    width: 435px;
    height: 46px;
    position: relative;
    left: 0px;
    top: 0px;
    display: inline-block;
    padding: 10px 20px;
    color: white;
    border-radius: 22px;
    font-size: 22px;
    border: none;
    cursor: pointer;
    text-align: center;
  }
  
  .txt3Serv2Desc2{
    font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 30px;
      color: black;
      position: relative;
      left: 0px;
      top: 0px;
      width: 602px;
  }
  
  
  .txt2Serv2Desc2{
    font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 40px;
      color: black;
      position: relative;
      left: 135px;
      top: -735px;
      width: 563px;
  }
  
  
  
  .txtServDesc2{
    font-family: 'Mulish-Black', sans-serif;
    font-size: 40px;
    color: #3f3f3f;
    position: relative;
    left: -105px;
    top: 17px;
  }
  .content3Checkserv2{
    position: relative;
    top: -85px;
    left: -30px;
    width: 20px;
  }
  
  .content2Checkserv2{
    position: relative;
    top: -120px;
    left: -30px;
    width: 20px;    
  }
  
  .content1Checkserv2{
    position: relative;
    top: -80px;
    left: -30px;
    width: 20px;
  }
  
  .content-carrousel{ 
    width: 700px;   
    height: 563px;      
    position: relative; 
    left: 323px; 
    top: 50px;
  }
  
  .containerCorrouselServices{
    width: 100%;
    background-color: #ead337;
  }
  .line2ViServ {
    height: 28.2vh;
    width: 2px;
    background-color: #0fa3b1;
    position: relative;
    left: 13%;
    top: -177px;
    z-index: 2;
  }
  
  .line1ViServ {
    height: 50vh;
    width: 2px;
    background-color: #0fa3b1;
    position: relative;
    left: -15px;
    top: -320px;
    z-index: 2;
  }
  .line2ViServ1{
    height: 30.2vh;
    width: 2px;
    background-color: #0fa3b1;
    position: relative;
    left: -35%;
    top: -170px;
    z-index: 2;
  }
  
  .tituloServicesSec2{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 70px;
    color: #f46036;
    text-align: left;
    width: 693px;
    position: relative;
    top: 0px;
    left: 0px;
  }
  .tituloServices{
    font-family: 'DMSerifDisplay-Regular', serif; 
    font-size: 80px;
    color: #f46036;
    text-align: left;
    width: 693px;
    position: relative;
    top: 0px;
    left: 0px;
    /* top: 112px;
    left: 160px; */
  }
  

  .line2ViewServ1{
    height: 26vh;
    width: 2px;
    background-color: #0fa3b1;
    position: relative;
    left: -120px;
    top: -170px;
    z-index: 2;
  }

  .contentnDataServ1Section3{
    position: relative;
    top: -100px;
    left: 180px;
    width: 500px;  
  }
  
  #section1Serv2{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 646px;
    background-color: #FFFFFF;
  }
  
  #section2Serv1{
    position: relative;
    top: -58px;
    left: 0px;
    width: 100%;
    height: 655px;
    background-color: #1a386E;
  }
  
  
  .contentTitleEntSc2Serv2{
  position: relative;
  top: 0px;
  left: 32%;
  width: 540px;
  text-align: center;
  }
  
  
  .rectanguloEtiquetaVocacionalAcad1{
    font-family: 'Mulish-Black', sans-serif;
    font-size: 20px;
    width: 376px;
    height: 40px;
    background-color: #1a386e;
    position: relative;
    top: -100px;
    left: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    z-index: 10;
  }
  
  .contentCheck{
    position: relative;
    top: 165px;
    left: -109px;
  }
  .contentCheck2{
    position: relative;
    top: 165px;
    left: -109px;
  }
  
  .txtServ2Desc1{
    font-family: 'DMSerifDisplay-Regular', serif; 
    font-size: 30px;
    color:#1A386E; /*rgb(0, 0, 0);*/
    position: relative;
    top: 0px;
    left: 0px;
    width:351px;
  }
  
  .txtServDesc1{
    font-family: 'DMSerifDisplay-Regular', serif; 
    font-size: 45px;
    color:#1A386E; /*rgb(0, 0, 0);*/
    position: relative;
    top: 0px;
    left: 0px;
    width: 530px;    
  }
  
  #section2Serv{
    position: relative;
    top: 160px;
    left: 0px;
    width: 100%;
    height: 450px;
    background-color: #1a386E;
    padding:50px;
    align-items: center;
  }
  #section3Serv{
    position: relative;
    top: 250px;
  
  }
  
  .contentimg3Sect2Home{
    position: relative;
      top: -700px;
      left: 692px;
      width: 657px;
      height: 501px;

  }
  
  .boton-agenda1{
    background-color: #f46036;
    height: 55px;
    position: relative;
    left: 73px;
    top: 45px;
    display: inline-block;
    padding: 10px 20px;
    color: white;
    border-radius: 22px;
    font-family: 'Mulish-Black', sans-serif;
    font-size: 25px;
    border: none;
    cursor: pointer;
    width: 455px;
    text-align: center;
  }
  
  .boton-agenda-serv{
    background-color: #1a386e;
    height: 51px;
    position: relative;
    left: -135px;
    top: 188px;
    display: inline-block;
    padding: 10px 20px;
    color: white;
    border-radius: 22px;
    font-size: 20px;
    border: none;
    cursor: pointer;
    width: 440px;
    text-align: center;
  }
  
  /* Cambia el color del botón al pasar el ratón sobre él */
  /*
  .boton-agenda:hover {
    background-color: #0E2252;
  }
  */
  
  .txtServtitle1{
    font-family: 'DMSerifDisplay-Regular', serif; 
    font-size: 35px;
    color:#3f3f3f;  /*rgb(0, 0, 0);*/
    position: relative;
    top: 125px;
    left: -65px;
    width:351px;
  }
  .p1Servicis{
    font-family:'Mulish-Black', sans-serif;            
    font-size: 25px;
    color: black;
    text-align: left;
  }
  .textoAcad1{
    font-family:'Mulish-Black', sans-serif;            
    font-size: 25px;
    color: black;
    text-align: left;
  }
  
  
  .p2Servicis3{
    position: relative;
    top: 33px;
    left: -115px;
    font-size:20px;
    width: 500px;
  }
  
  
  .p2Servicis2{
    position: relative;
    top: 135px;
    left: 115px;
    font-size:20px;
    width: 500px;
  }
  .p2Servicis{
    position: relative;
    top: 0px;
    left: 0px;
    font-size:20px;
  
  }
  #section2Serv3{            
    background-color: #1A386E;
    position: relative;
    top: 0px;
    height: 941px;
  }
  .txtServDesc3{
    font-size:20px;
  }

  .txtoLogoNav2{
    font-family: 'DMSerifDisplay-Italic', serif;
    font-size: 13px;
    color: rgb(0, 0, 0);
    text-align: left;
   position: relative;
    left: -156px;
    top: 20px;;
  }
  
  .txtoLogoNav1{
    font-family: 'DMSerifDisplay-Italic', serif;
    font-size: 25px;
    color: #0fa3b1;
    text-align: left;
  /*  position: relative;
    left: -186px;
    top: 20px;;*/
  }
  
  .logo{
    position: relative;
    top: -20px;
/*    left: 30%; */
    width: 250px;
    height: auto;
  }

  img {
    max-width: 100%;
    max-height: 100%;
  }
    
    .imgMenu{
        width: 300px; /* Ajusta el ancho según tus necesidades */
        height: 280px; /* Ajusta la altura según tus necesidades */
        overflow: hidden;
        border-radius: 50%; /* Hace que el contenedor sea redondo */
        position: relative;            
        z-index: 2;
    }
    
    .imgMenu img {
    
        width: 100%; /* Ajusta la anchura de la imagen al 100% del contenedor */
        height: auto; /* Mantiene la proporción original de la imagen */
        /*display: block;  */
        /*position: absolute;
        z-index: 2;
        */
    }

    .titleServiciosHome{
      color: #FFFFFF;
      font-size: 70px;
      font-family: 'DMSerifDisplay-Regular',serif;
      width: 50px;
      position: relative;
      left: 445px;
      top: 0px;
    }
    
    #Menuservicios{
        position: relative;
        top: 224px;
        left:0px;      
        width:100%;
        height: 715px;
        background: linear-gradient(rgba(23, 49, 94, 0.7), rgba(23, 49, 94, 0.7)), url('../img/background.jpg'); 
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        font-family: Arial, sans-serif;
        
    }
  
    .img1servhome{
      position: relative;
      top: -50px;
      left: 127px;
      width: 250px;
      height: 100px;
    }
    .contetnimgservhome1{
      position: relative;
      top: 110px;
      left: -24px;
      width: 100%;
      height: 440px;
      
    }
    .img1servhome{
      position: relative;
      top: 125px;
      left: -35px;
    }
  
    .contetnLineahome{
      position: relative;
      top: -220px;
      left: 330px;
      width: 2px;
      height: 34.9vh;
    }
    .contetrcetNaranjahome{
      position: relative;
      top: -1090px;
      left: -5px;
      width: 100%;
    }
  
    .contentimgserv1home{
      position: relative;
      top: 0px;
      left: 29px;
      width: 300px;
    }
  
    .contentimgserv2home{
      position: relative;
      top: -350px;
      left: 392px;
      width: 300px;
    }
      
  .contetnimg3servhome{
    position: relative;
    top: -707px;
    left: 805px;
    width: 300px;
  }
    .rounded-rectangleServHome {
                width: 1100px;
                height: 203px;                            
                position: relative;            
                border-radius: 20px;
                top: 725px;
                left: 0px;
                z-index: 1;
                background-color: #f46036;
            }
            

    
    
    .line-container {
                display: flex;
                justify-content: space-between;
                width: 600px; /* 300px * 2 + 200px */
                position: absolute;
                bottom: 30%;
                left: 60%;
                transform: translateX(-50%);
            }
    
            .line1 {
                height: 41.2vh;
                width: 5px;
                background-color: #128298;
                position: relative;
                left: 32.6%;
                top: -414px;
                z-index: 3;
            }
            .line2 {
                height: 41.2vh;
                width: 5px;
                background-color: #128298;
                position: relative;
                left: 67%;
                top: -792px;
                z-index: 2;
            }
    
            .contenedor{
              align-items: center;
            }
            .ContentMenuServ{
              position:relative;
              top: 202px;
            }
            .txtServ1{
              position: relative;
              top: 51px;
              z-index: 5;
              color: white;            
            } 
            .txtServ2{
              position: relative;
              top: 51px;
              z-index: 5;
              color: white;            
            }
            .txtServ3{
              position: relative;
              top: 51px;
              z-index: 5;
              color: white;            
            }   
              /* .navbar ul {
                      list-style: none;
                      margin: 0;
                      padding: 0;
                      display: flex;
                  }
          
                  .navbar ul li {
                      margin: 0 15px;
                  }   */
  
  
  
      /**
      Pagina principal
      */
  
  
      .navbar{
        position: relative;
        top: 0px;
  
      }
  
      .Divcontacto{
        width: 100%;
        height: 80%;      
        position: relative;
        top: 140px;      
      }
  
      .divRecomendados{
        position: relative;
        top: 90px;      
        width: 250px;
        height: 315px;
      }
  
      .rounded-title-Recomendados2{
        width: 100%;
        height: 237px;
        background-color: #1A386E;
        /*border-radius: 20px;*/
        position: relative;
        top: -200px;
        z-index: 1;
        text-align: center;
        padding: 10px; 
      }
  
  
  
      .rounded-title-Recomendados{
        width: 100%;
        height: 90px;
        background-color: #1A386E;
        border-radius: 20px;
        position: relative;
        top: -80px;
        z-index: 1;
        text-align: center;
        padding: 10px; 
      }
  
  
      .comillasDerecha{
        font-family: 'DMSerifDisplay-Regular', serif;
        position: relative;
        top: -80px;
        left: 580px; 
        font-size: 90px;      
        width: 50px;
        height: 50px;
        color: #f46036;
      }
  
  .comillasIzqierda{
    font-family: 'DMSerifDisplay-Regular', serif;
    position: relative;
    top: 20px;
    left: 95px; 
    font-size: 90px;  
    width: 50px;
    height: 50px;
    color: #f46036;
    
  }
      .divIzquierdo1{
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;  
        padding: 0;  
      }
  
      .divDerecho1{
        position: relative;
        top: 0px;
        left: 0px;
        /* background-color: #128298; */
        width: 100%;
        height: 1032px;
        padding: 0;
        margin: 0;   
      }
      .TextoMenu {
        font-family: 'DMSerifDisplay-Regular', serif;
        font-size: 15px;
        position: relative;
        left: 1250px;
        top: -50px;
      }
      .TextoMenu2{
        font-family: 'DMSerifDisplay-Regular', serif;
       font-size: 20px;
        /*color: black;*/
      }
      
      /* .navbar ul {
                  list-style: none;
                  margin: 0;
                  padding: 0;
                  display: flex;
              }
      
              .navbar ul li {
                  margin: 0 15px;
              } */
      
        .texto1{
          font-family: 'DMSerifDisplay-Regular', serif;
          font-size: 80px;
          color: #0fa3b1;
          text-align: left;
          position: relative;
          left: 14px;
          top: -5px;
        }
        .texto2{
          font-family: 'Mulish-Extra-Light', sans-serif;
          font-size: 36px;
          position: relative;
          top: 11px;
          left: 11%;
          color: black;
          font-weight: bold;
        }
        .texto3{
          font-family: 'DMSerifDisplay-Regular', serif;
          font-size: 102px;
          color: white;
          text-align: left;
          position: relative;
          left: -70px;
          top: 47px;
          /* left: 85px;
          top: -571px; */
          width: 397px;
        }
      .texto3nosostros{
        font-family: 'Mulish-Extra-Light', sans-serif;
        font-size: 29px;
        color: white;
        position: relative;
        left: 780px;
        top: -1100px;
        width: 500px;
  
      }
      .texto4Nosotros{
        font-family: 'Mulish-Bold', sans-serif;
      font-size: 36px;
      color: #f46036;
      text-align: right;
      position: relative;
      left: 50px;
      top: -20px;
      width: 527px;
      }
       
        .img1{
          position: relative;
          left: -15px;
          width: 630px;
          height: 500px;
        }
      
        .btn-Agenda{
          background-color: #f46036;
          width: 277px;
          height: 38px;
          position: relative;
          left: -20px;
          top: 35px;;
        }
     
        .contetntitlenosotros{
          position: relative;
          top: -1150px;
          left: 850px;
          width: 398px;
          
        }
  
        .img2nosotros{        
          position: relative;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 93%;
        }
        .overlay {
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 100%; /* Divide el cuadro en la mitad */
                  height: 93%;
                  background-color: rgba(32, 56, 107, 0.7); /* Color azul rey semi transparente */
              }
            #nosotros{            
              background-color: #FFFFFF;            
            }
            .ofrecemos{
              background-image: url('img/background.jpg');
            }
      .imgContacto{
        width: 910px;
        height: 722px;
        position: relative;
        top: 0px;
        left: -181px;
      }
      .textoContacto1{
        font-family: 'DMSerifDisplay-Italic', serif;
          font-size: 85px;
          color: #f46036;
          text-align: left;
          position: relative;
          left: 0px;
          top: 0px;
          width: 596px;
      }
      .correocontacto{
        font-family: 'Mulish-Extra-Light', sans-serif;
        color: black;
          font-size: 33px;        
          position: relative;
          left: 0px;
          top: 0px;
      }
      .telefonocontacto{
        font-family: 'Mulish-Extra-Light', sans-serif;
          font-size: 33px;
          color: black;
          position: relative;
          left: 0px;
          top: 0px;
      }
      
  
      .imgHom1{
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 658px;
        background-color: white;
      }    
  
      .titleQofrece{
        color: #FFFFFF;
        font-size: 70px;
        font-family: 'DMSerifDisplay-Regular',serif;
        width: 50px;
        position: relative;
        left: 0px;
        top: 0px;
      }
  
      .rounded-title {
        width: 98.5%;
        height: 90px;
        
        border-radius: 20px;
        position: relative;
        top: 0px;
        z-index: 1;
        text-align: center;
        padding: 10px;      
    }
  
  
    .rounded-rectangle2 {
      width: 100%;
        height: 90px;
        background-color: #f46036;
        border-radius: 20px;
        position: relative;
        top: 0px;
        z-index: 1;
        text-align: center;
        padding: 10px; 
  }
  
  
  .rounded-rectangle {
    width: 100%;
    height: 179px;
    background-color: #f46036;
    border-radius: 20px;
    position: relative;            
    top: -30px;
    z-index: 1;
  }

      #Recomendado{
        position: relative;
        top: 224px;
        left: 0%;
        width: 100%;
        height: 642px;  
        background-color: #1A386E;
      }
      .contenedorrecomendado{
        position: relative;
        top: 0px;
        width: 100%;
        height: 560px;
        background-color: #1A386E;
        align-items: center;
      }
      .titlerecomendado{
      
        font-family: 'DMSerifDisplay-Italic', serif; 
        color: white;
        font-size: 50px;
        text-align: center;
      }
  
  
      .txtRecom3{
        /* display: none; */
        font-family: 'Mulish-Extra-Light', sans-serif;
        font-size: 25px;
        color: white;
        position: relative;
        top: 71px;
        left: 95px;
        width: 266px;
        z-index: 9;
      }
  
      .txtRecom2{
        font-family: 'Mulish-Extra-Light', sans-serif;
        font-size: 25px;
        color: white;
        position: relative;
        top: 70px;
        left: 80px;
        width: 281px;
        z-index: 9;
      }
      
      .txtRecom1{
        font-family: 'Mulish-Extra-Light', sans-serif;
          font-size: 25px;
          color: white;
          position: relative;
          top: 70px;
          left: 80px;
          width: 266px;
          z-index: 9;
      }
      
  
      
      .triangulo1 {
          width: 0;
          height: 0;
          border-left: 30px solid transparent;
          border-right: 30px solid transparent;
          border-bottom: 30px solid #f46036;
          transform: rotate(225deg);
          position: relative;
          top: 10px;
          left: 3px;
          z-index: 10;
          
      }
             
      .triangulo2 {
          width: 0;
          height: 0;
          border-left: 30px solid transparent;
          border-right: 30px solid transparent;
          border-bottom: 30px solid #0fa3b1;
          margin-top: 30px; /* Espacio entre triángulos */
          transform: rotate(225deg);
          position: relative;
          top: 18px;        
          z-index: 10;
      }        
      .triangulo3 {
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 30px solid #ead337;
        margin-top: 30px; /* Espacio entre triángulos */
        transform: rotate(225deg);
        position: relative;
        top: -11px;
        left: 15px;
        z-index: 10;
      }
        .Barra
          {
            height: 60vh;
            width: 15px;
            background-color: #f46036;
            position: relative;
            left: 0px;
            top: 0px;
            z-index: 3;        
        }
      
        .line1 {
                  height: 41.2vh;
                  width: 5px;
                  background-color: #128298;
                  position: relative;
                  left: 32.6%;
                  top: -504px;
                  z-index: 3;
              }
              .line2 {
                  height: 41.2vh;
                  width: 5px;
                  background-color: #128298;
                  position: relative;
                  left: 67%;
                  top: -882px;
                  z-index: 2;
              }           
      
              .txtColombia{
                font-family: 'Mulish-Extra-Light', sans-serif;
                font-size: 33px;
                color: black;
                position: relative;
                left: 0px;
                top: 0px;
              }
      
              .imgCatRec1{
                width: 200%;
                height: 200%;
                position: relative;
                top: 0px;
                left: 0px;
              }
              .imgCatRec2{
                width:200%;
                height:850%;
              }
              .imgCatRec3{
                width:200%;
                height: 850%;
              }
  
  
              .bg-light {
                position: relative;
                top:-50px
      
              }
  
  
              .videoPrincipal{
                width: 100%;
                height: 500px;
                /*width="800" height="640"*/
              }
  
              .contentFooter{
                position: relative;
                top: 900px;              
                height: 55px;
                width: 99.2%;
                text-align: center;
              }
  
              .contentFormulario{
                position: relative;
                top: 90px;
                left: 50px;
                width: 50%;
                background-color: purple;              
              }
  
                /* Diego7 */
                

                 .line1Servpage{
            height: 30.9vh;
            width: 5px;
            background-color: #128298;
            position: relative;
            left: 512px;
            top: -340px;
            z-index: 10;
          }

          .line2ServPage{
            height: 31.2vh;
            width: 5px;
            background-color: #128298;
            position: relative;
            left: 925px;
            top: -635px;
            z-index: 2;
          }

                .content-img3-serv{
                  position: relative;
                  top: -900px;
                  left: 830px;
                  width: 310px;
                  height: 450px;      
                }

                .content-img2-serv{
                  position: relative;
                  top: -450px;
                  left: 410px;
                  width: 310px;
                  height: 450px;      
                }

                .Content-img1-serv{
                  position: relative;
                  top: 0px;
                  left: 0px;
                  width: 310px;
                  height: 450px;                                    
                }
              
                .txtServicios1{
                  position: relative;
                  top: 0px;
                  z-index: 5;
                  color: white;  
                  font-size: 25px;       
                }

                .content-imgservicios{
                  position: relative;
                  top: 200px;
                  left: 155px;
                  width: 1132px;
                  height: 450px;                     
                }

                .container-seccion2-servicios{
                  height: 700px;      
                }
              

              .titleQofreceServ{
                color: #FFFFFF;
                font-size: 85px;
                font-family: 'DMSerifDisplay-Regular',serif;
                width: 350px;
                position: relative;
                left: 523px;                 
              }
              .rounded-title-services1 {
                width: 100%;
                height: 90px;                
                /*border-radius: 20px;*/
                position: relative;
                top: 0px;
                z-index: 1;
                text-align: center;
                padding: 10px;    
            }          
          
            #contentServicios{
              position: relative;
              top: 0px;
              left: 0px;            
              width: 100%;              
            }
  
            .contentFooterServices{
              position: relative;
              top: 0px;
              left: 0px;
              background-color: white;
              height: 100px;
            }
  
            .text-footer-services{
            
            }
  
            .mastheadN{
              background-color: #ead337;
            }
  
            #MenuserviciosPageServ{
              position: relative;
              top:70px;
              left:0px;      
              width:100%;
              height: 715px;                       
            }
  
            #MenuserviciosPageServicios{
              position: relative;
              top: 0px;
              left:0px;      
              width:100%;
              height: 400px;  
            /*  background: linear-gradient(rgba(23, 49, 94, 0.7), rgba(23, 49, 94, 0.7)), url('../img/background.jpg');
              background-size: cover;
              background-position: center;
              background-repeat: no-repeat;*/
            }
  
            .rounded-rectangleServ2{
              position: relative;            
              top:125px;
              left: 5.5%;
              width: 90%;
              height: 205px;
              background-color: #f46036;
              border-radius: 20px;            
              z-index: 1;
            }
  
            .divcontentrentngleserve2{
              position: relative;
              top: 0px;
              left: 0px;
              height:400px;
            }
            .rounded-rectangleServPage{
              width: 1200px;
              height: 200px;
              background-color: #f46036;
              border-radius: 20px;
              position: relative;            
              top: -50px;
              left: 120px;
              z-index: 1;
            }
  
  
            .txtServ1{
              position: relative;
              top: 0px;
              z-index: 5;
              color: white;  
              font-size: 25px;          
            } 
            .txtServ2{
              position: relative;
              top: 0px;
              z-index: 5;
              color: white; 
              font-size: 25px;             
            }
            .txtServ3{
              position: relative;
              top: px;
              z-index: 5;
              color: white;   
              font-size: 25px;   
              width: 306px;
              left: 68px;        
            }
  
            .contentDivNosotros{
              position: relative;
              top: 0px;
              width: 100%;
              height: auto;
              margin: 0; /* Puedes ajustar este valor según sea necesario */
              padding: 0;
            }
  
  
            .txtServUni{
              font-family: 'Mulish-Bold','sans-serif';
              font-size: 25px;
              position: relative;
              top: 46px;
              z-index: 5;
              color: white; 
              width: 343px;
            }
  
            .line1Home{
              height: 36.4vh;
              width: 3px;
              background-color: #128298;
              position: relative;
              left: 10px;
              top: 48px;
              z-index: 3;
            }
            .line2Home{
              height: 36.4vh;
              width: 3px;
              background-color: #128298;
              position: relative;
              left: 400px;
              top: -187px;
              z-index: 2;
            }

            .txtServHome{
              font-family: 'Mulish-Bold','sans-serif';
              font-size: 25px;
              position: relative;
              top: 48px;
              left: 20px;
              z-index: 5;
              color: white;   
              text-align: center;
              width: 250px;         
            } 
  
            .txtServHomeAca{
              font-family: 'Mulish-Bold','sans-serif';
              font-size: 25px;
              position: relative;
              top: 44px;
              left: 20px;
              z-index: 5;
              color: white;   
              text-align: center;
              width: 250px;
            }
            /* .txtServ2{
              position: relative;
              top: 51px;
              z-index: 5;
              color: white;            
            }
            .txtServ3{
              position: relative;
              top: 51px;
              z-index: 5;
              color: white;            
            } */
  
      .divColID1{
        position: relative;
        top: -48px;
        left: -101px;
        background-color: #1A386E;
        width: 199.2%;
        height: 85%;
      }
      
      .divColID2{
        
        position: relative;
        top: -316px;
        background-color: #1A386E;
        width: 159%;
        height: 85%;
        left: 397px;
      }
      .divColID3{      
        position: relative;
        top: -584px;
        left: 793px;
        background-color: #1A386E;
        width: 184.6%;
        height: 85%;
      }
  
      .contentDescrioServ{
        position: relative;
        top: 140px;
        left: 122px;
      }
  
      .contentFooterViewServices{
        position: relative;
        top:-561px;              
        height: 55px;
        width: 99.2%;
        text-align: center;      
      }
      
      #mainNav{      
        width: 100%;
        position: relative;
        left: 0px;           
        height: 70px;
        background-color: #0fa3b1;
      }
  
      .contentTextServ3Sec1{
        position: relative;
      top: 250px;
      left: 319px;
      width: 500px;
      }
  
      .contentInfoServ3Sec1{
        position: relative;
        top: 300px;
        left: 150px;
        width: 600px;
        height: 300px;        
      }
      .footer_services3{
        position: relative;
        top: 320px;
       }
  
       .line3ViServ3{
        height: 15.2vh;
        width: 2px;
        background-color: #0fa3b1;
        position: relative;
        left: 50px;
        top: -150px;
        z-index: 2;
      }
  

      

/* Diego5 */

.line1ViServ3Sec1{
  height: 35vh;
  width: 2px;
  background-color: #0fa3b1;
  position: relative;
  left: -35%;
  top: -290px;
  z-index: 2;
}

      .divDerServ3Sec1{
        position: relative;
        top: -754px;
        left: 822px;
        background-color: green;
        width: 600px;
        height: 943px;
      }

    /* DiegoM1 */

    .imgEntregamos{
      width: 600px;
        height: 640px;
        position:relative;
        top: 0px;
        left: 0px;
        z-index: 1;
    }
      .divDerServ1Sec1{
        position: relative;
        top: -752px;
        left: 799px;
        width: 500px;
        height: 645px;
      }
  
      .contentInfoSection1{
        position: relative;      
        width: 100%;
        margin: 0; /* Puedes ajustar este valor según sea necesario */
      padding: 0;
      }
  
      .texto2Home{
        font-family: 'Mulish-Extra-Light', sans-serif;
        font-size: 36px;
        position: relative;
        text-align: center;
        top: 11px;
        color: black;
        font-weight: bold;
      }
      .texto1Home{
        font-family: 'DMSerifDisplay-Regular', serif;
        font-size: 80px;
        color: #0fa3b1;
        text-align: center;
        position: relative;
        top: -5px;
      }

      .contetnimg1home{
        position: relative;
        top: -410px;
        left: 693px;
        width: 656px;
        height: 800px;
      }
  
      .imgsecion1Home{        
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 800px;
      }
  
      .imgsecion2Home{
        position: relative;
        top: 0px;
        left: 0px;     
        width: 100%;
        height: auto;
        padding: 0;
        margin: 0;        
      }
      .contenetimg1Home{
        position: relative;
        top: 0px;
        left: 0px;
      }

      .page-section1{
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 800px;
        padding: 0;
        margin: 0;      
      }
      .contentInfohome1{
        position: relative;
        top: 111px;
        width: 55%;
        height: 25%;
        text-align: center;
      }
  
      .page-sectionNosotros{
        position: relative;
        top: -142px;
        left: 0px;
        width: 100%;
        height: 10%;      
        margin: 0; /* Puedes ajustar este valor según sea necesario */
        padding: 0; 
        background-color: green;
      }
  
      .contentimg2HomeSec2{
        position: relative;
        top: 0px;
        left: 0px;
        width: 692px;         
      }

      .imgnosotros{
        position: relative;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 700px;
      }
  .contentinfoHome2{
    position: relative;
    top: -1055px;
    left: 692px;
    width: 657px;
    height: 234px;
  }
  body, html {
    margin: 0;
    padding: 0;
  }
  
  nav {
    display: flex;
    justify-content: space-around;
    background-color: #555;
    padding: 10px;
  }
  
  nav a {
    color: black;
    text-decoration: none;
    padding: 10px;
    /* transition: background-color 0.3s; */
  }
  
  nav a:hover {
    background-color: #777;
  }
  
  .containerNavBar{
    position: relative;
    top: -5px;
    left: 0px;
    width: 90px;
    height: 90px;        
    margin: 0;
   padding: 0;
  }
  .logoBar{
    position: relative;
    top: 15px;
    width: 90px;
    height: 59px;        
  }
  
  #navbarResponsive{
    position: relative;
    left: 780px;
    top: -30px;        
  }
  
    .contTitlerecomendado{
      position: relative;
      top: 0px;
      left: 341px;
      width: 474px;      
      background-color: #1A386E;
    }
    
    #DudasyContacto{
      position: relative;
      top: -1500px;
      left: 0px;
      border-color: red;
    }
  
    .contimgdudascontacto{
      position: relative;
      top: -12px;
      left: -120px;
    }
    .continfoContacthome{
      position: relative;
      top: 150px;
      left: 10px;
    }
  
    .ContentimgContacto1{
      position: relative;
      left: -150px;
    }
  
    .page-section-contact{
      position: relative;
      top: 224px;
      height: 722px;    
    }
  
    .contenttitleDudashome{
      position: relative;
      top: -550px;
      left: 615px;
      width: 460px;
    }
  
    .contentInfoContacto{
      position: relative;
      top: -508px;
      left: 705px;
      width: 360px;    
    }
  
    .contentBarraContacto{
      position: relative;
      top: -850px;
      left: 645px;
      width: 26px;
      height: 191px;    
    }
  
    .contentTitleFormulario{
      position: relative;
      top: 0px;
      left: 298px;
      width: 560px;  
    }
  #sectionFormulario{
  position: relative;
  top: 240px;
  width: 100%;
  height: 100%;
  }
  .titleRegistroForm{
    color: #1A386E;
      font-size: 70px;
      font-family: 'DMSerifDisplay-Regular',serif;
      width: 600px;
      position: relative;
      left: 0px;
  }
  .contentbtnGuardar{
    position: relative;
    top: 0px;
    left: 0px;
    width: 285px;
    height: 40px;  
  }
  .contentbtnCancelar{
    position: relative;
      top: -40px;
      left: 860px;
      width: 283px;
      height: 40px;    
  }
  #btn_guardar{
    width: 283px;
  }
  #btn_denunciar{
    width: 283px;
  }
  .container-seccion1{
    max-width: 1348px;
    max-height: 758px; 
    
  }
  .container-seccion2{
    max-width: 1000px;
    max-height: 334px;  
    
  }
  
  .container-seccion3{
    max-width: 1140px;
    max-height: 715px;   
    position: relative;
      left: 7%; 
  }
  
  .container-seccion4{
    max-width: 1140px;
    max-height: 715px;   
    position: relative;
    left: 7%;    
  }
  
  .container-seccion5{
    max-width: 1140px;
    max-height: 715px;   
    position: relative;
    left: 7%;     
  }
  
  .container-seccion6{
    max-width: 1140px;
    max-height: 715px;   
    position: relative;
    left: 7%;     
  }
  
  .container-seccion7{
    max-width: 865px;
    max-height: 715px;   
    position: relative;
    left: 17%;     
    background-color: wheat;
  }
  
  .container-seccion1ViseServ{
    max-width: 1180px;
    /* max-width: 1140px; */
    max-height: 715px;   
    position: relative;
    left: 7%;
    background-color: white;
  }
  
  .contentFooter{
    position: relative;
    top: 250px;
    left: 0px;
  }
  .labelMensajeform{
    font-family: 'Mulish-Bold',serif;
    font-size: 20px;
    color: #1A386E;
  }
  
  /** Pagina ViewsServices.php**/
  .content-img-serv1-1{
    position: relative;
    top: -827px;
    left: 656px;
    width: 45%;
    height: 71%;
  
  }
  
  .content-title-services{
  position: relative;
  top: 101px;
  left: 0px;
  width: 684px;
  }
  .content-descr-serv-1{
  position: relative;
  top: 127px;
  left: 88px;
  width: 350px;
  }
  .content-parrafo-serv-1{
    position: relative;
    top: 115px;
    left: 88px;
    width: 383px;
  }
  .content-descr2-serv-1{
    position: relative;
    top: 125px;
    left: 90px;
    width: 300px;
  }
  .content-parrafo2-serv-1{
    position: relative;
    top: 120px;
    left: 91px;
    width: 290px;
  }
  
  
  .content-descr3-serv-1{
    position: relative;
    top: 120px;
    left: 90px;
    width: 300px;
  }
  
  .content-parrafo3-serv-1{
    position: relative;
    top: 120px;
    left: 91px;
    width: 290px;
  }
  
  .content-linea1-serv1{
    position: relative;
    top: -241px;
    left: 65px;
    width: 10px;  
  }
  
  .container-seccion2-ViseServ{
    max-width: 1180px;
    max-width: 800px;   
    position: relative;
    left: 0px;  
  }
  
  .container-seccion3-ViseServ{
    max-width: 1180px;
    max-height: 750px;   
    position: relative;
    left: 0px;  
  }
  .contet-title-sect3{
    position: relative;
    top: 100px;
    left: 135px;
    width: 459px;
  }
  .contetn-img-section3-serv1{
    position: relative;
    top: -733.6px;  
    left: 795px;
    width: 45%;
    height: 965px;
  }
  .contentFooterViewServicesSec1{
    position: relative;
      top: 0px;
      height: 55px;
      width: 100%;
      text-align: center;    
  }
  
  
  .container-seccion1-serv2{
    max-width: 1140px;
    max-height: 715px;   
    position: relative;
    top: 0px;
    left: 0px;       
  }
  
  .content-title-sect1-serv2{
    position: relative;
    top: 90px;
    left: 93px;
    width: 550px;
  }
  
  /*diego3*/

  .contentFooterViewServicesSec2{
    position: relative;
    top: 50px;
  }
.content-carrousel-serv2{

  width: 700px;
  height: 563px;
  position: relative;
  left: 323px;
  top: 50px;
}
  

  .imgEntregamosServ2{
    width: 100%;
    height: 646px;
    z-index: 1;
  }

  .content-imgSec2-Serv2{
    position: relative;
    top: -1000px;
    left: 849px;
    width: 500px;
    height: 650px
  }
  
  .p1Servicis2sec1{
    position: relative;
    top: -3px;
    left: 0px;
    font-size:17px;
    width: 500px;
  }
  .txtServ2Desc2{
    font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 30px;
      color: black;
      position: relative;
      top: 0px;
      left: 0px;
      width: 351px;      
  }
  .p2Servicis2Serv2{
      position: relative;
      top: -13px;
      left: 0px;
      font-size: 17px;
      width: 500px;
  }
  .p3Servicis2Serv2{
    position: relative;
    top: -13px;
    left: 0px;
    font-size: 17px;
    width: 500px;
  }
  .p4Servicis2Serrv2{
    position: relative;
    top: -13px;
    left: 0px;
    font-size: 17px;
    width: 500px;
  }
  .content-info-serv2{
    position: relative;
    top: 100px;
    left: 120px;
    width: 500px;
  }
  
  .container-seccion2-serv2{
    max-width: 1140px;
    max-height: 715px;   
    position: relative;
    top: 0px;
    left: 0px;       
  }
  
  
  .txtTitleEntegasServ2{
    font-family: 'DMSerifDisplay-Regular', serif;
      color: white; /*#f46036;*/
      font-size: 65px;
      height: 80px;
      position: relative;
      left: 0px;
      top: 0px
  }
  
  .container-seccion3-serv2{
    max-width: 1140px;
    max-height: 800px;   
    position: relative;
    top: 0px;
    left: 0px;       
  }
  /* DiegoM3 */
  .tituloServices2Sec3{
    font-family: 'DMSerifDisplay-Regular', serif; 
    font-size: 70px;
    color: #f46036;
    text-align: left;
    width: 693px;
    position: relative;
    top: 50px;
    left: 93px;
    /* top: 112px;
    left: 160px; */
  }
  

  .txtServ2Desc4{
    font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 30px;
      color: #1A386E;
      position: relative;
      top: -13px;
      left: 0px;
      width: 351px;
  }

  .txtServ2Desc3{
    font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 30px;
      color: #1A386E;
      position: relative;
      top: -13px;
      left: 0px;
      width: 351px;
  }

  .txt2Serv2Desc2{
    font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 30px;
      color: #1A386E;
      position: relative;
      top: -13px;
      left: 0px;
      width: 351px;
  }
  .txt2Serv2Desc2Sec3{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 30px;
    color: black;
    position: relative;
    top: 0px;
    left: 0px;
    width: 351px;
  }
  
  .conten-footer-serv2-sec3{
    position: relative;
    top: 35px;
    height: 55px;
    width: 100%;
    text-align: center; 
  }
  
  .container-seccion1-serv3{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 800px;  
  }
  
  .container-seccion2-serv3{
    position: relative;
      top: -182px;
      left: 0px;
      width: 100%;
      height: 600px;
      background-color: #1a386E;
      padding: 50px;
  
  }
  
  .content-img1-serv3-sec1{
    position: relative;
    top: -740px;
    left: 812px;
      width: 38%;
      height: 800px;
  }
  
  .content-img-serv3-sec2{
    position: relative;
    top: -730px;
    left: 762px;
      width: 42%;
      height: 800px;
  }
  
  .container-seccion3-serv3{
    position: relative;
      top: -182px;
      left: 0px;
      width: 100%;
      height: 600px;    
      padding: 50px;
  }
  
  .content-img-serv3-sect3{
    position: relative;
    top: -619px;
    left: 762px;
      width: 41%;
      height: 800px;
  }
  
  .container-seccion1-page-serv{
    position: relative;
      top: -182px;
      left: 0px;
      width: 100%;
      height: 600px;    
      padding: 50px;
  }
  
  .container-serv-page{
    position: relative;
    top: 10px;
  
    width: 100%;
    height: 600px; 
  
  }
  
  
  
  
}