/***
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';
}


/***********************************************************************************/
/* Smartphones pequeños                                                            */
/* Estilos específicos para dispositivo Android con 400px de ancho y 805px de alto */
/***********************************************************************************/
@media only screen and (max-width: 767px) {
/*@media only screen and (min-width: 349px) and (max-width: 767px) and (min-height: 612px) and (max-height: 805px) {*/

.content-img-whatsapp{
  position: relative;
  top: -50px;
  left: 150px;
  width: 50px;
  height: 50px;
}
.line1ViServ3Sec1{
  height: 70.2vh;
  width: 2px;
  background-color: #0fa3b1;
  position: relative;
  left: -2px;
  top: -480px;
  z-index: 2;
}
  
.wasap{
  width: 100%;
  height: 100%;
}
.container-seccion3-serv2{    
  height: 1131px;
}

/* Inicio pagina VieServices.php */

/* Inicia servicio 3  */


/* Inicia seccion2 */
.rectangulo3EtiquetaUNIVERSITARIA2{
  font-family: 'Mulish-Black', sans-serif;
  font-size: 15px;
  width: 243px;
  height: 40px;
  background-color: #1a386e;
  position: relative;
  top: -77px;
  left: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.imgcomoasesoramosServ3{
  position: relative;
  top: 0px;
  width: 100%;
  height: 650px;
}
.tituloServices3Sec3{
  font-family: 'DMSerifDisplay-Regular', serif;
  font-size: 46px;
  color: #f46036;
  text-align: left;
  width: 290px;
  position: relative;
  top: 0px;
  left: 15px
}
.rectanguloEtiquetaUniversitarialSlide{
  font-family: 'Mulish-Black', sans-serif;
  font-size: 15px;
  width: 243px;
  height: 40px;
  background-color: #1a386e;
  position: relative;
  top: 95px;
  left: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.txtServ4DescGuias{
  font-family: 'Mulish-Black', sans-serif;
  font-size: 20px;
  width: 300px;
  height: 33px;
  background-color: #1a386e;
  position: relative;
  top: 0px;
  left: -41px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  z-index: 10;
}

.txtServ4Desc3Listado{
font-family: 'Mulish-Black', sans-serif;
font-size: 20px;
width: 300px;
height: 33px;
background-color: #1a386e;
position: relative;
top: 25px;
left: -41px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
z-index: 10; 
}
.txtServ4Desc3{
font-family: 'Mulish-Black', sans-serif;
  font-size: 20px;
  width: 300px;
  height: 33px;
  background-color: #1a386e;
  position: relative;
  top: -25px;
  left: -41px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  z-index: 10;
}

.tituloServices3{
font-family: 'DMSerifDisplay-Regular', serif;
font-size: 49px;
color: white;
text-align: left;
width: 270px;
position: relative;
top: 0px;
left: 15px;
}

/* Termina seccion2 */

/*inicia seccion 1 */
.rectanguloEtiquetaUniversitaria1{
font-family: 'Mulish-Black', sans-serif;
font-size: 15px;
width: 243px;
height: 40px;
background-color: #1a386e;
position: relative;
top: -60px;
left: 116px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
}
   

.divDerServ3Sec1{
position: relative;
top: -600px;
}
.p3Servicis{
position: relative;
top: 10px;
left: 15px;
font-size: 20px;
width: 305px;
}


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

.p2Servicis3{
position: relative;
top: 10px;
left: 15px;
font-size: 20px;
width: 305px;

}


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

.contentTextServ3Sec1{
position: relative;
top: -75px;
left: 15px;
width: 320px;  
}
.titulo1Services3{
font-family: 'DMSerifDisplay-Regular', serif;
font-size: 49px;
color: #f46036;
text-align: left;
width: 270px;
position: relative;
top: -110px;
left: 15px;
}


/* Termina seccion 1 */
/* Termina servicio 3  */




  /* Inicia Servicio 2 */
  /* Inicia Seccion 3 */
.contentFooterViewServicesSec2{
  position: relative;
  top: 1210px;
  height: 55px;
  width: 100%;
  text-align: center;     
}
.content3Checkserv2{
  position: relative;
  top: -140px;
  left: 10px;
  width: 10px;
  width: 10px;
}
  
.txt3Serv2Desc2{
  font-family: 'DMSerifDisplay-Regular',serif;
  font-size: 30px;
  color: #1A386E;
  position: relative;
  top: 0px;
  left: 35px;
  width: 320px 
}

.txt2Serv2Desc2Sec3{
  font-family: 'DMSerifDisplay-Regular',serif;
  font-size: 31px;
  color: #1A386E;
  position: relative;
  top: 0px;
  left: 35px;
  width: 318px;
}

  .txtServ2Desc2{
    font-family: 'DMSerifDisplay-Regular',serif;
    font-size: 31px;
    color: #1A386E;
    position: relative;
    top: 0px;
    left: 35px;
    width: 318px;
  }

  .tituloServices2Sec3{
  font-family: 'DMSerifDisplay-Regular', serif;
  font-size: 50px;
  color: #f46036;
  text-align: left;
  width: 330px;
  position: relative;
  top: 0px;
  left: 13px;
  }

  /* Termina Seccion 3 */

  /* Inicia Seccion 2 */

  .txtTitleEntegasServ2{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 50px;
    color: white;
    text-align: left;
    width: 300px;
    position: relative;
    top: 0px;
    left: -35px;
  }
  
.contentTitleEntSc2Serv2{
  position: relative;
  top: 0px;
  left: 0px;      
}
/* Termina Seccion 2 */


/*Inicia Seccion 1 */
.rectanguloEtiquetaVocacionalAcad1{
  font-family: 'Mulish-Black', sans-serif;
  font-size: 15px;
  width: 300px;
  height: 40px;
  background-color: #1a386e;
  position: relative;
  top: -80px;
  left: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
    
  .p4Servicis2Serrv2{
    position: relative;
    top: -50px;
    width: 300px;
    left: 38px;
  }

  .txtServ2Desc4{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 31px;
    color: #1A386E;
    position: relative;
    top: -55px;
    left: 35px;
    width: 318px;
  }
  .txtServ2Desc1{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 31px;
    color: #1A386E;
    position: relative;
    top: -55px;
    left: 35px;
    width: 318px;
  }

  .p3Servicis2Serv2{
    position: relative;
  top: -50px;
  width: 300px;
  left: 38px;
}

  
  .txtServ2Desc3{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 31px;
    color: #1A386E;
    position: relative;
    top: -55px;
    left: 35px;
    width: 318px;
  }
  .p2Servicis2Serv2{
    position: relative;
    top: -50px;    
  width: 300px;
  left: 38px;

  }
  .txt2Serv2Desc2{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 31px;
    color: #1A386E;
    position: relative;
    top: -55px;
    left: 35px;
    width: 318px;
  }
  .p1Servicis2sec1{
    position: relative;
  top: -60px;
  width: 300px;
  left: 38px;
  }
  .content-imgSec2-Serv2{
    position: relative;
    top: -578px;
  }
  .content-title-sect1-serv2{
    position: relative;
    top: -60px;
    left: 0px;
    
    }


  /* Termina Seccion 1 */
  /* Termina servicio 2 */




  /* Inicia Servicio1 */
  /* Inicia Seccion 3  */

  .contentnDataServ1Section3{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;  
    height: 465px;
    
  }
  

  .contentFooterViewServicesSec1{
    position: relative;
      top: 516px;
      height: 55px;
      width: 100%;
      text-align: center;     
  }

  .rectanguloEtiquetaVocacionalimg2{  
    font-family: 'Mulish-Black', sans-serif;
    font-size: 15px;
    width: 243px;
    height: 40px;
    background-color: #1a386e;
    position: relative;
    top: -265px;
    left: 116px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
  }
  

  .contentCheck2{
    position: relative;
    top: 25px;
    left: 40px;
    width: 20px;  
  }
  .contentCheck{
    position: relative;
    top: 25px;
    left: 40px;
    width: 20px;      
  }

  .tituloServicesAsesor1{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 46px;
    color: #f46036;
    text-align: left;
    width: 290px;
    position: relative;
    top: 0px;
    left: 15px;
  }
  
  #section3Serv1 {
    position: relative;
    top: 100px;
    left: 0px;
    height: 550px;
  }
  .content-title3-serv1{
    position: relative;
    top: 0px;   
    width: 278px;   
  }
  #container-seccion2-serv1{
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0;
    background-color: #1a386e;
  }

  /* Termina seccion 3 */

  /* Inicia Seccion 2 */

  .contentTitleSect2Serv1{
    position: relative;
    top: 20px;
    left: 0px;
    background-color: #ead337;
  }
  .txtTitleEntegas{
    font-family: 'DMSerifDisplay-Regular', serif;
      color: white; /*#f46036;*/
      font-size: 46px;
      height: 0px;
      position: relative;
      left: 15px;
      top: -20px;
      width: 255px;
  
      }



  #section2Serv1{
    position: relative;
    top: 54px;
    left: 0px;  
    width: 100%;
    height: 444px;
    background-color: #1a386E;
    padding:0px;
    align-items: center;
  }
  
  /* Termina Seccion 2 */

  /* inica Seccion 1 */

  .rectanguloEtiquetaVocacional{
    font-family: 'Mulish-Black', sans-serif;
    font-size: 15px;
    width: 243px;
    height: 40px;
    background-color: #1a386e;
    position: relative;
    top: -60px;
    left: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
  }

    
  .imgEntregamos{
    position: relative;
       top: 0px;
       left: 0px;
       width: 100%;
   }

  .contentDescrioServ{
    position: relative;
    top: -20px;
    left: -47px;
  }

  .tituloServices{
    font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 49px;
      color: #f46036;
      text-align: left;
      width: 270px;
      position: relative;
      top: 0px;
      left: 15px;
  
  }
 
  .content-title-page3-sec1{
    position: relative;
    top: 0px;      
  }

  .container-sec1-pag3{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;      
    height: 500px;      
  }
  #section1Serv1{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1071px;
    
    padding:50px;
    align-items: center;
    padding: 0;
  }
  

  /* Fin pagina VieServices.php */


  /* Inicia Pagina Servicios */

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

  .rounded-rectangleServPage{
    width: 85%;
    height: 1015px;
    background-color: #f46036;      
    position: relative;            
    top:  -720px;
    left: 29px;
    z-index: 1;
  }


      
  .divcontentrentngleserve2{
    position: relative;
    top: -995px;
    left: 0px;
    height:470px;
    z-index: 10;
    background-color: yellow;
  }


  .txtServicios1{
    position: relative;
    top: 0px;
    z-index: 5;
    color: white;  
    font-size: 25px;       
  }

  .txtServicios2{
    position: relative;
        top: 0px;
        z-index: 5;
        color: white; 
        font-size: 25px;      
  }

  .txtServicios3{
    position: relative;
    top: px;
    z-index: 5;
    color: white;   
    font-size: 25px;   
    width: 306px;
    left: 68px;        
  }

  .Content-img3-serv{
    position: relative;
    top: 0px;
    left: 0px;
  }


  .Content-img2-serv{
    position: relative;
    top: 0px;
    left: 0px;
  }


  .Content-img1-serv{
    position: relative;
    top: 0px;
    left: 0px;
  }


  .content-imgservicios{
    position: relative;
    top: 0px;
    left: 45px;
    width: 77%;
    height: 100%;      
  }

  .container-seccion2-serv{
    position: relative;
    top: 0px;
    left: 0px;      
    width: 100%;
    height: 1114px;
    /* background-color: #1a386e; */
  }

.titleQofreceServ{
color: #FFFFFF;
font-size: 50px;
font-family: 'DMSerifDisplay-Regular',serif;
width: 205px;
position: relative;
left: 92px;      
}

  /* Inicia Pagina Principal */
  .contentInfoContacto{
  position: relative;
  top: -376px;    
  width: 84%;
  left: 12px;
  z-index: 2;
  }

  #sectionFormulario{
      position: relative;
      top: 1220px;
      left: 10px;
      width: 90%;
      height: 100%;               
      }

  .contentInfohome1{
    position: relative;
    top: -75px;
    left: 0px;
    width: 100%;
    height: 25%;
    text-align: center;
    }

  #mainNav{      
      width: 100%;
      position: relative;
      left: 0px;   
      height: 54px;      
      background-color: #0fa3b1;
    }


  .img1servhome{
      position: relative;
      top: 0px;
      left: px;
    }
    .contetnimgservhome1{
      position: relative;
      top: 20px;
      left: 35px;
      width: 79%;
      height: 700px;
    }
    .contetntitlenosotros{
      position: relative;
      left: 40px;
      top: -350px;
      width: 238px; 
      
    }
    
    .contentimg2HomeSec2{
      position: relative;
      top: 144px;
      left: 0px;
      width: 100%;
    }
    
    .contentimg3Sect2Home{
      position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        height: auto;
    }
    .logoBar{
      position: relative;
      top: -10px;
      width: 55px;
      height: 55px;        
    }
    
    
    /* 
    Servicio 3
     */
     .line3ViServ3{
      height: 18.2vh;
      width: 2px;
      background-color: #0fa3b1;  
      position: relative;
      top: -233px;
      left: 6%;
      z-index: 2;
     }
     .footer_services3{
      position: relative;
      top: -13px;
     }
     .boton-agendaServ3{
      background-color: #f46036;
      width: 100%;
      height: 46px;
      position: relative;
      left: 0px;
      top: 25px;
      display: inline-block;
      padding: 10px 20px;
      color: white;
      border-radius: 22px;
      font-size: 22px;
      border: none;
      cursor: pointer;  
      text-align: center;
     }
    
     .contentCheckserv3{     
      font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 35px;
      color: #1A386E;
      position: relative;
      top: 30px;
      left: 45px;
      width: 20px;
        }
     .txtServ3Desc4{
      font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 25px;
      color: #3f3f3f;
      position: relative;
      top: -15px;
      left: 80px;
      width: 250px;
     }
    .contentFooterViewServices3Sec3{
      position: relative;
      top: 215px;
      /* background-color: green; */
    }
     .content-img3-serv3-sec3{
      height: 650px;
    width: 100%;    
    position: relative;
    top: -90px;
    left: 0px;
     }
     
    
     #section3Serv3{
      position: relative;
      top: 150px;
      height: 998px;
     }
    
     /* Seccion2 */
  
    
  
    .divContent3CheckServ3{
      position: relative;
      top: 25px;
      left: -70px;
      width: 10px;
      height: 10px;
      color: white;
    }
     .divContent2CheckServ3{
      position: relative;
      top: -10px;
      left: -70px;
      width: 10px;
      height: 10px;
      color: white;
     }
     .divContentCheckServ3{
      position: relative;
      top: -25px;
      left: -70px;
      width: 10px;
      height: 10px;
      color: white;
     }
    
     .contentInfoServ3Sec1{
      position: relative;
      top: 85px;
      left: 80px;
      width: 245px;
     }
    
     .img3EntregamosServ3{
      position: relative;
      top: 150px;
      width: 100%;
      height: 70%;
    }      
     #section2Serv3{            
      background-color: #1A386E;
      position: relative;
      top: 111px;
      height: 915px;  
    }
    
