* {
  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: 1340px;
  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;
  flex-direction: row-reverse;
}
.settings-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  width: 1240px;
}
.sidebar {
  display: block !important;
  width: 305px !important;
  background-color: var(--bg-color);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 1.5rem;
  border: 1px solid var(--border-color);
}
.sidebar-content {
  background-color: var(--bg-color);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 100%;
}
.left-sidebar h2 {
  margin-bottom: 1.5rem;
  font-size: 14px;
  font-weight: 600;
  color: #8a8a8a;
  padding-bottom: 20px;
  border-bottom: 1px solid #8a8a8a;
}
.sidebar-item {
  display: flex;
  align-items: center;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 8px;
  color: var(--p);
  text-decoration: none;
  font-size: 16px;
  transition: background-color 0.3s ease;
}
.sidebar-item:hover {
  background-color: #0378a414;
  color: #0378a4;
}
.sidebar-item.active {
  background-color: #0378a414;
  color: #0378a4;
  font-size: 18px;
  font-weight: 600;
}
.sidebar-item.active img {
  color: #0378a4;
}
.sidebar-item i {
  margin-right: 0.5rem;
}
.breadcrumbss {
  font-size: 18px;
  color: #666;
  display: flex;
  align-items: center;
}
.breadcrumb-linkk {
  color: #5a5a5a;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}
.breadcrumb-linkk:hover {
  text-decoration: underline;
}
.breadcrumb-separator {
  margin: 0 8px;
  color: #888;
  font-size: 18px;
}
.breadcrumb-activee {
  color: #0378a4;
  font-size: 18px;
  text-decoration: none;
  font-weight: bold;
}
.breadcrumb-active:hover {
  text-decoration: underline;
}
/* Previuos CSS */
.privacy-wrapper {
  width: 900px;
}
.cv-builder-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 900px;
  margin-bottom: 20px;
}
.cv-builder-heading {
  font-size: 28px;
  font-weight: 600;
  line-height: 33.6px;
  text-align: center;
  color: var(--h1);
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin: 0;
}

.btn-secondary {
  background-color: var(--engagement-item);
  color: #0378a4;
  border: 1px solid #0378a4;
  width: 135px;
  height: 56px;
  border-top-right-radius: 27px;
  border-bottom-right-radius: 27px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.btn-secondary1 {
  color: white;
  background-color: #0378a4;
  border: 1px solid #0378a4;
  width: 135px;
  height: 56px;
  border-top-left-radius: 27px;
  border-bottom-left-radius: 27px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.btn-top-panel {
  display: flex;
}

/****************************** Personal Information Section Start  *******************************/
.drp-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 900px;

  background-color: white;
  margin-bottom: 20px;
}

.drp-form-trigger {
  width: 900px;
  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 {
  width: 899px;
  display: flex;
  justify-content: space-between;
  padding: 20px 30px;
  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: var(--input-txt-clr);
}
.upf-input::placeholder {
  padding: 0;
}
.upf-input,
.upf-select {
  width: 385px;
  height: 60px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 14px;
  padding: 15px;
  background-color: var(--input);
  color: var(--input-txt-clr) !important;
  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;
  color: var(--input-txt-clr);
  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);
}
/******************************  Refernece Section Start  *******************************/
.reference-container {
  width: 899px;

  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: 30px;
  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: 60px;
  padding: 10px 16px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  font-size: 14px;
  background-color: var(--input);
  color: var(--input-txt-clr);
  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: 900px;
  margin: 0 auto;
  background-color: var(--sidebar);
  margin-bottom: 20px;
}

.edu-ex-drp-form-trigger {
  width: 900px;
  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: 24px;
  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: 60px !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: 60px !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-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;
}

.edu-ex-upf-full-width {
  width: 100%;
}

/* 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: var(--engagement-item);
  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: 900px;
  margin: 0 auto;
  background-color: var(--sidebar);
  margin-bottom: 20px;
}

.tech-ex-form-trigger {
  width: 900px;
  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: 24px;
  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: 60px;
  padding: 16px 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 14px;
  background-color: var(--input);
  color: var(--input-txt-clr) !important;
  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;
}

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

.rscrch-ex-form-trigger {
  width: 900px;
  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: 24px;
  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(--input-txt-clr);
}
.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: 900px;
  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: 900px;
  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: 24px;
  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-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: var(--input-txt-clr);
  width: 850px;
  font-size: 16px;
  height: 60px;
}

.edit-peer-rve-pro-ex-form-column {
  width: 385px;
}

.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: 60px;
  padding: 0 16px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 16px;
  background-color: var(--input);
  color: var(--input-txt-clr) !important;
  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;
}

.edit-per-rvw-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;
  color: #8a8a8a;
}
/* ----------------------- Professional Experience Section -------------------------- */
.prof-exp-form-container {
  border: 1px solid var(--border-color);
  border-radius: 10px;
  width: 900px;
  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: 900px;
  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 {
  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: 24px;
  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: 385px;
}

.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: var(--input-txt-clr);
}

.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);
  color: var(--input-txt-clr) !important;
  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-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: var(--input-txt-clr);
  width: 850px;
  height: 60px;
}

.pro-ex-form-column {
  width: 385px;
}
.prof-exp-full-width .prof-exp-textarea {
  width: 850px;
  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: 900px;
  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: 900px;
  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: 24px;
  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: var(--input-txt-clr);
  font-size: 16px;
  width: 100%;
  height: 60px;
}

