* {
  margin: 0;
  padding: 0;
}
/* :root {
  --h1: #222222;
  --side-bar: #222222;
  --bg-color: white;
  --border-color: #e5e5e5;
  --input: #f9f9fa;
}
.dark-mode {
  --h1: white;
  --side-bar: 90949c;
  --bg-color: #0d0d11;
  --border-color: #14141f;
  --input: #343444;
} */

/* .container {
  width: 1240px;
  margin: 0 auto;
  padding: 20px 20px;
} */
body {
  font-family: "Urbanist", sans-serif;
  margin: 0 auto;
  background-color: #f3f4f6;
}
.main-privacy-container {
  width: 1240px;
  margin: 0 auto;
}

.container-navbar {
  width: 1240px;
  margin: 0 auto;
  height: 75px;
}
/* header {
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-left: -8px;
}
.header-content2 {
  display: flex;
  padding: 0 20px;
}
.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 0;
} */
.logo {
  font-size: 24px;
  font-weight: bold;
}
nav a {
  margin-left: 20px;
  text-decoration: none;
  color: #666;
}
nav a.active {
  color: #0077b6;
  border-bottom: 2px solid #0077b6;
}
nav {
  font-size: 18px;
}
/* .header-actions {
  display: flex;
  align-items: center;
}
/* .header-actions > * {
  margin-left: 15px;
} */
.header-actions img {
  cursor: pointer;
}
.create-btn {
  background: #0378a4;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 20px;
  cursor: pointer;
}
*/
/* .user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
} */
.setting-top {
  max-width: 1240px;
  margin: 0 auto;
}
.container-section {
  display: flex;
  width: 1240px;
  min-height: 100vh;
  margin: 0 auto;
  justify-content: space-between;
}
.settings-header {
  display: flex;
  justify-content: space-between;
  padding: 32px 0;
  width: 1240px;
}

/****************************** Personal Information Section Start  *******************************/
.drp-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 817px;
  margin: 0 auto;
  background-color: white;
  margin-bottom: 20px;
}

.drp-form-trigger {
  width: 817px;
  height: 85px;
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: 1px solid var(--border-color);
  background-color: var(--sidebar);
  cursor: pointer;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.drp-form-label-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--h1);
  font-family: "Urbanist";
}

.drp-form-action-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.drp-form-chevron {
  transition: transform 0.2s ease-in-out;
  transform: rotate(180deg);
}

.drp-form-trigger[aria-expanded="false"] .drp-form-chevron {
  transform: rotate(0deg);
}

.upf-container {
  width: 100%;
  margin: 0 auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.upf-form-row {
  display: flex;
  justify-content: space-between;
  padding: 20px 15px;
  background-color: var(--sidebar);
  border-radius: 10px;
}
.upf-form-column {
  width: 385px;
}
.upf-label {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}
.upf-input {
  color: #8a8a8a;
}
.upf-input::placeholder {
  padding: 0;
}
.upf-input,
.upf-select {
  width: 385px;
  height: 50px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 14px;
  padding: 15px;
  background-color: var(--input);
  box-sizing: border-box;
}

.upf-textarea {
  width: 385px;
  height: 60px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  font-size: 14px;
  padding: 15px;
  background-color: #f9f9fa;
  box-sizing: border-box;
}
.upf-textarea::placeholder {
  padding: 0;
  line-height: 22px;
}

.upf-select {
  padding: 15px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 15px;
  background-color: var(--input);
}
.upf-textarea {
  height: auto;
  min-height: 100px;

  resize: none;
}
.upf-select {
  appearance: none;
  background-image: url(../setting-assets/select-mem.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  color: #8a8a8a;
}
.upf-full-width {
  width: 100%;
}
.upf-full-width .upf-textarea {
  width: 100%;
  height: 112px;
  background-color: var(--input);
  color: var(--p);
}
/******************************  Refernece Section Start  *******************************/
.reference-container {
  width: 817px;
  margin: 0 auto;
  background-color: var(--sidebar);
  border: 1px solid var(--border-color);
  border-radius: 10px;
  margin-bottom: 20px;
}
.reference-trigger {
  background-color: var(--sidebar) !important;
  width: 100%;
  height: 85px;
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
}
.reference-label-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  color: var(--h1);
  font-family: "Urbanist";
}
.reference-action-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
.reference-chevron {
  transition: transform 0.2s ease-in-out;
  transform: rotate(180deg);
}
.reference-trigger[aria-expanded="false"] .reference-chevron {
  transform: rotate(0deg);
}
.reference-form {
  padding: 20px 15px;
  border-top: 1px solid #e5e5e5;
}
.reference-form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  width: 100%;
}
.reference-form-column {
  width: 385px;
}
.reference-label {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}
.reference-input,
.reference-textarea {
  width: 385px;
  height: 50px;
  color: var(--p);
  padding: 10px 16px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  font-size: 14px;
  background-color: var(--input);
  box-sizing: border-box;
}
.reference-input::placeholder {
  padding: 0px;
}
.reference-textarea::placeholder {
  padding: 0px;
}
.reference-textarea {
  width: 100%;
  height: 60px;

  resize: none;
}
.reference-full-width {
  width: 100%;
}
.reference-end-btn button {
  width: 100%;
  height: 60px;
  background: transparent;
  border: 1px solid #0378a4;
  border-radius: 84px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.01em;
  color: #0378a4;
  cursor: pointer;
}
/* ----------------------- Education Experience Section -------------------------- */
.edu-ex-drp-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 817px;
  margin: 0 auto;
  background-color: var(--sidebar);
  margin-bottom: 20px;
}

.edu-ex-drp-form-trigger {
  width: 817px;
  height: 85px;
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: 1px solid var(--border-color);
  cursor: pointer;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.edu-ex-drp-form-label-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--h1);
  font-family: "Urbanist";
}

.edu-ex-drp-form-action-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.edu-ex-drp-form-chevron {
  transition: transform 0.2s ease-in-out;
  transform: rotate(180deg);
}

.edu-ex-drp-form-trigger[aria-expanded="false"] .edu-ex-drp-form-chevron {
  transform: rotate(0deg);
}