/* Seccion 1 */
.imgEntregamosServ3{
  position: relative;
  top: 65px;
  width: 100%;
  height: 100%;
}

.txtServ3Desc2{
  font-family: 'DMSerifDisplay-Regular', serif;
  font-size: 28px;
  color: #1A386E;
  position: relative;
  top: 5px;
  left: 2px;
  width: 100%;
}
   
  
    
    
    /* 
    Servicio 3
     */
    
    
     .contentDescrioServ1{
      position: relative;
      left: -40px;
     }

    .divIzServ1Sec1{
      /* background-color: #e05e3c; */
      height: 620px;
    }
    .divDerServ1Sec1{
      /* background-color: #0fa3b1; */
      position: relative;
      top: -350px;
    }
    
    .contentimgServ1{
      position: relative;
      top: -400px;
    }

    .line1ViServ2{
      height: 82.2vh;
        width: 2px;
        background-color: #0fa3b1;
        position: relative;
        left: 6%;
        top: -615px;
        z-index: 2;
    }
  
    
    
    .imgEntregamosServ2{
      position: relative;
      top: 0px;
      width: 100%;
    }
    
    
    .p2Servicis2{
      position: relative;
        top: 20px;
        left: 95px;
        font-size: 20px;
        width: 300px;
    }
    
    
    .page-sectionNosotros{
      position: relative;
      top: 0px;
    }
    .page-sectionSect2Serv1{
    position: relative;
    top: 0px;
    }
    .page-section-contact{
      position: relative;
      top: 1100px;
      height: 435px;        
    }
    
    .contentBarraContacto{
      position: relative;
      top: -560px;
      left: 6px;
      width: 4px;
      height: 120px;    
      background-color: green;
    }

    input {
      width: 200px; /* Puedes ajustar el valor según tus necesidades */
      padding: 10px; /* Añade un relleno para mejorar la apariencia */
      background-color: #e05e3c;
  }
    
    
    /* pagina ViewServices.php */
    
    
    /**
    SSERVICIO 2
    
    sECCION1
    */
    
    #section1Serv2{
      position: relative;
      top: 105px;
      left: 0px;
      width: 100%;
      height: 170px;
    }
    
    .imgcomoasesoramosServ2{
      position: relative;
      top: 50px;
      width: 100%;
      height: 80%;
    }
    
/* Seccion 2 */
.footer_services2{
  position: relative;
  top: 1212px; 
}

