body {
  font-family: 'Poppins', sans-serif;
  background-color: #F2F5F7;
}

.acpict {
  width: 500px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
  padding: 35px;
  background-color: #FFFFFF;
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.display {
  display: flex;
  justify-content: space-between;
}

.logintxt {
  font-size: 24px;
  font-weight: 500;
}

.sce {
  color: #8A8A8A;
  font-size: 14px;
  margin-top: 16px;
}

.sec2 {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Responsive Design for Screens 500px or Less */
@media (max-width: 500px) {
  .acpict {
    width: 100%; /* Reduce width to fit smaller screens */
    padding: 35px; /* Reduce padding */
    border-radius: 15px; /* Slightly smaller border radius */
  }

  .flex {
    margin-top: 10px; /* Adjust spacing for smaller screens */
  }

  .display {
    flex-direction: column; /* Stack elements vertically */
    align-items: center; /* Center-align items */
    gap: 10px; /* Add spacing between elements */
  }

  .logintxt {
    font-size: 20px; /* Smaller font size for titles */
    text-align: center; /* Center-align text */
  }

  .sce {
    font-size: 12px; /* Adjust font size for smaller devices */
    text-align: center; /* Center-align description */
  }

  .sec2 {
    gap: 15px; /* Add spacing between elements in the section */
  }
}