.edu-ex-upf-container {
  width: 100%;
  padding: 20px 15px;
  margin: 0 auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.edu-ex-upf-form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.edu-ex-upf-form-column {
  width: 385px;
}

.edu-ex-upf-label {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}
.number-type {
  width: 385px !important;
  height: 50px !important;
  color: var(--h1) !important;
  background-color: var(--input) !important;
}

.edu-ex-upf-input1,
.edu-ex-upf-select,
.edu-ex-upf-textarea {
  width: 385px !important;
  height: 50px !important;
  padding: 16px 16px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  font-size: 14px;
  background-color: var(--input);
  box-sizing: border-box;
}
.edu-ex-upf-input1::placeholder {
  padding: 0px;
}
.edu-ex-upf-textarea::placeholder {
  padding: 0px;
}

.edu-ex-upf-full-width {
  width: 100%;
}
.sidebar-text {
  color: var(--p);
}

.edu-ex-upf-full-width .edu-ex-upf-textarea {
  width: 100% !important;
  height: 60px !important;
}

/* File Input */
.unique-uploader-container {
  width: 100%;
  height: 70px;
  border: 2px dashed #d1d1d1;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--input);
}
.unique-uploader-left-section {
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.unique-uploader-icon {
  width: 32px;
  height: 32px;
  margin-right: 16px;
  color: #757575;
}
.unique-uploader-text-wrapper {
  display: flex;
  flex-direction: column;
}
.unique-uploader-primary-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
  color: var(--h1);
}
.unique-uploader-secondary-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  color: #8a8a8a;
  margin-top: 4px;
}
.unique-uploader-button {
  background-color: #ffffff;
  border: 1px solid #0378a4;
  font-size: 12px;
  font-weight: 700;
  line-height: 14.4px;
  color: #0378a4;
  width: 105px;
  height: 35px;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50px;
  margin-right: 20px;
}
#unique-uploader-input {
  display: none;
}
.unique-uploader-label {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}

/* ----------------------- Teaching Experience Section -------------------------- */
.tech-ex-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 817px;
  margin: 0 auto;
  background-color: var(--sidebar);
  margin-bottom: 20px;
}

.tech-ex-form-trigger {
  width: 817px;
  height: 85px;
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: 1px solid var(--border-color);
  cursor: pointer;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.tech-ex-form-label-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--h1);
  font-family: "Urbanist";
}

.tech-ex-form-action-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.tech-ex-form-chevron {
  transition: transform 0.2s ease-in-out;
  transform: rotate(180deg);
}

.tech-ex-form-trigger[aria-expanded="false"] .tech-ex-form-chevron {
  transform: rotate(0deg);
}

.tech-ex-container {
  width: 100%;
  padding: 20px 15px;
  margin: 0 auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.tech-ex-form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.tech-ex-form-column {
  width: 385px;
}

.tech-ex-label {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}

.tech-ex-input {
  color: #8a8a8a;
}

.tech-ex-input,
.tech-ex-select,
.tech-ex-textarea {
  width: 385px;
  height: 50px;
  padding: 16px 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 14px;
  background-color: var(--input);
  box-sizing: border-box;
}
.tech-ex-input::placeholder {
  padding: 0px;
}
.tech-ex-textarea::placeholder {
  padding: 0px;
}
.tech-ex-textarea {
  height: auto;
  min-height: 60px;

  resize: none;
}

.tech-ex-select {
  appearance: none;
  background-image: url(../setting-assets/select-mem.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  font-size: 16px;
  color: #8a8a8a;
}

.tech-ex-full-width {
  width: 100%;
}

.tech-ex-full-width .tech-ex-textarea {
  width: 100%;
  height: 60px;
  color: var(--p);
}

/* ----------------------- Research Experience Section -------------------------- */
.rscrch-ex-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 817px;
  margin: 0 auto;
  background-color: var(--sidebar);
  margin-bottom: 20px;
}

.rscrch-ex-form-trigger {
  width: 817px;
  height: 85px;
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: 1px solid var(--bg-color);
  border-bottom: #e5e5e5;
  cursor: pointer;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.rscrch-ex-form-label-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--h1);
  font-family: "Urbanist";
}

.rscrch-ex-form-action-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.rscrch-ex-form-chevron {
  transition: transform 0.2s ease-in-out;
  transform: rotate(180deg);
}

.rscrch-ex-form-trigger[aria-expanded="false"] .rscrch-ex-form-chevron {
  transform: rotate(0deg);
}

.rscrch-ex-container {
  width: 100%;
  padding: 20px 15px;
  margin: 0 auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top: 1px solid #e5e5e5;
}

.rscrch-ex-form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.rscrch-ex-form-column {
  width: 385px;
}

.rscrch-ex-label {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}

.rscrch-ex-input {
  color: #8a8a8a;
}

.rscrch-ex-input,
.rscrch-ex-select,
.rscrch-ex-textarea {
  width: 385px;
  height: 60px;
  padding: 0 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 14px;
  background-color: var(--input);
  box-sizing: border-box;
}

.rscrch-ex-textarea {
  height: auto;
  min-height: 60px;

  resize: none;
}

.rscrch-ex-select {
  appearance: none;
  background-image: url(../setting-assets/select-mem.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  color: #8a8a8a;
}

.rscrch-ex-full-width {
  width: 100%;
}

.rscrch-ex-full-width .rscrch-ex-textarea {
  width: 100%;
  height: 60px;
  padding: 16px;
  color: var(--p);
}
.rscrch-ex-full-width .rscrch-ex-textarea::placeholder {
  padding: 0px;
}
/* ----------------------- Editorials and Peer Review Experience Section -------------------------- */
.edit-peer-rve-prof-exp-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 817px;
  margin: 0 auto;
  background-color: var(--sidebar);
  margin-bottom: 20px;
}

.edit-peer-rve-pro-ex-label {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}

.edit-peer-rve-prof-exp-form-trigger {
  width: 817px;
  height: 85px;
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: 1px solid var(--border-color);
  cursor: pointer;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.edit-peer-rve-prof-exp-form-label-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--h1);
  font-family: "Urbanist";
}

.edit-peer-rve-prof-exp-form-action-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.edit-peer-rve-prof-exp-form-chevron {
  transition: transform 0.2s ease-in-out;
  transform: rotate(180deg);
}

.edit-peer-rve-prof-exp-form-trigger[aria-expanded="false"]
  .edit-peer-rve-prof-exp-form-chevron {
  transform: rotate(0deg);
}

