.container {
    width: 90%;
    margin: auto;
  }
 
  .flex-container {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: auto;
  }

  .flexpoliza {
    flex: 0 50%;
    width: 50%;
    margin: 3px;
  }

  .flexExitoContainer{
    flex: 0 25%; 
    width: 25%; 
    margin: 3px;
    text-align: center;
    font-size: 24px;
  } 

  #flexExito1{
    font-size: 48px; 
    display: block; 
    padding-top: 30%;
  }

  .flexExitoContainer img{
    max-width: 400px; 
    width: 70%;
  }

  .flexExitoContainer svg{
    width: 60%;
  }

  #consultoria{
    padding-top: 12%;
  }

  /* CSS para responsivo */
  @media screen and (max-width: 865px) {
    #flexExito1 {
      font-size: 36px;
    }

    #consultoria{
      padding-top: 0%;
    }
  }

  /* Seccion de estilos para dispositivos móviles */
  @media screen and (max-width: 720px) {
    .flex-container {
      display: block;
      flex-wrap: inherit;
      width: 100%;
      margin: auto;
    }

    .flexpoliza {
      flex: 0 100%;
      width: 100%;
      margin: 3px;
    }

    .container {
      width: auto;
    }

    .flexExitoContainer{
      flex: 0 100%; 
      width: 100%; 
      margin: 3px;
      padding: 15px 0px 15px;
      font-size: 18px;
    } 

    #flexExito1{
      padding-top: 0%;
      font-size: 36px;
    }

    .flexExitoContainer img{
      width: 50%;
    }

    .flexExitoContainer svg{
      width: 30%;
    }
   
    #consultoria{
      padding-top: 0%;
    }
  }