body {
        background-color: #f0f2f5;
        margin-top: 100px;
        display: block;
      }
      p {
        font-size: 1rem;
        font-weight: 400;
      }
      .container {
        max-width:600px;
        margin-top: 50px;
        background-color: white;
        border-radius: 8px;
        padding: 20px;
        padding-top: 0px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        margin-bottom: 4px;
      }
      .header {
        text-align: center;
        margin-bottom: 20px;
        font-size: 0.988em;
 
      }
      .header img {
        width: 84%;
        height: 230px;
        
        margin-top: 0;
        padding: ;
      }
      .header h3 {
        margin-top: 30px;
        font-weight: 700;
        color: #050505;
        
      }
      .content {
        text-align: center;
        margin-bottom: 20px;
        color: ;
      }
      .btn {
        width: 100%;
      }
      @media (max-width: 768px) {
        .container {
          margin-top: 25px;
          padding: 15px;
        }
        .header img {
          width: 100%;
          height: auto;
        }
        .header h3 {
          font-size: 22px;
          font-weight: 700;
        }
        .alert{
        margin-left: 5px;
        margin-right: 5px;
        }
      }
      @media (max-width: 576px) {
        .container {
          margin-top: 25px;
          padding: 10px ;
          
        }
        .header img {
          width: 100%;
          height: auto;
        }
        .alert h5 {
          font-size: 1em;
          color: #616161
        }
        .header h3 {
          font-size: 22px;
          font-weight: 700;
        }
        .alert{
        margin-left: 5px;
        margin-right: 5px;
        }
        
      }
      
      .alert strong {
        color: rgb(21, 21, 22);
      }
      img, svg {
      vertical-align: middle;
      width: 40px;
      }
      .text-muted{
        color: #242222;
        font-display:inherit;
      }
      .content .alert {
        text-align: left;
      }
      .alert {
        padding-bottom: 0px;
        padding-top: 16px;
        background-color: #f0f3f8a1;
        border: none;
      }
      .img {

      }
      .container .header h3 {
        color: rgb(53, 54, 61);
        margin-bottom: 20px;
      }
      .container .header p {
        text-align: left;
        margin-left: 5px;
      }
      .small {
        color: #6b6363;        
        font-size: 0.958em;
      }
      .modal {
        margin-top: 8%;
      }
      .modal-content{
        max-width: 460px;
        display: flex;
        justify-content: center;
        margin-left: 20px;
      }
      .modal .alert{
        max-width: 500px;
        text-align: left;
        background-color: #faf5db;
        padding: 12px;
        color: #2c2c2c;
        font-weight: 400;
        font-size: 1em;
        
      }
      .modal .alert svg {
        color: #f5bd24;
      }
      .text-secondary {
        margin-bottom: 5px;
      }
      button {
        font-size: 1em;
        font-weight: 500;
      }