.edit-peer-rve-prof-exp-container {
  width: 100%;
  padding: 20px 15px;
  margin: 0 auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.edit-peer-rve-prof-exp-form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.edit-peer-rve-prof-exp-form-column {
  width: 385px;
}

.edit-peer-rve-prof-exp-label {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}

.edit-peer-rve-prof-exp-input {
  color: #8a8a8a;
}

.edit-peer-rve-prof-exp-input,
.edit-peer-rve-prof-exp-select,
.edit-peer-rve-prof-exp-textarea {
  width: 385px;
  height: 60px;
  padding: 0 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 14px;
  background-color: var(--input);
  box-sizing: border-box;
}

.edit-peer-rve-prof-exp-textarea {
  height: auto;
  min-height: 60px;
  padding: 16px;
  resize: none;
}

.edit-peer-rve-prof-exp-select {
  appearance: none;
  background-image: url(../setting-assets/select-mem.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  color: #8a8a8a;
}

.edit-peer-rve-prof-ex-select {
  appearance: none;

  background-repeat: no-repeat;
  background-position: right 16px center;
  padding: 20px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  background-color: var(--input);
  color: #8a8a8a;
  width: 100%;
  font-size: 16px;
  height: 60px;
}

.edit-peer-rve-pro-ex-form-column {
  width: 100%;
}

.edit-peer-rve-prof-exp-full-width .edit-peer-rve-prof-exp-textarea {
  width: 100%;
  height: 60px;
}

.edit-per-rvw-tech-ex-form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.edit-per-rvw-tech-ex-form-column {
  width: 385px;
}

.edit-per-rvw-tech-ex-label {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}

.edit-per-rvw-tech-ex-input {
  color: #8a8a8a;
}

.edit-per-rvw-tech-ex-input,
.edit-per-rvw-tech-ex-select,
.edit-per-rvw-tech-ex-textarea {
  width: 385px;
  height: 50px;
  padding: 0 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 16px;
  background-color: var(--input);
  box-sizing: border-box;
}
.edit-per-rvw-tech-ex-input::placeholder {
  font-size: 16px;
  padding: 0px;
}

.edit-per-rvw-tech-ex-textarea {
  height: auto;
  min-height: 60px;
  padding: 16px;
  resize: none;
}
/* ----------------------- Professional Experience Section -------------------------- */
.prof-exp-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 817px;
  margin: 0 auto;
  background-color: var(--sidebar);
  margin-bottom: 20px;
}

.pro-ex-label {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}
.prof-exp-form-trigger {
  width: 817px;
  height: 85px;
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: 1px solid var(--border-color);
  cursor: pointer;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.prof-exp-form-label-wrapper {
  color: var(--p);
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--h1);
  font-family: "Urbanist";
}

.prof-exp-form-action-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.prof-exp-form-chevron {
  transition: transform 0.2s ease-in-out;
  transform: rotate(180deg);
}

.prof-exp-form-trigger[aria-expanded="false"] .prof-exp-form-chevron {
  transform: rotate(0deg);
}

.prof-exp-container {
  width: 100%;
  padding: 20px 15px;
  margin: 0 auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.prof-exp-form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.prof-exp-form-column {
  width: 100%;
}

.prof-exp-label {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}

.prof-exp-input {
  color: #8a8a8a;
}

.prof-exp-input,
.prof-exp-select,
.prof-exp-textarea {
  width: 385px;
  height: 60px;
  padding: 0 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 14px;
  background-color: var(--input);
  box-sizing: border-box;
}

.prof-exp-textarea {
  min-height: 60px;

  resize: none;
}

.prof-exp-select {
  appearance: none;
  background-image: url(../setting-assets/select-mem.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  color: #8a8a8a;
}
.prof-ex-select {
  appearance: none;
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding: 20px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  background-color: var(--input);
  color: #8a8a8a;
  width: 100%;
  height: 60px;
}

.pro-ex-form-column {
  width: 100%;
}
.prof-exp-full-width .prof-exp-textarea {
  width: 100%;
  height: 60px;
  padding: 16px;
}
.prof-exp-full-width .prof-exp-textarea::placeholder {
  padding: 0px;
}
/* ----------------------- Publication Highlights Section -------------------------- */
.publ-high-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 817px;
  margin: 0 auto;
  background-color: var(--sidebar);
  margin-bottom: 20px;
}

.publ-high-label {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}

.publ-high-form-trigger {
  width: 817px;
  height: 85px;
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: 1px solid #e5e5e5;
  cursor: pointer;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.publ-high-form-label-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--h1);
  font-family: "Urbanist";
}

.publ-high-form-action-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.publ-high-form-chevron {
  transition: transform 0.2s ease-in-out;
  transform: rotate(180deg);
}

.publ-high-form-trigger[aria-expanded="false"] .publ-high-form-chevron {
  transform: rotate(0deg);
}

.publ-high-container {
  width: 100%;
  padding: 20px 15px;
  margin: 0 auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.publ-high-form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.publ-high-form-column {
  width: 100%;
}

.publ-high-input {
  color: #8a8a8a;
}

.publ-high-input,
.publ-high-select,
.publ-high-textarea {
  width: 385px;
  height: 60px;
  padding: 0 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 16px;
  background-color: var(--input);
  box-sizing: border-box;
}

.publ-high-textarea {
  height: auto;
  min-height: 60px;
  padding: 16px;
  resize: none;
}

.publ-high-select {
  appearance: none;
  background-image: url(../setting-assets/select-mem.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding: 20px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  background-color: var(--input);
  color: #8a8a8a;
  font-size: 16px;
  width: 100%;
  height: 60px;
}

.publ-high-full-width {
  width: 100%;
}
.publ-high-textarea {
  width: 100%;
  height: 102px;
}
.publ-high-textarea::placeholder {
  padding: 0px;
}
.publ-high-label-sec {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
  margin-top: 20px;
  border-top: 1px solid var(--border-color);
  padding-top: 20px;
}
.publ-high-label-sec-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 6px;
}
.public-btn-sec button {
  height: 60px;
  width: 100%;
  border: 1px solid #0378a4;
  color: #0378a4;
  background-color: white;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.01em;
  border-radius: 84px;
  cursor: pointer;
}
/* ----------------------- Grants, Scholarships, Stipends, and Financial Awards Section ------------------- */

.grant-awrd-edit-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 817px;
  margin: 0 auto 20px;
  background-color: var(--sidebar);
}

.grant-awrd-edit-form-trigger {
  width: 817px;
  height: 85px;
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: 1px solid var(--border-color);
  cursor: pointer;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.grant-awrd-edit-form-label-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--h1);
  font-family: "Urbanist";
}

