.websiteBody{
    margin: 0;
  }
  .Page{
    display:block;
    margin:auto;
    width:100%;
    height:auto;

  }
  .Page-outer{

    z-index:1;
  }
  .Frame{
    position:relative;
    z-index:2;

    width:100%;
    margin-left:0;
    /*height:896px;*/
    height:730px;
    min-width:200px;
    max-width:414px;
    margin:auto;
    /*background: linear-gradient(180deg, #306485 -3.0616171314629196e-15%, rgba(51, 199, 255, 0) 99.99999999999999%);*/
    overflow:hidden;
  }
  .Frame-outer{

    z-index:2;
  }

  .pngwing-1{
    position:relative;
    z-index:21;
    margin-left:20px;
    width:355px;
  
    margin-top:1px;

   
    top:10px;
    bottom:0;
   /* filter:drop-shadow(3px 3px 3px #222);
    -webkit-filter: drop-shadow(3px 3px 3px #222);*/
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .pngwing-1-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .pngwing-1-1{
    position:relative;
    z-index:22;

    margin-left: -20px;
    width:410px;
    height:150px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }

  .texto-1{
    position:relative;
    z-index:22;

    margin-left:80px;
    width:250px;
    height: 250px;
   /* min-width:153px;*/
    height:80px;
    margin-top:1px;
    margin-bottom:782px;
    /*min-height:97px;*/
    top:140px;
    bottom:0;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .texto-1-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .texto-1-1{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:250px;
    height:110px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }

  
  .img-1{
    position:relative;
    z-index:22;

    margin-left: -2px;
    left: 20px;
    width:250px;
    height: 250px;
   /* min-width:153px;*/
    height:80px;
    margin-top:-460px;
    margin-bottom:782px;
    /*min-height:97px;*/
    top:460px;
    bottom:0;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .img-1-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .img-1-1{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:380px;
    height:210px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }

  .textosele-1{
    position:relative;
    z-index:22;

    margin-left:-260px;
    width:250px;
    height: 250px;
   /* min-width:153px;*/
    height:80px;
    margin-top:1px;
    margin-bottom:782px;
    /*min-height:97px;*/
    top:170px;
    bottom:0;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .textosele-1-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .textosele-1-1{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:350px;
    height:50px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }

  .linea-1{
    position:relative;
    z-index:22;

    margin-left:-262px;
    width:250px;
    height: 250px;
   /* min-width:153px;*/
    height:80px;
    margin-top:225px;
    margin-bottom:782px;
    /*min-height:97px;*/
    top:225 px;
    bottom:0;
    display: flex;
    /*max-width:1920px;*/
    /*background-color:rgb(255, 255, 255);*/
  }
  .linea-1-outer{

    z-index:21;
    position:relative;
    display:flex;
  }
  .linea-1-1{
    position:relative;
    z-index:22;

    margin-left:0%;
    width:400px;
    height:10px;
    margin-top:0%;
      /*content:url(assets/images/pngwing_1.png);*/
  }
 
.btn1 {
  margin-left: 220px;
  background-color: #FFD51B;
  margin-top:1px;
  /*background-image:url('assets/images/memtec.png');
  background-repeat:no-repeat;*/
  position:absolute;
  height:150px;
  width:150px;
  font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
  /*padding-top: -30%;*/
  background-size: 38px 33px;
  background-position:bottom;
  border: 1px solid rgba(0,0,0,1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.btn1:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.btn1:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.btn1:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}

.btn2:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}
.textonor {
  margin-left: 20px;
  margin-top:370px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  /*top: 615px;
  left: 159px;*/
  font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
  opacity: 1;
  text-align: left;
}

.linea2-1{
  position:relative;
  z-index:22;

  margin-left:-360px;
  width:250px;
  height: 250px;
 /* min-width:153px;*/
  height:80px;
  margin-top:265px;
  margin-bottom:782px;
  /*min-height:97px;*/
  top:380px;
  bottom:0;
  display: flex;
  /*max-width:1920px;*/
  /*background-color:rgb(255, 255, 255);*/
}
.linea2-1-outer{

  z-index:21;
  position:relative;
  display:flex;
}
.linea2-1-1{
  position:relative;
  z-index:22;

  margin-left:0%;
  width:400px;
  height:10px;
  margin-top:0%;
    /*content:url(assets/images/pngwing_1.png);*/
}

.linea3-1{
  position:relative;
  z-index:22;
  margin-left:-250px;
  width:250px;
  height: 250px;
 /* min-width:153px;*/
  height:80px;
  margin-top:225px;
  margin-bottom:782px;
  /*min-height:97px;*/
  top:440px;
  bottom:0;
  display: flex;
  /*max-width:1920px;*/
  /*background-color:rgb(255, 255, 255);*/
}
.linea3-1-outer{

  z-index:21;
  position:relative;
  display:flex;
}
.linea3-1-1{
  position:relative;
  z-index:22;

  margin-left:0%;
  width:400px;
  height:10px;
  margin-top:0%;
    /*content:url(assets/images/pngwing_1.png);*/
}



.rectangle {
	width: 370px;
	height: 40px;
	margin-top: 10px;
	margin-left: 10px;
	font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
	border: 1px solid #000;
	position: relative;
	text-align: center;
	background: #FFD51B;
	padding: 10px;
	filter:drop-shadow(5px 5px 5px #222);
    -webkit-filter: drop-shadow(5px 5px 5px #222);
}

.rectangle1 {
	width: 370px;
	height: 40px;
	margin-top: 5px;
	margin-left: 24px;
  left: -10px;
	font-family: Inter;
  font-weight: Regular;
  font-size: 13px;
	border: 1px solid #000;
	position: relative;
	text-align: center;
	background: #FFD51B;
	padding: 10px;
	filter:drop-shadow(5px 5px 5px #222);
    -webkit-filter: drop-shadow(5px 5px 5px #222);
}

/****************ENGIEEEEEE*********************/

.Texto-3{
  position:absolute;
  z-index:6;
  margin-left:190px;
  width:208.98px;
  min-width:200px;
  margin-top:10px;
  margin-bottom:772.61px;
  min-height:73.39px;
  top:25px;
  bottom:0;
  max-width:1920px;
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(0, 0, 0, 1);
  font-style:italic;
  font-family:Inter;
  font-weight:400;
  font-size:16px;
  line-height:19.199996948242188px;
  -webkit-text-stroke:1px rgba(0, 0, 0, 0.5);
}

.imagen-4{
  position:absolute;
  z-index:11;

  margin-left:30px; /* recorrer izquierda*/
  width:112px;
  min-width:100px; /*ancho imagen*/
  height:109px; /* largo imagen/*/
  margin-top:95px;
  margin-bottom:622px;
  min-height:109px; /* largo imagen/*/
  top:15px;
  bottom:0;
  max-width:1920px;
  content:url(assets/images/banner-beni.jpg);
}

.imagen-4:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.imagen-4:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.imagen-4:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}

.imagen-5{
  position:absolute;
  z-index:13;

  margin-left:156px;
  width:107px;
  min-width:100px;
  height:109px;
  margin-top:95px;
  margin-bottom:622px;
  min-height:109px;
  top:15px;
  bottom:0;
  max-width:1920px;
  content:url(assets/images/imagen_5.png);
}

.imagen-5:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.imagen-5:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.imagen-5:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}

.imagen-6{
  position:absolute;
  z-index:15;

  margin-left:278px;
  width:112px;
  min-width:100px;
  height:109px;
  margin-top:95px;
  margin-bottom:622px;
  min-height:109px;
  top:15px;
  bottom:0;
  max-width:1920px;
  content:url(assets/images/imagen_6.png);
}
.imagen-5:focus {
  box-shadow: #FFD51B 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
}

.imagen-6:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFD51B 0 -3px 0 inset;
  transform: translateY(-2px);
}

.imagen-6:active {
  box-shadow: #FFD51B 0 3px 7px inset;
  transform: translateY(2px);
}

.Engie-Market-1{
  position:absolute;
  z-index:19;
  margin-left:10px;
  width:391px;
  min-width:200px;
  height:180px;
  margin-top:-67px;
  margin-bottom:448px;
  min-height:156px;
  top:600px;
  bottom:0;
  max-width:1920px;
  overflow:hidden;
  content:url(assets/images/Engie_Market_1.jpg);
}

.Texto-2{
  position:absolute;
  z-index:7;
  margin-left:20px;
  width:231px;
  min-width:200px;
  margin-top:34px;
  margin-bottom:360px;
  min-height:34px;
  top:370px;
  bottom:0;
  max-width:1920px;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(0, 0, 0, 1);
  font-style:normal;
  font-family:Inter;
  font-weight:600;
  font-size:20px;
  line-height:24px;
}

.kisspng-chatbot-logo{
  position:absolute;
  z-index:17;

  margin-left:270px;
  width:75px;
  height:73px;
  margin-top:186px;
  margin-bottom:337px;
  top:200px;
  bottom:0;
  max-width:1920px;
  content:url(assets/images/kisspng_chatbot_logo_robotics_brobo_kabutack_5b3d2b676f1499_1.png);
}
.Boton-Informacion{
  position:absolute;
  z-index:23;

  margin-left:28px;
  width:247px;
  min-width:200px;
  height:55px;
  margin-top:378px;
  margin-bottom:255px;
  min-height:55px;
  top:86px;
  bottom:0;
  max-width:1920px;
}
.Engie-Medio-Ambiente-1{
  position:absolute;
  z-index:25;

  margin-left:3.2388663967611335%;
  width:78.94736842105263%;
  height:36.36363636363637%;
  margin-top:5.2631578947368425%;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(0, 0, 0, 1);
  font-style:italic;
  font-family:Inter;
  font-weight:400;
  font-size:16px;
  line-height:19.199996948242188px;
}



.power1 {
  margin-left: 20px;
  margin-top:530px;
  height:90px;
  width: 380px;
  color: rgba(0,0,0,1);
  position: absolute;
  text-align: center;
  font-family: Inter;
  font-weight:bold;
  font-size: 12px;
  opacity: 1;
}



.image {
  position:absolute;
   

    margin-left:0%;
/*  height:150px;
    width:100px; */
    top: 220px;
}

.image1 {
  position:absolute;
   

    margin-left:0%;
/*  height:150px;
    width:100px; */
    top: 310px;
}

.image2 {
  position:absolute;
   

    margin-left:0%;
/*  height:150px;
    width:100px; */
    top: 400px;
}


.image3 {
  position:absolute;
   

    margin-left:0%;
/*  height:150px;
    width:100px; */
    top: 490px;
}

.image4 {
  position:absolute;
   

    margin-left:0%;
/*  height:150px;
    width:100px; */
    top: 580px;
}
  
.imagehelp1 {
  position:absolute;
   

    margin-left:0%;
/*  height:150px;
    width:100px; */
    top: 165px;
}

.conexion-red {
  position:absolute;
   

    margin-left:75px;
/*  height:150px;
    width:100px; */
    top: 290px;
}

.conexion-red1 {
  position:absolute;
   

    margin-left:75px;
/*  height:150px;
    width:100px; */
    top: 300px;
}

.regresa {
  position:absolute;
   

    margin-left:0px;
/*  height:150px;
    width:100px; */
    top: 610px;
}

.siguiente {
  position:absolute;
   

    margin-left:290px;
/*  height:150px;
    width:100px; */
    top: 610px;
}