.tituloServicesSec2{
  font-family: 'DMSerifDisplay-Regular', serif;
  font-size: 50px;
  color: #f46036;
  text-align: left;
  width: 330px;
  position: relative;
  top: 0px;
  left: 13px;
}
    
    .rectangulo2EtiquetaVocacionalSlide2{
      font-family: 'Mulish-Black', sans-serif;
      font-size: 15px;
      width: 243px;
      height: 40px;
      background-color: #1a386e;
      position: relative;
      top: -3px;
      left: 119px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
    }
    
    
    .imgcomoasesoramos{
      position: relative;
      top: 70px;
      width: 100%;
      height: 100%;
    }
    
    .boton-agendaServ2{
      background-color: #f46036;
      width: 100%;
      height: 46px;
      position: relative;
      left: 0px;
      top: 25px;
      display: inline-block;
      padding: 10px 20px;
      color: white;
      border-radius: 22px;
      font-size: 22px;
      border: none;
      cursor: pointer;  
      text-align: center;
    }
    
   
    .content2Checkserv2{
      position: relative;
      top: -110px;
      left: 10px;
      width: 10px;
      height: 10px;
    }
    
    
    .content1Checkserv2{
      position: relative;
      top: -70px;
      left: 10px;
      width: 10px;
      height: 10px;
    }
    
    .txtServDesc2{
      font-family: 'Mulish-Black', sans-serif;
      font-size: 25px;
      color: #3f3f3f;
      position: relative;
      left: 33px;
      top: 15px;
    }
    
    #section3Serv2{
      position: relative;
      top: 1197px;      
      height: 1134px;
    }
    
    .rectanguloEtiquetaVocacionalSlideAcadem2{
      font-family: 'Mulish-Black', sans-serif;
      font-size: 20px;
      width: 290px;
      height: 40px;
      background-color: #1a386e;
      position: relative;
      top: 100px;
      left: -14px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
    }
    .content-carrouselServ2{  
      width: 134%;
        position: relative;
        left: -45px;
        top: 35px;
    }
    #section2Serv2{
      position: relative;
      top: 1130px;
      left: 0px;
      width: 100%;
      height: 568px;
      background-color: #1a386E;
      padding:50px;
      align-items: center;
    }
    .rectanguloEtiquetaVocacionalAcad{
      font-family: 'Mulish-Black', sans-serif;
      font-size: 20px;
      width: 376px;
      height: 40px;
      background-color: #1a386e;
      position: relative;
      top: -85px;
      left: 116px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
    }
    
    
    /* seccion 1 */
    .line2ViServ2{
      height: 55.2vh;
      width: 2px;
      background-color: #0fa3b1;
      position: relative;
      left: 10px;
      top: -920px;
      z-index: 2;
    }
    .line2ViServ {
      height: 28.2vh;
      width: 2px;
      background-color: #0fa3b1;
      position: relative;
      left: 7%;
      top: -317px;
      z-index: 2;
    }
    
    
    .boton-agenda-serv{
      background-color: #1a386e;
      height: 51px;
      position: relative;
      left: 5px;
      top: 0px;
      display: inline-block;
      padding: 10px 20px;
      color: white;
      border-radius: 22px;
      font-size: 20px;
      border: none;
      cursor: pointer;
      width: 97%;
      text-align: center;
    }
    .imgcomoasesoramos1{
      position: relative;
      top: -175px;
      width: 100%;
      height: 100%;
    }
    
    
    
    .txtServtitle1{
      font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 25px;
      color: #3f3f3f;
      position: relative;
      top: -15px;
      left: 80px;
      width: 250px;
    }
    
    
    
    
    .rectanguloEtiquetaVocacionalSlide1{      
      font-family: 'Mulish-Black', sans-serif;
      font-size: 20px;
      width: 350px;
      height: 33px;
      background-color: #1a386e;
      position: relative;
      top: 144px;
      left: 8px; 
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff; /* Color del texto */
      z-index: 10;
    }
    
    
    .content-carrousel{  
      width: 100%; 
      position: relative; 
      left: 0%; 
      top: 115px;
      z-index: 1;
    }

    .line1ViServ {
      height: 60.2vh;
      width: 2px;
      background-color: #0fa3b1;
      position: relative;
      left: 15%;
      top: -400px;
      z-index: 2;
    }

    .p2Servicis{
      position: relative;
      top: 20px;
      left: 95px;
      font-size:20px;
      width: 300px;
    }
    
    
    .txtServDesc1{
      font-family: 'DMSerifDisplay-Regular', serif; 
      font-size: 30px;
      color:#1A386E; /*rgb(0, 0, 0);*/
      position: relative;
      top: 25px;
      left: 65px;
      width:325px;
    }

    .contentBtnBar{
        position: relative;
        left: 85%;
        top: -65px;
        background-color: #0fa3b1;
        width: 70px;
    }
    #navbarResponsive{
      position: relative;
      left: 85%;
      top: -25px;
    }

    #section1Serv3{
      position: relative;
      top: 110px;      
      height: 1029px;
      }
      
    
    #section1Serv{
    position: relative;
    top: 110px;
    }
    
    .txtoLogoNav1ViewServ{
      font-family: 'DMSerifDisplay-Italic', serif;
      font-size: 13px;
      color: #0fa3b1;
      text-align: left;
      
    }
    .txtoLogoNav2ViewServ{
      font-family: 'DMSerifDisplay-Italic', serif;
      font-size: 10px;
      color: rgb(0, 0, 0);
      text-align: left;
     position: relative;
      left: -110px;
      top: 17px;;
    }

    /* pagina ViewServices.php */
    .line2ViServ1{
      
        height: 21.2vh;
        width: 2px;
        background-color: #0fa3b1;
        position: relative;
        left: 5%;
        top: -255px;
        z-index: 2;
    
    }

      .txtServHome{
        position: relative;
        top: 8px;
        left: 45px;
        z-index: 5;
        color: white; 
        font-size: 20px;  
        width: 210px;         
      } 
      .txtServHomeAca{
          position: relative;
          top: 8px;
          left: 45px;
          z-index: 5;
          color: white; 
          font-size: 20px;  
          width: 210px;
      }
    
    
      .txtoLogoNav2{
        display: none;
      }
    
      /* .txtoLogoNav2{
        font-family: 'DMSerifDisplay-Italic', serif;
        font-size: 10px;
        color: rgb(0, 0, 0);
        text-align: left;
       position: relative;
        left: -110px;
        top: 17px;;
      } */
    
    
      .txtoLogoNav1{
      display: none;
      }
      
    
      .divIzquierdo1{
        position: relative;
        top: -6px;
        width: 100%;
        height: 80%;      
      }
    
      .contentDivNosotros {
        position: relative;
        top: 150px;
      }
    
      .imgHom1{
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
      } 
    
      .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;        
      }

      .titleRegistroForm{
          color: #1A386E;
          font-size: 48px;
          font-family: 'DMSerifDisplay-Regular',serif;
          width: 202px;
          position: relative;
          left: -60px;            
        }
      .contentTitleFormulario{
          position: relative;
          top: 0px;
          left: 60px;
          width: 262px;              
        }
    
      .contentFooterServices{
        position: relative;
        top: 0px;
        left: 0px;
        background-color: white;
        height: 100px;
      }

      .rounded-title-services1 {
        position: relative;
        top: -100px;
        width: 100%;
        height: 52px;                             
        z-index: 1;
        text-align: center;
    }          

      #contentServicios{
        position: relative;
        top: 100px;
        left: 0px;            
        width: 100%;
        height: 700px;
        /* background-color: red; */
      }
    
      #MenuserviciosPageServicios{
        position: relative;
        top:-615px;
        left:0px;      
        width:100%;
        height: 510px;
        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; 
      }

      .panel-login{
        width: 300px;
      }

      .page-section1{
        position: relative;
        top: 119px;
        width: 100%;
        height: auto;
      }

      .ContentMenuServ{
        position: relative;
        top: 315px;
        left: 0px;
      }
    
      .videoPrincipal{
        position: relative;
        top: 80px;
        width: 400px;
        height: 400px;
        /*width="800" height="640"*/
      }
    
        .TextoMenu {
          font-family:  'Mulish-BlackItalic', sans-serif;
         font-size: 20px;
          color: black;
        }
        .TextoMenu2{
          font-family:  'Mulish-BlackItalic', sans-serif;
         font-size: 20px;
          color: black;
        }
        
        .contetnimg1home{
          position: relative;
          top: -40px;
          left: 0px;
          width: 100%;
          height: auto;
          background-color: white;
        }
        
       
          .texto1{        
            text-align: left;
            position: relative;
            left: 11px;
            top: 20px;
            font-family: 'DMSerifDisplay-Regular', serif;
            font-size: 52px;
            color: #0fa3b1;
            text-align: left;
            width: 360px;              
                    
          }

          .texto2Home{
            font-family: 'DMSerifDisplay-Regular', sans-serif;
            font-size: 22px;        
            position: relative;
            /*left: 27px;*/
            width: 100%;              
          }
          .texto1Home{
              position: relative;
              top: 20px;
              font-family: 'DMSerifDisplay-Regular', serif;
              font-size: 47px;
              color: #0fa3b1;
              /*text-align: left;*/
              width: 100%;                
          }

          .texto2{
            font-family: 'DMSerifDisplay-Regular', sans-serif;
            font-size: 25px;        
            position: relative;
            left: 23px;
            width: 335px;
          }
          .texto3{
            font-family: 'DMSerifDisplay-Italic', serif;
            font-size: 60px;
            color: white;
            text-align: left;
            position: relative;
            left: 0px;
            top: 0px;
            width: 225px;
          }
          .contentinfoHome2{
          position: relative;
          top: -216px;
          left: 0px;
          height: 180px;            
          }
        .texto3nosostros{
          font-family: 'Mulish-BlackItalic', sans-serif;
          font-size: 20px;
          color: white;
          position: relative;
          left: 44px;
          top: -343px;
          width: 315px;
        }
        .texto4Nosotros{
          font-family: 'Mulish-BlackItalic', sans-serif;
            font-size: 20px;
            /*Codigo Color Naranja #f46036 */
            color: #f46036;
            text-align: right;
            position: relative;
            left: -8px;
            top: 0px;
            width: 325px;
        }
          .logo{
            position: relative;
            top: -190%;
            width: 150px;
            height: auto;
          }
          .img1{
            position: relative;
            left: -15px;
            width: 630px;
            height: 500px;
          }
        
    
          .imgsecion2Home{
            position: relative;
            top: 0px;
            left: 15px;
            background-color: #128298;
            width: 100%;
            margin: 0; 
            padding: 0; 
           
          }
          .imgsecion1Home{        
            position: relative;
            top: 0px;
            left: 0px;
            height: auto;
          }
    
          .boton-agenda1Home{
            background-color: #f46036;
            height: 46px;
            position: relative;
            left: 7px;
            top: 0px;
            display: inline-block;
            padding: 10px 20px;
            color: white;
            border-radius: 22px;
            font-size: 20px;
            border: none;
            cursor: pointer;
            width: 350px;
            text-align: center;     
          }
    
          .boton-agenda1{
            background-color: #f46036;
            height: 46px;
            position: relative;
            left: 7px;
            top: 0px;
            display: inline-block;
            padding: 10px 20px;
            color: white;
            border-radius: 22px;
            font-size: 20px;
            border: none;
            cursor: pointer;
            width: 370px;
            text-align: center;      
          }
    
          .imgnosotros{
            width: 100%;
            height: 100%;
            position: relative;
            left: 0px;
            top: -144px;
          }
          .img2nosotros{
            width: 100%;
            height: 493px;
            position: relative;
            top: -150px;
          }
          .overlay {
            position: absolute;
            top: -150px;
            left: 0px;
            width: 100%; /* Divide el cuadro en la mitad */
            height: 100%;
            background-color: rgba(32, 56, 107, 0.7); /* Color azul rey semi transparente */
          }
      #nosotros{
        position: relative;
        top: 79px;
        background-color: #FFFFFF;
        height: 1200px;
        width: 100%;
        left: 0px;
      }

        .contentbtnGuardar{
          position: relative;
          top: 0px;
          left: 0px;
          width: 100px;
          height: 40px;  
        }
        .contentbtnCancelar{
          position: relative;
            top: -40px;
            left: 245px;
            width: 100px;
            height: 40px;    
        }
        #btn_guardar{
          width: 100px;
        }
        #btn_denunciar{
          width: 100Px;
        }


        .imgContacto{
          width: 100%;
          height: 620px;
          position: relative;
          top: -413px;
          left: 0px;
        }
        .textoContacto1{
          font-family: 'DMSerifDisplay-Italic', serif;
          font-size: 50px;
          color: #f46036;
          text-align: center;
          position: relative;
          left: 20px;
          top: -405px;
          width: 330px;
        }
        .correocontacto{
          font-family: 'Mulish-Extra-Light', sans-serif;
            font-size: 23px;
            color: black;
            position: relative;
            left: 0px;
            top: 0px;
            width: 344px;        
        }
        .telefonocontacto{
          font-family: 'Mulish-Extra-Light', sans-serif;
            font-size: 23px;
            color: black;
            position: relative;
            left: px;
            top: 0px;
            width: 217px;
        }
    
        .Divcontacto{
          width: 100%;
          height: 80%;      
          position: relative;
          top: 1059px;      
        }
    
        .contentformulario{
          position: relative;
          top: 0px;
          left: 0px;
          width: 70%; 
          height: 200px;
          background-color: blue;           
        }
    
        #registro{
          position: relative;
          left: -150px;
          width: 100px;
          background-color: red;
        }
    
        .tituloRegistro{     
          color: #f46036;
        font-size: 50px;
        font-family: 'DMSerifDisplay-Regular',serif;
        width: 400px;
        position: relative;
        left: 12px;
        }
    
        .panel-heading{
          position: relative;
          top: 0px;
          left: -350px;      
    
        }
        .container-seccion4{
          max-width: 100%;
          max-height: auto;   
          position: relative;
          left: 0%;    
        }
        .contTitlerecomendado{
          position: relative;
          top: 0px;
          left: 0px;
          background-color: #1A386E;
        }
  .divRecomendados{
      position: relative;
      top: 90px;      
      width: 100%;
      height: 315px;
    }
        .divColID2{
          
          position: relative;
          top: -98px;
          background-color: #1A386E;
        }
        .divColID3{
          
          position: relative;
          top: -97px;
          background-color: #1A386E;
        }
        
        .container-seccion3{
          max-width: 100%;
          max-height: 715px;   
          position: relative;
          left: 0%; 
        }
        
        #Menuservicios{
          position: relative;
          top: 50px;
          left:0px;        
          width:100%;
          height: 1170px;  
          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;
        }

        .page-Menuservicios {
          position: relative;
          top: 0px;
        }

        
        .rounded-rectangle {
          width: 100%;
          height: 740px;
          background-color: #f46036;
          border-radius: 20px;
          position: relative;            
          top:-575px;
          z-index: 1;
        }
        
  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;*/
  }
        
  #Recomendado{
    position: relative;
    top: 23px;
    left: 0%;
    background-color: red;
  }
  .contenedorrecomendado{
    width: 90%;
    height: 1075px;
    background-color: #1A386E;
    align-items: center;
  }
  .titlerecomendado{
    font-family: 'DMSerifDisplay-Italic', serif; 
    color: white;
    font-size: 50px;
    text-align: center;
  }

  .txtRecom1{
    font-family: 'Mulish-Black', sans-serif;
    font-size: 20px;
    color: white;
    position: relative;
    top: 5px;
    left: 50px;
    width: 213px;
    z-index: 9;
  }

  .txtRecom2{
    font-family: 'Mulish-Black', sans-serif;
    font-size: 20px;
    color: white;
    position: relative;
    top: 20px;
    left: 50px;
    width: 234px;
  }
        
  .txtRecom3{
    font-family: 'Mulish-Black', sans-serif;
    font-size: 20px;
    color: white;
    position: relative;    
    top: 20px;
    left: 50px;
    width: 211px;
  }
        
  .triangulo1 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #f46036;
    transform: rotate(225deg);
    position: relative;
            top: -25px;
  }
  
  .triangulo2 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #0fa3b1;
    margin-top: 30px; /* Espacio entre triángulos */
    transform: rotate(225deg);
    position: relative;
    top: -32px;
    z-index: 10;
  }        
  .triangulo3 {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #ead337;
    margin-top: 30px; /* Espacio entre triángulos */
    transform: rotate(225deg);
    position: relative;
    top: -32px;
  }
  .Barra {
    height: 20vh;
    width: 14px;
    background-color: #f46036;
    position: relative;
    left: -22px;
    top: -63px;
    z-index: 3;        
  }

  .txtServ{
    position: relative;
    top: -3px;
    z-index: 5;
    color: white; 
    font-size: 20px;   
  } 
  
  .line1 {
    display: none;
  }
  .line2 {
    display: none;
  }

  .txtColombia{
    font-family: 'Mulish-Extra-Light', sans-serif;
    font-size: 23px;
    color: black;
    position: relative;
    left: 0px;
    top: 0px;
    width: 111px;
  }

  .imgCatRec{
    width:100%;
    height:80%;
  }
  .bg-light {
    position: relative;
    top:-50px
  }
  .comillasDerecha{
    font-family: 'DMSerifDisplay-Regular', serif;
    position: relative;
    top: -50px;
    left: 320px; 
    font-size: 75px;      
    width: 33px;
    height: 36px;
    color: #f46036;
  }
  
  .comillasIzqierda{
    font-family: 'DMSerifDisplay-Regular', serif;
    position: relative;
    top: 27px;
    left: 30px; 
    font-size: 75px;  
    width: 30px;
    height: 36px;
    color: #f46036;
  }
    
  .rounded-title-Recomendados{
    width: 100%;
    height: 90px;
    background-color: #1A386E;
    border-radius: 20px;
    position: relative;
    top: 0px;
    z-index: 1;
    text-align: center;
    padding: 10px; 
  }

  .titleServiciosHome{
    color: #FFFFFF;
    font-size: 50px;
    font-family: 'DMSerifDisplay-Regular',serif;
    width: 255px;
    position: relative;
    left: 23px; 
  }
    
  .titleQofrece{
    color: #FFFFFF;
    font-size: 50px;
    font-family: 'DMSerifDisplay-Regular',serif;
    width: 255px;
    position: relative;
    left: 14px;      
  }
  .divColID1{
    position: relative;
    top: -98px;
    left: 0px;
    background-color: #1A386E;
    width: 100%;
    height: 104%;
  }
    
        
  .rounded-title-Recomendados2{
    width: 100%;
    height: 700px;
    background-color: #1A386E;
    /*border-radius: 20px;*/
    position: relative;
    top: -200px;
    z-index: 1;
    text-align: center;
    padding: 10px; 
  }
    
  #btn_cancelar{
    position: relative;
    top: -54px;
    left: 285px;
  }

  .contentFooter{
    position: relative;
    top: 1650px;      
    height: 55px;
    width: 100%;
    font-size: 15px;
    text-align: center;
    background-color: orange;
  }
  .rounded-title {
    width: 75.5%;
    height: 90px;                  
    position: relative;
    top: 0px;
    left: 31px;
    z-index: 1;
    text-align: center;
  }
  .rounded-rectangleServ{
    width: 65%;
    height: 1015px;
    background-color: #e05e3c;
    border-radius: 20px;
    position: relative;            
    top: -670px;
    left: 74.5px;
    z-index: 1;
  }

  .txtServUni{
    position: relative;
    top: 1px;
    left: 40px;
    z-index: 5;
    color: white;
    font-size: 20px;
    width: 228px;
  }
    
  .containerNavBar{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100px;
  }
    
    
  .rounded-rectangleServHome {
    width: 98.5%;
    height: 1015px;
    background-color: #e05e3c;
    border-radius: 20px;
    position: relative;            
    top: 0px;
    left: -15px;
    z-index: 1;
  }
    
  .contetrcetNaranjahome{
    position: relative;
    top: -698px;
    left: 34px;
    width: 325px;
  }
    
  /*    Pagina Home    */
  .contentInfoSection1{
    width: 100%;
  }
}





