body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
  }
  
/* Estilos generales */

/*logo*/
#logo99 {
  margin-top: 0.2%;
  height: auto; 
  width: 150px; 
  max-height: 150px; 
  transform: translateX(-50%);
  left: 50%;
}

@media (max-width: 1919px) and (min-width: 990px) {
  #logo99 {
      margin-top:-1.1%;
  }
}
@media (max-width: 991px) and (min-width: 990px) {
  #logo99 {
      margin-top: 1%;
      width: 100px; 
      max-height:180%; 
      left: 80%; 
      transform: translateX(-50%);
      z-index: 1001; 
  }
}


@media (max-width: 990px) and (min-width: 601px) {
  #logo99 {
      margin-top: 1%;
      width: 100px; 
      max-height:180%; 
      left: 80%; 
      transform: translateX(-50%);
      z-index: 1001; 
  }
}


@media (max-width: 600px) {
  #logo99 {
      margin-top: 0%;
      width: 20%; 
      max-height:100px; 
      left: 80%; 
      transform: translateX(-50%);
      z-index: 1001; 
      
  }
}
@media (max-width: 600px) and (min-width: 520px) {
  #logo99 {
      width: 18%; 
      max-height:150%;   
      
  }
}
@media (max-width: 290px) and (min-width: 200px) {
  #logo99  {
     margin-top: 0.5%;
    margin-left: -5%;
  }
}

