@font-face {
            font-family: 'neutra';
            src: url('../fonts/neutra-text-alt/neutra-text-alt-587261020eccb.otf') format('opentype');
            font-weight: normal;
            font-style: normal;

    }
    @font-face {
            font-family: 'neutra';
            src: url('../fonts/neutra-text-alt/neutra-text-bold-5871e1605afa2.otf') format('opentype');
            font-weight: bold;
            font-style: normal;

    }
    
    body {
      font-family: 'neutra', 'Righteous';
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      
    }
    .container {
      width: 100%;
      max-width: 500px;
      margin: 20px;
      overflow: hidden;
      background-color: white;
      
      
      max-height: 90vh; 
      overflow-y: auto;
      font-family: 'neutra';
      position: relative;
      top: 50px;
      color:#006280;
    }
    .form-slide {
      display: flex;
      transition: transform 0.5s ease;
    }
    .form-step {
      min-width: 100%;
      padding: 20px;
      box-sizing: border-box;
    }
    .form-step h2 {
      font-family: 'Righteous';
      color: #006280;
    }
    .btn {
      background-color: #006280;
      color: white;
      padding: 10px 20px;
      border: none;
      cursor: pointer;
      border-radius: 5px;
      font-size: 16px;
      width: 40%;
      margin-top: 20px;
      border-radius: 23px;
      font-family: 'Righteous';
    }
    .btn_opc {
      background-color: #006280;
      color: white;
      padding: 10px 20px;
      border: none;
      cursor: pointer;
      border-radius: 5px;
      font-size: 16px;
      width: 40%;
      margin-top: 20px;
      font-family: 'Righteous';
    }
    .btn.back {
      background-color: #555;
    }

    .imputJustacol {
      width: 80%;
      padding: 10px;
    }

    /* Responsive adjustments */
    @media screen and (max-width: 600px) {
      body {
        
        display: block;
        font-family: 'neutra', 'Righteous';
      }
      .container {
        max-width: 90%;
        margin: 10px;
        border-radius: 5px;
        font-family: 'neutra';
        position: relative;
        top: 65px;
      }
      .form-step {
        padding: 15px;
      }
      .btn {
        font-size: 14px;
        padding: 12px;
        font-family: 'Righteous';
      }
    }