/**********************************************************************/
/* EQUIPOS MEDIANOS                                                   */
/**********************************************************************/
@media only screen and (min-width: 768px) and (max-width: 1279px) {
/*@media only screen and (max-width: 767px) and (orientation: portrait),
only screen and (max-width: 767px)  {
*/
  .content-img-whatsapp{
    position: relative;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
  }
  .line1ViServ3Sec1{
    height: 55.2vh;
    width: 2px;
    background-color: #0fa3b1;
    position: relative;
    left: 5px;
    top: -480px;
    z-index: 2;
  }

  .nav-item{
    padding-inline: 10px;
  }

  .wasap{
    width: 100%;
    height: 100%;
  }
  .container-seccion3-serv2{    
    height: 1131px;
  }

/* Inicia servicio 3  */
/* Inicia seccion2 */
.rectangulo3EtiquetaUNIVERSITARIA2{
font-family: 'Mulish-Black', sans-serif;
font-size: 15px;
width: 243px;
height: 40px;
background-color: #1a386e;
position: relative;
top: -77px;
left: 168px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;

}

.imgcomoasesoramosServ3{
position: relative;
top: 0px;
width: 100%;
height: 650px;
}
.tituloServices3Sec3{
font-family: 'DMSerifDisplay-Regular', serif;
font-size: 46px;
color: #f46036;
text-align: left;
width: 290px;
position: relative;
top: 0px;
left: 15px
}
.rectanguloEtiquetaUniversitarialSlide{
    
font-family: 'Mulish-Black', sans-serif;
font-size: 15px;
width: 243px;
height: 40px;
background-color: #1a386e;
position: relative;
top: 95px;
left: 168px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;

}

.txtServ4DescGuias{
font-family: 'Mulish-Black', sans-serif;
font-size: 20px;
width: 300px;
height: 33px;
background-color: #1a386e;
position: relative;
top: 0px;
left: -41px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
z-index: 10;
}

.txtServ4Desc3Listado{
font-family: 'Mulish-Black', sans-serif;
font-size: 20px;
width: 300px;
height: 33px;
background-color: #1a386e;
position: relative;
top: 25px;
left: -41px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
z-index: 10; 
}
.txtServ4Desc3{
font-family: 'Mulish-Black', sans-serif;
  font-size: 20px;
  width: 300px;
  height: 33px;
  background-color: #1a386e;
  position: relative;
  top: -25px;
  left: -41px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  z-index: 10;
}

.tituloServices3{
font-family: 'DMSerifDisplay-Regular', serif;
font-size: 49px;
color: white;
text-align: left;
width: 270px;
position: relative;
top: 0px;
left: 15px;
}

/* Termina seccion2 */

/*inicia seccion 1 */
.rectanguloEtiquetaUniversitaria1{
font-family: 'Mulish-Black', sans-serif;
font-size: 15px;
width: 243px;
height: 40px;
background-color: #1a386e;
position: relative;
top: -60px;
left: 168px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
}
   

.divDerServ3Sec1{
position: relative;
top: -130px;
}
.p3Servicis{
position: relative;
top: 10px;
left: 15px;
font-size: 20px;
width: 305px;
}


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

.p2Servicis3{
position: relative;
top: 10px;
left: 15px;
font-size: 20px;
width: 305px;

}


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

.contentTextServ3Sec1{
position: relative;
top: -75px;
left: 15px;
width: 320px;  
}
.titulo1Services3{
font-family: 'DMSerifDisplay-Regular', serif;
font-size: 49px;
color: #f46036;
text-align: left;
width: 270px;
position: relative;
top: -110px;
left: 15px;
}


/* Termina seccion 1 */
/* Termina servicio 3  */




  /* Inicia Servicio 2 */
  /* Inicia Seccion 3 */

  .contentFooterViewServicesSec2{
    position: relative;
      top: 1210px;
      height: 55px;
      width: 100%;
      text-align: center;     
  }
  .content3Checkserv2{
    position: relative;
    top: -140px;
    left: 10px;
    width: 10px;
    width: 10px;
  }
  

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

  .txt2Serv2Desc2Sec3{
    font-family: 'DMSerifDisplay-Regular',serif;
    font-size: 31px;
    color: #1A386E;
    position: relative;
    top: 0px;
    left: 35px;
    width: 318px;
  }

  .txtServ2Desc2{
    font-family: 'DMSerifDisplay-Regular',serif;
    font-size: 31px;
    color: #1A386E;
    position: relative;
    top: 0px;
    left: 35px;
    width: 318px;
  }

  .tituloServices2Sec3{
  font-family: 'DMSerifDisplay-Regular', serif;
  font-size: 50px;
  color: #f46036;
  text-align: left;
  width: 330px;
  position: relative;
  top: 0px;
  left: 13px;
  }

  /* Termina Seccion 3 */

  /* Inicia Seccion 2 */

  .txtTitleEntegasServ2{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 50px;
    color: white;
    text-align: left;
    width: 300px;
    position: relative;
    top: 0px;
    left: -35px;
  }
  
  .contentTitleEntSc2Serv2{
    position: relative;
    top: 0px;
    left: 0px;      
  }
  /* Termina Seccion 2 */


  /*Inicia Seccion 1 */

  .rectanguloEtiquetaVocacionalAcad1{
    font-family: 'Mulish-Black', sans-serif;
        font-size: 15px;
        width: 300px;
        height: 40px;
        background-color: #1a386e;
        position: relative;
        top: -80px;
        left: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
    }
    

  .p4Servicis2Serrv2{
    position: relative;
    top: -50px;
    width: 300px;
    left: 38px;
  }

  .txtServ2Desc4{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 31px;
    color: #1A386E;
    position: relative;
    top: -55px;
    left: 35px;
    width: 318px;
  }
  .txtServ2Desc1{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 31px;
    color: #1A386E;
    position: relative;
    top: -55px;
    left: 35px;
    width: 318px;
  }

  .p3Servicis2Serv2{
    position: relative;
  top: -50px;
  width: 300px;
  left: 38px;
}

  
  .txtServ2Desc3{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 31px;
    color: #1A386E;
    position: relative;
    top: -55px;
    left: 35px;
    width: 318px;
  }
  .p2Servicis2Serv2{
    position: relative;
    top: -50px;    
  width: 300px;
  left: 38px;

  }
  .txt2Serv2Desc2{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 31px;
    color: #1A386E;
    position: relative;
    top: -55px;
    left: 35px;
    width: 318px;
  }
  .p1Servicis2sec1{
    position: relative;
  top: -60px;
  width: 300px;
  left: 38px;
  }
  .content-imgSec2-Serv2{
    position: relative;
    top: -610px;
  }
  .content-title-sect1-serv2{
    position: relative;
    top: -60px;
    left: 0px;
    
    }


  /* Termina Seccion 1 */
  /* Termina servicio 2 */




  /* Inicia Servicio1 */
  /* Inicia Seccion 3  */

  .contentnDataServ1Section3{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;  
    height: 465px;
    
  }
  

  .contentFooterViewServicesSec1{
    position: relative;
      top: 516px;
      height: 55px;
      width: 100%;
      text-align: center;     
  }

  .rectanguloEtiquetaVocacionalimg2{  
    font-family: 'Mulish-Black', sans-serif;
    font-size: 15px;
    width: 243px;
    height: 40px;
    background-color: #1a386e;
    position: relative;
    top: -265px;
    left: 116px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
  }
  

  .contentCheck2{
    position: relative;
    top: 25px;
    left: 40px;
    width: 20px;  
  }
  .contentCheck{
    position: relative;
    top: 25px;
    left: 40px;
    width: 20px;      
  }

  .tituloServicesAsesor1{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 46px;
    color: #f46036;
    text-align: left;
    width: 290px;
    position: relative;
    top: 0px;
    left: 15px;
  }
  
  #section3Serv1 {
    position: relative;
    top: -60px;
    left: 0px;
    height: 550px;
  }
  .content-title3-serv1{
    position: relative;
    top: 0px;   
    width: 278px;   
  }
  #container-seccion2-serv1{
    position: relative;
    top: 0px;
    left: 0px;
    padding: 0;
    background-color: #1a386e;
  }

  /* Termina seccion 3 */

  /* Inicia Seccion 2 */

  .contentTitleSect2Serv1{
    position: relative;
    top: 20px;
    left: 0px;
    background-color: #ead337;
  }
  .txtTitleEntegas{
    font-family: 'DMSerifDisplay-Regular', serif;
      color: white; /*#f46036;*/
      font-size: 46px;
      height: 0px;
      position: relative;
      left: 15px;
      top: -20px;
      width: 255px;
  
      }



  #section2Serv1{
    position: relative;
    top: -70px;
    left: 0px;  
    width: 100%;
    height: 444px;
    background-color: #1a386E;
    padding:0px;
    align-items: center;
  }
  
  /* Termina Seccion 2 */

  /* inica Seccion 1 */

  .rectanguloEtiquetaVocacional{
    font-family: 'Mulish-Black', sans-serif;
    font-size: 15px;
    width: 243px;
    height: 40px;
    background-color: #1a386e;
    position: relative;
    top: -60px;
    left: 168px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
  }

    
  .imgEntregamos{
    position: relative;
       top: 0px;
       left: 0px;
       width: 100%;
   }

  .contentDescrioServ{
    position: relative;
    top: -20px;
    left: -47px;
  }

  .tituloServices{
    font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 49px;
      color: #f46036;
      text-align: left;
      width: 270px;
      position: relative;
      top: 0px;
      left: 15px;
  
  }
 
  .content-title-page3-sec1{
    position: relative;
    top: 0px;      
  }

  .container-sec1-pag3{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;      
    height: 500px;      
  }
  #section1Serv1{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1071px;
    
    padding:50px;
    align-items: center;
    padding: 0;
  }
  

  /* Fin pagina VieServices.php */


  /* Inicia Pagina Servicios */

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

  .rounded-rectangleServPage{
    width: 85%;
    height: 1015px;
    background-color: #f46036;      
    position: relative;            
    top:  -720px;
    left: 29px;
    z-index: 1;
  }


      
  .divcontentrentngleserve2{
    position: relative;
    top: -995px;
    left: 0px;
    height:470px;
    z-index: 10;
    background-color: yellow;
  }


  .txtServicios1{
    position: relative;
    top: 0px;
    z-index: 5;
    color: white;  
    font-size: 25px;       
  }

  .txtServicios2{
    position: relative;
        top: 0px;
        z-index: 5;
        color: white; 
        font-size: 25px;      
  }

  .txtServicios3{
    position: relative;
    top: px;
    z-index: 5;
    color: white;   
    font-size: 25px;   
    width: 306px;
    left: 68px;        
  }

  .Content-img3-serv{
    position: relative;
    top: 0px;
    left: 0px;
  }


  .Content-img2-serv{
    position: relative;
    top: 0px;
    left: 0px;
  }


  .Content-img1-serv{
    position: relative;
    top: 0px;
    left: 0px;
  }


  .content-imgservicios{
    position: relative;
    top: 0px;
    left: 45px;
    width: 77%;
    height: 100%;      
  }

  .container-seccion2-serv{
    position: relative;
    top: 0px;
    left: 0px;      
    width: 100%;
    height: 1114px;
    /* background-color: #1a386e; */
  }