.grant-awrd-edit-form-action-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.grant-awrd-edit-form-chevron {
  transition: transform 0.2s ease-in-out;
}

.grant-awrd-edit-form-trigger[aria-expanded="false"]
  .grant-awrd-edit-form-chevron {
  transform: rotate(180deg);
}

.grant-awrd-edit-container {
  width: 100%;
  padding: 20px 15px;
  margin: 0 auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.grant-awrd-edit-per-rvw-tech-ex-form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.grant-awrd-edit-per-rvw-tech-ex-form-column,
.grant-awrd-edit-peer-rve-pro-ex-form-column {
  width: 100%;
}

.grant-awrd-edit-per-rvw-tech-ex-label,
.grant-awrd-edit-peer-rve-pro-ex-label {
  display: block;
  margin-bottom: 10px;
  margin-top: 25px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}

.grant-awrd-edit-per-rvw-tech-ex-input,
.grant-awrd-edit-per-rvw-tech-ex-select,
.grant-awrd-edit-peer-rve-pro-ex-select {
  width: 385px;
  height: 60px;
  padding: 0 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 16px;
  background-color: var(--input);
  box-sizing: border-box;
  color: #8a8a8a;
}
.grant-awrd-edit-per-rvw-tech-ex-input::placeholder {
  padding: 0px;
}
.grant-awrd-edit-per-rvw-tech-ex-input::placeholder {
  padding: 0px;
}

.grant-awrd-edit-per-rvw-tech-ex-select,
.grant-awrd-edit-peer-rve-pro-ex-select {
  appearance: none;
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}

.grant-awrd-edit-peer-rve-pro-ex-select {
  width: 100%;
}

.grant-awrd-edit-form-content {
  display: block;
}
.graant-input {
  width: 100%;
  height: 60px;
  border: 1px solid var(--border-color);
  background-color: var(--input);
  border-radius: 10px;
  padding-left: 20px;
  box-sizing: border-box;
}
.graant-input::placeholder {
  padding: 0px;
}
.label-icn-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* -------------------------------- Honors and Awards Section ------------------------------ */

.hnr-awrd-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 817px;
  margin: 0 auto;
  background-color: var(--sidebar);
  margin-bottom: 20px;
}

.hnr-awrd-form-trigger {
  width: 817px;
  height: 85px;
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: 1px solid var(--border-color);
  cursor: pointer;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.hnr-awrd-form-label-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--h1);
  font-family: "Urbanist";
}

.hnr-awrd-form-action-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.hnr-awrd-form-chevron {
  transition: transform 0.2s ease-in-out;
  transform: rotate(180deg);
}

.hnr-awrd-form-trigger[aria-expanded="false"] .hnr-awrd-form-chevron {
  transform: rotate(0deg);
}

.hnr-awrd-container {
  width: 100%;
  padding: 20px 15px;
  margin: 0 auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.hnr-awrd-form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.hnr-awrd-form-column {
  width: 385px;
}

.hnr-awrd-label {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}

.hnr-awrd-input {
  color: #8a8a8a;
  padding: 16px;
}
.hnr-awrd-input::placeholder {
  padding: 0px;
}

.hnr-awrd-input,
.hnr-awrd-select,
.hnr-awrd-textarea {
  width: 385px;
  height: 50px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 16px;
  background-color: var(--input);
  box-sizing: border-box;
}

.hnr-awrd-textarea {
  height: auto;
  min-height: 50px;
  resize: none;
  padding: 16px;
  width: 100%;
}
.hnr-awrd-textarea::placeholder {
  padding: 0px;
}

.hnr-awrd-select {
  appearance: none;
  background-image: url(../setting-assets/select-mem.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  color: #8a8a8a;
}

.hnr-awrd-full-width {
  width: 100%;
}

.hnr-awrd-full-width .hnr-awrd-textarea {
  width: 100%;
  height: 60px;
  font-size: 16px;
}
/* -------------------------------- Languages Section ------------------------------ */

.languages-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 817px;
  margin: 0 auto 20px;
  background-color: var(--sidebar);
}

.languages-form-trigger {
  width: 817px;
  height: 85px;
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: 1px solid var(--border-color);
  cursor: pointer;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.languages-form-label-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--h1);
  font-family: "Urbanist";
}

.languages-form-action-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.languages-form-chevron {
  transition: transform 0.2s ease-in-out;
}

.languages-form-trigger[aria-expanded="false"] .languages-form-chevron {
  transform: rotate(180deg);
}

.languages-container {
  width: 100%;
  padding: 20px 15px;
  margin: 0 auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.language_btn button {
  height: 60px;
  width: 100%;
  border: 1px solid #0378a4;
  color: #0378a4;
  background-color: white;
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.01em;
  border-radius: 84px;
  cursor: pointer;
}
.languages-per-rvw-tech-ex-form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.languages-per-rvw-tech-ex-form-column,
.languages-peer-rve-pro-ex-form-column {
  width: 385px;
}

.languages-per-rvw-tech-ex-label,
.languages-peer-rve-pro-ex-label {
  display: block;
  margin-bottom: 10px;
  margin-top: 25px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}

.languages-per-rvw-tech-ex-input,
.languages-per-rvw-tech-ex-select,
.languages-peer-rve-pro-ex-select {
  width: 385px;
  height: 60px;
  padding: 0 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 16px;
  background-color: var(--input);
  box-sizing: border-box;
  color: #8a8a8a;
}

.languages-per-rvw-tech-ex-select,
.languages-peer-rve-pro-ex-select {
  appearance: none;
  background-image: url(../setting-assets/select-mem.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}

.languages-peer-rve-pro-ex-select {
  width: 100%;
}

.languages-form-content {
  display: block;
}

.languages-graant-input {
  width: 100%;
  height: 60px;
  border: 1px solid var(--border-color);
  background-color: var(--input);
  border-radius: 10px;
  padding-left: 20px;
  box-sizing: border-box;
}
/* -------------------------------- Volunteer or Extracurricular Activities Section ------------------------------ */
.activities-grant-awrd-edit-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 817px;
  margin: 0 auto 20px;
  background-color: var(--sidebar);
}

.activities-grant-awrd-edit-form-trigger {
  width: 817px;
  height: 85px;
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: 1px solid var(--border-color);
  cursor: pointer;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.activities-grant-awrd-edit-form-label-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--h1);
  font-family: "Urbanist";
}

