@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

      .content-3-6 .btn:focus,
      .content-3-6 .btn:active {
        outline: none !important;
      }

      /* .content-3-6 .img-rounded{
        border-radius: 80%;
        border-radius: 25px;
        padding: 20px;
        width: 300px;
        height: 300px;
      } */
      .content-3-6 .width-left {
        width: 0%;
        margin-left: 30px;
      }

      .content-3-6 .width-right {
        width: 100%;
        height: 100%;
        padding: 8rem 2rem;
      }

      .content-3-6 .centered {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
      }

      .content-3-6 .right {
        width: 100%;
      }

      .content-3-6 .title-text {
        font: 600 1.875rem/2.25rem Poppins, sans-serif;
        margin-bottom: 0.75rem;
        color: #000000;
      }

      .content-3-6 .caption-text {
        font: 400 0.875rem/1.75rem Poppins, sans-serif;
        color: #000000;
      }

      .content-3-6 .input-label {
        font: 500 1.125rem/1.75rem Poppins, sans-serif;
        color: #000000;
        padding: auto;
      }

      .content-3-6 .div-input {
        font: 300 1rem/1.5rem Poppins, sans-serif;
        padding: 1rem 1.25rem;
        margin-top: 0.75rem;
        border-radius: 0.75rem;
        border: 1px solid #023e74;
        background-color: #64b7ff;
        color: #D8D7DF;
        transition: 0.3s;
      }

      .content-3-6 .div-input:focus-within {
        border: 2px solid #000504;
        color: #D8D7DF;
        transition: 0.3s;
      }

      .content-3-6 .div-input input::placeholder {
        color: #4E4B62;
        transition: 0.3s;
      }

      .content-3-6 .div-input:focus-within input::placeholder {
        color: #D8D7DF;
        outline: none;
        transition: 0.3s;
      }

      .content-3-6 .div-input .icon-toggle-empty-3-6 path,
      .content-3-6 .div-input:focus-within .icon path {
        transition: 0.3;
        fill: #2EC49C;
        transition: 0.3s;
      }

      .content-3-6 .input-field {
        font: 300 1rem/1.5rem Poppins, sans-serif;
        width: 100%;
        background-color: #64b7ff;
        border: none;
        color: #D8D7DF;
        transition: 0.3s;
      }

      .content-3-6 .input-field:focus {
        outline: none;
        transition: 0.3s;
      }

      .content-3-6 .forgot-password {
        font: 400 0.875rem/1.25rem Poppins, sans-serif;
        color: #000000;
        transition: 0.3s;
        text-decoration: none;
      }

      .content-3-6 .forgot-password:hover {
        color: #D8D7DF;
      }

      .content-3-6 .btn-fill {
        font: 500 1.25rem/1.75rem Poppins, sans-serif;
        background-image: linear-gradient(rgb(0, 91, 169), rgb(0,91,169));
        padding: 0.75rem 1rem;
        margin-top: 2.25rem;
        border-radius: 0.75rem;
        transition: 0.5s;
      }

      .content-3-6 .btn-fill:hover {
        background-image: linear-gradient(#2EC49C, #2EC49C);
        transition: 0.5s;
      }

      .content-3-6 .bottom-caption {
        font: 400 0.875rem/1.25rem Poppins, sans-serif;
        margin-top: 2rem;
        color: #737182;
      }

      .content-3-6 .green-bottom-caption {
        color: #2EC49C;
        font-weight: 500;
      }

      .content-3-6 .green-bottom-caption:hover {
        color: #2EC49C;
        cursor: pointer;
        text-decoration: underline;
      }

      @media (min-width: 576px) {
        .content-3-6 .width-right {
          padding: 4rem 4rem;
        }

        .content-3-6 .right {
          width: 58.333333%;
        }
      }

      @media (min-width: 768px) {
        .content-3-6 .right {
          width: 66.666667%;
        }
      }

      @media (min-width: 992px) {
        .content-3-6 .width-left {
          width: 48%;
        }

        .content-3-6 .width-right {
          width: 52%;
        }

        .content-3-6 .right {
          width: 75%;
        }
      }

      @media (min-width: 1200px) {
        .content-3-6 .right {
          width: 58.333333%;
          ;
        }
      }