@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;400;500;600&display=swap');



*,body{
margin: 0px;
padding: 0px;    
}

.sliderr{
width: 95%;
max-width: 1500px;
margin: auto;
line-height: 0px;   
}
.sliderr img{
width: 100%;
height: auto;    
}

/*nuestros productos*/
.txt{
width: 95%;
max-width: 1500px;
margin: auto;  
}
.txt_titulo{
margin-top: 50px;
margin-bottom: 50px;
}
.txt_titulo h1{
    text-align: center;
    font-size: 48px;
    line-height: 65px;
    font-family: 'Alexandria', sans-serif;
    font-weight: 600;
    color: #222B7A;
}
.txt_parrafo{
width: 87%;
height: auto;
margin: auto;      
}
.txt_parrafo p{
color: #222B7A;
font-size: 22px;
line-height: 40px;
font-family: 'Alexandria', sans-serif;
font-weight: 300;
text-align: center;
}
/*categoria de productos */


.product{
width: 95%;
height: auto;
max-width: 1500px;
margin: auto; 
margin-top: 80px;
display: flex;
flex-wrap: wrap;
justify-content:space-evenly;
margin-bottom: 80px;

}
.product_manos {
width: 30%;
height: 239px;
background-color: #EDEDF7;
border-radius: 19px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
margin-bottom: 50px;
}
.product_manos a{
  width: 100%;
 height: 100%;
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
text-decoration: none;
border-radius: 19px; 
}
.product_manos .gold{
  /*
  width: auto;
  height: auto;
  */
  width: 93px;
  height: 94px;
margin-bottom: 30px;
background-image: url(../img/iconos_product/higienes_mano.svg);
background-position: center center;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;

}
.product_manos:hover .gold{
  width: 93px;
  height: 94px;;
  background-image: url(../img/iconos_product/manos-blanco.svg);
  background-position: center center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;

}

.product_manos:hover{
 background-color: #5BB849; 
}
.product_manos p{
  height: 80px;
  font-size: 29px;
  line-height: 38px;
  color: #222B7A;
  font-family: 'Alexandria', sans-serif;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
}
.product_manos:hover p{
 color: #fff; 
}
/**/
.product_diferenciados{
  width: 30%;
  height: 239px;
  background-color: #EDEDF7;
  border-radius: 19px;
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
  margin-bottom: 50px;
}
.product_diferenciados a{
  width: 100%;
 height: 100%;
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
text-decoration: none;
border-radius: 19px;

}
.product_diferenciados .gold{
 width: 78px;
 height: 73px;
 background-image: url(../img/iconos_product/higienicos_diferenciados.svg);
 background-position: center center;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 margin-bottom: 30px;

}
.product_diferenciados:hover .gold{
  width: 78px;
  height: 73px;
  background-image: url(../img/iconos_product/diferenciados-blanco.svg);
  background-position: center center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;

}
.product_diferenciados img{
width: auto;
height: auto;
margin-bottom: 30px;;  
}
.product_diferenciados:hover{
  background-color: #5BB849; 
 }
 .product_diferenciados img{
 width: auto;
 height: auto;
 margin-bottom: 30px;
 }
 .product_diferenciados p{
  height: 80px;
   font-size: 29px;
   line-height: 38px;
   color: #222B7A;
   font-family: 'Alexandria', sans-serif;
   font-weight: 500;
   text-align: center; 
 }
 .product_diferenciados:hover p{
  color: #fff; 
 }
/**/
.product_universal{
  width: 30%;
  height: 239px;
  background-color: #EDEDF7;
  border-radius: 19px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 50px;
}
.product_universal a{
  width: 100%;
  height: 100%;
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
text-decoration: none;
border-radius: 19px;
}
.product_universal:hover{
  background-color: #5BB849; 
}
.product_universal .gold{
  width: 78px;
  height: 73px;
  background-image: url(../img/iconos_product/linea_universal.svg);
  background-position: center center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 30px;
 
 }
 .product_universal:hover .gold{
   width: 78px;
   height: 73px;
   background-image: url(../img/iconos_product/higienicos-blanco.svg);
   background-position: center center;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
 
 }