/*logo*/

  /* =======================================================acordeon--------*/
  .accordion-container {

    position: relative;
    display: flex;
    height: 100%;

  }
  
  /* Estilos para el acordeón */
  .accordion {
    position: absolute; 
    z-index: 2; 
    flex: 0 0 600px; 
    height: 500px; 
    overflow-y: auto;
    border-right: 1px solid #ccc; 
    transform: translateY(20%); 
    border-color: #cccccc00; 
    align-items: center;

  

  
  }
 
 
  @media screen and (min-width: 1919px)  {
    .accordion-container {
      
      position: relative; /* Añadimos posición relativa */
      display: flex;
      height: 100%;
  
    }
  .accordion{
    margin-top: 7%;
    height: 700px;
    width: 200px; 
    right: 15px;
    
    }
    .accordion-item { 
      height: 200px;
       position: relative; 
    }

    .accordion-item img {
        width: 200px; 
        height:200px; 
        position: relative; 
        top: 0px; 
        left: 0px;
       
    }
   
    
    .texto_full {
      position: relative;
    
        margin-left: -90px;
       margin-top: -5%;
      
      }
     
}
   
  /* Cambiamos la dirección del flex */
  .accordion-container {
    flex-direction: row-reverse;
  }
  
  .accordion-item {
    border: 1px solid #ccc;
    display: flex;
    height: 120px;
    border-color: #cccccc00;
    z-index: 9999;
    flex: 0 0 700px; 
    margin-right: 15px;
    margin-top: 5%;
  }
  
  .accordion-item img {
    width: 120px;
    height: 120px;
    margin-left: 10px; 
    filter: grayscale(100%);
    cursor: pointer;
  }
  .accordion-item img:hover {
    filter: none; 
    cursor: pointer; 
}

  
  .accordion-item-content {
    display: none;
    padding: 1px;
  }
  
  /* Estilos para la visualización de imagen a pantalla completa */
  .fullscreen-image {
    position: relative; 
    flex: 1; 
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 500px;
    margin-top: -10%;
  }
  
  .fullscreen-image img {
    width:auto;
    height: 60%;
    margin-left: 300px;
    transition: transform 0.5s ease-in-out;
    max-height:100% ;
  }
  
  /* Estilos para el botón de activación del acordeón */
 
  
  .accordion-item.active .accordion-item-content {
    display: block;
  }
  
  
  .second_text{
    display: none;
  }
  .third_text{
    display: none;
  }
  
  .fourht_text{
    display: none;
  }
  .texto_full {
    font-size: 40px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    
  }




  /*--------------------------------------------dispositivos moviles de menos de 1200---------------*/
  
    
  /* ===================================================400px--------*/
  
  @media screen and (max-width: 400px){
    .accordion-container{
        height: 400px;    
    }
    .accordion{
      margin-top: -10%;
      margin-bottom: -20%;
    }
    .accordion-item{
    margin-top:30%;
    height: 30px;
    }
    
  .accordion-item img{
    height: 50px;
    width: 50px;
  }
  .fullscreen-image{
    height: 450px;
    width: 300px;
    right: 50%;
    margin-top: -10%;
 
    position: relative;
  }
  .full_img{
    position:relative;
    height: 500px;
    width: 500px;
    left: -10px;
    
  }
  .texto_full {
    font-size: 15px;
    z-index: 1;
    position: absolute;
    top:90%;
    left: 60%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    width: 300px;
  
  }
  
        }
  
 /*==============================401-600========================*/
 @media screen and (min-width: 401px) and (max-width:600px){
    .accordion-container{
        height: 550px;
        
    }
    .accordion{
      margin-top: 0%;
      margin-bottom: -20%;
      right: 30px;
    }
    .accordion-item{
    margin-top: 30%;
    height: 40px;
    }
    
  .acordeon_img{
    margin-right: 70%;

  }
  .accordion-item img{
    height: 60px;
    width: 60px;
  }
  .fullscreen-image{
    height: 600px;
    width: 400px;
    margin-top: -10%;
    margin-right: 10%;
    

  }
  .full_img{
    position:relative;
    height: 500px;
    width: 300px;
    margin-right: 70%; 
  }
  .texto_full {
    font-size: 20px;
    z-index: 1;
    position: absolute;
    top:90%;
    left: 55%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    width: 350px;
  
  }
  
        }
  
    /*==============================601-700========================*/
 @media screen and (min-width: 601px) and (max-width:700px){
    .accordion-container{
        height: 650px;     
   
    }
    .accordion{
      margin-top: 7%;
      margin-bottom: -20%;
      right: 0;
    }
    .accordion-item{
    margin-top: 30%;
    height: 50px;
    } 
  
  .accordion-item img{
    height: 70px;
    width: 70px;
  }
  .fullscreen-image{
    height: 700px;
    width: 300px;
    right: 50%;
    margin-top: -2%;
    
    position: relative;
  }
  .full_img{
    position:relative;
    height: 500px;
    width: 500px;
    left: -10px;
    
  }
  .texto_full {
    font-size: 25px;
    z-index: 1;
    position: absolute;
    top:90%;
    left: 55%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    width: 300px;  
    width:400px;
  }
  
        } 



 /*==============================701-800========================*/
 @media screen and (min-width: 701px) and (max-width:800px){
  .accordion-container{
      height: 650px;     
 
  }
  .accordion{
    margin-top: 7%;
    margin-bottom: -20%;
    right: 0;
  }
  .accordion-item{
  margin-top: 30%;
  height: 50px;
  } 

.accordion-item img{
  height: 70px;
  width: 70px;
}
.fullscreen-image{
  height: 700px;
  width: 300px;
  right: 50%;
  margin-top: -2%;
  
  position: relative;
}
.full_img{
  position:relative;
  height: 500px;
  width: 500px;
  left: -10px;
  
}
.texto_full {
  font-size: 25px;
  z-index: 1;
  position: absolute;
  top:90%;
  left: 55%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
  width: 300px;  
  width:400px;
}

      }    
/*==============================801-900========================*/
@media screen and (min-width: 801px) and (max-width:900px){
  .accordion-container{
      height: 650px;     
 
  }
  .accordion{
    margin-top: 7%;
    margin-bottom: -20%;
    right: 10%;
  }
  .accordion-item{
  margin-top: 30%;
  height: 50px;
  } 

.accordion-item img{
  height: 75px;
  width: 75px;
}
.fullscreen-image{
  height: 700px;
  width: 300px;
  right: 45%;
  margin-top: -2%;
  
  position: relative;
}
.full_img{
  position:relative;
  height: 500px;
  width: 500px;
  left: -10px;
  
}
.texto_full {
  font-size: 25px;
  z-index: 1;
  position: absolute;
  top:90%;
  left: 55%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
  width: 300px;  
  width:400px;
}

      }        
 