.titleQofreceServ{
color: #FFFFFF;
font-size: 50px;
font-family: 'DMSerifDisplay-Regular',serif;
width: 205px;
position: relative;
left: 92px;      
}



  /*Termina  Pagina servicios */







  /* Inicia Pagina Principal */
  .contentInfoContacto{
  position: relative;
  top: -376px;    
  width: 84%;
  left: 12px;
  z-index: 2;
  }

  #sectionFormulario{
      position: relative;
      top: 1220px;
      left: 10px;
      width: 90%;
      height: 100%;          
      }

  .contentInfohome1{
    position: relative;
    top: -75px;
    left: 0px;
    width: 100%;
    height: 25%;
    text-align: center;
    }

  #mainNav{      
      position: relative;
      top: -5px;
      width: 99%;
      left: 0px;
      height: 70px;
      /* height: 54px;
      background-color: orange; */
      background-color: #0fa3b1;
    }


  .img1servhome{
      position: relative;
      top: 0px;
      left: px;
    }
    .contetnimgservhome1{
      position: relative;
      top: 20px;
      left: 42px;
      width: 79%;
      height: 700px;
    }
    .contetntitlenosotros{
      position: relative;
      left: 40px;
      top: -350px;
      width: 238px; 
      
    }
    
    .contentimg2HomeSec2{
      position: relative;
      top: 144px;
      left: 0px;
      width: 100%;
    }
    
    .contentimg3Sect2Home{
      position: relative;
        top: 150px;
        left: 0px;
        width: 100%;
        height: auto;
    }
    .logoBar{
      position: relative;
      top: -5px;
      width: 55px;
      height: 55px;        
    }
    
    
    /* 
    Servicio 3
     */
     .line3ViServ3{
      height: 18.2vh;
      width: 2px;
      background-color: #0fa3b1;  
      position: relative;
      top: -233px;
      left: 6%;
      z-index: 2;
     }
     .footer_services3{
      position: relative;
      top: -13px;
     }
     .boton-agendaServ3{
      background-color: #f46036;
      width: 100%;
      height: 46px;
      position: relative;
      left: 0px;
      top: 25px;
      display: inline-block;
      padding: 10px 20px;
      color: white;
      border-radius: 22px;
      font-size: 22px;
      border: none;
      cursor: pointer;  
      text-align: center;
     }
    
     .contentCheckserv3{     
      font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 35px;
      color: #1A386E;
      position: relative;
      top: 30px;
      left: 45px;
      width: 20px;
        }
     .txtServ3Desc4{
      font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 25px;
      color: #3f3f3f;
      position: relative;
      top: -15px;
      left: 80px;
      width: 250px;
     }
    .contentFooterViewServices3Sec3{
      position: relative;
      top: 187px;
      /* background-color: green; */
    }
     .content-img3-serv3-sec3{
      height: 650px;
    width: 100%;    
    position: relative;
    top: -115px;
    left: 0px;
     }
     
    
     #section3Serv3{
      position: relative;
      top: 85px;
      height: 998px;
     }
    
     /* Seccion2 */
  
    
  
    .divContent3CheckServ3{
      position: relative;
      top: 25px;
      left: -70px;
      width: 10px;
      height: 10px;
      color: white;
    }
     .divContent2CheckServ3{
      position: relative;
      top: -10px;
      left: -70px;
      width: 10px;
      height: 10px;
      color: white;
     }
     .divContentCheckServ3{
      position: relative;
      top: -25px;
      left: -70px;
      width: 10px;
      height: 10px;
      color: white;
     }
    
     .contentInfoServ3Sec1{
      position: relative;
      top: 85px;
      left: 80px;
      width: 245px;
     }
    
     .img3EntregamosServ3{
      position: relative;
      top: 150px;
      width: 100%;
      height: 70%;
    }      
     #section2Serv3{            
      background-color: #1A386E;
      position: relative;
      top: 5px;
      height: 918px;  
    }
    
     /* Seccion 1 */
    
  
    
     .imgEntregamosServ3{
      position: relative;
      top: 65px;
      width: 100%;
      height: 100%;
    }
    
    
 
    .txtServ3Desc2{
      font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 28px;
      color: #1A386E;
      position: relative;
      top: 5px;
      left: 2px;
      width: 100%;
    }
   
  
    
    
    /* 
    Servicio 3
     */
    
    
     .contentDescrioServ1{
      position: relative;
      left: -40px;
     }

    .divIzServ1Sec1{
      /* background-color: #e05e3c; */
      height: 620px;
    }
    .divDerServ1Sec1{
      /* background-color: #0fa3b1; */
      position: relative;
      top: -419px;
    }
    
    .contentimgServ1{
      position: relative;
      top: -400px;
    }

    .line1ViServ2{
      height: 64.2vh;
        width: 2px;
        background-color: #0fa3b1;
        position: relative;
        left: 6%;
        top: -615px;
        z-index: 2;
    }
  
    
    
    .imgEntregamosServ2{
      position: relative;
      top: 0px;
      width: 100%;
    }
    
    
    .p2Servicis2{
      position: relative;
        top: 20px;
        left: 95px;
        font-size: 20px;
        width: 300px;
    }
    
    
    .page-sectionNosotros{
      position: relative;
      top: 0px;
    }
    .page-sectionSect2Serv1{
    position: relative;
    top: 0px;
    }
    .page-section-contact{
      position: relative;
      top: 1166px;
      width: 50%;
      height: 435px;        
    }
    
    .contentBarraContacto{
      position: relative;
      top: -482px;
      left: 6px;
      width: 4px;
      height: 105px;    
      background-color: green;
    }

    input {
      width: 200px; /* Puedes ajustar el valor según tus necesidades */
      padding: 10px; /* Añade un relleno para mejorar la apariencia */
      background-color: #e05e3c;
  }
    
    
    /* pagina ViewServices.php */
    
    
    /**
    SSERVICIO 2
    
    sECCION1
    */
    
    #section1Serv2{
      position: relative;
      top: 105px;
      left: 0px;
      width: 100%;
      height: 170px;
    }
    
    .imgcomoasesoramosServ2{
      position: relative;
      top: 50px;
      width: 100%;
      height: 80%;
    }
    
    
    /* Seccion 2 */
    
    .footer_services2{
      position: relative;
      top: 1212px; 
    }
    
 
    
    
  
  
    
    .tituloServicesSec2{
      font-family: 'DMSerifDisplay-Regular', serif;
        font-size: 50px;
        color: #f46036;
        text-align: left;
        width: 330px;
        position: relative;
        top: 0px;
        left: 13px;
    }
    
    .rectangulo2EtiquetaVocacionalSlide2{
      font-family: 'Mulish-Black', sans-serif;
      font-size: 15px;
      width: 243px;
      height: 40px;
      background-color: #1a386e;
      position: relative;
      top: -3px;
      left: 119px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
    }
    
    
    .imgcomoasesoramos{
      position: relative;
      top: 70px;
      width: 100%;
      height: 100%;
    }
    
    .boton-agendaServ2{
      background-color: #f46036;
      width: 100%;
      height: 46px;
      position: relative;
      left: 0px;
      top: 25px;
      display: inline-block;
      padding: 10px 20px;
      color: white;
      border-radius: 22px;
      font-size: 22px;
      border: none;
      cursor: pointer;  
      text-align: center;
    }
    
   
    .content2Checkserv2{
      position: relative;
      top: -110px;
      left: 10px;
      width: 10px;
      height: 10px;
    }
    
    
    .content1Checkserv2{
      position: relative;
      top: -70px;
      left: 10px;
      width: 10px;
      height: 10px;
    }
    
    .txtServDesc2{
      font-family: 'Mulish-Black', sans-serif;
      font-size: 25px;
      color: #3f3f3f;
      position: relative;
      left: 33px;
      top: 15px;
    }
    
    #section3Serv2{
      position: relative;
      top: 1197px;      
      height: 1134px;
    }
    
    .rectanguloEtiquetaVocacionalSlideAcadem2{
      font-family: 'Mulish-Black', sans-serif;
      font-size: 20px;
      width: 290px;
      height: 40px;
      background-color: #1a386e;
      position: relative;
      top: 100px;
      left: -14px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
    }
    .content-carrouselServ2{  
      width: 134%;
        position: relative;
        left: -45px;
        top: 35px;
    }
    #section2Serv2{
      position: relative;
      top: 988px;
      left: 0px;
      width: 100%;
      height: 568px;
      background-color: #1a386E;
      padding:50px;
      align-items: center;
    }
    .rectanguloEtiquetaVocacionalAcad{
      font-family: 'Mulish-Black', sans-serif;
      font-size: 20px;
      width: 376px;
      height: 40px;
      background-color: #1a386e;
      position: relative;
      top: -85px;
      left: 116px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
    }
    
    
    /* seccion 1 */
  
    

    
    
    
    .line2ViServ2{
      height: 42.2vh;
      width: 2px;
      background-color: #0fa3b1;
      position: relative;
      left: 10px;
      top: -990px;
      z-index: 2;
    }
    .line2ViServ {
      height: 28.2vh;
      width: 2px;
      background-color: #0fa3b1;
      position: relative;
      left: 7%;
      top: -317px;
      z-index: 2;
    }
    
    
    .boton-agenda-serv{
      background-color: #1a386e;
      height: 51px;
      position: relative;
      left: 5px;
      top: 0px;
      display: inline-block;
      padding: 10px 20px;
      color: white;
      border-radius: 22px;
      font-size: 20px;
      border: none;
      cursor: pointer;
      width: 97%;
      text-align: center;
    }
    .imgcomoasesoramos1{
      position: relative;
      top: -175px;
      width: 100%;
      height: 100%;
    }
    
    
    
    .txtServtitle1{
      font-family: 'DMSerifDisplay-Regular', serif;
      font-size: 25px;
      color: #3f3f3f;
      position: relative;
      top: -15px;
      left: 80px;
      width: 250px;
    }
    
    
    
    
    .rectanguloEtiquetaVocacionalSlide1{      
      font-family: 'Mulish-Black', sans-serif;
      font-size: 20px;
      width: 350px;
      height: 33px;
      background-color: #1a386e;
      position: relative;
      top: 144px;
      left: 8px; 
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff; /* Color del texto */
      z-index: 10;
    }
    
    
    .content-carrousel{  
      width: 100%; 
      position: relative; 
      left: 0%; 
      top: 115px;
      z-index: 1;
    }
    
    
    
    
    
 
    
    
    .line1ViServ {
      height: 51.2vh;
      width: 2px;
      background-color: #0fa3b1;
      position: relative;
      left: 15%;
      top: -420px;
      z-index: 2;
    }
    
    
    
    .p2Servicis{
      position: relative;
      top: 20px;
      left: 95px;
      font-size:20px;
      width: 300px;
    }
    
    
    .txtServDesc1{
      font-family: 'DMSerifDisplay-Regular', serif; 
      font-size: 30px;
      color:#1A386E; /*rgb(0, 0, 0);*/
      position: relative;
      top: 25px;
      left: 65px;
      width:325px;
    }

    .contentBtnBar{
        position: relative;
        left: 92%;
        top: -55px;
        background-color: #0fa3b1;
        width: 70px;
    }
    #navbarResponsive{
      position: relative;
      left: 0%;
      top: -25px;
      /*left: 168px;
      top: -90px;*/
    }

    #section1Serv3{
      position: relative;
      top: 110px;
      }
      
    
    #section1Serv{
    position: relative;
    top: 110px;
    }
    
    .txtoLogoNav1ViewServ{
      font-family: 'DMSerifDisplay-Italic', serif;
      font-size: 13px;
      color: #0fa3b1;
      text-align: left;
      
    }
    .txtoLogoNav2ViewServ{
      font-family: 'DMSerifDisplay-Italic', serif;
      font-size: 10px;
      color: rgb(0, 0, 0);
      text-align: left;
     position: relative;
      left: -110px;
      top: 17px;;
    }
    
    
    
    
    
    /* pagina ViewServices.php */
    
    
    .line2ViServ1{
      
        height: 21.2vh;
        width: 2px;
        background-color: #0fa3b1;
        position: relative;
        left: 5%;
        top: -255px;
        z-index: 2;
    
    }
    
    
      .txtServHome{
        position: relative;
        top: 8px;
        left: 45px;
        z-index: 5;
        color: white; 
        font-size: 20px;  
        width: 210px;         
      } 
      .txtServHomeAca{
          position: relative;
          top: 8px;
          left: 45px;
          z-index: 5;
          color: white; 
          font-size: 20px;  
          width: 210px;
      }
    
    
      .txtoLogoNav2{
        display: none;
      }
    
      /* .txtoLogoNav2{
        font-family: 'DMSerifDisplay-Italic', serif;
        font-size: 10px;
        color: rgb(0, 0, 0);
        text-align: left;
       position: relative;
        left: -110px;
        top: 17px;;
      } */
    
    
      .txtoLogoNav1{
      display: none;
      }
      
    
    /*
      .txtoLogoNav1{
        font-family: 'DMSerifDisplay-Italic', serif;
        font-size: 13px;
        color: #0fa3b1;
        text-align: left;
      }
      */
      
    
      .divIzquierdo1{
        position: relative;
        top: -6px;
        width: 100%;
        height: 80%;      
      }
    
      .contentDivNosotros {
        position: relative;
        top: 150px;
      }
    
      .imgHom1{
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
      } 
    
      .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;        
      }

      .titleRegistroForm{
          color: #1A386E;
          font-size: 48px;
          font-family: 'DMSerifDisplay-Regular',serif;
          width: 202px;
          position: relative;
          left: -60px;            
        }
      .contentTitleFormulario{
          position: relative;
          top: 0px;
          left: 60px;
          width: 262px;              
        }
    
      .contentFooterServices{
        position: relative;
        top: -40px;
        left: 0px;
        background-color: white;
        height: 100px;
      }
    
    
    
      .rounded-title-services1 {
        position: relative;
        top: -100px;
        width: 100%;
        height: 52px;                             
        z-index: 1;
        text-align: center;
        
    }          
    
    
    
      #contentServicios{
        position: relative;
        top: 100px;
        left: 0px;            
        width: 100%;
        height: 700px;
        /* background-color: red; */
      }
    
      #MenuserviciosPageServicios{
        position: relative;
        top:-615px;
        left:0px;      
        width:100%;
        height: 510px;     
        
        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; 
        
      }
    /*
      #MenuserviciosPageServ{
        position: relative;
        top:70px;
        left:0px;      
        width:100%;
        height: 1370px;         
        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;  
      }*/
      
    
      .panel-login{
        width: 300px;
      }
    
      .page-section1{
        position: relative;
        top: 119px;
        width: 100%;
        height: auto;
      }
    
      .ContentMenuServ{
        position: relative;
        top: 315px;
        left: 0px;
      }
    
      .videoPrincipal{
        position: relative;
        top: 80px;
        width: 400px;
        height: 400px;
        /*width="800" height="640"*/
      }
    
        .TextoMenu {
          font-family:  'Mulish-BlackItalic', sans-serif;
         font-size: 20px;
          color: black;
        }
        .TextoMenu2{
          font-family:  'Mulish-BlackItalic', sans-serif;
         font-size: 20px;
          color: black;
        }
        
        .contetnimg1home{
          position: relative;
          top: -40px;
          left: 0px;
          width: 100%;
          height: auto;
          background-color: white;
        }
        
       
          .texto1{        
            text-align: left;
            position: relative;
            left: 11px;
            top: 20px;
            font-family: 'DMSerifDisplay-Regular', serif;
            font-size: 52px;
            color: #0fa3b1;
            text-align: left;
            width: 360px;              
                    
          }

          .texto2Home{
            font-family: 'DMSerifDisplay-Regular', sans-serif;
            font-size: 22px;        
            position: relative;
            /*left: 27px;*/
            width: 100%;              
          }
          .texto1Home{
              position: relative;
              /*left: 15px;*/
              top: 20px;
              font-family: 'DMSerifDisplay-Regular', serif;
              font-size: 47px;
              color: #0fa3b1;
              /*text-align: left;*/
              width: 100%;                
          }

          .texto2{
            font-family: 'DMSerifDisplay-Regular', sans-serif;
            font-size: 25px;        
            position: relative;
            left: 23px;
            width: 335px;
          }
          .texto3{
            font-family: 'DMSerifDisplay-Italic', serif;
            font-size: 60px;
            color: white;
            text-align: left;
            position: relative;
            left: 0px;
            top: 0px;
            width: 225px;
          }
          .contentinfoHome2{
          position: relative;
          top: -216px;
          left: 0px;
          height: 180px;            
          }
        .texto3nosostros{
          font-family: 'Mulish-BlackItalic', sans-serif;
          font-size: 20px;
          color: white;
          position: relative;
          left: 44px;
          top: -343px;
          width: 315px;
        }
        .texto4Nosotros{
          font-family: 'Mulish-BlackItalic', sans-serif;
            font-size: 20px;
            /*Codigo Color Naranja #f46036 */
            color: #f46036;
            text-align: right;
            position: relative;
            left: -8px;
            top: 0px;
            width: 325px;
        }
          .logo{
            position: relative;
            top: -190%;
            width: 200px;
            height: auto;
          }
          .img1{
            position: relative;
            left: -15px;
            width: 630px;
            height: 500px;
          }
        
    
          .imgsecion2Home{
            position: relative;
            top: 0px;
            left: 15px;
            background-color: #128298;
            width: 100%;
            margin: 0; 
            padding: 0; 
           
          }
          .imgsecion1Home{        
            position: relative;
            top: 0px;
            left: 0px;
            height: auto;
          }
    
          .boton-agenda1Home{
            background-color: #f46036;
            height: 46px;
            position: relative;
            left: 5px;
            top: 0px;
            display: inline-block;
            padding: 10px 20px;
            color: white;
            border-radius: 22px;
            font-size: 20px;
            border: none;
            cursor: pointer;
            width: 350px;
            text-align: center;     
          }
    
          .boton-agenda1{
            background-color: #f46036;
            height: 46px;
            position: relative;
            left: 7px;
            top: 0px;
            display: inline-block;
            padding: 10px 20px;
            color: white;
            border-radius: 22px;
            font-size: 20px;
            border: none;
            cursor: pointer;
            width: 370px;
            text-align: center;      
          }
    
          .imgnosotros{
            width: 100%;
            height: 100%;
            position: relative;
            left: 0px;
            top: -144px;
          }
          .img2nosotros{
            width: 100%;
            /*height: 493px;*/
            height: auto;
            position: relative;
            top: -150px;
          }
          .overlay {
                    position: absolute;
                    top: -150px;
                    left: 0px;
                    width: 100%; /* Divide el cuadro en la mitad */
                    height: 100%;
                    background-color: rgba(32, 56, 107, 0.7); /* Color azul rey semi transparente */
                }
      #nosotros{
        position: relative;
        top: 79px;
        background-color: #FFFFFF;
        height: 1200px;
        width: 100%;
        left: 0px;
        }


        .contentbtnGuardar{
          position: relative;
          top: 0px;
          left: 0px;
          width: 100px;
          height: 40px;  
        }
        .contentbtnCancelar{
          position: relative;
            top: -40px;
            left: 257px;
            width: 100px;
            height: 40px;    
        }
        #btn_guardar{
          width: 100px;
        }
        #btn_denunciar{
          width: 100Px;
        }


        .imgContacto{
          width: 100%;
          height: 620px;
          position: relative;
          top: -413px;
          left: 0px;
        }
        .textoContacto1{
          font-family: 'DMSerifDisplay-Italic', serif;
          font-size: 50px;
          color: #f46036;
          text-align: center;
          position: relative;
          left: 20px;
          top: -405px;
          width: 330px;
        }
        .correocontacto{
          font-family: 'Mulish-Extra-Light', sans-serif;
            font-size: 23px;
            color: black;
            position: relative;
            left: 0px;
            top: 0px;
            width: 344px;        
        }
        .telefonocontacto{
          font-family: 'Mulish-Extra-Light', sans-serif;
            font-size: 23px;
            color: black;
            position: relative;
            left: px;
            top: 0px;
            width: 217px;
        }
    
        .Divcontacto{
          width: 100%;
          height: 80%;      
          position: relative;
          top: 1059px;      
        }
    
        .contentformulario{
          position: relative;
          top: 0px;
          left: -10px;
          width: 94%; 
          height: 200px; 
                  
        }
    
        #registro{
          position: relative;
          left: 0px;
          width: 360px;
        }
    
        .tituloRegistro{     
          color: #f46036;
        font-size: 50px;
        font-family: 'DMSerifDisplay-Regular',serif;
        width: 400px;
        position: relative;
        left: 12px;
        }
    
        .panel-heading{
          position: relative;
          top: 0px;
          left: -350px;      
    
        }
        .container-seccion4{
          max-width: 100%;
          max-height: auto;   
          position: relative;
          left: 0%;    
        }
        .contTitlerecomendado{
          position: relative;
          top: 0px;
          left: 0px;
          background-color: #1A386E;
        }
  .divRecomendados{
      position: relative;
      top: 90px;      
      width: 100%;
      height: 315px;
    }
        .divColID2{
          
          position: relative;
          top: -98px;
          background-color: #1A386E;
        }
        .divColID3{
          
          position: relative;
          top: -97px;
          background-color: #1A386E;
        }
        
        .container-seccion3{
          max-width: 100%;
          max-height: 715px;   
          position: relative;
          left: 0%; 
        }
        
        #Menuservicios{
          position: relative;
          top: 50px;
          left:0px;        
          width:100%;
          height: 1170px;  
          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;
        }

        .page-Menuservicios {
          position: relative;
          top: 0px;
        }
        
        .rounded-rectangle {
                    width: 100%;
                    height: 740px;
                    background-color: #f46036;
                    border-radius: 20px;
                    position: relative;            
                    top:-575px;
                    z-index: 1;
                }
        
        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;
            */
        }
        
        #Recomendado{
          position: relative;
          top: 23px;
          left: 0%;
          background-color: red;
          width: 50%;
        }
        .contenedorrecomendado{
          width: 90%;
          height: 1075px;
          background-color: #1A386E;
          align-items: center;
        }
        .titlerecomendado{
        
          font-family: 'DMSerifDisplay-Italic', serif; 
          color: white;
          font-size: 50px;
          text-align: center;
        }
        
        .txtRecom1{
          font-family: 'Mulish-Black', sans-serif;
            font-size: 20px;
            color: white;
            position: relative;
            top: 5px;
            left: 50px;
            width: 213px;
            z-index: 9;
        }
        
        .txtRecom2{
            font-family: 'Mulish-Black', sans-serif;
            font-size: 20px;
            color: white;
            position: relative;
            top: 20px;
            left: 50px;
            width: 234px;
        }
        
        .txtRecom3{
            font-family: 'Mulish-Black', sans-serif;
            font-size: 20px;
            color: white;
            position: relative;    
            top: 20px;
            left: 50px;
            width: 211px;
        }
        
        .triangulo1 {
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 20px solid #f46036;
            transform: rotate(225deg);
            position: relative;
            top: -25px;
        }
               
        .triangulo2 {
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 20px solid #0fa3b1;
            margin-top: 30px; /* Espacio entre triángulos */
            transform: rotate(225deg);
            position: relative;
            top: -32px;
            z-index: 10;
        }        
        .triangulo3 {
          width: 0;
          height: 0;
          border-left: 20px solid transparent;
          border-right: 20px solid transparent;
          border-bottom: 20px solid #ead337;
          margin-top: 30px; /* Espacio entre triángulos */
          transform: rotate(225deg);
          position: relative;
          top: -32px;
        }
                .Barra
                  {
                    height: 20vh;
                    width: 14px;
                    background-color: #f46036;
                    position: relative;
                    left: -22px;
                    top: -63px;
                    z-index: 3;        
                }
        
                .txtServ{
            position: relative;
            top: -3px;
            z-index: 5;
            color: white; 
            font-size: 20px;   
          } 
        
          .line1 {
            display: none;
                }
                .line2 {
                  display: none;
                }         
        
                .txtColombia{
                  font-family: 'Mulish-Extra-Light', sans-serif;
                  font-size: 23px;
                  color: black;
                  position: relative;
                  left: 0px;
                  top: 0px;
                  width: 111px;
                }
        
                .imgCatRec{
                  width:100%;
                  height:80%;
                }
                .bg-light {
                  position: relative;
                  top:-50px
        
                }
    
    
    
        .comillasDerecha{
          font-family: 'DMSerifDisplay-Regular', serif;
          position: relative;
          top: -50px;
          left: 320px; 
          font-size: 75px;      
          width: 33px;
          height: 36px;
          color: #f46036;
        }
            
        .comillasIzqierda{
          font-family: 'DMSerifDisplay-Regular', serif;
          position: relative;
          top: 27px;
          left: 30px; 
          font-size: 75px;  
          width: 30px;
          height: 36px;
          color: #f46036;
          
        }
    
        .rounded-title-Recomendados{
          width: 100%;
          height: 90px;
          background-color: #1A386E;
          border-radius: 20px;
          position: relative;
          top: 0px;
          z-index: 1;
          text-align: center;
          padding: 10px; 
        }

        .titleServiciosHome{
          color: #FFFFFF;
          font-size: 50px;
          font-family: 'DMSerifDisplay-Regular',serif;
          width: 255px;
          position: relative;
          left: 23px; 
        }
    
        .titleQofrece{
          color: #FFFFFF;
          font-size: 50px;
          font-family: 'DMSerifDisplay-Regular',serif;
          width: 255px;
          position: relative;
          left: 14px;      
        }
        .divColID1{
          position: relative;
          top: -98px;
          left: 0px;
          background-color: #1A386E;
          width: 100%;
          height: 104%;
        }
    
        
        .rounded-title-Recomendados2{
          width: 100%;
          height: 700px;
          background-color: #1A386E;
          /*border-radius: 20px;*/
          position: relative;
          top: -200px;
          z-index: 1;
          text-align: center;
          padding: 10px; 
        }
    
        #btn_cancelar{
          position: relative;
          top: -54px;
          left: 285px;
        }
    
        .contentFooter{
          position: relative;
          top: 1650px;      
          height: 55px;
          width: 100%;
          font-size: 15px;
          text-align: center;
          background-color: orange;
        }
        .rounded-title {
          width: 75.5%;
          height: 90px;                  
          position: relative;
          top: 0px;
          left: 31px;
          z-index: 1;
          text-align: center;             
      }
      .rounded-rectangleServ{
        width: 65%;
        height: 1015px;
        background-color: #e05e3c;
        border-radius: 20px;
        position: relative;            
        top: -670px;
        left: 74.5px;
        z-index: 1;
      }
    
      .txtServUni{
        position: relative;
        top: 1px;
        left: 47px;
        z-index: 5;
        color: white;
        font-size: 20px;
        width: 228px;
      }
    
      .containerNavBar{
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100px;
      }
    
    
      .rounded-rectangleServHome {
        width: 99%;
        height: 1015px;
        background-color: #e05e3c;
        border-radius: 20px;
        position: relative;            
        top: 0px;
        left: 0px;
        z-index: 1;
    }
    
    .contetrcetNaranjahome{
      position: relative;
      top: -698px;
      left: 20px;
      width: 322px;
    }
    
    /**
    Pagina Home
    */
    .contentInfoSection1{
      width: 100%;
    }
}



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