.publ-high-full-width {
  width: 100%;
}
.publ-high-textarea {
  width: 100%;
  height: 102px;
  color: var(--input-txt-clr);
}
.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: var(--engagement-item);
  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: 900px;
  margin: 0 auto 20px;
  background-color: var(--sidebar);
}

.grant-awrd-edit-form-trigger {
  width: 900px;
  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: 24px;
  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-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: var(--input-txt-clr);
}
.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-image: url(../setting-assets/select-mem.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}

.grant-awrd-edit-peer-rve-pro-ex-select {
  width: 850px;
}

.grant-awrd-edit-form-content {
  display: block;
}
.graant-input {
  width: 850px;
  height: 60px;
  border: 1px solid var(--border-color);
  background-color: var(--input);
  color: var(--input-txt-clr);
  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: 900px;
  margin: 0 auto;
  background-color: var(--sidebar);
  margin-bottom: 20px;
}

.hnr-awrd-form-trigger {
  width: 900px;
  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: 24px;
  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: 60px;
  border: 1px solid var(--border-color);
  border-radius: 10px;
  font-size: 16px;
  background-color: var(--input);
  color: var(--input-txt-clr);
  box-sizing: border-box;
}

.hnr-awrd-textarea {
  height: auto;
  min-height: 60px;
  resize: none;
  padding: 16px;
}
.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: 850px;
}

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

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

.languages-form-trigger {
  width: 900px;
  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: 24px;
  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: var(--engagement-item);
  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: var(--input-txt-clr);
}

.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: 900px;
  margin: 0 auto 20px;
  background-color: var(--sidebar);
}

.activities-grant-awrd-edit-form-trigger {
  width: 900px;
  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: 24px;
  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: 385px;
}

.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: var(--input-txt-clr);
}
.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: 850px;
  height: 60px;
  border: 1px solid var(--border-color);
  background-color: var(--input);
  color: var(--input-txt-clr);
  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: 900px;
  margin: 0 auto 20px;
  background-color: var(--sidebar);
}

.advising-activities-grant-awrd-edit-form-trigger {
  width: 900px;
  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: 24px;
  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: var(--input-txt-clr) !important;
}

.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: 850px;
  }
  .privacy-wrapper {
    width: 850px;
  }
  .cv-builder-bar {
    width: 270px;
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .setting-top {
    width: 850px;
  }
  .container-section {
    width: 850px;
  }
  .drp-form-trigger,
  .upf-container {
    width: 900px;
  }
  .main-privacy-container {
    width: 900px;
    margin: 0px auto;
  }
  .drp-form-container {
    width: 850px;
  }
  .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;
  }
  .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);
}

/* Autofill styles for dark mode */
.upf-form-row input:-webkit-autofill,
.upf-form-row select:-webkit-autofill,
.upf-form-row textarea:-webkit-autofill {
  background-color: var(--input) !important; /* Background color for autofill */
  color: var(--h1) !important; /* Ensure text color is readable */
  -webkit-text-fill-color: var(--h1) !important;
  box-shadow: 0 0 0px 1000px var(--input) inset !important; /* Force background color */
  transition: background-color 5000s ease-in-out, color 5000s ease-in-out; /* Smooth transition */
}

.reference-form-row input:-webkit-autofill,
.reference-form-row select:-webkit-autofill,
.reference-form-row textarea:-webkit-autofill {
  background-color: var(--input) !important; /* Background color for autofill */
  color: var(--h1) !important; /* Ensure text color is readable */
  -webkit-text-fill-color: var(--h1) !important;
  box-shadow: 0 0 0px 1000px var(--input) inset !important; /* Force background color */
  transition: background-color 5000s ease-in-out, color 5000s ease-in-out; /* Smooth transition */
}
.tech-ex-form-row input:-webkit-autofill,
.tech-ex-form-row select:-webkit-autofill,
.tech-ex-form-row textarea:-webkit-autofill {
  background-color: var(--input) !important; /* Background color for autofill */
  color: var(--h1) !important; /* Ensure text color is readable */
  -webkit-text-fill-color: var(--h1) !important;
  box-shadow: 0 0 0px 1000px var(--input) inset !important; /* Force background color */
  transition: background-color 5000s ease-in-out, color 5000s ease-in-out; /* Smooth transition */
}

.edit-per-rvw-tech-ex-form-row input:-webkit-autofill,
.edit-per-rvw-tech-ex-form-row select:-webkit-autofill,
.edit-per-rvw-tech-ex-form-row textarea:-webkit-autofill {
  background-color: var(--input) !important; /* Background color for autofill */
  color: var(--h1) !important; /* Ensure text color is readable */
  -webkit-text-fill-color: var(--h1) !important;
  box-shadow: 0 0 0px 1000px var(--input) inset !important; /* Force background color */
  transition: background-color 5000s ease-in-out, color 5000s ease-in-out; /* Smooth transition */
}
.hnr-awrd-form-row input:-webkit-autofill,
.hnr-awrd-form-row select:-webkit-autofill,
.hnr-awrd-form-row textarea:-webkit-autofill {
  background-color: var(--input) !important; /* Background color for autofill */
  color: var(--h1) !important; /* Ensure text color is readable */
  -webkit-text-fill-color: var(--h1) !important;
  box-shadow: 0 0 0px 1000px var(--input) inset !important; /* Force background color */
  transition: background-color 5000s ease-in-out, color 5000s ease-in-out; /* Smooth transition */
}