/*+++++++++++++++++====================================901-1000==========================*/
  
  @media screen and (min-width: 901px) and (max-width:1000px){
    .accordion-container{
        height: 600px;
    }
    .accordion{
      margin-top: 3%;
      margin-bottom: -20%;
      right: 80px;
    }
    .accordion-item{
    margin-top: 30%;
    height: 50px;
    }
    
  
  .accordion-item img{
    height: 70px;
    width: 70px;
  }
  .fullscreen-image{
    height: 700px;
    width: 300px;
    right: 25%;
    margin-top:-5%;
    
    position: relative;
  }
  .full_img{
    position:relative;
    height: 500px;
    width: 500px;
    left: -10px;
    
  }
  .texto_full {
    font-size: 20px;
    z-index: 1;
    position: absolute;
    left: 30%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    width: 300px;  
    width:400px;  
  
  }
        } 
 /*+++++++++++++==============================    =1001-1200*/
 @media screen and (min-width: 1001px) and (max-width:1200px){
  .accordion-container{
      height: 550px;
  }
  .accordion{
    margin-top: -1%;
    margin-bottom: -20%;
    right: 80px;
  }
  .accordion-item{
  margin-top: 30%;
  height: 50px;
  }
  

.accordion-item img{
  height: 70px;
  width: 70px;
}
.fullscreen-image{
  height: 700px;
  width: 300px;
  right: 17%;
  margin-top: -6%;
  
  position: relative;
}
.full_img{
  position:relative;
  height: 500px;
  width: 500px;
  left: -10px;
  
}
.texto_full {
  font-size: 25px;
  z-index: 1;
  position: absolute;

  left: 28%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
  width: 300px;  
  width:400px;

}

      }   

   /*+++++++++++++==============================    =1201-1300*/
 @media screen and (min-width: 1201px) and (max-width:1300px){
  .accordion-container{
      height: 750px;
  }
  .accordion{
    margin-top: 3%;
    margin-bottom: -20%;
    right: 100px;
  }
  .accordion-item{
  margin-top: 30%;
  height: 60px;
  }
.accordion-item img{
  height: 90px;
  width: 90px;
}
.fullscreen-image{
  height: 900px;
  width: 300px;
  right: 17%;
  margin-top: -6%;
  
  position: relative;
}
.full_img{
  position:relative;
  height: 500px;
  width: 500px;
  left: -10px;
  
}
.texto_full {
  font-size: 25px;
  z-index: 1;
  position: absolute;

  left: 28%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
  width: 300px;  
  width:400px;
}

      }   
  
 /*+++++++++++++==============================    =1301-1500======================*/
 @media screen and (min-width: 1301px) and (max-width:1500px){
  .accordion-container{
      height: 850px;
  }
  .accordion{
    margin-top: 5%;
    margin-bottom: -20%;
    right: 100px;
  }
  .accordion-item{
  margin-top: 30%;
  height: 80px;
  }
  

.accordion-item img{
  height: 100px;
  width: 100px;
}
.fullscreen-image{
  height: 1100px;
  width: 300px;
  right: 10%;
  margin-top: -8%;
  
  position: relative;
}
.full_img{
  position:relative;
  height: 500px;
  width: 500px;
  left: -10px;
  
}
.texto_full {
  font-size: 35px;
  z-index: 1;
  position: absolute;
  left: 28%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
  width: 600px;  

}
      }   

       /*+++++++++++++==============================    =1501-1600======================*/
 @media screen and (min-width: 1501px) and (max-width:1600px){
  .accordion-container{
      height: 950px;
  }
  .accordion{
    margin-top: 3%;
    margin-bottom: -20%;
    right: 100px;
    height: 600px;
  }
  .accordion-item{
  margin-top: 30%;
  height: 90px;
  }
  

.accordion-item img{
  height: 120px;
  width: 120px;
}
.fullscreen-image{
  height: 1200px;
  width: 300px;
  right: 10%;
  margin-top: -8%;
  
  position: relative;
}
.full_img{
  position:relative;
  height: 600px;
  width: 600px;
  left: -10px;
  
}
.texto_full {
  font-size: 35px;
  z-index: 1;
  position: absolute;
  left: 28%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  font-family: 'Poppins', sans-serif;
  width: 600px;  

}
      }   

       /*+++++++++++++==============================    =1701-1919======================*/
       @media screen and (min-width: 1701px) and (max-width:1919px){
        .accordion-container{
            height: 1050px;
        }
        .accordion{
          margin-top: 5%;
          margin-bottom: -20%;
          right: 100px;
          height: 600px;
        }
        .accordion-item{
        margin-top: 30%;
        height: 90px;
        }
        
      
      .accordion-item img{
        height: 130px;
        width: 130px;
      }
      .fullscreen-image{
        height: 1300px;
        width: 300px;
        right: 10%;
        margin-top: -7%;
        
        position: relative;
      }
      .full_img{
        position:relative;
        height: 900px;
        width: 700px;
        left: -10px;
        
      }
      .texto_full {
        font-size: 35px;
        z-index: 1;
        position: absolute;
        left: 22%;
        transform: translate(-50%, -50%);
        overflow: hidden;
        font-family: 'Poppins', sans-serif;
        width: 600px;  
      
      }
            }   
      
 
  /* =======================================================acordeon--------*/