@media only screen and (min-width: 1440px) {
  /*  and (max-width: 1679px) */
  /* inicia pagina servicios */
  .content-img2-serv2-sec3{
    height: 800px;
    width:570px;
    position: relative;
    left: 900px;
    top: -570px;
  }
  
  .carousel-control-prev-icon{
    color:red;
  }
  
  .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;
  }
  
  
  .container-info-serv2{
      position: relative;
      top: 111px;
      left: 150px;
      width: 500px;
  }

 

  .contentFooterViewServices3Sec3{
    position: relative;
    top: 50px;
    left: 0px;
    width: 100%;
    height: 70px;
    
  }

  .contentFooterViewServicesSec2{
    position: relative;
    top: 0px;
    left: 0px;
  }

  .contentFooterViewServicesSec1{
    position: relative;
    top: 150px;
    height: 70px;
    width: 100%;
    text-align: center;        
  } 

  .container-seccion2-serv1{
    height: 900px;      
  }

  .imgcomoasesoramos1{
    width: 560px;
    height: 900px;
  }
  .content-img2-sec3-serv1{
    position: relative;
    top: -807px;
    left: 918px;
    width: 557px;
    height:700px; 
    
  }

  .tituloServicesAsesor1{
    position: relative;
    top: 0px;
    left: 0px;
    font-family: 'DMSerifDisplay-Regular', serif; 
    font-size: 80px;
    color: #f46036;
    text-align: left;
    width: 693px;
  }

  .container-seccion2-servicios{
    position: relative;
    top: -182px;
    left: 0px;
    width: 100%;
    height: 600px;      
    padding: 50px;
  }

  .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;      
  }

  .content-imgservicios{
    position: relative;
    top: 245px;
    left: 120px;
    width: 1140px;
    height: 450px;
    padding: 0;   
     
  }

  .titleQofreceServ{
    position: relative;
    top: 0px;
    left: 556px;
    color: #FFFFFF;
    font-size: 90px;
    font-family: 'DMSerifDisplay-Regular',serif;
    width: 362px;      
  
  }


  /* Termina pagina servicios */



  /* Inicia Pagina Home */
  .contTituloRecomendados{
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #1A386E;
    
    padding-left: 465px;
  }
  .titleRecomendados{
    color: #FFFFFF;
    font-size: 90px;
    font-family: 'DMSerifDisplay-Regular',sans-serif;
    width: 610px;
    position: relative;
    left:0px;
    top: 0px;
    
  }

  .rectangulo3EtiquetaUNIVERSITARIA2{

      font-family: 'Mulish-Black', sans-serif;
      font-size: 15px;
      width: 321px;
      height: 40px;     
      
      background-color: #1a386e;
      position: relative;
      top: -100px;
      left: 252px; 
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff; /* Color del texto */
    }

    .rectanguloEtiquetaUniversitaria1{
      
      font-family: 'Montserrat-Variable';
      font-size: 15px;
      width: 321px;
      height: 40px;
      background-color: #1a386e;
      position: relative;
      top: -125px;
      left: 254px; 
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff; /* Color del texto */
      z-index: 5;
    }

    .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: -88px;
      left: 252px; 
      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 */
}
    .contentCheckserv3{     
  font-family: 'DMSerifDisplay-Regular', serif;
  font-size: 35px;
  color: #1A386E;
  position: relative;
  top: 330px;
  left: 130px;
  width: 641px;
    }

    .line2ViServ3{
      height: 45vh;
      width: 2px;
      background-color: #f46036;
      position: relative;
      left: -60.5%;
      top: -250px;
      z-index: 2;
    }
    .line1ViServ3Sec1{
      height: 35vh;
      width: 2px;
      background-color: #0fa3b1;
      position: relative;
      left: -35%;
      top: -290px;
      z-index: 2;
    }
    .line1ViServ3{
      height: 46vh;
      width: 2px;
      background-color: #0fa3b1;
      position: relative;
      left: -35%;
      top: -290px;
      z-index: 2;
    }

   .container-img-serv3-sec3{
    position: relative;
    top: -843px;
    left: 900px;
    width: 575px;
    height: 732px;    
    
   }

    .img3EntregamosServ3{
      position: relative;
      top: 0px;
      left: 0px;
      /* top: -755px;
      left: 900px; */
      width: 575px;
      height: 732px;
    }


.divContent3CheckServ3{
  position: relative;
  top: 100px;
  left: -340px;
  color: white; 
}

.divContent2CheckServ3{
  position: relative;
  top: 100px;
  left: -340px;
  color: white;
}

