.widget-container {
    display: flex; /* Make the container a flex container */
    justify-content: center; /* Center the child elements horizontally */
    align-items: center; /* Center the child elements vertically */
    margin-top: 50px;
    bottom: 50px;
    
    
  }
    .counter {
    text-align: center; /* Ensure the counter text is centered */
    max-width: 400px; /* Optional: Limit the width of the counter */
  }
  .counter .title {
      color: #D9B79A;
      text-align: center;
      font-size: 15px;
      font-size: 1.6rem;
      text-transform: uppercase;
      display: block;
      margin-bottom: 15px;
      font-family: "roboto Condensed", sans-serif;
      font-weight: 500;
  }
  .counter .sq {
      color: #D9B79A;
      display: inline-block;
      text-align: center;
  }
  .counter .sq .bord {
      border: 1px solid #D9B79A;;
      padding: 12px 15px;
      margin-right: 18px;
      text-indent: 0px;
      font-family: "Roboto Condensed" sans-serif;
      font-size: 22px;
      font-size: 2.2rem;
      margin-bottom: 5px;
      width: 54px;
  }
  .counter .sq span {
      clear: both;
      display: block;
      text-indent: -15px;
      font-size: 16px;
      font-size: 1.6rem;
      font-family: "Roboto Condensed" sans-serif;
  }
  .well {
    text-align: center;
    max-width: 400px;
  }