/* ================================================whatsapp */

.whatsapp-container {
    position: fixed;
    bottom: 20px;
    left: 19px;
    display: flex;
    align-items: center;
    z-index: 9999;
}

.message-container {
    background-color: #fff;
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    position: fixed;
    bottom: calc(3px + 12%);
    right: 65px;
    z-index: 9999;
}


.close-btn {
    position: fixed;
    bottom: calc(3px + 14%);
    right: 317px; 
    margin-left: 20px; 
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="grey" class="bi bi-x-circle-fill" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293z"/> </svg>');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    height: 16px;
    width: 16px;
    border: none;
    background-color: #f9f9f900;
    z-index: 9999; 
}
@media only screen and (min-width: 600px) and (max-width: 991px) {
    .message-container  {
        right: 80px; 
    }
  }
  @media only screen and (min-width: 600px) and (max-width: 991px) {
    .close-btn  {
        right: 330px; 
    }
  }


/* Estilos específicos para la imagen llamada "whats" */

.whats {
    position: fixed;
    bottom: calc(20px + 10vh); 
    right: 20px; 
    z-index: 999; 
    height: 4%;
}

/* whatsapp */
#soluciones99{
  background-color: #2b73e81a;
 
  align-items: center;

}


.title-text {
    margin-top: 30px;
    text-align: center;
    color: #4D4D4D;
    font-size: 22px;


}


@media only screen and (max-width: 600px) {
    .title-text h1 {
      font-size: 18px; 
      
    }
  }

/* 99 Title */
.seccion-dos {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
   
   
}


/* SVGBULLETS */
.lap-top {
    overflow: hidden;
    position: absolute;
 
}
.compu {
    width: 40%;
    height: 40%;
    display: block;
    margin-top: -15PX;
  
}

@media only screen and (max-width: 780px) {
    .compu {
        display: none;
    }
}
@media screen and (min-width: 1920px) and (min-height: 1080px) {
    .compu {
    margin-left: 100px;
    width: 30%;
    height: 30%;
    
    }
  }

  
#svg-container {
    margin-top: 2%;
    display: flex;
    justify-content: space-between; 
    align-items: center;
   

    z-index: 10;
    height: auto;
    padding-right: 5%;
    padding-left: 5%;
    margin-left: 43%;
    
}
@media screen and (min-width: 781px) and (max-width: 1269px) {
  #svg-container {
      width: 50%;
     
}
}

@media screen and (max-width: 780px) {
    #svg-container {
        flex-direction: column; 
        justify-content: center; 
        text-align: center; 
        margin-left: 2%;
    }
}
.svg-group {
    display: flex;
    flex-direction: column;
    margin-top: 5%; 
    margin-bottom: 5%; 
    width: 300px;


}

.svg-image {
    width: 80px; 
    height: 80px; 
    margin-bottom: 10px;
}

.bullet {
    display: flex;
    align-items: center; 
}

.support-text {
   font-family: 'Poppins', sans-serif;
    margin-left: 8px; 
    font-size: 14px; 
    color: #4D4D4D;
}