.divContentCheckServ3{
  position: relative;
  top: 87px;
  left: -340px;
  width: 10px;
  height: 10px;
  color: white;    
}

    .tituloServices3{
      position: relative;
      top: 110px;
      left: 100px;
      font-family: 'DMSerifDisplay-Regular', serif; 
      font-size: 80px;
      color: #0fa3b1;
      text-align: left;
      width: 657px;
    }
.p3Servicis{  
  position: relative;
  top: 40px;
  left: -115px;
  font-size: 20px;
}
.txtServ4Desc3Listado{
  font-family: 'Mulish-Medium';    
  font-size: 32px;
  color: white;
  position: relative;
  top: 70px;
  left: -280px;
  width: 570px;
  font-weight: normal;  
}

.txtServ4DescGuias{
  font-family: 'Mulish-Medium';    
  font-size: 32px;
  color: white;
  position: relative;
  top: 70px;
  left: -280px;
  width: 570px;
  font-weight: normal;  
}
.txtServ4Desc3{
  font-family: 'Mulish-Medium';    
  font-size: 32px;
  color: white;
  position: relative;
  top: 70px;
  left: -280px;
  width: 570px;
  font-weight: normal;  
}
    .txtServ3Desc3{
      font-family: 'Mulish-Medium';
      font-size: 30px;
      color: /*white;*/ #1A386E;
      position: relative;
      top: 45px;
      left: -145px;
      width: 641px;
    }

    .txtServ3Desc2{
      font-family: 'Mulish-Medium';
      font-size: 30px;
      color: #1A386E;
      position: relative;
      top: 45px;
      left: -145px;
      width: 641px;

      
    }

    
    .txtServ3Desc1{
      font-family: 'Mulish-Medium'; 
      font-size: 30px;
      color:#1A386E; /*rgb(0, 0, 0);*/
      position: relative;
      top: 25px;
      left: -145px;
      width: 580px;
    }
    
    .boton-agendaServ3{
      font-family: 'Montserrat-Variable';
      background-color: #f46036;
      width: 410px;
      height: 50px;
      position: relative;
      left: 135px;
      top: 370px;
      display: inline-block;
      padding: 10px 20px;
      color: white;
      border-radius: 22px;
      font-size: 22px;
      border: none;
      cursor: pointer;  
      text-align: center;
    }

    .divDerServ3Sec1{
      position: relative;
      top: -756px;
      left: 900px;
      width: 575.2px;
      height: 719px;
      /* background-color: red; */
    }
    
    .imgEntregamosServ3{
      width: 586px;
      height: 720px;
      position: relative;
      top: 0px;
      left: 0px;
      z-index: 1;
    }

    .rectangulo2EtiquetaVocacionalSlide2{
      font-family: 'Montserrat-Variable';
    font-size: 20px;
    width: 376px;
    height: 40px;
    background-color: #1a386e;
    position: relative;
    top: -755px;
    left: 1099px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    }

    .rectanguloEtiquetaVocacionalimg2{
      font-family: 'Montserrat-Variable';
      font-size: 20px;
      width: 360px;
      height: 40px;
      background-color: #1a386e;
      position: relative;
      top: -55px;
      left: 196px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
    }
    .rectanguloEtiquetaVocacionalSlide2{
      font-family: 'Montserrat-Variable';
      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: 90px;
      left: 1020px; 
      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: 76px; 
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff; /* Color del texto */
  z-index: 10;
}

#section3Serv1 {
  position: relative;
  top: -40px;  
  height: 770px;    
}
.content-title3-serv1{
position: relative;
top: 39px;
left: 100px;
width: 500px;  
}
.content-title-page3-sec1{
  position: relative;
  top: 110px;
  left: 100px;
  width: 620px;    
}
.container-sec1-pag3{
  position: relative;
  top: 0px;
  left: 0px;
  width: 1300px;
  height: auto;    
}
#section1Serv1{
  position: relative;
  top: 0px;
  left: 0px;
  width: 1440px;
  height: 800px;  
  padding:0px;
  align-items: center;
}
.footer_services{
  position: relative;
  top: -350px;
}

.txtServ3Desc4{
  font-family: 'Mulish-Medium';
  font-size: 31px;
  color:black;
  position: relative;
  top: 290px;
  left: 170px;
  width: 400px;
  font-weight: normal;
  text-align: left;
}


#section1Serv3{
  position: relative;
  top: 0px;
  }
 
  .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: 250px;
    left: 95px;
  }


.titulo1Services3{
  font-family: 'DMSerifDisplay-Regular', serif; 
  font-size: 80px;
  color: #f46036;
  text-align: left;
  width: 693px;
  position: relative;
  top: 110px;
  left: 100px;

  
  
  /* top: 112px;
  left: 160px; */
}
.content-img3-serv3-sec3{  
  position: relative;
  top: -429px;
  left: 900px;  
  width: 575px;
  height: 715px;
}
.imgcomoasesoramosServ3{
  position: relative;
  top: 0px;
  left:0px; 
  /* top: -420px;
  left: 900px;   */
  width: 575px;
  height: 715px;
}

#section3Serv3{
  position: relative;
  top: -95px;
  height: 713px;  
}

#section3Serv2{
  position: relative;
    top: -247px;     
    height: 900px; 
    padding: 0; 
    /*background-color:red;*/
}

.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: 75px;
  left: 1049px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

#section2Serv2{
  position: relative;
  top: -247px;
  left: 0px;
  width: 100%;
  height: 730px;
  background-color: #1a386E;
  padding:50px;
  align-items: center;
}
.line1ViServ2{
  height: 75vh;
  width: 2px;
  background-color: #0fa3b1;
  position: relative;
  left: 115px;
  top: -480px;
  z-index: 2;
}

.content-carrouselServ2{      

  width: 55%; 
  position: relative; 
  left: 33%; 
  top: 10px;  
}

.contentTitleSect2Serv1{
position: relative;
top: 30px;
left: 0px;
text-align: center;
}

.imgcomoasesoramos{
  width: 100%;
  height: 100%;
}



.imgcomoasesoramosServ2{
  position: relative;
    top: 0px;
    left: 56px;
    width: 514px;
    height: 700px;
}


.content-btnAgenda-serv2{
  position: relative;
  /*left: 145px;*/
  /*top: -712px;*/
  width: 436px;    
}


.boton-agendaServ2{
  font-family: 'Montserrat-Variable';
  background-color: #f46036;
  width: 435px;
  height: 46px;   
  display: inline-block;
  padding: 10px 20px;
  color: white;
  border-radius: 22px;
  font-size: 22px;
  border: none;
  cursor: pointer;
  text-align: center;
}

.txt3Serv2Desc2{
  font-family: 'Mulish-Medium';
  font-size: 35px;
  color: black;
  position: relative;
  top: 4px;
  left: 0px;
  width: 550px;
}


.txt2Serv2Desc2{
  font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 40px;
    color: black;
    position: relative;
    left: 0px;
    top: 4px;
    width: 563px;
}



.txtServDesc2{
  font-family: 'Mulish-Black', sans-serif;
  font-size: 40px;
  color: #3f3f3f;
  position: relative;
  left: -105px;
  top: 17px;
}
.content3Checkserv2{
  position: relative;
  top: -70px;
  left: -30px;
  width: 20px;
}

.content2Checkserv2{
  position: relative;
  top: -70px;
  left: -30px;
  width: 20px;
}

.content1Checkserv2{
  position: relative;
  top: -70px;
  left: -30px;
  width: 20px;
}



.txtTitleEntegas{
  font-family: 'DMSerifDisplay-Regular', serif;
    color: white; /*#f46036;*/
    font-size: 65px;
    height: 80px;
    position: relative;
    left: 0px;
    top: 0px
}

.content-carrousel-serv2{  
  width: 55%; 
  position: relative; 
  left: 330px; 
  top: 50px;
}

.content-carrousel{  
  width: 55%; 
  position: relative; 
  left: 330px; 
  top: 50px;
}

.imgEntregamosServ2{
  width: 560px;
  height: 760px;
  z-index: 1;
}

.imgEntregamos{
  width: 560px;
  height: 900px;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.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: 62.2vh;
  width: 2px;
  background-color: #0fa3b1;
  position: relative;
  left: -30px;
  top: -450px;
  z-index: 2;
}
.line2ViServ1{
  height: 30.2vh;
  width: 2px;
  background-color: #0fa3b1;
  position: relative;
  left: 25px;
  top: -70px;
  z-index: 2;
}

.line2ViewServ1{
  height: 40.2vh;
  width: 2px;
  background-color: #0fa3b1;
  position: relative;
  left: 150px;
  top: 8px;
  z-index: 2;
}
.line2ViServ2{
  height: 41.2vh;
  width: 2px;
  background-color: #0fa3b1;
  position: relative;
  left: 100px;
  top: -1110px;
  z-index: 2;
}

.tituloServicesSec2{
  font-family: 'DMSerifDisplay-Regular';
  font-size: 80px;
  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; */
}

.contentnDataServ1Section3{
  position: relative;
  top: -80px;
  left: 250px;
  width: 500px;  
}

#section1Serv2{
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 965px;    
}

#section2Serv1{
  position: relative;
  top: -52.2px;
  left: 0px;
  width: 100%;
  height: 730px;
  background-color: #1a386E;
}


.contentTitleEntSc2Serv2{
position: relative;
top: -30px;
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: -1550px;
  left: 1099px;
  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;
}

  .txtServ2Desc4{
    font-family: 'Mulish-Medium', serif; 
    font-size: 35px;
    color:#1A386E; /*rgb(0, 0, 0);*/
    position: relative;
    /*top: -790px;*/
    /*left: 111px;*/
    width:351px;
  }


.txtServ2Desc1{
  font-family: 'Mulish-Medium', serif;
    font-size: 35px;
    color: #1A386E;
    position: relative;
    top: 4px;
    left: 0px;
    width: 400px;
}

.txtServDesc1{
  font-family: 'Mulish-Medium', serif; 
  font-size: 40px;
  color:#1A386E; /*rgb(0, 0, 0);*/
  position: relative;
  top: 0px;
  left: 0px;
  width: 480px;
}

#section2Serv{
  position: relative;
  top: 160px;
  left: 0px;
  width: 100%;
  height: 450px;
  background-color: #1a386E;
  padding:50px;
  align-items: center;
}
#section3Serv{
  position: relative;
  top: 240px;

}

.contentimg2HomeSec2{
  position: relative;
  top: 0px;
  left: 0px;
  width: 726px;
  height: 800px;

  background-color: orange;
}
.contentimg3Sect2Home{
  position: relative;
    top: -800px;
    left: 725px;
    width: 720px;
    height: 501px;
}


.boton-agenda1Home{
  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-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{
  font-family: 'Montserrat-Variable';
  background-color: #1a386e;
  height: 51px;
  position: relative;
  left: 0px;
  top: 170px;
  display: inline-block;
  padding: 10px 20px;
  color: white;
  border-radius: 22px;
  font-size: 25px;
  border: none;
  cursor: pointer;
  width: 328px;
  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: 'Mulish-Medium', serif; 
  font-size: 40px;
  color:#1A386E;  /*rgb(0, 0, 0);*/
  position: relative;
  top: 125px;
  left: -65px;
  width: 571px;
}
.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{
  font-family: 'Mulish-Bold','sans-serif';
  position: relative;
  top: 0px;
  left: 0px;
  font-size:25px;
  width: 550px;

}

.container-seccion2-servicio3{
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%; 
  height: 950px;   
}

#section2Serv3{            
  background-color: #1A386E;
  position: relative;
  top: -90px;
  height: 632px;
}

.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;
      */
  }
  
  #Menuservicios{
      position: relative;
      top: 312px;
      left:0px;      
      width:1440px;
      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;
  }

  .page-Menuservicios {
    position: relative;
    top: 0px;
  }

  .img1servhome{
    position: relative;
    top: -50px;
    left: 127px;
    width: 250px;
    height: 100px;
  }
  .contetnimgservhome1{
    position: relative;
    top: 95px;
    left: 97px;
    width: 100%;
    height: 440px;
    
  }
  .img1servhome{
    position: relative;
    top: 125px;
    left: -35px;
  }

  .contetnLineahome{
    position: relative;
    top: -195px;
    left: 330px;
    width: 2px;
    height: 34.9vh;
  }
  .contetrcetNaranjahome{
    position: relative;
    top: -1100px;
    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: 1283px;
              height: 203px;                            
              position: relative;            
              border-radius: 20px;
              top: 725px;
              left: -3px;
              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%);
          }
  

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

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

          .line1 {
              height: 41.2vh;
              width: 5px;
              background-color: #128298;
              position: relative;
              left: 32.6%;
              top: -380px;
              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{
            font-family: 'Mulish-Bold','sans-serif';
            font-size: 28px;   
            position: relative;
            top: 51px;
            z-index: 5;
            color: white;                       
          } 
          .txtServ2{
            font-family: 'Mulish-Bold','sans-serif';
            font-size: 28px;
            position: relative;
            top: 51px;
            z-index: 5;
            color: white; 
            width: 343px;                         
          }
          .txtServicios1{
            position: relative;
            top: 10px;
            left: -10px;
            font-family: 'Mulish-Bold','sans-serif';
            font-size: 28px;
            z-index: 5;
            color: white;
            width: 343px;
          }
          .txtServ3{
            position: relative;
            top: 51px;
            z-index: 5;
            color: white;            
          }

    .navbar{
      position: relative;
      top: 0px;

    }

    .Divcontacto{
      width: 100%;
      height: 80%;      
      position: relative;
      top: 140px;      
    }

    .divRecomendados{
      position: relative;
      top: 130px;      
      width: 100%;
      height: 350px;   
      background-color: #1A386E;     
    }

    .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; 
    }