.product_universal img{
width: auto;
height: auto;
margin-bottom: 30px;  
}
.product_universal p{
  height: 80px;
  font-size: 29px;
  line-height: 38px;
  color: #222B7A;
  font-family: 'Alexandria', sans-serif;
  font-weight: 500;
  text-align: center; 
}
.product_universal:hover p{
  color: #fff;  
}
/**/
.product_limpiadores{
  width: 30%;
  height: 239px;
  background-color: #EDEDF7;
  border-radius: 19px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 0px;
}
.product_limpiadores a{
  width: 100%;
  height: 100%;
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
text-decoration: none;
border-radius: 19px;
}
#right{
  margin-right: -14% !important; 
}
.product_limpiadores:hover{
  background-color: #5BB849; 
}
.product_limpiadores .gold{
  width: 94px;
  height: 94px;
  background-image: url(../img/iconos_product/quimicos_lipiadores.svg);
  background-position: center center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 30px;
 
 }
 .product_limpiadores:hover .gold{
   width: 94px;
   height: 94px;
   background-image: url(../img/iconos_product/quimicos-blanco.svg);
   background-position: center center;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
 
 }
.product_limpiadores img{
 width: auto;
 height: auto;
 margin-bottom: 30px; 
}
.product_limpiadores p{
  height: 80px;
  font-size: 29px;
  line-height: 38px;
  color: #222B7A;
  font-family: 'Alexandria', sans-serif;
  font-weight: 500;
  text-align: center; 
}
.product_limpiadores:hover p{
  color: #fff;
}
/**/
.product_aromatizantes{
  width: 30%;
  height: 239px;
  background-color: #EDEDF7;
  border-radius: 19px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-bottom: 0px;
}
.product_aromatizantes a{
  width: 100%;
  height: 100%;
  display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
text-decoration: none;
border-radius: 19px;
}
.product_aromatizantes:hover{
  background-color: #5BB849; 
}
.product_aromatizantes .gold{
  width: 45px;
  height: 90px;
  background-image: url(../img/iconos_product/jarcieria-azul.svg);
  background-position: center center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 30px;
 
 }
 .product_aromatizantes:hover .gold{
   width: 45px;
   height: 90px;
   background-image: url(../img/iconos_product/jarcieria-blanco.svg);
   background-position: center center;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
 
 }
.product_aromatizantes img{
  width: auto;
  height: auto;
  margin-bottom: 30px;
}
.product_aromatizantes p{
  height: 80px;
  font-size: 29px;
  line-height: 38px;
  color: #222B7A;
  font-family: 'Alexandria', sans-serif;
  font-weight: 500;
  text-align: center;
}
.product_aromatizantes:hover p{
  color: #fff; 
}
/*aviso de privacidad */
.aviso{
width: 95%;
height: auto;
max-width: 1500px;
margin: auto;
margin-top: 80px;
margin-bottom: 80px;
}
.aviso_txt{
width: 85%;
height: auto;
margin: auto;
}
.aviso_txt h1{
text-align: center;  
font-family: 'Alexandria', sans-serif;
  font-weight: 600;
font-size: 52px;
line-height: 69px;
color: #222B7A;
}
.aviso_txt h2{
text-align: center;
font-size: 26px;
line-height: 35px;
color: #222B7A;
font-family: 'Alexandria', sans-serif;
  font-weight: 400;
  margin-top: 50px;
  margin-bottom: 50px;
}
.aviso_txt p{
 text-align: center;
 color: #222B7A;
 font-size: 26px;
 line-height: 35px;
 font-family: 'Alexandria', sans-serif;
  font-weight: 300;
}

/*colocación de estilos cez producs con imagen */