/* Parte resposiva más pequeñas */
@media screen and (max-width: 900px) {
    #svg-container {
      text-align: left;
        padding: 0 5%; 
        
    }

    .svg-group {
        margin-top: 3%; 
        margin-bottom: 3%; 
       
    }

    .svg-image {
        width: 60px; 
        height: 60px; 
        margin-bottom: 5px; 
    }

    .support-text {
        font-size: 12px; 
    }
}
.svg-group1{
  width: 300px;

}
@media screen and (max-width: 900px) {
    .svg-group1{
      position: relative;



    }
}
/*Seccion*/
/*textos*/
.textcomplex{
  padding-top: 5vh; 
  padding-bottom: 5vh; 
  padding-left: 10%; 
  padding-right: 10%;
  text-align: left;
  font-size: 25px;
  transform: translateX(15%);
 color: black;
 line-height: 1;
}

@media screen and (max-width: 767px) {
  .textcomplex {
      font-size: 12px; 
      padding: 20px;
      transform: translateX(0);
  }
}
@media screen and (min-width: 768px) and (max-width:1080px) {
  .textcomplex {
      font-size: 20px;
      transform: translateX(5%);
  
  }
}
/*====================subtitulos*/
.sub_titulo{
  font-size: 35px;
  color: #4D4D4D;
  font-weight: bold;
}
/*====================subtitulos*/
/*@media screen and (min-width: 1920px) and (min-height: 1080px) {
  .textcomplex {
      font-size: 20px;
  
  }
}
*/
/*t
/*textos*/
/*ERP*/

#ERP {
  font-family: 'Poppins', sans-serif;
    padding-top: 5vh; 
    padding-bottom: 10vh; 
    padding-left: 5%; 
    padding-right: 5%;
   
}


@media screen and (max-width: 768px) {
    #ERP {
        padding-top: 5vh; 
        padding-bottom: 5vh;
        padding-left: 2%; 
        padding-right: 2%;
    }
}
@media screen and (max-width: 1200px) {
    #ERP {
        padding-left: 3%; 
        padding-right: 3%;
    }
}


@media screen and (min-width: 1201px) {
    #ERP {
        padding-left: 15%; 
        padding-right: 15%;
    }
}
/*ERP*/

/*como funciona*/
.como-funciona {
  
    text-align: center;
    font-size: 20px;

  
}
@media screen and (min-width: 1920px) and (min-height: 1080px) {
    .como-funciona  {
        font-size: 35px;
    
    }
  }
/*como funciona*/

.circle-container {
    display: flex;
    justify-content: center;
    align-items: center;
   
}

.circle {
    max-width: 85%; 
    transition: transform 0.1s ease; 
}
@media screen and (max-width: 900px) {
    .circle-container {
        display: block; 
        max-width: 150%; 
        margin: 0 auto; 
    }
    
    .circle {
        max-width: 100%; 
    }
}
/*circle container*/
/*ERP*/
/*Adicionales*/

/*Adicionales modificando*/
#Adicionales{
  font-family: 'Poppins', sans-serif;
    margin-top: 2%;
    padding-top: 5vh; 
    padding-bottom: 10vh; 
    padding-left: 5%; 
    padding-right: 5%;
    background-color: #2b73e81a;
   
}

@media screen and (max-width: 768px) {
    #Adicionales {
        padding-top: 5vh; 
        padding-bottom: 5vh;
        padding-left: 2%; 
        padding-right: 2%;
    }
}
@media screen and (max-width: 1200px) {
    #Adicionales {
        padding-left: 3%; 
        padding-right: 3%;
    }
}


@media screen and (min-width: 1201px) {
    #Adicionales {
        padding-left: 15%; 
        padding-right: 15%;
    }
}


/*Adicionales modificando*/
/*que es modificando*/
.que-es  {
    text-align: center;
    font-size: 20px;

  
}
@media screen and (min-width: 1920px) and (min-height: 1080px) {
    .que-es  {
        font-size: 35px;
    
    }
  }
/*que es modificando*/
/*pluscontainer*/
.plus-container {
    display: flex;
    justify-content: center;
    align-items: center;
    
}

@media screen and (max-width: 900px) {
    .plus-container {
        display: flex; 
        justify-content: center;
        align-items: center; 
        max-width: 150%;
        margin: 0 auto;
    }
    
    .llanta {
        max-width: 100%;
        
    }
}

.llanta {
    max-width: 70%;
    transition: transform 0.1s ease;
}

/*pluscontainer*/


/*Adicionales*/