.activities-grant-awrd-edit-form-action-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.activities-grant-awrd-edit-form-chevron {
  transition: transform 0.2s ease-in-out;
}

.activities-grant-awrd-edit-form-trigger[aria-expanded="false"]
  .activities-grant-awrd-edit-form-chevron {
  transform: rotate(180deg);
}

.activities-grant-awrd-edit-container {
  width: 100%;
  padding: 20px 15px;
  margin: 0 auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.activities-grant-awrd-edit-per-rvw-tech-ex-form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.activities-grant-awrd-edit-per-rvw-tech-ex-form-column,
.activities-grant-awrd-edit-peer-rve-pro-ex-form-column {
  width: 100%;
}

.activities-grant-awrd-edit-per-rvw-tech-ex-label,
.activities-grant-awrd-edit-peer-rve-pro-ex-label {
  display: block;
  margin-bottom: 10px;
  margin-top: 25px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}

.activities-grant-awrd-edit-per-rvw-tech-ex-input,
.activities-grant-awrd-edit-per-rvw-tech-ex-select,
.activities-grant-awrd-edit-peer-rve-pro-ex-select {
  width: 385px;
  height: 60px;
  padding: 0 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 14px;
  background-color: var(--input);
  box-sizing: border-box;
  color: #8a8a8a;
}
.activities-grant-awrd-edit-per-rvw-tech-ex-input::placeholder {
  padding: 0px;
}
.activities-grant-awrd-edit-per-rvw-tech-ex-select,
.activities-grant-awrd-edit-peer-rve-pro-ex-select {
  appearance: none;
  background-image: url(../setting-assets/select-mem.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  font-size: 16px;
}

.activities-grant-awrd-edit-peer-rve-pro-ex-select {
  width: 100%;
}

.activities-grant-awrd-edit-form-content {
  display: block;
}

.activities-graant-input {
  width: 100%;
  height: 60px;
  border: 1px solid var(--border-color);
  background-color: var(--input);
  border-radius: 10px;
  padding-left: 20px;
  box-sizing: border-box;
}
.activities-graant-input::placeholder {
  padding: 0px;
}
/* -------------------------------- Advising and Leadership Roles Section ------------------------------ */
.advising-activities-grant-awrd-edit-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 817px;
  margin: 0 auto 20px;
  background-color: var(--sidebar);
}

.advising-activities-grant-awrd-edit-form-trigger {
  width: 817px;
  height: 85px;
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: 1px solid var(--border-color);
  cursor: pointer;
  text-align: left;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.advising-activities-grant-awrd-edit-form-label-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
  letter-spacing: 0.01em;
  text-align: left;
  color: var(--h1);
  font-family: "Urbanist";
}

.advising-activities-grant-awrd-edit-form-action-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}

.advising-activities-grant-awrd-edit-form-chevron {
  transition: transform 0.2s ease-in-out;
}

.advising-activities-grant-awrd-edit-form-trigger[aria-expanded="false"]
  .advising-activities-grant-awrd-edit-form-chevron {
  transform: rotate(180deg);
}

.advising-activities-grant-awrd-edit-container {
  width: 100%;
  padding: 20px 15px;
  margin: 0 auto;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.advising-activities-grant-awrd-edit-per-rvw-tech-ex-form-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}

.advising-activities-grant-awrd-edit-per-rvw-tech-ex-form-column,
.advising-activities-grant-awrd-edit-peer-rve-pro-ex-form-column {
  width: 385px;
}

.advising-activities-grant-awrd-edit-per-rvw-tech-ex-label,
.advising-activities-grant-awrd-edit-peer-rve-pro-ex-label {
  display: block;
  margin-bottom: 10px;
  margin-top: 25px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.6px;
  color: var(--h1);
}

.advising-activities-grant-awrd-edit-per-rvw-tech-ex-input,
.advising-activities-grant-awrd-edit-per-rvw-tech-ex-select,
.advising-activities-grant-awrd-edit-peer-rve-pro-ex-select {
  width: 385px !important;
  height: 60px !important;
  padding: 0 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 16px;
  background-color: var(--input);
  box-sizing: border-box;
  color: #8a8a8a;
}