.line1Home{
  height: 36.4vh;
  width: 3px;
  background-color: #128298;
  position: relative;
  left: 112px;
  top: 13px;
  z-index: 3;
}
.line2Home{
  height: 36.4vh;
  width: 3px;
  background-color: #128298;
  position: relative;
  left: 501px;
  top: -248px;
  z-index: 2;
}


    .comillasDerecha{
      font-family: 'DMSerifDisplay-Regular', serif;
      position: relative;
      top: -619px;
      left: 1009px; 
      font-size: 90px;      
      width: 50px;
      height: 50px;
      color: #f46036;
    }

.comillasIzqierda{
  font-family: 'DMSerifDisplay-Regular', serif;
  position: relative;
  top: -523px;
  left: 520px; 
  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;*/
    }

  .texto1Home{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 80px;
    color: #0fa3b1;
    text-align: center;
    position: relative;
    left: 14.2px;
    top: -5px;
  }

  .texto1{
    font-family: 'DMSerifDisplay-Regular', serif;
    font-size: 80px;
    color: #0fa3b1;
    text-align: left;
    position: relative;
    left: 14px;
    top: -5px;
  }

  .texto2Home{
    font-family: 'Mulish-Extra-Light', sans-serif;
    font-size: 36px;
    position: relative;
    top: 11px;
    left: 11%;
    color: black;
    font-weight: bold;
  }

  .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: 0px;
    top: 47px;
    /* left: 85px;
    top: -571px; */
    width: 397px;
  }
  .texto3nosostros{
    font-family: 'Mulish-Extra-Light', sans-serif;
    font-size: 29px;
    color: white;
    position: relative;
    left: 797px;
    top: -1222px;
    width: 550px;
  }
  .texto4Nosotros{
    font-family: 'Mulish-Bold', sans-serif;
    font-size: 36px;
    color: #f46036;
    text-align: right;
    position: relative;
    left: 475px;
    top: -557px;
    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: -1250px;
        left: 795px;
        width: 398px;
        
      }

      .img2nosotros{        
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 85%;
      }
      .overlay {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%; /* Divide el cuadro en la mitad */
        height: 85%;
        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: 100%;
      height: 722px;
      position: relative;
      top: 0px;
      left: 0px;
    }
    .textoContacto1{
      font-family: 'DMSerifDisplay-Italic', serif;
        font-size: 90px;
        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: auto;
      background-color: white;
    }  
    
    .titleServiciosHome{
      color: #FFFFFF;
      font-size: 70px;
      font-family: 'DMSerifDisplay-Regular',serif;
      width: 50px;
      position: relative;
      left: 445px;
      top: 0px;
    }

    .titleQofrece{
      color: #FFFFFF;
      font-size: 70px;
      font-family: 'DMSerifDisplay-Regular',serif;
      width: 50px;
      position: relative;
      left: 34%;
      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;
  }

  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;
        */
    }
    
  #Recomendado{
    position: relative;
    top: 312px;
    left: 0%;
    width: 1440px;
    max-width: 1540px;
    height: 750px;  
    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;
        left: 15px;        
        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: 25vh;
          width: 15px;
          background-color: #f46036;
          position: relative;
          left: 0px;
          top: 26px;
          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: 100%;
              height: 750px;
              position: relative;
              top: 0px;
              left: 0px;                
            }
            .imgCatRec2{
              width: 450px;
              height: 500px;
            }
            .imgCatRec3{
          
              width: 100%;
              height: 100%;
            }


            .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: 0px;
              left: 363px;
              width: 750px;
              /* background-color: purple;               */
            }

            .rounded-title-services1 {
              width: 100%;
              height: 90px;
              /* background-color: #f46036; */
              /*border-radius: 20px;*/
              position: relative;
              top: 0px;
              left: 0px;
              z-index: 1;
              text-align: center;
              padding: 10px;    
          }          
          
          #contentServicios{
            position: relative;
            top: 0px;
            left: 0px;            
            width: 100%;                        
          }

          .contentFooterHome{
            position: relative;
            top: 350px;
            left: 0px;
            background-color: white;
            height: 100px;
          }

          .contentFooterServicesPage{
            position: relative;
            top: 132px;
            left: 0px;
            background-color: white;
            height: 70px;
          }

          .contentFooterServices{
            position: relative;
            top: 50px;
            left: 0px;
            background-color: white;
            height: 50px;
          }

          .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: 572px;                
            z-index: 1;
            /* 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: 86.5%;
            height: 200px;
            background-color: #f46036;
            border-radius: 20px;
            position: relative;            
            top:0px;
            left: 90px;
            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: 28px;
            position: relative;
            top: 46px;
            left: -10px;
            z-index: 5;
            color: white; 
            width: 343px;
          }

          .txtServHome{
            font-family: 'Mulish-Bold','sans-serif';
            font-size: 28px;
            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: 28px;
            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: -98px;
      left: 0px;
      background-color: #1A386E;
      width: 480px;
      height: 350px;
/*      width: 38.5%;
      height: 100%;*/
    }
    
    .divColID2{
      /* display: none; */
      position: relative;
      top: -448px;
      left: 490px;
      background-color: #1A386E;
      width: 480px;
      height: 350px;
/*      width: 750px;
      height: 350px; */
    }
    .divColID3{    
      /* display: none; */
      position: relative;
      top: -798px;
      left: 960px;        
      background-color: #1A386E;
      width: 480px;
      height: 350px;
    }

    #navbarResponsive{
      position: relative;
      left: 180px;
    }

    .contentDescrioServ1{
      position: relative;
      top: 150px;
      left: 190px;
      width: 550px;              
    }

    .contentDescrioServ{
      position: relative;
      top: -650px;
      left: 190px;
      width: 550px;        
    }

    .contentFooterViewServices{
      position: relative;
      top:-561px;              
      height: 55px;
      width: 99.2%;
      text-align: center;      
    }
    
    #mainNav{      
      width: 100%;
      position: relative;
      left: 0px;   
      height: 54px;
      background-color: #0fa3b1;
    }

    .contentTextServ3Sec1{
      position: relative;
    top: 167px;
    left: 319px;
    width: 500px;
    }

    .contentInfoServ3Sec1{
      position: relative;
      top: 95px;
      left: 505px;
      width: 600px;
    }
    .footer_services3{
      position: relative;
      top: 320px;
     }

     .line3ViServ3{
      height: 21.2vh;
      width: 2px;
      background-color: #0fa3b1;
      position: relative;
      left: 100px;
      top: 80px;
      z-index: 2;
    }

    .divIzServ1Sec1{
      /* background-color: #e05e3c; */
      
    }
    .divDerServ1Sec1{
      /* background-color: #ebe3d6; */
      position: relative;
      top: -1002px;
      left: 943px;
      width: 531px;
      height: 760px;
      padding: 0;      
    }

    .contentInfoSection1{
      position: relative;      
      width: 100%;
      margin: 0; /* Puedes ajustar este valor según sea necesario */
      padding: 0;
      background-color: orange;
    }

    .contetnimg1home{
      position: relative;
      top: -410px;
      left: 726px;
      width: 720px;
      height: auto;
    }

    .imgsecion1Home{        
      position: relative;
      top: 0px;
      left: 0px;
      width: 100%;
      height: auto;
    }

    .imgsecion2Home{
      position: relative;
      top: 0px;
      left: 0px;     
      width: 100%;
      height: auto;
      padding: 0;
      margin: 0;
      background-color: red;
  }
  .contenetimg1Home{
      position: relative;
      top: 0px;
      left: 0px;
  }

  .page-section1{
    position: relative;
    top: -43px;
    left: 0px;
    width: 720px;
    max-width: 1440px;
    height: auto;
    padding: 0;
    margin: 0;            
  }
  .contentInfohome1{
    position: relative;
    top: 111px;
    left: 78px;
    width: 55%;
    height: 25%;    
  }

  .page-sectionNosotros{
    position: relative;
    top: -67px;
    left: 0px;
    width: 720px;
    max-width: 1440px;
    height: 10%;      
    margin: 0; 
    padding: 0; 
    background-color: red
  }

    .imgnosotros{
      position: relative;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 945px;        
    }
.contentinfoHome2{
  position: relative;
  top: -580px;
  left: 313px;
  width: 150px;    
}
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: 890px;
    top: -30px;      
  }

  .contTitlerecomendado{
    position: relative;
    top: 15px;
    left: 0px;
    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: -46px;
    top: 0px;
  }

  .page-section-contact{
    position: relative;
    top: 312px;
    left: 0px;
    width: 650px;
    height: 722px;    
  }

  .contenttitleDudashome{
    position: relative;
    top: -550px;
    left: 710px;
    width: 460px;
  }

  .contentInfoContacto{
    position: relative;
    top: -520px;
    left: 775px;
    width: 360px;    
  }

  .contentBarraContacto{
    position: relative;
    top: -795px;
    left: 750px;
    width: 26px;
    height: 191px;    
  }

  .contentTitleFormulario{
    position: relative;
    top: 0px;
    left: 450px;
    width: 560px;    
  }
#sectionFormulario{
position: relative;
top: 440px;
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: 465px;
    width: 283px;
    height: 40px;    
}
#btn_guardar{
  width: 283px;
}
#btn_denunciar{
  width: 283px;
}
.container-seccion1{
  max-width: 1140px;
  max-height: 758px;  
}
.container-seccion2{
  max-width: 1140px;
  max-height: 334px;
  background-color: orange;    
}

.container-seccion3{
/*  max-width: 1140px;*/
  max-width: 1440px;
  max-height: 715px;   
  position: relative;
  left: 7%; 
}

.container-seccion4{
/*  max-width: 1540px; */
  max-width: 1440px;
  max-height: 715px;   
  position: relative;
  left: 0%;    
  /*background-color: gray;*/
}

.container-seccion5{
/*  max-width: 1140px;*/
  max-width: 1440px;
  max-height: 715px;   
  position: relative;
  left: 7%;     
}

.container-seccion6{
  max-width: 100%;
  max-height: 715px;   
  position: relative;
  left: 0px;     
}

.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: 150px;
  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;
}


.container-seccion1-serv2{
  max-width: 1140px;
  max-height: 715px;   
  position: relative;
  top: 0px;
  left: 0px;       
}

.content-title-sect1-serv2{
  position: relative;
  top: 35px;
  left: 100px;
}

.content-imgSec2-Serv2{
  position: relative;
  /* top: -1229px;   */
  top: -1200px;  
  left: 963px;
  width: 45%;
  height: 1000px;
}

.p1Servicis2sec1{
  position: relative;
  top: 4px;
  left: 0px;
  font-size:20px;
  width: 509px;
}
.txtServ2Desc2{
  font-family: 'Mulish-Medium';
    font-size: 35px;
    color: black;
    position: relative;
    top: 4px;
    left: 0px;
    width: 351px;
}
.p2Servicis2Serv2{
    position: relative;
    top: 4px;
    left: 0px;
    font-size: 20px;
    width: 539px;
}

.p3Servicis2Serv2{
  position: relative;
  top: 4px;
  left: 0px;
  font-size: 20px;
  width: 500px;
}
.p4Servicis2Serrv2{
  position: relative;
  top: 4px;
  left: 0px;
  font-size: 20px;
  width: 624px;
}
.content-info-serv2{
  position: relative;
  top: 50px;
  left: 127px;
  /*background-color:green;*/
}

 .content2-info-serv2{
  position: relative;
  top: -8px;
  left: 0px;
}

.container-seccion2-serv2{
  max-width: 100%;
  max-height: 715px;   
  position: relative;
  top: 0px;
  left: 0px;        
}

/*  */
.txtTitleEntegasServ2{
  font-family: 'DMSerifDisplay-Regular', serif;
  color: white; /*#f46036;*/
  font-size: 70px;
  width: 575px;
  height: 80px;
  position: relative;
  left: 0px;
  top: 0px;
  
}

.container-seccion3-serv2{
  max-width: 1140px;
  max-height: 10px;   
  padding: 0;
  position: relative;
  top: 0px;
  left: 0px;    
}

.tituloServices2Sec3{
  font-family: 'DMSerifDisplay-Regular', serif;
  font-size: 70px;
  color: #f46036;
  text-align: left;
  width: 693px;
  position: relative;
  top: 100px;
  left: 111px;
}

.txtServ2Desc3{
  position: relative;
  top: 4px;
  left: 0px;
  font-family: 'Mulish-Medium', serif;
  font-size: 35px;
  color: #1A386E;
  width: 350px;    
}
.txt2Serv2Desc2{
  font-family: 'Mulish-Medium', serif;
    font-size: 35px;
    color: #1A386E;
    position: relative;
    top: 4px;
    left: 0px;
    width: 400px;
}
.txt2Serv2Desc2Sec3{
  font-family: 'Mulish-Medium';
  font-size: 35px;
  color: black;
  position: relative;
  top: 4px;
  left: 0px;
  width: 550px;
}

.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: 806px;      
}

.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: 1000px;    
    padding: 0;
}

.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; 

}

  .content-img-whatsapp{
    position: relative;
    top: -58px;
    left: 210px;
    width: 70px;
    height: 70px;
  }

  .wasap{
    width: 100%;
    height: 100%;
  }

}