a {
  text-decoration: none;
  color: #1996FF;
}

#account-delete-area .logo-holder {
  margin-top: 29px;
}

@media screen and (max-width: 480px) {
  #account-delete-area .logo-holder {
    margin-top: 0px;
  }
}

#account-delete-area .account-delete-title {
  display: grid;
  gap: 8px;
}

#account-delete-area .account-delete-title .sub-header {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

#account-delete-area .account-delete-title .intro {
  display: grid;
  gap: 16px;
}

#account-delete-area .account-delete-title img {
  width: 45px;
  height: 45px;
  margin-inline: 2px;
}

@media screen and (min-width: 768px) {
  #account-delete-area .account-delete-title img {
    width: 60px;
    height: 60px;
  }
}

#account-delete-area .account-delete-body {
  display: grid;
  gap: 16px;
}

#account-delete-area .account-delete-body .fill-form {
  display: grid;
  gap: 24px;
  padding: 24px 16px;
}

#account-delete-area .account-delete-body .fill-form .header {
  font-size: clamp(16px, 2.3vw, 24px);
  font-weight: 400;
  line-height: 36px;
}

#account-delete-area .account-delete-body .fill-form .sub-header {
  color: #606B86;
  margin-top: 8px;
}

#account-delete-area .account-delete-body .fill-form .submit-message {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  #account-delete-area .account-delete-body .fill-form .submit-message {
    margin-top: 32px;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  #account-delete-area .account-delete-body .fill-form {
    max-width: 80%;
  }

  #account-delete-area .account-delete-body .fill-form .submit-message {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

#account-delete-area .account-delete-body .what-data {
  display: grid;
  gap: 24px;
  padding: 32px 50px;
  width: 100%;
  background: rgba(240, 250, 250, 0.33);
  border-radius: 16px;
}

#account-delete-area .account-delete-body .what-data .header {
  font-size: clamp(16px, 2.3vw, 24px);
  font-weight: 400;
  line-height: 36px;
}

#account-delete-area .account-delete-body .what-data .sub-header {
  color: #191E2D;
  margin-top: 8px;
}

#account-delete-area .account-delete-body .what-data .sub-header a {
  color: #0063BE !important;
}

@media screen and (min-width: 768px) {
  #account-delete-area .account-delete-body {
    grid-template-columns: 1.2fr 1fr;
    align-items: start;
    gap: clamp(32px, 6vw, 64px);
  }
}

#account-delete-area .account-delete-body .request-form-holder {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}

#account-delete-area .account-delete-body .request-form-holder .request-form-row {
  display: flex;
  flex-direction: row;
  -moz-column-gap: 16px;
       column-gap: 16px;
}

#account-delete-area .account-delete-body .request-form-holder .request-form-row .request-form-column-whole,
#account-delete-area .account-delete-body .request-form-holder .request-form-row .request-form-column-half {
  flex-grow: 1;
}

#account-delete-area .account-delete-body .request-form-holder .request-form-row .request-form-column-whole .input-label,
#account-delete-area .account-delete-body .request-form-holder .request-form-row .request-form-column-half .input-label {
  color: #191E2D;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  margin: 8px 0px 6px 16px;
}

#account-delete-area .account-delete-body .request-form-holder .request-form-row .request-form-column-whole #role-value,
#account-delete-area .account-delete-body .request-form-holder .request-form-row .request-form-column-half #role-value {
  width: calc(50% - 8px);
}

#account-delete-area input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

#account-delete-area input[type=checkbox] + span {
  color: #606B86;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

#account-delete-area input[type=checkbox] + span:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 16px;
  margin-bottom: -4px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='0.5' y='0.5' width='19' height='19' rx='1.5' fill='white' stroke='%23606B86'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

#account-delete-area input[type=checkbox] + span:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='1.5' fill='white' stroke='%23606B86'/%3E%3Cpath d='M11 6.5C11 6.36739 10.9473 6.24021 10.8536 6.14645C10.7598 6.05268 10.6326 6 10.5 6H9.5C9.22386 6 9 6.22386 9 6.5V9H6.5C6.36739 9 6.24021 9.05268 6.14645 9.14645C6.05268 9.24021 6 9.36739 6 9.5V10.5C6 10.7761 6.22386 11 6.5 11H9V13.5C9 13.7761 9.22386 14 9.5 14H10.5C10.7761 14 11 13.7761 11 13.5V11H13.5C13.7761 11 14 10.7761 14 10.5V9.5C14 9.22386 13.7761 9 13.5 9H11V6.5Z' fill='%23F1F1F1'/%3E%3C/svg%3E");
}

#account-delete-area input[type=checkbox]:checked + span:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='%2341CDC4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5647 6C13.7027 6 13.8351 6.05657 13.9326 6.15723L14.848 7.10198C15.0507 7.31111 15.0507 7.64979 14.848 7.85892L9.05011 13.8428C8.95268 13.9433 8.82047 13.9999 8.68256 14C8.54466 14.0001 8.41235 13.9438 8.31476 13.8434L5.15257 10.5904C4.94938 10.3814 4.94911 10.0422 5.15197 9.83286L6.06766 8.88781C6.2704 8.67857 6.59933 8.67811 6.80262 8.88679L8.68233 10.8164L13.1967 6.15723C13.2942 6.05657 13.4266 6 13.5647 6Z' fill='white'/%3E%3C/svg%3E");
}

#account-delete-area input[type=checkbox]:checked + span:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='2' fill='%2341CDC4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.14645 9.14645C6.24021 9.05268 6.36739 9 6.5 9L13.5 9C13.7761 9 14 9.22386 14 9.5V10.5C14 10.7761 13.7761 11 13.5 11H6.5C6.22386 11 6 10.7761 6 10.5V9.5C6 9.36739 6.05268 9.24021 6.14645 9.14645Z' fill='white'/%3E%3C/svg%3E");
}