.advising-activities-grant-awrd-edit-per-rvw-tech-ex-select,
.advising-activities-grant-awrd-edit-peer-rve-pro-ex-select {
  appearance: none;
  background-image: url(../setting-assets/select-mem.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  font-size: 16px;
}

.advising-activities-grant-awrd-edit-peer-rve-pro-ex-select {
  width: 100%;
}

.advising-activities-grant-awrd-edit-form-content {
  display: block;
}

.advising-activities-graant-input {
  width: 100%;
  height: 60px;
  border: 1px solid var(--border-color);
  background-color: var(--input);
  border-radius: 10px;
  padding-left: 20px;
  box-sizing: border-box;
}
/* curriculum-last-button */
.curriculum-last-button {
  display: flex;
  justify-content: right;
  gap: 20px;
  position: relative;
  top: 40px;
  margin-bottom: 50px;
}
.discrd-btn {
  width: 145px;
  height: 60px;
  background-color: transparent;
  border: 1px solid #0378a4;
  color: #0378a4;
  border-radius: 49px;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
}
.svechnge-btn {
  width: 200px;
  height: 60px;
  background-color: #0378a4;
  color: white;
  border: none;
  border-radius: 49px;
  font-weight: 700;
  font-size: 18px;
  cursor: pointer;
}
.mobile-heading_tit {
  display: none;
}

@media (max-width: 1024px) {
  .sidebar {
    display: none;
  }

  .cv-builder-heading {
    width: 290px;
  }
  .settings-header {
    width: 100%;
  }
  .privacy-wrapper {
    width: 100%;
  }
  .cv-builder-bar {
    width: 270px;
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .setting-top {
    width: 100%;
  }
  .container-section {
    width: 100%;
  }
  .drp-form-trigger,
  .upf-container {
    width: 817px;
  }
  .main-privacy-container {
    width: 817px;
    margin: 0px auto;
  }
  .drp-form-container {
    width: 100%;
  }
  .settings-header {
    display: flex;
    flex-direction: column;
  }
}
/* For mobile screens: Show the heading */

@media screen and (max-width: 768px) {
  .mobile-heading_tit {
    display: block;
  }
}

/* Personal Information Responsive */
@media (max-width: 768px) {
  .heading {
    display: none;
  }
  .container-section {
    width: 343px;
  }
  .upf-form-row {
    width: 294px;
  }
  .cv-builder-heading {
    display: none;
  }
  .settings-header {
    width: 343px;
    padding: 0px;
    padding-bottom: 15px;
  }
  .main-privacy-container {
    width: 343px;
    margin: 0px auto;
  }
  .privacy-wrapper {
    width: 343px;
  }

  .upf-form-row {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .drp-form-trigger,
  .upf-container,
  .drp-form-container {
    width: 343px;
  }
  .upf-input,
  .upf-select,
  .upf-form-column {
    width: 294px;
  }
  .upf-form-row {
    width: 340px;
    margin-top: 5px;
    padding: 10px 24px;
  }
  .upf-form {
    height: 900px;
  }
  .drp-form-label-wrapper {
    font-size: 20px;
    display: flex;
    gap: 5px;
    align-items: center;
  }
  .drp-form-action-wrapper {
    display: flex;
    gap: 8px;
  }
  .drp-form-trigger {
    padding: 10px 15px;
  }
}

/* References Responsive */
@media (max-width: 768px) {
  .reference-container {
    width: 343px;
    margin-top: 100px;
  }
  .reference-form-column,
  .reference-input,
  .reference-textarea {
    width: 288px;
  }
  .reference-form-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .reference-end-btn button {
    width: 294px;
  }
  .reference-action-wrapper {
    display: flex;
    gap: 8px;
  }
  .reference-trigger {
    padding: 10px 15px;
  }
}
/* Education Experience Responsive */

@media (max-width: 768px) {
  .edu-ex-drp-form-container,
  .edu-ex-drp-form-trigger {
    width: 343px;
  }
  .edu-ex-upf-form-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .edu-ex-upf-input1,
  .edu-ex-upf-select,
  .edu-ex-upf-textarea,
  .edu-ex-upf-form-column {
    width: 294px !important;
  }
  .edu-ex-upf-full-width .edu-ex-upf-textarea {
    width: 294px !important;
    height: 85px !important;
  }
  .number-type {
    width: 294px !important;
  }
  .unique-uploader-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    height: 113px;
  }
  .unique-uploader-left-section {
    padding-left: 0px;
  }
  .unique-uploader-button {
    margin-right: 75px;
  }
  .edu-ex-drp-form-label-wrapper {
    font-size: 20px;
    width: 250px;
    display: flex;
    gap: 5px;
  }
  .edu-ex-drp-form-action-wrapper {
    display: flex;
    gap: 8px;
  }
  .edu-ex-drp-form-trigger {
    padding: 10px 15px;
  }
}

/* Teaching Experience Responsive */
@media (max-width: 768px) {
  .tech-ex-form-container,
  .tech-ex-form-trigger {
    width: 343px;
  }
  .tech-ex-form-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
  }
  .tech-ex-form-column {
    width: 294px;
  }
  .tech-ex-input,
  .tech-ex-select,
  .tech-ex-textarea {
    width: 294px;
  }

  .tech-ex-form-trigger {
    padding: 10px 15px;
  }
  .tech-ex-form-label-wrapper {
    font-size: 20px;
    display: flex;
    gap: 5px;
  }
  .tech-ex-form-action-wrapper {
    display: flex;
    gap: 8px;
  }
  .tech-ex-full-width .tech-ex-textarea {
    height: 70px;
  }
}

/* Research Experience Responsive */
@media (max-width: 768px) {
  .rscrch-ex-form-container,
  .rscrch-ex-form-trigger {
    width: 343px;
  }
  .rscrch-ex-full-width .rscrch-ex-textarea {
    width: 294px;
    height: 70px;
  }
  .rscrch-ex-form-trigger {
    padding: 10px 15px;
  }
  .rscrch-ex-form-label-wrapper {
    display: flex;
    gap: 5px;
    font-size: 20px;
  }
  .rscrch-ex-form-action-wrapper {
    display: flex;
    gap: 8px;
    font-size: 20px;
  }
}

/* Editorials and Peer Review Experience Responsive */
@media (max-width: 768px) {
  .edit-peer-rve-prof-exp-form-container,
  .edit-peer-rve-prof-exp-form-trigger {
    width: 343px;
  }
  .edit-per-rvw-tech-ex-form-row {
    display: flex;
    flex-direction: column;
  }
  .edit-per-rvw-tech-ex-form-column,
  .edit-per-rvw-tech-ex-select,
  .edit-per-rvw-tech-ex-input,
  .edit-per-rvw-tech-ex-select,
  .edit-per-rvw-tech-ex-textarea,
  .edit-peer-rve-pro-ex-form-column,
  .edit-peer-rve-prof-ex-select {
    width: 294px;
  }
  .edit-peer-rve-prof-exp-form-trigger {
    padding: 10px 15px;
  }
  .edit-peer-rve-prof-exp-form-label-wrapper {
    display: flex;
    gap: 5px;
    font-size: 20px;
  }
  .edit-peer-rve-prof-exp-form-action-wrapper {
    display: flex;
    gap: 8px;
  }
}
/* prof-exp-form-container Responsive */
@media (max-width: 768px) {
  .prof-exp-form-container,
  .prof-exp-form-trigger {
    width: 343px;
  }
  .prof-exp-form-column,
  .prof-exp-full-width .prof-exp-textarea {
    width: 294px;
    height: 70px;
    margin-bottom: 20px;
  }
  .pro-ex-form-column,
  .prof-ex-select {
    width: 294px;
  }
  .prof-exp-form-trigger {
    padding: 10px 15px;
  }
  .prof-exp-form-label-wrapper {
    font-size: 20px;
    display: flex;
    gap: 5px;
  }
  .prof-exp-form-action-wrapper {
    display: flex;
    gap: 8px;
  }
}

/* Publication Highlights Responsive */
@media (max-width: 768px) {
  .publ-high-form-container,
  .publ-high-form-trigger {
    width: 343px;
  }
  .publ-high-form-trigger {
    padding: 10px 15px;
  }
  .publ-high-form-label-wrapper {
    font-size: 20px;
    display: flex;
    gap: 5px;
  }
  .publ-high-form-action-wrapper {
    display: flex;
    gap: 8px;
  }
}

/* Grants, Scholarships, Stipends, and Financial Awards Section  Responsive */
@media (max-width: 768px) {
  .grant-awrd-edit-form-container,
  .grant-awrd-edit-form-trigger {
    width: 343px;
  }
  .grant-awrd-edit-form-trigger {
    padding: 50px 15px;
  }
  .grnt-lbl {
    font-size: 20px;
    width: 195px;
  }
  .grant-awrd-edit-form-label-wrapper {
    display: flex;
    gap: 10px;
  }
  .grant-awrd-edit-form-action-wrapper {
    display: flex;
    gap: 8px;
  }
  .grant-awrd-edit-per-rvw-tech-ex-form-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .grant-awrd-edit-per-rvw-tech-ex-form-column,
  .grant-awrd-edit-per-rvw-tech-ex-select,
  .grant-awrd-edit-per-rvw-tech-ex-input {
    width: 294px;
  }
  .grant-awrd-edit-per-rvw-tech-ex-label,
  .grant-awrd-edit-peer-rve-pro-ex-label {
    width: 280px;
  }
  .grant-awrd-edit-peer-rve-pro-ex-select {
    width: 294px !important;
  }
  .grant-awrd-edit-peer-rve-pro-ex-form-column,
  .grant-awrd-edit-peer-rve-pro-ex-select,
  .graant-input {
    width: 294px;
  }
}

/* Honors and Awards Responsive */
@media (max-width: 768px) {
  .hnr-awrd-form-container,
  .hnr-awrd-form-trigger {
    width: 343px;
  }
  .hnr-awrd-form-trigger {
    padding: 10px 15px;
  }
  .hnr-awrd-form-label-wrapper {
    display: flex;
    gap: 5px;
    font-size: 20px;
  }
  .hnr-awrd-form-action-wrapper {
    display: flex;
    gap: 8px;
  }
  .hnr-awrd-form-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .hnr-awrd-form-column,
  .hnr-awrd-input,
  .hnr-awrd-full-width .hnr-awrd-textarea {
    width: 294px;
  }
  .hnr-awrd-full-width .hnr-awrd-textarea {
    height: 100px;
  }
}
/* Languages Responsive */

@media (max-width: 768px) {
  .languages-form-container,
  .languages-form-trigger {
    width: 343px;
  }
  .languages-per-rvw-tech-ex-form-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .languages-per-rvw-tech-ex-form-column,
  .languages-peer-rve-pro-ex-form-column,
  .languages-per-rvw-tech-ex-select,
  .languages-peer-rve-pro-ex-select {
    width: 294px;
  }
  .languages-form-trigger {
    padding: 10px 15px;
  }
  .languages-form-label-wrapper {
    font-size: 20px;
    display: flex;
    gap: 5px;
  }
  .languages-form-action-wrapper {
    display: flex;
    gap: 8px;
  }
}
/* Volunteer or Extracurricular Activities Responsive */
@media (max-width: 768px) {
  .activities-grant-awrd-edit-form-container,
  .activities-grant-awrd-edit-form-trigger {
    width: 343px;
  }
  .activities-grant-awrd-edit-form-trigger {
    padding: 50px 15px;
  }
  .activities-grant-awrd-edit-form-action-wrapper {
    display: flex;
    gap: 8px;
  }
  .volin-labl {
    width: 210px;
  }
  .activities-grant-awrd-edit-form-label-wrapper {
    font-size: 20px;
    display: flex;
    gap: 10px;
  }
  .activities-grant-awrd-edit-per-rvw-tech-ex-form-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .activities-grant-awrd-edit-per-rvw-tech-ex-form-column,
  .activities-grant-awrd-edit-peer-rve-pro-ex-form-column {
    width: 294px;
  }
  .activities-grant-awrd-edit-per-rvw-tech-ex-input,
  .activities-grant-awrd-edit-per-rvw-tech-ex-select,
  .activities-grant-awrd-edit-peer-rve-pro-ex-select {
    width: 294px;
  }
  .activities-graant-input {
    width: 294px;
  }
}
/* Advising and Leadership Roles Responsive */
@media (max-width: 768px) {
  .advising-activities-grant-awrd-edit-form-container,
  .advising-activities-grant-awrd-edit-form-trigger {
    width: 343px;
  }
  .advising-activities-grant-awrd-edit-per-rvw-tech-ex-form-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .advising-activities-grant-awrd-edit-per-rvw-tech-ex-form-column,
  .advising-activities-grant-awrd-edit-peer-rve-pro-ex-form-column {
    width: 294px;
  }
  .advising-activities-grant-awrd-edit-per-rvw-tech-ex-select,
  .advising-activities-grant-awrd-edit-per-rvw-tech-ex-input {
    width: 294px !important;
  }
  .setting-top {
    width: 330px;
  }
  .btn-top-panel {
    width: 343px;
    display: flex;
    justify-content: center;
  }
  .cv-builder-bar {
    width: 343px;
  }
  .btn-secondary,
  .btn-secondary1 {
    width: 50%;
  }
  .curriculum-last-button {
    display: flex;
    flex-direction: column;
  }
  .curriculum-last-button .discrd-btn,
  .svechnge-btn {
    width: 343px;
  }
}

.sidebar-heading {
  font-family: Urbanist;
  font-size: 13.58px;
  font-weight: 600;
  line-height: 18.11px;
  letter-spacing: 0.1em;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #8a8a8a;
}
.side-navigation img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  filter: brightness(0) saturate(100%) invert(77%) sepia(0%) saturate(1%)
    hue-rotate(335deg) brightness(89%) contrast(85%);
}
.hdeing {
  color: var(--h1);
}
.sidebar {
  box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1),
    /* Left shadow */ 0 -1px 3px rgba(0, 0, 0, 0.1); /* Top shadow */
  background-color: white;
  padding: 20px;
  width: 395px;
  display: flex;
  justify-content: center;
}
.section {
  margin-bottom: 20px;
  width: 400px;
}
.section-header {
  font-size: 18px;
  width: 360px;
  height: 56px;
  margin-top: 18px;
  margin-bottom: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #0378a4;
  font-weight: 700;
  cursor: pointer;
  padding: 10px 20px 10px 20px;
  border: 1px solid #0378a4;
  border-radius: 27px;
}
.comment-item {
  margin-bottom: 30px;
  font-size: 25px;
  width: 312px;

  margin-top: 30px;
}
.comment-item p {
  margin: 0;
  font-size: 14px;
}
.comment-item .time {
  color: #888;
  font-size: 12px;
}
.load-more {
  color: #0077b6;
  text-decoration: none;
  font-size: 14px;
  margin-bottom: 30px;
}
.container1 {
  max-width: 600px;
  margin: 0 auto;
  margin-top: 40px;
}
h1 {
  font-size: 24px;
  margin-bottom: 5px;
}
.underline {
  width: 100%;
  height: 2px;
  background-color: #0099cc;
  margin-bottom: 20px;
}
.search-container {
  position: relative;
  margin-bottom: 20px;
}
.search-input {
  width: 100%;
  padding: 10px 15px;
  font-size: 16px;
  border: none;
  border-radius: 25px;
  height: 50px;
  background-color: #f5f5f5;
}
.search-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  border-radius: 50%;
}
.search-icon::after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 8px;
  height: 2px;
  background-color: #999;
  transform: rotate(45deg);
}
.section {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 0;
}
.section-title {
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dropdown-icon {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
}
.create-button {
  display: block;
  width: 100%;
  padding: 15px;
  margin-top: 20px;
  font-size: 18px;
  color: #ffffff;
  background-color: #0378a4;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  text-align: center;
}
.container1 {
  max-width: 600px;
  margin: 0 auto;
  margin-top: 40px;
}
h1 {
  font-size: 24px;
  margin-bottom: 5px;
  color: var(--h1);
}
h2 {
  font-size: 24px;
  margin-bottom: 5px;
  margin-top: 10px;
  color: var(--h1);
}
.underline {
  width: 100%;
  height: 2px;
  background-color: #0099cc;
  margin-bottom: 20px;
}
.rep-navigation {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rep-nav-dots {
  display: flex;
}
.rep-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ccc;
  margin: 0 3px;
}
.rep-dot.rep-active {
  background-color: #007bff;
}
.rep-nav-arrow {
  font-size: 20px;
  color: #007bff;
  cursor: pointer;
  user-select: none;
}
.filter-space-div {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;

  height: 57px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.filter-space-div p {
  font-family: "Urbanist", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.01em;
  text-align: left;
  color: #5a5a5a;
}

.filter-space-div2 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  border-radius: 10px;

  height: 57px;
}
.filter-space-div2 img {
  width: 20px;
}
.filter-space-div2:hover {
  background-color: rgba(3, 120, 164, 0.08);
  color: #0378a4;
}
.search-container {
  position: relative;
  margin-bottom: 20px;
}
.search-input {
  width: 100%;
  padding: 10px 15px;
  font-size: 16px;
  border: none;
  border-radius: 25px;
  height: 50px;
  background-color: #f5f5f5;
}
.search-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  border-radius: 50%;
}
.search-icon::after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 8px;
  height: 2px;
  background-color: #999;
  transform: rotate(45deg);
}
.section {
  padding: 15px 30px;
}
.section-title {
  font-size: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dropdown-icon {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
}
.create-button {
  display: block;
  width: 100%;
  padding: 15px;
  margin-top: 20px;
  font-size: 18px;
  color: #ffffff;
  background-color: #0378a4;
  border: none;
  border-radius: 25px;
  cursor: pointer;
  text-align: center;
}
.container {
  width: 1240px;
  margin: 0 auto;
  padding: 20px 20px;
}
.container2 {
  width: 1240px;
  margin: 0 auto;
}
header {
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}
.logo {
  font-size: 24px;
  font-weight: bold;
}
nav a {
  margin-left: 20px;
  text-decoration: none;
  color: #666;
}
nav a.active {
  color: #0077b6;
  border-bottom: 2px solid #0077b6;
}
nav {
  font-size: 18px;
}
.header-actions {
  display: flex;
  align-items: center;
}
/* .header-actions > * {
  margin-left: 15px;
} */
.create-btn {
  background: #0378a4;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 20px;
  cursor: pointer;
}
.user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ddd;
}
.header-content2 {
  display: flex;
  gap: 20px;
  align-items: center;
}
.welcome-text {
  width: 473px;
  font-family: "Urbanist", sans-serif;
}
.welcome-text h2 {
  font-size: 32px;
}
.welcome-text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.curriculum {
  font-size: 18px;
  width: 360px;
  height: 56px;
  margin-top: 18px;
  margin-bottom: 18px;
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: center;
  color: white;
  background-color: #0378a4;
  font-weight: 700;
  cursor: pointer;
  padding: 10px 20px 10px 20px;
  border: 1px solid #0378a4;
  border-radius: 27px;
}