.cez{
width: 100%;
height: auto;
max-width: 1920px;
display: flex;
margin: auto;
margin-top: 20px;


}
.cez_txt{
  width: 54%;
  height:auto;
  background-color: #F3F3FA;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.cez_txt div{
  /*
  width: 59%;
  */
  width: 70%;
  height: auto;
  }
.cez_txt div h2{
font-size: 48px;
line-height: 65px;
color: #222B7A;
font-family: 'Alexandria', sans-serif;
  font-weight: 600;
}
.cez_txt div p{
color: #222B7A;
/*
font-size: 26px;
line-height: 44px;
*/
font-size: 22px;
line-height: 40px;
font-family: 'Alexandria', sans-serif;
font-weight: 300;
margin-top: 30px;

}
  .cez_img{
  width: 46%;
  height: auto;
  line-height: 0px;
  }
  .cez_img img{
  width:100%;
  height: auto;  
  }
  /*estilos nuestros diferenciadores*/
.diferenciadores{
width: 100%;
height: auto;
/*
margin-top: 100px;  
margin-bottom: 100px;
*/
padding-top: 100px;
padding-bottom: 100px;



/*
position: absolute;
z-index: 2;
*/
}
.diferenciadores_tit{
width: 100%;
height: auto;
margin-bottom: 200px;  
}
.diferenciadores_tit h2{
 text-align: center; 
 font-size: 48px;
 line-height: 65px;
 color: #222B7A;
 font-family: 'Alexandria', sans-serif;
 font-weight: 600;

}  
.fondo_verde{
width: 100%;
height: auto;
display: inline-block;
background-color: #5BB849;  
}
.col-6{
width:100%;
height:auto;
max-width: 1500px;
margin: auto;
padding-bottom: 50px;

}
.col-6 .arriba{
 width: 75%;
 height: auto;
 margin: auto;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-top: -100px;

}
.col-6 .arriba div{
width: 30%;
height: auto;
line-height: 0px;  
margin-bottom: 30px;
}
.col-6 .arriba div img{
width: 100%;
height: auto;  
}
.col-6 .arriba div h3{
  width: 90%;
font-size: 28px;
color: #fff;
line-height: 37px;
font-family: 'Alexandria', sans-serif;
 font-weight: 300;
 margin-top: 20px;
 text-align: center;
 margin: auto;
 margin-top: 30px;
}
.col-6 .abajo{
width: 75%;
height: auto;
margin: auto;
display: flex;
justify-content: space-between;  
margin-top: 50px;

}
.col-6 .abajo div{
  width: 30%;
  height: auto;
  line-height: 0px; 
  }
  .col-6 .abajo div img{
  width: 100%;
  height: auto;  
  }
  .col-6 .abajo div h3{
    width: 90%;
  font-size: 28px;
  color: #fff;
  line-height: 37px;
  font-family: 'Alexandria', sans-serif;
   font-weight: 300;
   margin-top: 20px;
   text-align: center;
   margin: auto;
   margin-top: 30px;
 
  }
  /*colo verde */
  .verde{
 width: 100%;
 height: auto;
 background-color: #5BB849;   
 display: none;



 position: relative;
 z-index: 1;
padding-top:450px;
padding-bottom: 450px;
 top: 350px; 
  }

  /*footer de la pagina */
  footer{
  width: 100%;
  height: auto;
 background-color: #F3F3FA99;
 padding-top: 100px;
 padding-bottom: 100px;

  }

 .pie{
  width: 95%;
  height: auto;
  max-width: 1500px;
  margin: auto;
  display: block;
 
 display: flex;
 justify-content: space-between;
  }
  .pie div{
    width: 30%;
   color: #000; 
  
  
  }
  .pie .txt{
    /*
    background-color: #5BB849;
    */
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .pie .txt img{
  width: 270px;  
  height: auto;
  margin: auto;
  }
  
  .pie .txt p{
    
    height: auto;
    width: 380px;
    font-size: 22px;
    line-height: 30px;
    color: #222B7A;
    font-family: 'Alexandria', sans-serif;
    font-weight: 300;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
  }

  .pie .txt a{
    text-decoration: none;
   
  }
  .pie .txt a h6{
    text-align: center; 
    color: #464647;
    font-size: 22px;
    line-height: 19px;
    font-family: 'Alexandria', sans-serif;
     font-weight: 300; 
  }
  .pie .txt a:hover h6{
    color: #5BB849;
  }
  /*
  .pie div:nth-child(1) a h6{
   text-align: center; 
   color: #464647;
   font-size: 22px;
   line-height: 19px;
   font-family: 'Alexandria', sans-serif;
    font-weight: 300;


  }
 
  .pie div:nth-child(1) a:hover h6{
    color: #5BB849;
  }
   */
  .pie div:nth-child(2){
    /*
    background-color: blue;
    */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
  .pie div:nth-child(2) a:hover h5{
   color: #5BB849; 
  }
  .pie div:nth-child(2) h4{
    color: #222B7A;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Alexandria', sans-serif;
    font-weight: 500;
    margin-bottom: 20px;

  }
  .pie div:nth-child(2) a{
   text-decoration: none; 
  

  }
  .pie div:nth-child(2) a h5{
    color: #464647;
    font-size: 22px;
    line-height: 19px;
    font-family: 'Alexandria', sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
  }
  .pie div:nth-child(3){
    /*
    background-color: aqua;
    */
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
  }
  .pie div:nth-child(3) h4{
    color: #222B7A;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Alexandria', sans-serif;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .pie div:nth-child(3) a{
   text-decoration: none; 
  }
  .pie div:nth-child(3)  h5{
    color: #464647;
    font-size: 22px;
    line-height: 19px;
    font-family: 'Alexandria', sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
  }
  .redes{
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-top: 30px;

  }
  .redes .face{
  width: 30px;
  height: 30px;
  margin-right: 10px; 
  }
  .redes .face img{
    width: 100%;
    height: auto;
  }
  .redes .tw{
    width: 30px;
    height: 30px;
    margin-left: 10px;
 
    }
    .redes .tw img{
      width: 100%;
      height: auto;
    }
 
  /*estilos de categoria Higiene de manos */
  .movil{
    display: none;  
    }
  .category{
  width: 100%;
  height: auto;
  padding-top: 0px;
  padding-bottom: 60px;

  }
  .category div h1{
  text-align: center; 
  color: #222B7A;
  font-size: 52px;
  line-height: 69px;
  font-family: 'Alexandria', sans-serif;
  font-weight: 600;
  }
  /* estilos de productos */
  .products{
  width: 95%;
  height: auto;
  max-width: 1500px;
  margin: auto;
margin-top: 100px;
margin-bottom: 100px;
display: flex;
justify-content: space-between; 
  }
  .products .des_products{
    width: 45%;
    height: 100%;
    background-color:#F3F3FA ;
    padding-top: 50px;
    padding-bottom: 50px;
   
   
    
  }
  .products .des_products span{
  width: 20px;
  height: 100%;
  display: inline-block;
  background-color: #5BB849;
  margin-left: 0px;
  
  }
  .products .des_products p{
    width: 80%;
    height: auto;
    
    margin: auto;
    color: #222B7A;
    font-size: 20px;
    font-family: 'Alexandria', sans-serif;
    font-weight: 300;
    line-height: 35px;
  }
  .lis_products{
  width: 45%;
  height: auto;
  margin-right: 5%; 
  }
  .lis_products h2{
  color: #222B7A;
  font-size: 52px;
  line-height: 69px;
  font-family: 'Alexandria', sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  margin-left: 0px;

  
  }
  .lis_products h3{
  color: #222B7A;
  font-size: 30px;
  line-height: 39px;
  font-family: 'Alexandria', sans-serif;
  font-weight: 500;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #222B7A;

  }

  /* estilos de la sección de nosotros*/
  .nosotros{
  width: 95%;
  height: auto;
  max-width: 1500px;
  margin: auto;
  }
  .nosotros h1{
   text-align: center; 
   font-size: 48px;
   color: #222B7A;
   line-height: 65px;
   font-family: 'Alexandria', sans-serif;
  font-weight: 600;
  padding-top: 30px;
  padding-bottom: 30px;
  }
  .nosotros p{
  width: 80%;
  height: auto;
  margin: auto;
  font-size: 22px;
  line-height: 38px;
  color: #222B7A;
  font-family: 'Alexandria', sans-serif;
  font-weight: 300;
  text-align: center;
  margin-bottom: 100px;
   
  }
  /*sección de misión y visión */
  .mis{
  width: 95%;
  height: auto;
  max-width: 1500px;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 100px; 
  }
  .mis_col{
  width: 85%;
  height: auto;
  margin: auto;
  display: flex;
  justify-content: space-between; 
  }
  .mis_col .mision{
  width: 45%;
  height: auto;
  }
  .mis_col .mision h2{
  color: #222B7A;
  font-size: 48px;
  line-height: 65px;
  font-family: 'Alexandria', sans-serif;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
  }
  .mis_col .mision p{
  color: #222B7A;
  font-size: 22px;
  line-height: 40px;
  text-align: center;
  font-family: 'Alexandria', sans-serif;
  font-weight: 300;
  }
  .mis_col .vision{
  width: 45%;
  height: auto;  
  }
  .mis_col .vision h2{
    color: #222B7A;
    font-size: 48px;
    line-height: 65px;
    font-family: 'Alexandria', sans-serif;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
    }
    .mis_col .vision p{
    color: #222B7A;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    font-family: 'Alexandria', sans-serif;
    font-weight: 300;
    }
    /* colocación de los estilos de filosofia*/
    .filosofia{
    width: 100%;
    height: 900px;
    max-width: 1920px;
    margin: auto;
    margin-bottom: 100px;
    display: flex;
    justify-content: space-between; 
    background-color: #F3F3FA;
    }
    .filosofia .txt_filosofia{
     width: 54%;
     height: auto;
     display: flex;
     justify-content: center;
     align-items: center;
     align-content: center;
     flex-direction: column;
    }
    .filosofia .txt_filosofia div{
      /*
    width: 54%;
    */
    width: 60%;
    height: auto;
    }
    .filosofia .txt_filosofia div h2{
    color: #222B7A;
    font-size: 48px;
    line-height: 65px;
    font-family: 'Alexandria', sans-serif;
    font-weight: 600;
    margin-bottom: 30px;

    }
    .filosofia .txt_filosofia div p{
    color: #222B7A;
    font-size: 22px;
    line-height: 38px;
    font-family: 'Alexandria', sans-serif;
    font-weight: 300;
    }
    .filosofia .txt_filosofia .lista{
    
     display: flex;
     flex-wrap: wrap;
     margin-top: 30px;
     color: #222B7A;
    }
    .filosofia .txt_filosofia .lista h2{
    width: 100%;  
    }
    .filosofia .txt_filosofia .lista ul{
    width: 45%;
    height: auto;  
    /*
    padding-left: 30px;
    */
    text-decoration: none;
    list-style: none;
    
    }
    .filosofia .txt_filosofia .lista ul li{
      font-family: 'Alexandria', sans-serif;
    font-weight: 300;
    font-size: 23px;
    margin-bottom: 5px;;
    }
    .filosofia .txt_filosofia .lista ul li::before{
      content: "\2022";
      margin-right: 5px;
      margin-left: 10px;
      color: #222B7A;
    }

    .filosofia .img{
      width: 46%;
      height: auto;
      line-height: 0px;
    
    }
    .filosofia .img img{
    width: 100%;
    height: 100%;  
    }

    /* sección de provedores */
    .prove{
    width: 95%;
    height: auto;
    max-width: 1500px;
    margin: auto;
    }
    .prove .tit{
    margin: auto;  
    }
    .prove .tit h2{
    text-align: center;
  font-size: 48px;
  line-height: 65px;
  color: #222B7A;
  font-family: 'Alexandria', sans-serif;
  font-weight: 600;
    }
    .prove .col_6{
    width: 100%;
    height: auto;
    max-width: 1300px;
    margin: auto;
    margin-top: 80px;
    margin-bottom: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; 
    }
    .prove .col_6 div{
    width: 17%;
    height: auto;
    line-height: 0px;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    }
    .prove .col_6 div img{
    width:80%; 
    height: auto; 
    }
    .prove .col_6 div:nth-child(4) img{
      width: 100%;
    }
    .prove .col_6 div:nth-child(5) img{
      width: 60%;
    }
    .prove .col_6 div:nth-child(10) img{
      width: 40%;
    }
    /* sección de contacto */
    .nom{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    
    }
    .nom1{
    width: 45%;  
    }
    
    .contacto_txt{
      width: 95%;
      height: auto;
      max-width: 1500px;
      margin: auto;
      margin-bottom: 100px;
     
      
    }
    .contacto_txt h1{
    font-size: 52px;
    color: #222B7A;
    line-height: 69px;
    font-family: 'Alexandria', sans-serif;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;

    }
    .contacto_txt p{
    text-align: center;
    color: #222B7A;
    font-size: 26px;
    line-height: 44px;
    font-family: 'Alexandria', sans-serif;
    font-weight: 300;
    
    }
    .contacto{
      width: 100%;
      height: auto;
      background-color: #F3F3FA;
      padding-top: 50px;
      padding-bottom: 50px;

    }
    .formulario{
    width: 100%;
    height: auto;
    max-width: 1300px;
    margin: auto;
    display: flex;
    justify-content: space-between;
   
    }
    .formulario .info{
     width: 34%;
     height: auto;
     text-align: center;
     display: flex;
     align-items: center;
     align-content: center;
     justify-content: center;
     flex-direction: column;
 
     
    }
    .formulario .info h2{
    color: #222B7A;
    font-size: 50px;
    line-height: 59px;
    font-family: 'Alexandria', sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
    }
    .formulario .info p{
    color: #222B7A;
    font-size: 18px;
    line-height: 27px;
    font-family: 'Alexandria', sans-serif;
    font-weight: 300;

    }
    .formulario .formu{
    width: 54%;
    height: auto;
    display: flex;
    flex-direction: column;
    
    }
    .formulario .formu form{
      display: flex;
      flex-direction: column;
    }
    .formulario .formu form label{
     width: 100%;
     height: auto;
     margin-top: 10px;
     margin-bottom: 10px;
     font-size: 22px;
     line-height: 30px;
     font-family: 'Alexandria', sans-serif;
     font-weight: 300;
     color: #222B7A;
    }
    
    .formulario .formu form input{
      display: block;
    width: 100%;
    height: 40px;
    border-radius: 9px;
    background-color: #222B7A1A !important; 
    border:none;
    outline: none; 
    font-size: 22px;
     line-height: 30px;
     font-family: 'Alexandria', sans-serif;
     font-weight: 300;
     color: #222B7A;
     padding-left: 10px;
    }
    .formulario .formu form textarea{
      width: 100%;
      border-radius: 9px;
    background-color: #222B7A1A !important; 
    border:none;
    outline: none; 
    font-size: 22px;
     line-height: 30px;
     font-family: 'Alexandria', sans-serif;
     font-weight: 300;
     color: #222B7A;
     padding-left: 10px;
    }
    .formulario .formu form .btn{
     width: 100%;
     height: auto;
     margin-top: 40px;
     display: flex;
     justify-content: center;
    }
    .formulario .formu form .btn button{
      width: 200px;
      height: 50px;
      background-color: #5BB849;
      color: #fff;
      font-size: 24px;
      line-height: 32px;
      border: none;
      border-radius: 10px;
      cursor: pointer;
    }