/*containerCont*/

.containerCont {
  padding-top: 5vh; 
  padding-bottom: 10vh; 
  padding-left: 5%; 
  padding-right: 5%;
  position: relative; 
  display: flex;
  justify-content: center; /* Esta regla debe ser anulada en dispositivos más pequeños */
  align-items: center;
  min-height: 70vh; 
  font-family: 'Poppins', sans-serif;
}

/*containerContresponsivo*/
@media (max-width: 991px) {
  .containerCont {
    flex-direction: column;
    justify-content: flex-start; /* Alinea los elementos a la izquierda */
  }
}

/*===========================================================containerContresponsivo*/
/*Formulario*/
#container {
  position: relative; 
  width: 600px;
  color: #4D4D4D;
  margin-right: 15%;
  margin-top: 5%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.397);
  backdrop-filter: blur(10px);
  border-top-left-radius: 40px; 
  border-bottom-left-radius: 40px; 
  border-top-right-radius: 40px; 
  border-bottom-right-radius: 40px; 

}

#InputCorreo {
  border-top-left-radius: 15px; 
  border-top-right-radius: 15px; 
  border-bottom-right-radius: 15px; 
  border-bottom-left-radius: 15px; 
}
#InputNombre {
  border-top-left-radius: 15px; 
  border-top-right-radius: 15px; 
  border-bottom-right-radius: 15px; 
  border-bottom-left-radius: 15px; 
}
#InputTelefono {
  border-top-left-radius: 15px; 
  border-top-right-radius: 15px; 
  border-bottom-right-radius: 15px; 
  border-bottom-left-radius: 15px; 
}
#InputEmpresa {
  border-top-left-radius: 15px; 
  border-top-right-radius: 15px; 
  border-bottom-right-radius: 15px; 
  border-bottom-left-radius: 15px; 
}
#InputGiroEmpresa {
  border-top-left-radius: 15px; 
  border-top-right-radius: 15px; 
  border-bottom-right-radius: 15px; 
  border-bottom-left-radius: 15px; 
}

#InputComentario{
  height: 60px;
  border-top-left-radius: 15px; 
  border-top-right-radius: 15px; 
  border-bottom-right-radius: 15px; 
  border-bottom-left-radius: 15px; 
}
#btnEnviar{
  background:#2b75e8;
  border-radius: 40px; 
  border-color: #fff;
  margin-bottom: 20px;
  
}

#btnEnviar:hover {
  background-color: #2b73e875;
}

/*Formulario*/
/* ===========================Container llamanos============================*/
.containerllamanos {
  position: relative;
  align-items: center;
  margin-right: 15%;
  transform: translateY(-90%);
  color: #4D4D4D;
  font-size: 18px;

 
 

}
.btn.btn-primary{
  border-radius: 20px;
  border-color:rgba(0, 0, 0, 0);
  background-color: #2b73e844;
  color: #4D4D4D;
  font-family: 'Poppins', sans-serif;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.397);

}
.btn.btn-primary:hover{
  background-color: #2b73e881;;
  border-color:rgba(255, 250, 240, 0);
  color: rgba(77, 77, 77, 0.895);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.397);
}
/* ===========================Container llamanos============================*/

/*  container responsivo container y containor llamanos  */
@media (max-width: 991px) {
  #container {
    width: 80%;
    position: relative;
   
  }
  .containerllamanos {
    margin-top: 3%;
    position: relative; 
    transform: translatey(0);
    left: 6vh; 
    width: 90%; 
 
 
   
  }
    
  
   }
   @media screen and (min-width: 992px) and (max-width: 1300px) {
    #container {
      width: 40%;
      position: absolute;   
      margin-left: -15%
    }
    .containerllamanos {
      position: absolute; 
      font-size: 10px;
     margin-left: 55%;
     transform: translatey(-120%);
    }
    
    
     }
     @media screen and (min-width: 1301px) and (max-width: 1900px) {
      #container {
        width: 40%;
        position: absolute;   
        margin-left: -15%
      }
      .containerllamanos {
        position: absolute; 
        font-size: 10px;
       margin-left: 55%;
       transform: translatey(-120%);
      }
      
      
       }
  
  













/* ===========================Container responsivo llamanos============================*/