#toplevel_page_discord-api-settings .wp-menu-image img {

  width: 20px;

  height: auto;

}

td > ul {

  margin: 0;

}

button#configure-scope-btn {

  position: absolute;

  top: 0;

  right: 0;

  margin-top: -25px;

  margin-right: 10px;

}

div#discord_owner_settings_section {

  position: relative;

}



.settings-fileds {

  width: 90%;

  margin: auto;

  background: #fafafa;

  padding: 20px;

  border-radius: 10px;

}

@media screen and (max-width: 768px) {

  button#configure-scope-btn {

    margin-top: -85px;

    margin-right: -15px;

  }

  .from-section{

    width: 100%;

  }

  .information-section{

    width: 100%;

  }

  .from-section,

  .information-section {

    flex: 1 100%;

  }

  .settings-fileds {

    padding: 40px 20px;

  }

}

.settings-fileds > p {

  padding: 0px;

}

.flex {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 10px;

}



.package-block {

  width: 250px;

  padding: 20px;

  display: flex;

  flex-direction: column;

  align-items: center;

  background: #fafafa;

  border-radius: 10px;

  height: 100%;

  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}



.package-name {

  font-size: 1.5rem;

  margin-bottom: 10px;

}



.buy-button {

  display: inline-block;

  padding: 10px 20px;

  background-color: #4CAF50;

  color: white;

  text-align: center;

  text-decoration: none;

  border-radius: 4px;

  font-size: 1.2rem;

  margin-top: 10px;

  transition: background-color 0.3s ease;

}



.buy-button:hover {

  background-color: #3e8e41;

}

@media (max-width: 768px) {

  .package-block {

      width: 45%;

  }

}

.settings-fileds table:first-of-type tbody tr:nth-child(1),

.settings-fileds table:first-of-type tbody tr:nth-child(4),

.settings-fileds h2:nth-of-type(3),

.settings-fileds table:nth-of-type(3) {

  display: none !important;

}