.follow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 153px;
  height: 51px;
  padding: 16px 40px;
  gap: 8px;
  border: none;
  border-radius: 25px;
  background: #0378a4;
  color: white;
}

.support {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0378a4;
  border: 1px solid #0378a4;
  width: 153px;
  height: 51px;
  padding: 16px 40px;
  background-color: #ffffff;
  gap: 8px;
  border-radius: 25px;
  cursor: pointer;
}
.button-flex {
  display: flex;
  gap: 30px;
  margin-bottom: 20px;
}

.profile-img {
  width: 112px;
  height: 107px;
  font-size: 50px;
  background-color: #0378a4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 70px;
  color: white;
  font-weight: bold;
}
.tickets {
  margin-top: 10px;
}

.coins {
  margin-top: 30px;
  margin-bottom: 30px;
}

.profile {
  height: 140px;
  display: flex;
  gap: 20px;
  color: #5a5a5a;
  line-height: 21px;
}
.professor {
  font-family: Urbanist;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.03px;
  /* text-align: center; */
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-top: 10px;
  margin-bottom: 10px;
}
.impact {
  font-family: Urbanist;
  font-size: 21.65px;
  font-weight: 500;
  line-height: 25.98px;

  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.container-tag {
  max-width: 400px;
  margin: 0 auto;
  background-color: white;
  padding: 20px;
  border-radius: 8px;
}
.cover {
  width: 817px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mobile-screen-profile-info {
  display: none;
}
.profile-div {
  display: block;
}

@media (max-width: 1024px) {
  .support {
    width: 120px !important ;
  }
  .follow {
    width: 120px !important;
  }
  .button-flex {
    gap: 5px !important;
  }
  .feed-coins {
    height: 32px;
    width: 32px;
  }
  .profile-img {
    height: 60px;
    width: 60px;
    font-size: 18px;
  }
}