:root {
  /* Color CSS variables */
  --color-primary: #EF7D18;
  --color-primary-light: hsl(28, 87%, 60%);
  --color-secondary: #FFDFC2;
  --color-tertiary: #004494;
  --color-tertiary-light: hsl(212, 100%, 35%);
  --color-quaternary: #C5DFFD;
  --color-button: #EF7D18;
  --color-button-dark: hsl(28, 87%, 45%);
  --color-button-light: hsl(28, 87%, 60%);
  --color-text: #130700;
  --color-text-light: #333333;
  --color-upcoming: #FFDFC2;
  --color-pending: #FFDFC2;
  --color-active: #07F911;
  --color-accept: #07F911;
  --color-closed: #F05537;
  --color-reject: #F05537;
  --color-pending-light: #FFDFC2;
  --color-accept-light: #07F911;
  --color-reject-light: #F05537;
  --color-assign: #FFDFC2;
  --color-complete: #07F911;
  --color-fail: #DC310B;
  --color-warning: #DC310B;
  --color-warning-light: #FEF2F2;
  --color-bg: #EFEFEF;
  --color-grey: #6F7287;
  --color-grey-light: #d9d9d9;
  --color-grey-dark: #333333;
  --color-white: #ffffff;
  --color-black: #000000;
  /* Font-family CSS variables */
  --ff-primary: "Anek Tamil", serif;
  /* Responsive font-size variables (360px - 1920px)*/
  --fs-placeholder: clamp(0.9375rem, 0.9231rem + 0.0641vw, 1rem);
  --fs-12: clamp(0.625rem, 0.6rem + 0.125vw, 0.75rem);
  --fs-13: clamp(0.6875rem, 0.6625rem + 0.125vw, 0.8125rem);
  --fs-14: clamp(0.75rem, 0.715rem + 0.16vw, 0.875rem);
  --fs-16: clamp(0.9375rem, 0.9231rem + 0.0641vw, 1rem);
  --fs-18: clamp(1rem, 0.925rem + 0.2vw, 1.125rem);
  --fs-20: clamp(1rem, 0.9423rem + 0.2564vw, 1.25rem);
  --fs-22: clamp(1.1875rem, 1.1442rem + 0.1923vw, 1.375rem);
  --fs-24: clamp(1.125rem, 1.1rem + 0.4vw, 1.5rem);
  --fs-28: clamp(1.25rem, 1.1346rem + 0.5128vw, 1.75rem);
  --fs-32: clamp(1.375rem, 1.2308rem + 0.641vw, 2rem);
  --fs-36: clamp(1.5rem, 1.05rem + 1.2vw, 2.25rem);
  --fs-40: clamp(1.5rem, 1.2692rem + 1.0256vw, 2.5rem);
  --fs-48: clamp(1.75rem, 1.4615rem + 1.2821vw, 3rem);
  --fs-56: clamp(1.75rem, 1.3462rem + 1.7949vw, 3.5rem);
  --fs-64: clamp(1.75rem, 1.2308rem + 2.3077vw, 4rem);
  --fs-80: clamp(2rem, 1.3077rem + 3.0769vw, 5rem);
  --fs-88: clamp(2rem, 1.1923rem + 3.5897vw, 5.5rem);
  --fs-96: clamp(2rem, 0.3636rem + 7.2727vw, 6rem);
  --fs-129: clamp(3rem, 0.9545rem + 9.0909vw, 8rem);
  /* Other CSS variables (360px - 1920px) */
  --rds-1: clamp(0.5rem, 0.3846rem + 0.5128vw, 1rem);
  --rds-2: clamp(1rem, 0.7692rem + 1.0256vw, 2rem);
  --rds-3: clamp(1.5rem, 1.1538rem + 1.5385vw, 3rem);
  --rds-4: clamp(2rem, 1.5385rem + 2.0513vw, 4rem);
  --rds-5: clamp(2.5rem, 1.9231rem + 2.5641vw, 5rem);
  --rds-6: clamp(3rem, 2.3077rem + 3.0769vw, 6rem);
  --rds-8: clamp(4rem, 3.0769rem + 4.1026vw, 8rem);
  --rds-10: clamp(5rem, 3.8462rem + 5.1282vw, 10rem);
  --rds-12: clamp(6rem, 4.6154rem + 6.1538vw, 12rem);
  --rds-15: clamp(7.5rem, 5.7692rem + 7.6923vw, 15rem);
  --rds-20: clamp(10rem, 7.6923rem + 10.2564vw, 20rem);
  --rds-25: clamp(12.5rem, 9.6154rem + 12.8205vw, 25rem);
  --rds-30: clamp(15rem, 11.5385rem + 15.3846vw, 30rem);
  /* Elements variables (360px - 1920px) */
  --header-height: clamp(5rem, 4.8rem + 1vw, 6rem);
  --br-primary: 4px;
  --br-secondary: 8px;
}

@-webkit-keyframes titleAppearAndBlink {
  0% {
    opacity: 1;
    color: var(--color-text);
  }
  79% {
    opacity: 1;
    color: var(--color-text);
  }
  80% {
    opacity: 1;
    color: var(--color-primary);
  }
  87% {
    opacity: 1;
    color: var(--color-text);
  }
  93% {
    opacity: 1;
    color: var(--color-primary);
  }
  95% {
    opacity: 1;
    color: var(--color-text);
  }
  100% {
    opacity: 1;
    color: var(--color-primary);
  }
}
@keyframes titleAppearAndBlink {
  0% {
    opacity: 1;
    color: var(--color-text);
  }
  79% {
    opacity: 1;
    color: var(--color-text);
  }
  80% {
    opacity: 1;
    color: var(--color-primary);
  }
  87% {
    opacity: 1;
    color: var(--color-text);
  }
  93% {
    opacity: 1;
    color: var(--color-primary);
  }
  95% {
    opacity: 1;
    color: var(--color-text);
  }
  100% {
    opacity: 1;
    color: var(--color-primary);
  }
}
@-webkit-keyframes titleAppear {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes titleAppear {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cont,
.cont-xs,
.cont-sm,
.cont-lg,
.cont-md,
.cont-xl,
.cont-left,
.cont-right,
.cont-right-sm {
  margin-inline: auto;
  width: 92%;
}

@media screen and (min-width: 50em) {
  .cont-xs {
    /*width: 50%;*/
    width: 50%;
  }
  .cont-sm {
    width: 60%;
  }
  .cont {
    width: 80%;
  }
  .cont-md {
    width: 85%;
  }
  .cont-lg {
    width: 92%;
  }
  /*.cont-xl {
      width: 92%;
  }*/
  /* .cont-left {
      margin-inline: 0 auto;
      width: 90%;
  }

  .cont-right {
      margin-inline: auto 0;
      width: 90%;
  }*/
}
@media screen and (min-width: 65em) {
  .cont-xs {
    /*width: 50%;*/
    width: 50%;
  }
  .cont-sm {
    width: 60%;
  }
  .cont {
    width: 70%;
  }
  .cont-md {
    width: 85%;
  }
  .cont-lg {
    width: 92%;
  }
  /*.cont-xl {
      width: 92%;
  }*/
  .cont-left {
    margin-inline: 0 auto;
    width: 90%;
  }
  .cont-right {
    margin-inline: auto 0;
    width: 90%;
  }
}
.center {
  margin-inline: auto;
}

.m-t-1 {
  margin-top: var(--rds-1) !important;
}

.m-t-2 {
  margin-top: var(--rds-2) !important;
}

.m-t-3 {
  margin-top: var(--rds-3) !important;
}

.m-t-4 {
  margin-top: var(--rds-4) !important;
}

.m-t-5 {
  margin-top: var(--rds-5) !important;
}

.m-t-6 {
  margin-top: var(--rds-6) !important;
}

.m-t-8 {
  margin-top: var(--rds-8) !important;
}

.m-t-10 {
  margin-top: var(--rds-10) !important;
}

.m-b-1 {
  margin-bottom: var(--rds-1) !important;
}

.m-b-2 {
  margin-bottom: var(--rds-2) !important;
}

.m-b-3 {
  margin-bottom: var(--rds-3) !important;
}

.m-b-4 {
  margin-bottom: var(--rds-4) !important;
}

.m-b-5 {
  margin-bottom: var(--rds-5) !important;
}

.m-b-6 {
  margin-bottom: var(--rds-6) !important;
}

.m-b-8 {
  margin-bottom: var(--rds-8) !important;
}

.m-b-10 {
  margin-bottom: var(--rds-10) !important;
}

.p-b-3 {
  padding-block: var(--rds-3);
}

.p-b-4 {
  padding-block: var(--rds-4);
}

.p-b-6 {
  padding-block: var(--rds-6);
}

.uppercased {
  text-transform: uppercase;
}

.hide {
  opacity: 0 !important;
  visibility: hidden !important;
}

.show {
  opacity: 1 !important;
  visibility: visible !important;
}

.appear {
  display: block !important;
}

.disappear {
  display: none !important;
}

.shrink {
  height: 0 !important;
  overflow: hidden;
}

.grow {
  height: 100% !important;
}

.slide-in {
  transform: translateX(0) !important;
}

.body-full-height {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.animated-heading {
  --time-1: 0.5s;
  --time-2: 0.25s;
  --delay: 0.6s;
}
.animated-heading span:nth-child(1), .animated-heading span:nth-child(3), .animated-heading span:nth-child(4) {
  opacity: 0;
  -webkit-animation-name: titleAppear;
  animation-name: titleAppear;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.animated-heading span:nth-child(1) {
  animation-delay: var(--delay);
}
.animated-heading span:nth-child(2) {
  opacity: 0;
  -webkit-animation-name: titleAppearAndBlink;
  animation-name: titleAppearAndBlink;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: calc(var(--delay) * 2);
  animation-delay: calc(var(--delay) * 2);
}
.animated-heading span:nth-child(3) {
  -webkit-animation-delay: calc(var(--delay) * 3);
  animation-delay: calc(var(--delay) * 3);
}
.animated-heading span:nth-child(4) {
  -webkit-animation-delay: calc(var(--delay) * 4);
  animation-delay: calc(var(--delay) * 4);
}

/* Global reset */
html {
  font-size: 100%;
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*::-moz-selection,
*::selection {
  color: var(--color-white);
  background-color: var(--color-primary);
}

*::-moz-placeholder,
*:-ms-input-placeholder,
*::placeholder {
  font-size: var(--fs-placeholder);
  opacity: 0.7;
  color: var(--color-grey);
}

*::-webkit-scrollbar {
  width: 12px;
  /* width of the entire scrollbar */
}

*::-webkit-scrollbar-track {
  background-color: var(--color-bg);
  /* color of the tracking area */
}

*::-webkit-scrollbar-thumb {
  background-color: var(--color-grey);
  /* color of the scroll thumb */
  border-radius: 100vh;
  /* roundness of the scroll thumb */
  border: 3px solid var(--color-bg);
  /* creates padding around scroll thumb */
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--color-grey) var(--color-bg);
}

/* General styling properties and typography start */
body {
  font-family: var(--ff-primary);
  font-size: var(--fs-18);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.5px;
  color: var(--color-text);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

footer {
  margin-top: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ff-primary);
  font-weight: 600;
  line-height: 1.1;
  color: var(--color-text);
  letter-spacing: 0.5px;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: var(--fs-36);
}

h2 {
  font-size: var(--fs-28);
}

h3,
h4 {
  font-size: var(--fs-22);
}

p {
  margin: 0;
  padding: 0;
}

a {
  font-family: inherit;
  font-size: var(--fs-16);
  font-weight: 400;
  color: var(--color-text);
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: color 0.25s ease-in-out;
}

a:hover {
  color: var(--color-primary);
}

ul {
  list-style: none;
  padding: 0;
}

img {
  display: block;
  max-width: 100%;
}

iframe {
  border: 0;
  display: block;
  max-width: 100%;
}

button,
label,
input,
textarea {
  font-family: var(--ff-primary);
  font-size: var(--fs-16);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.5px;
  color: var(--color-text);
}

button {
  font-weight: 600;
}

.error-text {
  color: var(--color-fail);
}

.nav-link {
  color: var(--color-primary-light);
}
.nav-link:hover {
  color: var(--color-primary);
}

.nav-pills .nav-link.active {
  background-color: var(--color-primary);
}

.form-check-input:checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.checkbox-file-label {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
  max-width: 44ch;
}

#evaluationsList .dx-pager .dx-pages .dx-selection {
  color: var(--color-white);
  background-color: var(--color-primary);
}

.dx-button-mode-contained.dx-button-default {
  background-color: var(--color-primary);
  border-radius: var(--br-secondary);
  font-size: var(--fs-16);
  font-weight: 600;
}
.dx-button-mode-contained.dx-button-default.dx-state-hover, .dx-button-mode-contained.dx-button-default.dx-state-focused, .dx-button-mode-contained.dx-button-default.dx-state-active {
  background-color: var(--color-primary-light);
}

.dx-button.dx-button-mode-contained.dx-button-normal {
  background-color: var(--color-button);
  border-color: var(--color-button);
  color: var(--color-white);
  font-weight: 600;
}

.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover {
  background-color: var(--color-button-light);
  border-color: var(--color-button-light);
  color: var(--color-white);
  font-weight: 600;
}

.dx-last-row.dx-field-button-item {
  margin-top: 1.5rem;
}

.dx-widget input, .dx-widget textarea {
  font-family: var(--ff-primary);
  color: var(--color-text);
}

.dx-item-content {
  font-family: var(--ff-primary);
  color: var(--color-text);
}

.checkbox-file-label a {
  font-size: var(--fs-14);
  color: var(--color-button);
  transition: color 0.2s ease-in-out;
}
.checkbox-file-label a:hover {
  color: var(--color-button-light);
}

.checkbox-file-label p {
  font-size: var(--fs-14);
  color: var(--color-text-light);
  white-space: break-spaces;
  max-width: 50ch;
}

.checkbox-text-label p {
  font-size: var(--fs-14);
  color: var(--color-text-light);
  white-space: normal;
  max-width: 50ch;
}

#registerForm .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content {
  flex-grow: 0;
  width: fit-content;
}

#registerForm .dx-layout-manager .dx-label-h-align .dx-field-item-label-content {
  white-space: normal;
  width: 100% !important;
}

.dx-field-item-label .dx-field-item-label-text {
  font-size: var(--fs-14);
  color: var(--color-text-light);
}

.dx-checkbox-container .dx-checkbox-text {
  font-size: var(--fs-14);
  color: var(--color-text-light);
}

.dx-list-item.dx-state-hover,
.dx-list-item.dx-state-active,
.dx-list-item.dx-state-focused {
  background-color: var(--color-bg) !important;
}

.application .dx-list-item-content {
  white-space: normal !important;
}

.application .dx-scrollable.dx-scrollview.dx-scrollable-vertical {
  height: auto !important;
}

.btn, .btn--icon, .btn--warning, .btn--squared-outlined, .btn--outline, .btn--tertiary, .btn--secondary, .btn--primary {
  padding: 0.5em 2em;
  border: 1.5px solid transparent;
  border-radius: var(--br-primary);
  font-size: var(--fs-16);
  font-weight: 600;
  text-align: center;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.btn:hover, .btn--icon:hover, .btn--warning:hover, .btn--squared-outlined:hover, .btn--outline:hover, .btn--tertiary:hover, .btn--secondary:hover, .btn--primary:hover {
  color: var(--color-primary);
}
.btn--primary {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
@media screen and (hover: hover) {
  .btn--primary:hover {
    color: var(--color-white);
    background-color: var(--color-primary-light);
    border-color: var(--color-primary-light);
  }
}
.btn--primary[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn--primary[disabled]:hover {
  background-color: var(--color-primary);
  border-color: var(--color-primary-light);
}
.btn--secondary {
  color: var(--color-text-light);
  background-color: var(--color-bg);
  border-color: var(--color-bg);
}
@media screen and (hover: hover) {
  .btn--secondary:hover {
    color: var(--color-text-light);
    background-color: var(--color-grey-light);
    border-color: var(--color-grey-light);
  }
}
.btn--secondary[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn--tertiary {
  color: var(--color-white);
  background-color: var(--color-tertiary);
  border-color: var(--color-tertiary);
}
@media screen and (hover: hover) {
  .btn--tertiary:hover {
    color: var(--color-white);
    background-color: var(--color-tertiary-light);
    border-color: var(--color-tertiary-light);
  }
}
.btn--outline {
  color: var(--color-text);
  padding: 0.65em 3.5em;
  background-color: transparent;
  border-color: var(--color-text);
  border-radius: 100vh;
}
@media screen and (hover: hover) {
  .btn--outline:hover {
    color: var(--color-grey);
    border-color: var(--color-grey);
  }
}
.btn--squared-outlined {
  color: var(--color-text);
  background-color: var(--color-white);
  border: 1.5px solid var(--color-text);
}
@media screen and (hover: hover) {
  .btn--squared-outlined:hover {
    color: var(--color-grey);
    border-color: var(--color-grey);
  }
}
.btn--warning {
  background-color: red;
  color: var(--color-white);
  border-color: red;
}
@media screen and (hover: hover) {
  .btn--warning:hover {
    color: var(--color-white);
    background-color: darkred;
    border-color: darkred;
  }
}
.btn--icon {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5em 4em;
  border: 1.5px solid var(--color-secondary);
  border-radius: 100vh;
  background-color: var(--color-secondary);
  color: var(--color-primary);
  transition: border-color 0.25s ease-in-out;
}
.btn--icon span {
  margin-top: 0.2em;
}
.btn--icon:hover {
  border-color: var(--color-primary);
}

.slider-btn, .slider-btn--next, .slider-btn--prev {
  width: 3rem;
  aspect-ratio: 1;
  background-color: transparent;
  border: 1.5px solid var(--color-text);
  border-radius: 50%;
  transition: background-color 0.25s ease-in-out;
}
.slider-btn svg path, .slider-btn--next svg path, .slider-btn--prev svg path {
  transition: fill 0.25s ease-in-out;
}
.slider-btn:hover, .slider-btn--next:hover, .slider-btn--prev:hover {
  background-color: var(--color-text);
}
.slider-btn:hover svg path, .slider-btn--next:hover svg path, .slider-btn--prev:hover svg path {
  fill: var(--color-white);
}
.slider-btn.swiper-button-disabled, .swiper-button-disabled.slider-btn--prev, .swiper-button-disabled.slider-btn--next {
  opacity: 0.25;
  pointer-events: none;
}

.expertise-button {
  padding: 0.5em 1.25em;
  border: 2px solid var(--color-grey-light);
  border-radius: var(--br-primary);
  font-size: var(--fs-16);
  font-weight: 600;
  text-align: center;
  background-color: var(--color-grey-light);
  color: var(--color-text);
}
.expertise-button.selected {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}

.detail-card {
  display: grid;
  grid-template-rows: 1fr auto;
  border-radius: var(--br-secondary);
  margin-bottom: 0.5rem;
  min-height: 24rem;
  overflow: hidden;
  box-shadow: 1px 1px 6px 1px var(--color-bg);
  transition: box-shadow 0.25s ease-in-out;
}
.detail-card:hover {
  box-shadow: 1px 1px 10px 1px var(--color-grey-light);
}
.detail-card__img-wrapper {
  width: 100%;
  aspect-ratio: 1.6;
  position: relative;
}
.detail-card__img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detail-card__status-badge {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  border: none !important;
}
.detail-card__info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0.75rem;
  row-gap: 0.75rem;
  padding: var(--rds-1) 0.5rem;
}
.detail-card__title-container {
  grid-column: 1/-1;
  grid-row: 1/2;
  margin-bottom: 0.5rem;
}
.detail-card__title-label, .detail-card__start-date-label, .detail-card__end-date-label {
  font-size: var(--fs-14);
  color: var(--color-text-light);
}
.detail-card__title-value {
  font-size: var(--fs-22);
  font-weight: 600;
  line-height: 1.1;
  color: var(--color-text);
}
.detail-card__start-date-value, .detail-card__end-date-value {
  font-size: var(--fs-18);
  font-weight: 600;
  line-height: 1.1;
  color: var(--color-text);
}
.detail-card__start-date-container {
  grid-column: 1/2;
  grid-row: 2/3;
  margin-bottom: 0.5rem;
}
.detail-card__end-date-container {
  grid-column: 2/-1;
  grid-row: 2/3;
  margin-bottom: 0.5rem;
}
.detail-card__view-btn {
  grid-column: 1/2;
  grid-row: 3/4;
}
.detail-card__apply-btn {
  grid-column: 2/-1;
  grid-row: 3/4;
}
.detail-card__evaluate-btn {
  grid-column: 1/-1;
  grid-row: 4/5;
}

.role-card, .role-card--evaluator, .role-card--applicant {
  display: grid;
  grid-template-areas: "title image" "text image" "button image";
  justify-items: start;
  align-items: center;
  column-gap: 2rem;
  row-gap: var(--rds-2);
  padding: var(--rds-3) var(--rds-2);
  max-width: 60rem;
  min-height: 17rem;
  border-radius: var(--br-secondary);
}
.role-card--applicant {
  background-color: var(--color-secondary);
}
.role-card--applicant.inverted {
  column-gap: var(--rds-3);
  max-width: 100%;
  grid-template-areas: "image title" "image text" "image button";
  grid-template-columns: 1fr 1fr;
}
.role-card--applicant.inverted .role-card__title, .role-card--applicant.inverted .role-card__text, .role-card--applicant.inverted .role-card__btn {
  justify-self: start;
}
.role-card--applicant.inverted .role-card__img-wrapper {
  justify-self: end;
}
.role-card--evaluator {
  background-color: var(--color-quaternary);
}
.role-card--evaluator.inverted {
  column-gap: var(--rds-3);
  max-width: 100%;
  grid-template-areas: "image title" "image text" "image button";
  grid-template-columns: 1fr 1fr;
}
.role-card--evaluator.inverted .role-card__title, .role-card--evaluator.inverted .role-card__text, .role-card--evaluator.inverted .role-card__btn {
  justify-self: start;
}
.role-card--evaluator.inverted .role-card__img-wrapper {
  justify-self: end;
}
.role-card__img-wrapper {
  grid-area: image;
  align-self: start;
}
.role-card__title {
  grid-area: title;
}
.role-card__text {
  grid-area: text;
  line-height: 1.4;
}
.role-card__btn {
  grid-area: button;
  padding-inline: 3em;
}

.apply-card {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  row-gap: 1rem;
  width: min(25rem, 100%);
  padding: var(--rds-2);
  background-color: var(--color-secondary);
  border: 1px solid var(--color-primary);
  border-radius: var(--br-secondary);
  overflow: hidden;
}
.apply-card__btn.disabled {
  background-color: var(--color-grey-light);
  border-color: var(--color-grey-light);
  pointer-events: none;
}
.apply-card__deadline {
  font-size: var(--fs-14);
  font-weight: 600;
  color: var(--color-tertiary);
  text-align: center;
}
.apply-card__deadline-label {
  font-size: var(--fs-14);
  font-weight: 600;
  color: var(--color-tertiary);
  text-align: center;
  margin-block: 0.25rem;
}
.apply-card__deadline-countdown {
  font-size: var(--fs-18);
  font-weight: 600;
  color: var(--color-tertiary);
  text-align: center;
}

.quote-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
  padding: 2rem 2rem 4rem;
  background-color: var(--color-bg);
  border-radius: var(--br-secondary);
}
.quote-card__icon {
  display: grid;
  place-items: center;
  background-color: var(--color-white);
  width: 4rem;
  aspect-ratio: 1;
  border-radius: 50%;
}
.quote-card__text {
  color: var(--color-text);
}

.expert-card {
  display: grid;
  grid-template-columns: 0.15fr 1fr 0.15fr;
  column-gap: 0.25rem;
  min-height: 18rem;
  background-color: var(--color-secondary);
  border-radius: var(--br-secondary);
  overflow: hidden;
}
@media (width >= 30em) {
  .expert-card {
    grid-template-columns: 0.25fr 1fr 0.25fr;
    column-gap: 0.5rem;
  }
}
@media (width >= 90em) {
  .expert-card {
    min-height: 22rem;
  }
}
.expert-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding-block: var(--rds-2) var(--rds-5);
}
.expert-card__title {
  font-size: var(--fs-48);
  font-weight: 600;
  text-align: center;
}
.expert-card__title span {
  color: var(--color-primary);
}
.expert-card__text {
  text-align: center;
  max-width: 65ch;
}
.expert-card__decoration--left {
  align-self: start;
  justify-self: start;
}
.expert-card__decoration--right {
  align-self: end;
  justify-self: end;
}

.instructions-card {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  justify-items: center;
  row-gap: var(--rds-2);
  padding: var(--rds-4);
}
.instructions-card__icon {
  align-self: end;
}
.instructions-card__text {
  align-self: start;
  text-align: center;
  max-width: 65ch;
}

.form + .other-actions, .register-form + .other-actions {
  margin-top: 1rem;
}

.form__action-link {
  font-size: var(--fs-16);
  font-weight: 600;
  color: var(--color-primary);
}
.form__action-link:hover {
  color: var(--color-primary-light);
}

.other-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.other-actions__question {
  margin-bottom: 0;
  font-size: var(--fs-14);
  font-weight: 400;
}
.other-actions__action {
  font-size: var(--fs-14);
  font-weight: 600;
  color: var(--color-primary);
}
@media screen and (hover: hover) {
  .other-actions__action:hover {
    color: var(--color-primary-light);
  }
}
.other-actions__action--secondary {
  font-size: var(--fs-14);
  font-weight: 600;
  color: var(--color-button);
}
@media screen and (hover: hover) {
  .other-actions__action--secondary:hover {
    color: var(--color-button-light);
  }
}

.register-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.register-form__input-wrapper {
  display: flex;
  flex-direction: column;
}
.register-form__label {
  font-size: var(--fs-16);
  font-weight: 400;
  color: var(--color-grey);
  margin-left: 0.5rem;
}
.register-form__input {
  padding: 0.5rem;
  text-align: center;
  border-radius: 4px;
  border: 1px solid var(--color-grey);
}
.register-form__input:focus-within {
  outline: 1px solid var(--color-primary);
}
.register-form__validation-msg {
  color: var(--color-fail);
}
.register-form__role-wrapper {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  margin-block: 1.5rem;
}
.register-form__role-title {
  font-size: var(--fs-16);
  font-weight: 400;
  color: var(--color-grey);
  margin-right: 2rem;
}
.register-form__radio-wrapper {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}
.register-form__radio-label {
  font-size: var(--fs-16);
  font-weight: 400;
  color: var(--color-grey-dark);
}
.register-form__cv {
  width: 100%;
  padding: 18px, 12px, 18px, 12px;
  border: 1px solid #CFD4D9;
  border-radius: 5px;
}
.register-form__other-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
.register-form__prompt {
  justify-self: flex-end;
  font-size: var(--fs-14);
  color: var(--color-grey);
}
.register-form__action-link {
  font-size: var(--fs-16);
  font-weight: 600;
  color: var(--color-primary);
}
.register-form__action-link:hover {
  color: var(--color-primary-light);
}
.register-form__action-link--secondary {
  font-size: var(--fs-14);
  font-weight: 600;
  color: var(--color-button);
}
.register-form__action-link--secondary:hover {
  color: var(--color-button-light);
}

.form-inline .btn {
  margin-inline: auto;
}

#form-container input[name=Consent] + .dx-checkbox-container {
  display: none;
}

.account-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.account-form__input-wrapper {
  display: flex;
  flex-direction: column;
}
.account-form__checkbox-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.account-form__checkbox-wrapper input[type=checkbox] {
  order: -1;
  width: 1.15rem;
  aspect-ratio: 1;
}
.account-form__label {
  font-size: var(--fs-16);
  font-weight: 600;
  color: var(--color-text-light);
  margin-left: 0.25rem;
}
.account-form__input {
  padding: 0.5rem;
  text-align: center;
  border-radius: 4px;
  border: 1px solid var(--color-grey);
}
.account-form__input:focus-within {
  outline: 1px solid var(--color-primary);
}
.account-form__profile-image {
  width: 8rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: var(--color-white);
  border: 1px solid var(--color-white);
  margin-block: 0.25rem 0.5rem;
  overflow: hidden;
}
.account-form__profile-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.account-form__bg-image {
  width: 100%;
  aspect-ratio: 4/1;
  background-color: var(--color-white);
  margin-block: 0.25rem 0.5rem;
  overflow: hidden;
}
.account-form__bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.account-form__validation-msg {
  color: var(--color-fail);
}
.account-form__role-wrapper {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  margin-block: 1.5rem;
}
.account-form__role-title {
  font-size: var(--fs-16);
  font-weight: 400;
  color: var(--color-grey);
  margin-right: 2rem;
}
.account-form__radio-wrapper {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}
.account-form__radio-label {
  font-size: var(--fs-16);
  font-weight: 400;
  color: var(--color-grey-dark);
}
.account-form__cv {
  width: 100%;
  padding: 18px, 12px, 18px, 12px;
  border: 1px solid #CFD4D9;
  border-radius: 5px;
}
.account-form__other-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
.account-form__prompt {
  justify-self: flex-end;
  font-size: var(--fs-14);
  color: var(--color-grey);
}
.account-form__action-link {
  font-size: var(--fs-16);
  font-weight: 600;
  color: var(--color-primary);
}
.account-form__action-link:hover {
  color: var(--color-primary-light);
}
.account-form__action-link--secondary {
  font-size: var(--fs-14);
  font-weight: 600;
  color: var(--color-button);
}
.account-form__action-link--secondary:hover {
  color: var(--color-button-light);
}
.account-form__submit-btn {
  align-self: flex-start;
}
@media (width >= 30em) {
  .account-form__submit-btn {
    align-self: flex-end;
  }
}
.account-form__text {
  font-size: var(--fs-16);
  font-weight: 400;
  color: var(--color-text);
  margin-top: 0.5rem;
}

.esr-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.esr-form input[type=file] {
  padding: 1rem 0.5rem;
  border: 2px solid var(--color-tertiary);
  border-radius: var(--br-secondary);
  width: min(100%, 25rem);
}

#esr-form #uploaded-file-info {
  margin-bottom: 2rem;
}
#esr-form #uploaded-file-info p {
  font-size: var(--fs-16);
}
#esr-form #uploaded-file-link {
  padding: 0.25rem 0.75rem;
  border-radius: var(--br-secondary);
  color: var(--color-tertiary);
  font-weight: 600;
  font-size: var(--fs-16);
  background-color: var(--color-quaternary);
  margin-left: 0.25rem;
}

.compose-form,
.reply-form {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.compose-form__form-control,
.reply-form__form-control {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.compose-form__form-control label,
.reply-form__form-control label {
  padding-left: 0.5rem;
  font-size: var(--fs-16);
  font-weight: 600;
  line-height: 1.2;
}
.compose-form__form-control input, .compose-form__form-control textarea,
.reply-form__form-control input,
.reply-form__form-control textarea {
  padding: 0.5rem;
  border: 1px solid var(--color-grey);
  border-radius: var(--br-primary);
}
.compose-form__form-control input:focus-within, .compose-form__form-control textarea:focus-within,
.reply-form__form-control input:focus-within,
.reply-form__form-control textarea:focus-within {
  outline: 1px solid var(--color-primary);
}
.compose-form__btn-wrapper,
.reply-form__btn-wrapper {
  align-self: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.reply-form {
  border-top: 1px solid var(--color-grey-light);
  padding-top: 1rem;
}
.reply-form__reply-to {
  font-size: var(--fs-14);
}
.reply-form__parent-subject {
  font-style: italic;
  font-weight: 700;
}
.reply-form__sender-details {
  font-size: var(--fs-14);
}
.reply-form__sender {
  font-weight: 700;
  color: var(--color-tertiary);
}
.reply-form__message-text {
  font-size: var(--fs-14);
  font-style: italic;
}

.datagrid__text-strong {
  font-family: var(--ff-primary);
  font-weight: 600;
  font-size: var(--fs-16);
}
.datagrid__view-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-primary);
  font-family: var(--ff-primary);
  font-weight: 600;
  font-size: var(--fs-16);
  transition: color 0.25s ease-in-out;
}
.datagrid__view-link:hover {
  color: var(--color-primary-light);
}

.my-applications .dx-datagrid, .my-evaluations .dx-datagrid {
  background-color: transparent;
}
.my-applications .dx-datagrid .dx-row > td, .my-evaluations .dx-datagrid .dx-row > td {
  padding-inline: 1rem;
}
.my-applications .dx-datagrid-headers, .my-evaluations .dx-datagrid-headers {
  margin-bottom: 1rem;
}
.my-applications .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row > td, .my-evaluations .dx-datagrid-headers .dx-datagrid-content .dx-datagrid-table .dx-row > td {
  height: 3rem;
  vertical-align: middle;
}
.my-applications .dx-texteditor.dx-editor-outlined, .my-evaluations .dx-texteditor.dx-editor-outlined {
  border-color: var(--color-grey-light);
}
.my-applications .dx-datagrid-borders .dx-datagrid-rowsview, .my-applications .dx-datagrid-headers + .dx-datagrid-rowsview, .my-applications .dx-datagrid-rowsview.dx-datagrid-after-headers, .my-evaluations .dx-datagrid-borders .dx-datagrid-rowsview, .my-evaluations .dx-datagrid-headers + .dx-datagrid-rowsview, .my-evaluations .dx-datagrid-rowsview.dx-datagrid-after-headers {
  border-color: var(--color-grey-light);
}
.my-applications .dx-datagrid-borders > .dx-datagrid-filter-panel, .my-applications .dx-datagrid-borders > .dx-datagrid-headers, .my-evaluations .dx-datagrid-borders > .dx-datagrid-filter-panel, .my-evaluations .dx-datagrid-borders > .dx-datagrid-headers {
  border-color: var(--color-grey-light);
}
.my-applications .dx-datagrid-rowsview .dx-row, .my-evaluations .dx-datagrid-rowsview .dx-row {
  border: 0;
  border-bottom: 1px solid var(--color-grey-light);
  background-color: var(--color-white);
}
.my-applications .dx-datagrid-rowsview .dx-row td, .my-evaluations .dx-datagrid-rowsview .dx-row td {
  height: 4rem;
  vertical-align: middle;
}
.my-applications .dx-pager .dx-page-sizes .dx-selection, .my-applications .dx-pager .dx-pages .dx-selection, .my-evaluations .dx-pager .dx-page-sizes .dx-selection, .my-evaluations .dx-pager .dx-pages .dx-selection {
  color: var(--color-white);
  font-weight: 600;
}
.my-applications .dx-pager .dx-pages .dx-next-button::before, .my-applications .dx-pager .dx-pages .dx-prev-button::before, .my-evaluations .dx-pager .dx-pages .dx-next-button::before, .my-evaluations .dx-pager .dx-pages .dx-prev-button::before {
  color: var(--color-grey);
}

.my-applications .datagrid__text-strong {
  color: var(--color-primary);
}
.my-applications .datagrid__view-link {
  color: var(--color-primary);
}
.my-applications .dx-pager .dx-page-sizes .dx-selection, .my-applications .dx-pager .dx-pages .dx-selection {
  background-color: var(--color-primary);
}

.my-evaluations .datagrid__text-strong {
  color: var(--color-tertiary);
}
.my-evaluations .datagrid__view-link {
  color: var(--color-tertiary);
}
.my-evaluations .dx-pager .dx-page-sizes .dx-selection, .my-evaluations .dx-pager .dx-pages .dx-selection {
  background-color: var(--color-tertiary);
}

.dx-header-row .dx-datagrid-text-content {
  color: var(--color-text-light);
}

.status-badge, .status-badge--closed, .status-badge--upcoming, .status-badge--active {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.5rem;
  background-color: var(--color-white);
  border-radius: 100vh;
  border: 1px solid var(--color-grey);
  width: max-content;
}
.status-badge__indicator {
  width: 0.75rem;
  aspect-ratio: 1;
  border-radius: 50%;
}
.status-badge__title {
  font-size: var(--fs-14);
  font-weight: 400;
  color: var(--color-text-light);
  line-height: 1.1;
  letter-spacing: 0px;
}
.status-badge__time {
  font-size: var(--fs-14);
  font-weight: 600;
  color: var(--color-text-light);
  line-height: 1;
  letter-spacing: 0px;
}
.status-badge--active .status-badge__indicator {
  background-color: var(--color-active);
}
.status-badge--upcoming .status-badge__indicator {
  background-color: var(--color-upcoming);
}
.status-badge--closed .status-badge__indicator {
  background-color: var(--color-closed);
}

.app-status-badge, .app-status-badge--fail, .app-status-badge--ready, .app-status-badge--evaluated--app, .app-status-badge--evaluated, .app-status-badge--complete, .app-status-badge--assigned, .app-status-badge--received--app, .app-status-badge--received, .app-status-badge--pending--app, .app-status-badge--pending, .app-status-badge--rejected--app, .app-status-badge--rejected, .app-status-badge--accepted--app, .app-status-badge--accepted {
  width: fit-content;
  padding: 0.35em 1em;
  border: none;
  border-radius: 100vh;
  font-size: var(--fs-14);
  font-weight: 600;
  color: var(--color-white);
}
.app-status-badge--accepted {
  color: var(--color-accept);
  background-color: var(--color-accept-light);
}
.app-status-badge--accepted--app {
  background-color: var(--color-accept);
  color: var(--color-white);
}
.app-status-badge--rejected {
  color: var(--color-reject);
  background-color: var(--color-reject-light);
}
.app-status-badge--rejected--app {
  background-color: var(--color-reject);
  color: var(--color-white);
}
.app-status-badge--pending {
  color: var(--color-pending);
  background-color: var(--color-pending-light);
}
.app-status-badge--pending--app {
  background-color: var(--color-pending);
  color: var(--color-white);
}
.app-status-badge--received {
  color: var(--color-pending);
  background-color: var(--color-pending-light);
}
.app-status-badge--received--app {
  background-color: var(--color-pending);
  color: var(--color-white);
}
.app-status-badge--assigned {
  background-color: var(--color-assign);
}
.app-status-badge--complete {
  background-color: var(--color-complete);
}
.app-status-badge--evaluated {
  color: var(--color-accept);
  background-color: var(--color-accept-light);
}
.app-status-badge--evaluated--app {
  background-color: var(--color-accept);
  color: var(--color-white);
}
.app-status-badge--ready {
  background-color: var(--color-assign);
}
.app-status-badge--fail {
  background-color: var(--color-fail);
}

.event__data-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*gap: 0.25rem;*/
  margin-bottom: var(--responsive-2);
}
.event__heading, .event__heading--eval-reg-deadline, .event__heading--website, .event__heading--end-date, .event__heading--start-date, .event__heading--description, .event__heading--title {
  font-size: var(--fs-16);
  font-weight: 400;
  color: var(--color-text);
  margin-bottom: 0;
}
.event__data, .event__data--eval-reg-deadline, .event__data--website, .event__data--end-date, .event__data--start-date, .event__data--description, .event__data--title {
  font-size: var(--fs-24);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: 0;
}
.event__data--start-date {
  font-size: var(--fs-22);
}
.event__data--end-date {
  font-size: var(--fs-22);
}
.event__data--eval-reg-deadline {
  font-size: var(--fs-22);
}
.event__btn {
  display: grid;
  width: min(100%, 16rem);
  margin-inline: auto;
  text-align: center;
}

.divider {
  height: 1.5px;
  background-color: var(--color-bg);
}

.divider-vertical {
  width: 1.5px;
  height: 100%;
  background-color: var(--color-bg);
}

.newsletter__container {
  padding-block: 0.75rem 2rem;
  background-color: var(--color-tertiary);
  border-radius: var(--br-secondary);
  padding: var(--rds-3) var(--rds-2);
}
.newsletter__form {
  display: grid;
  place-items: center;
}
.newsletter__form-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.newsletter__title {
  font-size: var(--fs-36);
  font-weight: 600;
  color: var(--color-white);
  line-height: 1;
}
.newsletter__text {
  font-family: var(--ff-primary);
  font-size: var(--fs-18);
  color: var(--color-white);
  text-align: center;
  max-width: 65ch;
  margin-bottom: 1rem;
}
.newsletter__form-control {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  position: relative;
}
.newsletter__form-control label {
  font-size: var(--fs-14);
  color: var(--color-white);
  margin-left: 1rem;
  display: none;
}
.newsletter__form-control input[type=email] {
  padding: 0.75em 1.25rem;
  border-radius: 100vh;
  border: 0;
  width: min(75vw, 30rem);
}
.newsletter__form-control input[type=email]:focus-within {
  outline: 1px solid var(--color-grey);
}
.newsletter__form-control input[type=submit] {
  position: absolute;
  top: 50%;
  right: 0.25rem;
  transform: translateY(-50%);
  border-radius: 100vh;
  z-index: 1;
}
.newsletter--grey .newsletter__container {
  background-color: var(--color-bg);
}
.newsletter--grey .newsletter__title {
  color: var(--color-text);
}
.newsletter--grey .newsletter__text {
  color: var(--color-text);
}

.email {
  background-color: var(--color-white);
}
.email__decoration {
  width: 100%;
  height: 5px;
  background-color: var(--color-button);
}
.email__logo-wrapper {
  width: fit-content;
  margin: 2.5rem auto 0;
}
.email__main {
  padding: 2.5rem 1.5rem;
}
.email__title {
  font-size: var(--fs-32);
  font-weight: 600;
  text-align: center;
}
.email__greeting {
  margin-bottom: 2rem;
}
.email__text:last-child {
  margin-bottom: 2rem;
}
.email__link {
  color: var(--color-button);
  text-decoration: underline;
  transition: color 0.25s ease-in-out;
}
.email__link:hover {
  color: var(--color-button-dark);
}
.cookies {
  position: fixed;
  bottom: 1.5rem;
  left: 1.5rem;
  width: min(100% - 5rem);
  max-width: 30rem;
  padding: 2.5rem;
  background-color: var(--color-white);
  border-radius: 8px;
  border: 1.5px solid var(--color-button);
  box-shadow: 1px 1px 12px 4px var(--color-grey-light);
}
.cookies__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  align-items: start;
  row-gap: 1rem;
  width: 100%;
  height: 100%;
}
.cookies__close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 1.75rem;
  aspect-ratio: 1;
  border: 1.5px solid var(--color-button);
  border-radius: 50%;
  background-color: transparent;
  font-size: var(--fs-14);
  color: var(--color-button);
  transition: all 0.2s ease-in-out;
}
.cookies__close-btn:hover {
  background-color: var(--color-button);
  color: var(--color-white);
}
.cookies__accept {
  display: flex;
  gap: 0.75rem;
}
.cookies__text {
  font-size: var(--fs-14);
  color: var(--color-text);
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.cookies__policy-link {
  font-size: var(--fs-14);
  color: var(--color-button);
  transition: color 0.2s ease-in-out;
}
.cookies__policy-link:hover {
  color: var(--color-button-dark);
}
.cookies input, .cookies label {
  color: var(--color-grey-3);
}
.cookies label {
  font-size: var(--fs-14);
  font-weight: 700;
  text-transform: uppercase;
}
.cookies__accept-btn {
  margin-top: 1rem;
}
.faq-popup * {
  text-align: center;
  font-family: var(--ff-primary);
  font-size: var(--fs-16);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.5px;
}
.faq-popup .dx-popup-title {
  border-bottom: none;
  background-color: var(--color-primary);
  text-align: center;
}
.faq-popup .dx-popup-title * {
  color: var(--color-button);
  font-size: var(--fs-18);
  font-weight: 600;
}
.faq-popup .dx-popup-bottom.dx-toolbar {
  padding: 0px 20px 40px;
}
.faq-popup .dx-popup-bottom .dx-button {
  border: 1.5px solid var(--color-button);
}
.faq-popup .dx-popup-bottom .dx-button span {
  font-size: var(--fs-14);
}
.faq-popup .dx-popup-bottom .dx-button[aria-label=Cancel] {
  color: var(--color-button);
}
.faq-popup .dx-popup-bottom .dx-button[aria-label=Cancel]:hover {
  color: var(--color-button-dark);
  border-color: var(--color-button-dark);
  background-color: transparent;
}

.message-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(95%, 40rem);
  aspect-ratio: 1.5;
  padding: var(--rds-3);
  background-color: var(--color-white);
  border: 0;
  border-radius: var(--br-primary);
  box-shadow: 2px 2px 10px 8px var(--color-grey-light);
  z-index: 1002;
}
.message-popup__content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.message-popup__icon {
  width: 3rem;
}
.message-popup__text {
  text-align: center;
}
.message-popup__btn-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.question-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(95%, 40rem);
  padding: var(--rds-3);
  background-color: var(--color-white);
  border: 0;
  border-radius: var(--br-primary);
  box-shadow: 2px 2px 10px 8px var(--color-grey-light);
  z-index: 1002;
}
.question-popup__content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  height: 100%;
}
.question-popup__title {
  font-size: var(--fs-20);
  font-weight: 600;
}
.question-popup__form {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.question-popup__form input, .question-popup__form textarea {
  padding: 0.5rem;
  border: 1px solid var(--color-grey);
  border-radius: var(--br-primary);
}
.question-popup__form input:focus, .question-popup__form textarea:focus {
  outline: 1px solid var(--color-text);
}
.question-popup__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.accordion {
  border: 1.5px solid var(--color-grey-light);
  border-radius: 4px;
  padding: 1.5rem;
  overflow: hidden;
}
.accordion__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--responsive-10);
}
.accordion__bottom {
  height: auto;
  overflow: hidden;
  transition: height 1s ease-in-out;
}
.accordion__bottom.shrink {
  height: 0;
}
.accordion__question {
  font-family: var(--ff-primary);
  font-size: var(--fs-16);
  font-weight: 700;
  line-height: 1.4;
}
.accordion__btn {
  background-color: transparent;
  border: none;
  padding: 0.5rem 0.75rem;
  min-height: 2.25rem;
}
.accordion__btn img {
  min-width: 1.25rem;
  pointer-events: none;
}
.accordion__answer {
  font-family: var(--ff-primary);
  font-size: var(--fs-14);
  font-weight: 400;
  margin-top: 1rem;
}

.stats-container {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  gap: 1rem;
  padding: var(--rds-6) var(--rds-2);
  margin-top: 6rem;
  background-color: var(--color-primary);
  border-radius: var(--br-secondary);
  position: relative;
}
@media (width < 40em) {
  .stats-container {
    flex-wrap: wrap;
  }
}
.stats-container__graphic {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: grid;
  grid-template-rows: 1.5fr 1fr;
  place-items: center;
  background-color: var(--color-primary);
  width: 5rem;
  aspect-ratio: 1;
  border-radius: 50%;
  z-index: 10;
}
.stats-container__item {
  flex-basis: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-white);
}
.stats-container__number {
  font-size: var(--fs-64);
  font-weight: 600;
  margin-bottom: var(--rds-1);
}
.stats-container__text {
  width: max-content;
}

.slider__header {
  /*display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--rds-2);*/
  display: grid;
  grid-template-areas: "title title" "main-btn slider-btns";
  align-items: center;
  column-gap: var(--rds-2);
  row-gap: var(--rds-2);
  padding-block: 1.5rem;
}
@media (width >= 30em) {
  .slider__header {
    grid-template-areas: "title main-btn slider-btns";
    grid-template-columns: 1fr auto auto;
  }
}
.slider__title {
  grid-area: title;
  font-size: var(--fs-28);
}
.slider__main-btn {
  grid-area: main-btn;
  justify-self: start;
}
@media (width >= 30em) {
  .slider__main-btn {
    margin-left: auto;
    justify-self: end;
  }
}
.slider__slider-btns {
  grid-area: slider-btns;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.slider__slider-btns:has(button.swiper-button-lock) {
  display: none;
}
@media (width >= 30em) {
  .slider__slider-btns {
    justify-self: end;
  }
}

.tabs-primary {
  padding-block: var(--rds-3) var(--rds-4);
}
.tabs-primary__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0;
}
.tabs-primary__link {
  font-weight: 600;
  padding: 0.5em 0.5em;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
@media (width >= 30em) {
  .tabs-primary__link {
    padding: 0.5em 1.5em;
  }
}
.tabs-primary__link.active {
  pointer-events: none;
}

.tabs-secondary {
  border-bottom: 2px solid var(--color-grey);
}
.tabs-secondary__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--rds-3);
  margin-bottom: 0.75rem;
}
.tabs-secondary__link {
  padding: 0.5rem 0.5rem 0.5rem;
  font-weight: 600;
  border-bottom: 5px solid transparent;
}
.tabs-secondary__link.active {
  border-color: var(--color-primary);
  pointer-events: none;
}

.tabs-tertiary {
  padding-block: var(--rds-2);
}
.tabs-tertiary__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0;
}
.tabs-tertiary__link {
  font-size: var(--fs-16);
  font-weight: 600;
  padding: 0.5em 1.5em;
  background-color: transparent;
  border: 0;
  border-radius: var(--br-secondary);
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.tabs-tertiary__link.active {
  color: var(--color-white);
  background-color: var(--color-tertiary);
}

.header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--rds-2);
  padding: 1rem var(--rds-1);
  background-color: var(--color-white);
  border-bottom: 1px solid var(--color-grey-light);
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
}
@media (width >= 65em) {
  .header {
    flex-wrap: nowrap;
    padding: 1rem var(--rds-2);
  }
}
.header__logo-wrapper {
  order: 1;
}
.header__logo-wrapper img {
  width: clamp(8rem, 7.3rem + 3.5vw, 11.5rem);
}
.header__nav {
  order: 4;
  display: none;
}
@media (width >= 65em) {
  .header__nav {
    order: 2;
    display: unset;
  }
}
.header__nav ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--rds-2);
  margin-bottom: 0;
}
.header__nav li {
  width: max-content;
}
.header__nav a {
  font-size: var(--fs-16);
  font-weight: 600;
  padding-block: 0.25rem;
  transition: color 0.2s ease-in-out;
}
.header__nav a:hover {
  /*color: var(--color-grey-dark);*/
  color: var(--color-button-dark);
}
.header__btn-container {
  order: 3;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  margin-bottom: 0;
  position: relative;
}
.header__messaging, .header__notifications-btn {
  padding: 0.25rem;
  margin-right: 0.75rem;
  position: relative;
}
@media (width >= 30em) {
  .header__messaging, .header__notifications-btn {
    padding: 0.5rem;
  }
}
.header__message-count {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  display: grid;
  place-items: center;
  font-size: 11px;
  background-color: var(--color-primary);
  color: var(--color-white);
  font-weight: 700;
  width: 1.25rem;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
.header__notifications-btn {
  border: 0;
  background-color: transparent;
}
.header__notifications-count {
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
  display: grid;
  place-items: center;
  font-size: 11px;
  background-color: var(--color-tertiary);
  color: var(--color-white);
  font-weight: 700;
  width: 1.25rem;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
.header__notifications-popup {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0rem;
  width: min(22rem, 95vw);
}
.header__notifications-list {
  padding: 1rem 1rem 1rem 0.75rem;
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-light);
  border-radius: var(--br-secondary);
  display: flex;
  flex-direction: column;
  max-height: min(75vh, 30rem);
  overflow-x: hidden;
  overflow-y: auto;
}
.header__notifications-item {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 0.25rem;
  row-gap: 0.25rem;
  padding-block: 1rem;
  font-size: var(--fs-14);
  line-height: 1.2;
  cursor: pointer;
}
.header__notifications-item:not(:last-child) {
  border-bottom: 1px solid var(--color-grey-light);
}
.header__notifications-item.read .header__notifications-is-read-icon {
  color: transparent;
  visibility: hidden;
}
.header__notifications-item.read .header__notifications-title {
  display: initial;
  color: var(--color-grey);
}
.header__notifications-item.read .header__notifications-text {
  display: initial;
}
.header__notifications-is-read-icon {
  grid-row: 1/3;
  grid-column: 1/2;
  color: var(--color-tertiary);
  visibility: visible;
}
.header__notifications-title {
  grid-row: 1/2;
  grid-column: 2/3;
  font-size: var(--fs-16);
  font-weight: 600;
  color: var(--color-grey-dark);
  font-weight: 600;
  line-height: 1.2;
}
.header__notifications-text {
  grid-row: 2/3;
  grid-column: 2/3;
  display: none;
  font-size: var(--fs-14);
  font-weight: 400;
}
.header__avatar-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border: 0;
  background-color: transparent;
}
.header__avatar {
  width: 2rem;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
.header__avatar img {
  width: 100%;
  object-fit: contain;
}
.header__username {
  font-size: var(--fs-15);
  font-weight: 600;
}
@media (width < 30em) {
  .header__username {
    display: none;
  }
}
.header__user-menu {
  position: absolute;
  top: calc(100% + 1rem);
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  box-shadow: 1px 3px 14px 2px var(--color-grey-light);
  border-radius: var(--br-secondary);
  background-color: var(--color-white);
}
.header__user-menu-link {
  padding-block: 0.15rem;
  font-size: var(--fs-16);
  font-weight: 600;
  width: max-content;
  transition: color 0.25s ease-in-out;
}
.header__user-menu-link:hover {
  color: var(--color-text-light);
}
.header__logout-btn {
  border: 0;
  background-color: transparent;
  margin-top: 1rem;
  color: var(--color-primary);
  transition: color 0.25s ease-in-out;
}
.header__logout-btn:hover {
  color: var(--color-primary-light);
}
.header--non-auth {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: var(--rds-4);
}
.header--non-auth__logo-wrapper {
  display: flex;
  align-items: center;
}
.header--non-auth__logo {
  width: clamp(12rem, 10.069rem + 8.8276vw, 20rem);
}

.overlay {
  position: fixed;
  inset: 0;
  background-color: var(--color-bg);
  opacity: 0.94;
  z-index: 1001;
}

.role-section__container {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--rds-3);
}
@media (width >= 50em) {
  .role-section__container {
    grid-template-columns: 1fr 1fr;
    column-gap: var(--rds-3);
  }
}

.open-calls__title {
  padding-block: calc(var(--header-height) + var(--rds-4)) var(--rds-2);
}
.open-calls__content {
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  row-gap: var(--rds-3);
}
@media (width >= 30em) {
  .open-calls__content {
    grid-template-columns: 1fr 1fr;
    column-gap: var(--rds-2);
  }
}
@media (width >= 65em) {
  .open-calls__content {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: var(--rds-3);
  }
}
@media (width >= 100em) {
  .open-calls__content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (width >= 130em) {
  .open-calls__content {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

.hero-single {
  padding-block: calc(var(--header-height) + var(--rds-4)) var(--rds-4);
}
.hero-single__graphic {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.hero-single__img-wrapper {
  width: 100%;
  aspect-ratio: 1.5;
  border-radius: var(--br-secondary);
  overflow: hidden;
}
@media (width >= 65em) {
  .hero-single__img-wrapper {
    aspect-ratio: 3.5;
  }
}
.hero-single__img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.call-single__container {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--rds-3);
  position: relative;
}
@media (width >= 40em) {
  .call-single__container {
    grid-template-columns: 2.25fr 1fr;
    column-gap: var(--rds-2);
  }
}
@media (width < 40em) {
  .call-single__details {
    grid-row: 2/3;
  }
}
.call-single__badge {
  margin-bottom: 1rem;
}
.call-single__title {
  margin-bottom: 1rem;
}
.call-single__brand {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--rds-2);
  padding: 1rem;
  background-color: var(--color-bg);
  width: fit-content;
  border-radius: var(--br-secondary);
  margin-bottom: 2rem;
}
.call-single__logo-wrapper img {
  max-height: 4rem;
}
.call-single__brand-text {
  font-weight: 600;
}
.call-single__website-link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 600;
  color: var(--color-tertiary);
  transition: color 0.25s ease-in-out;
}
.call-single__website-link:hover {
  color: var(--color-tertiary-light);
}
.call-single__website-link:hover svg path {
  fill: var(--color-tertiary-light);
}
.call-single__dates {
  display: flex;
  flex-wrap: wrap;
  gap: var(--rds-2);
  margin-bottom: 2rem;
}
.call-single__date-label {
  font-size: var(--fs-22);
  font-weight: 600;
}
.call-single__date-value {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
}
.call-single__call-info {
  margin-bottom: 2rem;
}
.call-single__info-label {
  font-size: var(--fs-22);
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.call-single__email {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.call-single__email span {
  line-height: 1.2;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease-in-out;
}
.call-single__email:hover {
  color: var(--color-text);
}
.call-single__email:hover span {
  border-color: var(--color-text);
}
.call-single__questions-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.call-single__faq-question {
  font-weight: 600;
  color: var(--color-primary);
  line-height: 1.2;
}
.call-single__faq-answer-title {
  font-size: var(--fs-16);
  font-weight: 600;
  margin-bottom: 1rem;
}
.call-single__help-title {
  font-size: var(--fs-16);
  font-weight: 600;
}
.call-single__help-text {
  margin-bottom: 1.5rem;
}
.call-single .results__table {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.5rem;
}
.call-single .results__table-header {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr;
  column-gap: var(--rds-2);
  padding-block: 0.25rem;
  border-bottom: 1px solid var(--color-grey-light);
}
.call-single .results__table-heading {
  font-size: var(--fs-16);
  font-weight: 600;
}
.call-single .results__table-body {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.35rem;
}
.call-single .results__table-row {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr;
  column-gap: var(--rds-2);
}
.call-single .results__row-value {
  font-size: var(--fs-16);
  font-weight: 400;
}
.call-single__sticky-container {
  position: relative;
}
@media (width < 40em) {
  .call-single__sticky-container {
    grid-row: 1/2;
  }
}
.call-single__sticky.sticky {
  position: sticky;
  top: 7rem;
  right: 0;
  z-index: 99;
}
.call-single__apply-card {
  width: 100%;
}
.call-single__contact {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1rem;
  padding: var(--rds-2);
  border: 1px solid var(--color-primary);
  border-radius: var(--br-secondary);
}
.call-single__contact-title {
  font-size: var(--fs-20);
  font-weight: 600;
  line-height: 1.1;
}
.call-single__contact-subtitle {
  font-size: var(--fs-16);
  margin-bottom: 0.5rem;
}
.call-single__eu-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--rds-2) 1rem;
  background-color: var(--color-tertiary);
}
.call-single__eu-banner img {
  max-width: min(80%, 20rem);
}
.call-single__main-partner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--rds-2) 1rem;
  background-color: var(--color-tertiary);
}
.call-single__main-partner-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--rds-1);
}
@media (width >= 30em) {
  .call-single__main-partner-link {
    flex-direction: row;
  }
}
.call-single__main-partner-link img {
  max-width: min(80%, 20rem);
  max-height: 8rem;
}
.call-single__main-partner-text {
  font-size: var(--fs-20);
  font-weight: 600;
  color: var(--color-white);
  max-width: 35ch;
  line-height: 1.2;
}
.call-single__collaborators {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(5rem, 6.5rem));
  justify-items: center;
  justify-content: center;
  align-items: center;
  row-gap: var(--rds-2);
  column-gap: var(--rds-4);
  padding: var(--rds-3);
}
.call-single__collaborators img {
  max-width: 6rem;
}

.hero-secondary {
  display: grid;
  row-gap: var(--rds-3);
  padding-block: calc(var(--header-height) + var(--rds-4)) var(--rds-3);
  background-color: var(--color-bg);
}
.hero-secondary__title {
  text-align: center;
}
.hero-secondary__btn {
  justify-self: center;
  align-self: end;
}

.hero-tertiary, .hero-tertiary--evaluators, .hero-tertiary--applicants, .hero-tertiary--grey {
  padding-block: calc(var(--header-height) + var(--rds-5)) var(--rds-4);
}
.hero-tertiary--grey {
  background-color: var(--color-bg);
}
.hero-tertiary--applicants {
  background-color: var(--color-secondary);
}
.hero-tertiary--evaluators {
  background-color: var(--color-quaternary);
}
.hero-tertiary__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--rds-3);
}
.hero-tertiary__title {
  font-size: var(--fs-36);
  text-align: center;
}
.hero-tertiary__title span {
  color: var(--color-primary);
}
.hero-tertiary__subtitle {
  font-size: var(--fs-18);
  line-height: 1.3;
  max-width: 85ch;
  text-align: center;
}
.hero-tertiary__cta-btn {
  padding: 0.75em 3em;
}
.hero-tertiary__text {
  max-width: 110ch;
  text-align: center;
}
.hero-tertiary__simple-link {
  font-size: var(--fs-18);
  font-weight: 600;
  color: var(--color-primary);
}

.hero-profile {
  padding-block: var(--header-height) var(--rds-4);
}
.hero-profile__header {
  padding-block: var(--rds-4) var(--rds-2);
  background-color: var(--color-bg);
}
.hero-profile__title {
  text-align: center;
}
.hero-profile__btn-container {
  padding-block: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-profile__container {
  display: grid;
  grid-template-columns: 1fr;
  border: 1px solid var(--color-grey);
  border-radius: var(--br-primary);
  margin-top: 2rem;
}
@media (width >= 30em) {
  .hero-profile__container {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 9rem;
  }
}
.hero-profile__bg-wrapper {
  grid-column: 1/-1;
  overflow: hidden;
  grid-row: 1/2;
  max-height: 20rem;
  min-height: 15rem;
}
.hero-profile__bg-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-profile__user-info {
  grid-column: 1/2;
  grid-row: 1/3;
  align-self: center;
  justify-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  margin-block: 1rem;
}
@media (width >= 30em) {
  .hero-profile__user-info {
    align-self: end;
    justify-self: start;
    margin-left: var(--rds-3);
  }
}
.hero-profile__avatar {
  margin-bottom: var(--rds-1);
  width: 8rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--color-white);
  border: 2px solid var(--color-white);
  overflow: hidden;
}
.hero-profile__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-profile__name {
  font-size: var(--fs-28);
  font-weight: 600;
}
.hero-profile__created-at {
  font-size: var(--fs-14);
}
.hero-profile__btn-message {
  grid-column: 1/-1;
  grid-row: 3/-1;
  align-self: center;
  justify-self: center;
  margin-bottom: 1rem;
}
@media (width >= 30em) {
  .hero-profile__btn-message {
    grid-column: 2/-1;
    grid-row: 2/-1;
    margin-right: 1rem;
    margin-bottom: 0;
  }
}

.profile__container {
  width: min(100%, 33rem);
  padding: var(--rds-2);
  border: 1px solid var(--color-grey);
  border-radius: var(--br-primary);
}
.profile__section {
  margin-bottom: var(--rds-3);
}
.profile__title {
  font-size: var(--fs-16);
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.profile__link-social {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: min(16rem, 100%);
  margin-bottom: 0.75rem;
}
.profile__link-social img {
  width: clamp(1.5rem, 1.3793rem + 0.5517vw, 2rem);
}
.profile__link-social p {
  font-size: var(--fs-16);
  font-weight: 600;
  line-height: 1.2;
}
.profile__link-social a {
  margin-left: auto;
}
.profile__badge-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
}
.profile__badge {
  background-color: var(--color-secondary);
  padding: 0.5em 1.25em 0.35em;
  font-weight: 600;
  border-radius: 100vh;
}
.profile__table {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.5rem;
}
.profile__table-header, .profile__table-header--3, .profile__table-header--1 {
  display: grid;
  column-gap: 1rem;
  border-bottom: 1px solid var(--color-grey-light);
}
.profile__table-header--1 {
  grid-template-columns: 1fr;
}
.profile__table-header--3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.profile__table-heading {
  font-size: var(--fs-16);
  font-weight: 600;
}
.profile__table-body {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.35rem;
}
.profile__table-row, .profile__table-row--3, .profile__table-row--1 {
  display: grid;
  column-gap: 1rem;
}
.profile__table-row--1 {
  grid-template-columns: 1fr;
}
.profile__table-row--3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.profile__row-value {
  font-size: var(--fs-16);
  font-weight: 400;
}
.profile__checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.profile__checkbox input {
  width: 1rem;
  aspect-ratio: 1;
}

.about-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--rds-2);
}
.about-details__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1.5rem;
}
.about-details__title-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.75rem;
}
.about-details__title-wrapper img {
  width: 1.5rem;
}
@media (width >= 50em) {
  .about-details__title-wrapper img {
    width: 2rem;
  }
}
.about-details__title {
  font-size: var(--fs-36);
  font-weight: 600;
  width: max-content;
}
.about-details__text {
  text-align: center;
  margin-bottom: 1.5rem;
  max-width: 100ch;
}
.about-details__text span {
  font-weight: 600;
}
.two-cols {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--rds-2);
}
@media (width >= 50em) {
  .two-cols {
    grid-template-columns: 1fr 1fr;
    column-gap: var(--rds-4);
  }
}
.two-cols__left {
  align-self: center;
}
@media (width >= 50em) {
  .two-cols__left {
    justify-self: end;
  }
}
.two-cols__right {
  grid-row: 1/2;
  justify-self: center;
}
@media (width >= 50em) {
  .two-cols__right {
    grid-column: 2/3;
    justify-self: start;
  }
}
.two-cols__list-title {
  font-size: var(--fs-36);
  font-weight: 600;
}
.two-cols__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.two-cols__list-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.two-cols__icon-wrapper {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  overflow: hidden;
}
.two-cols__icon-wrapper img {
  width: 1rem;
}
.two-cols__text, .two-cols__text--bold {
  max-width: 70ch;
}
.two-cols__text--bold {
  font-weight: 600;
}
.two-cols__img-wrapper {
  overflow: hidden;
}
.two-cols__img-wrapper img {
  max-width: 20rem;
  object-fit: contain;
}
@media (width >= 100em) {
  .two-cols__img-wrapper img {
    max-width: 36rem;
  }
}

.section-centered, .section-centered--secontary, .section-centered--primary, .section-centered--grey {
  padding-block: var(--rds-4);
}
.section-centered--grey {
  background-color: var(--color-bg);
}
.section-centered--primary {
  background-color: var(--color-secondary);
}
.section-centered--secontary {
  background-color: var(--color-quaternary);
}
.section-centered__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--rds-3);
}
.section-centered__title {
  font-size: var(--fs-36);
  text-align: center;
}
.section-centered__title span {
  color: var(--color-primary);
}
.section-centered__subtitle {
  font-size: var(--fs-18);
  line-height: 1.3;
  max-width: 85ch;
  text-align: center;
}
.section-centered__cta-btn {
  padding: 0.75em 3em;
}
.section-centered__text {
  max-width: 110ch;
  text-align: center;
}

.quote {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--rds-4);
}
.quote__icon-wrapper {
  display: grid;
  place-items: center;
  width: 5rem;
  aspect-ratio: 1;
  border: 0;
  border-radius: 50%;
  background-color: var(--color-secondary);
  overflow: hidden;
}
.quote__icon-wrapper img {
  width: 3rem;
}
.quote__text {
  font-size: var(--fs-22);
  max-width: 75ch;
  text-align: center;
}

.check {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--rds-2);
}
.check__icon-wrapper {
  display: grid;
  place-items: center;
  width: 4rem;
  aspect-ratio: 1;
  border: 0;
  border-radius: 50%;
  background-color: var(--color-secondary);
  overflow: hidden;
}
.check__icon-wrapper img {
  width: 2.5rem;
}
.check__text {
  font-size: var(--fs-18);
  max-width: 75ch;
  text-align: center;
}

.help-center {
  padding-block: var(--rds-6);
}
.help-center__container {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: var(--rds-2);
}
@media (width >= 35em) {
  .help-center__container {
    grid-template-columns: 1fr 1.5fr;
  }
}
@media (width >= 85em) {
  .help-center__container {
    grid-template-columns: auto 1fr;
  }
}
@media (width < 35em) {
  .help-center__left {
    margin-bottom: 3rem;
  }
}
@media (width >= 35em) {
  .help-center__left {
    padding-right: var(--rds-2);
    border-right: 1px solid var(--color-grey-light);
  }
}
.help-center__title {
  font-size: var(--fs-28);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-grey-light);
}
.help-center__questions-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.help-center__question {
  display: inline-block;
  font-weight: 600;
  max-width: 35ch;
}
.help-center__question.selected {
  color: var(--color-tertiary);
}
.help-center__question:hover {
  color: var(--color-tertiary);
}
.help-center__help-title {
  font-size: var(--fs-16);
  font-weight: 600;
}
.help-center__help-text {
  margin-bottom: 1.25rem;
}
.help-center__answers-list {
  height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
.help-center__answer-title {
  font-size: var(--fs-20);
  transition: color 0.25s ease-in-out;
}
.help-center__answer-title.selected {
  color: var(--color-tertiary);
}
.about.stats-container {
  margin-top: 0;
}

.auth-section {
  width: min(95%, 50rem);
  margin-inline: auto;
  margin-block: 5vh auto;
}
.auth-section__title, .auth-section__title--lg {
  margin-bottom: var(--rds-4);
  font-size: var(--fs-18);
  font-weight: 400;
  text-align: center;
  color: var(--color-text-light);
}
.auth-section__title--lg {
  font-size: var(--fs-28);
  font-weight: 600;
}
.auth-section__subtitle, .auth-section__subtitle--left {
  margin-bottom: var(--rds-2);
  font-size: var(--fs-20);
  text-align: center;
  color: var(--color-primary);
}
.auth-section__subtitle--left {
  text-align: left;
}
.auth-section__text, .auth-section__text--left {
  font-size: var(--fs-18);
  font-weight: 500;
  text-align: center;
}
.auth-section__text--left {
  text-align: left;
}
.auth-section__link {
  font-size: var(--fs-18);
  font-weight: 500;
  color: var(--color-primary);
  text-decoration: underline;
}
.auth-section__notice-text {
  font-size: var(--fs-14);
  font-weight: 400;
  color: var(--color-text-light);
  width: min(100%, 30rem);
  margin-inline: auto;
  margin-bottom: 2rem;
}
.auth-section__form-container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: min(100%, 30rem);
  margin-inline: auto;
}
.auth-section .dx-button {
  border-radius: var(--br-primary);
}

.standalone-text {
  font-size: var(--fs-20);
  color: var(--color-text-light);
}

.application form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}
.application #applicationForm {
  width: min(100%, 40rem);
}
.application__title {
  font-size: var(--fs-28);
  text-align: center;
  margin-bottom: var(--rds-2);
}
.application__subtitle {
  font-size: var(--fs-16);
  text-align: center;
  margin-bottom: var(--rds-4);
  max-width: 65ch;
  margin-inline: auto;
  line-height: 1.3;
}
.application .error-text {
  margin-top: 1.5rem;
  width: min(100%, 40rem);
}

.evaluation-info {
  padding-block: var(--rds-2);
}
.evaluation-info__content {
  display: grid;
  grid-template-columns: auto auto auto 1fr;
  row-gap: 2rem;
  column-gap: var(--rds-2);
}
@media (width >= 40em) {
  .evaluation-info__content {
    grid-template-columns: auto auto auto auto;
    justify-content: center;
  }
}
.evaluation-info__img-wrapper img {
  width: 8rem;
  object-fit: contain;
}
.evaluation-info__details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
}
.evaluation-info__title {
  text-transform: uppercase;
  font-size: var(--fs-18);
  font-weight: 600;
  line-height: 1;
  border-bottom: 1px solid var(--color-text);
}
.evaluation-info__opening-date, .evaluation-info__deadline-date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.25rem;
}
.evaluation-info__date-label {
  font-size: var(--fs-14);
  font-weight: 600;
}
.evaluation-info__date-value {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: var(--fs-14);
  font-weight: 400;
}

.evaluator {
  padding-block: var(--rds-6);
}
.evaluator__title {
  font-size: var(--fs-40);
  text-align: center;
  margin-bottom: var(--rds-6);
  color: var(--color-primary);
}
.evaluator__subtitle {
  font-size: var(--fs-22);
  text-align: center;
  margin-bottom: var(--rds-2);
}
.evaluator__text {
  font-size: var(--fs-16);
  max-width: 80ch;
  text-align: center;
  color: var(--color-text-light);
  margin-inline: auto;
  margin-bottom: var(--rds-2);
}
.evaluator__expertise-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
.evaluator__expertise-input {
  width: min(100%, 30rem);
  min-height: 8rem;
  padding: 0.5rem;
  border-radius: var(--br-primary);
}
.evaluator__upload-container {
  display: flex;
  justify-content: center;
}
.evaluator__checkboxes-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--rds-1);
}
.evaluator__checkboxes-container label {
  font-size: var(--fs-14);
  line-height: 1.1;
  color: var(--color-text-light);
}
.evaluator__checkboxes-container input {
  margin-right: 0.5rem;
}
.evaluator__button-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}

.instructions {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
}
@media (width >= 35em) {
  .instructions {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width < 35em) {
  .instructions__left {
    border-bottom: 1.5px solid var(--color-bg);
  }
}
@media (width > 35em) {
  .instructions__left {
    border-right: 1.5px solid var(--color-bg);
  }
}
.footer {
  padding: var(--rds-4) var(--rds-3) 3rem;
  background-color: var(--color-black);
  position: relative;
  overflow: hidden;
}
.footer__content {
  display: grid;
  grid-template-areas: "logo logo" "col1 col2" "col3 col4" "copyright copyright" "exeoLogo exeoLogo";
  align-items: start;
  justify-items: start;
  row-gap: var(--rds-3);
  column-gap: var(--rds-1);
}
@media (width >= 40em) {
  .footer__content {
    grid-template-areas: "logo logo . ." "col1 col2 col3 col4" "copyright copyright copyright copyright" "exeoLogo exeoLogo exeoLogo exeoLogo";
    column-gap: var(--rds-2);
  }
}
@media (width >= 87.5em) {
  .footer__content {
    grid-template-areas: "logo col1 col2 col3 col4 ." ". copyright copyright copyright copyright exeoLogo";
    grid-template-columns: auto auto auto auto auto 16rem;
    column-gap: var(--rds-2);
  }
}
.footer__graphic {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
}
.footer__logo-wrapper {
  grid-area: logo;
}
@media screen and (min-width: 40em) {
  .footer__logo-wrapper {
    justify-self: start;
    margin-right: 2rem;
  }
}
.footer__col, .footer__col--4, .footer__col--3, .footer__col--2, .footer__col--1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer__col p, .footer__col--4 p, .footer__col--3 p, .footer__col--2 p, .footer__col--1 p, .footer__col a, .footer__col--4 a, .footer__col--3 a, .footer__col--2 a, .footer__col--1 a {
  color: var(--color-white);
}
.footer__col--1 {
  grid-area: col1;
}
.footer__col--2 {
  grid-area: col2;
}
.footer__col--3 {
  grid-area: col3;
}
.footer__col--4 {
  grid-area: col4;
}
.footer__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.footer__list-title {
  font-size: var(--fs-22);
  font-weight: 600;
  margin-bottom: 0.15rem;
}
.footer__list-link {
  font-size: var(--fs-15);
  font-weight: 400;
  border-bottom: 1px solid transparent;
  transition: border-color 0.25s ease-in-out;
}
.footer__list-link:hover {
  border-color: var(--color-white);
}
.footer__copyright {
  grid-area: copyright;
  align-self: start;
  justify-self: center;
  color: var(--color-white);
  margin-top: 1rem;
}
@media (width >= 87.5em) {
  .footer__copyright {
    justify-self: start;
    margin-top: 2rem;
    margin-right: 3rem;
  }
}
.footer__copyright span {
  color: var(--color-white);
}
.footer__copyright a {
  color: var(--color-white);
  border-bottom: 1px solid transparent;
  transition: border-color 0.25s ease-in-out;
}
.footer__copyright a:hover {
  border-color: var(--color-white);
}
.footer__privacy-link {
  font-size: var(--fs-18);
  font-weight: 400;
}
.footer__exeo-logo-wrapper {
  grid-area: exeoLogo;
  align-self: start;
  justify-self: center;
}
@media (width >= 87.5em) {
  .footer__exeo-logo-wrapper {
    justify-self: start;
    margin-top: 2rem;
  }
}
.footer__exeo-logo-wrapper img {
  object-fit: contain;
}

.footer-slim {
  padding: var(--rds-5) var(--rds-1) 2rem;
  display: flex;
  justify-content: center;
}
.footer-slim p, .footer-slim a {
  color: var(--color-text-light);
}

.home-hero {
  padding-block: calc(var(--header-height) + var(--rds-4)) var(--rds-4);
  margin-bottom: 11rem;
  min-height: min(45rem, 80vh);
  position: relative;
}
@media (width >= 30em) {
  .home-hero {
    margin-bottom: 13rem;
  }
}
@media (width >= 85em) {
  .home-hero {
    margin-bottom: 15rem;
  }
}
.home-hero__title {
  text-align: center;
  position: relative;
  z-index: 1;
}
.home-hero__text {
  text-align: center;
  max-width: 60ch;
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
.home-hero__bg-wrapper {
  position: absolute;
  inset: 5rem 0 0 0;
}
.home-hero__bg-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.home-hero__stats-container {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  box-shadow: 1px 1px 15px 1px #999999;
}
@media (width >= 50em) {
  .home-hero__stats-container {
    transform: translate(-50%, 35%);
  }
}

.privacy {
  /* padding-block: var(--rds-5);*/
  width: min(75%, 1100px);
  margin-inline: auto;
}
.privacy__logo-wrapper {
  width: clamp(120px, 33%, 250px);
  margin: calc(var(--header-height) + 2rem) auto var(--rds-4);
}
.privacy__logo-wrapper img {
  object-fit: contain;
}
.privacy__section {
  margin-bottom: var(--rds-3);
}
.privacy__title {
  margin-bottom: 1rem;
  font-size: var(--fs-40);
  font-weight: 700;
  text-align: center;
}
.privacy__title-caption {
  font-size: var(--fs-18);
  font-weight: 700;
  text-align: center;
}
.privacy__main {
  padding-block: var(--rds-4);
}
.privacy__subtitle {
  margin-bottom: 1rem;
  font-size: var(--fs-24);
  font-weight: 700;
}
.privacy__text {
  margin-bottom: 1rem;
  font-size: var(--fs-16);
  text-align: justify;
}
.privacy__list-intro {
  margin-bottom: 0.25rem;
  font-size: var(--fs-16);
}
.privacy__list-intro--bold {
  margin-bottom: 0.5rem;
  font-weight: 700;
}
.privacy__list {
  padding-left: 2rem;
  list-style: disc;
}
.privacy__list li {
  padding-left: 0.5rem;
  margin-bottom: 0.25rem;
}
.privacy__list li p {
  font-size: var(--fs-16);
  text-align: justify;
}
.privacy__link {
  font-size: var(--fs-16);
  color: var(--color-button);
  text-decoration: underline;
  transition: color 0.2s ease-in-out;
}
.privacy__link:hover {
  color: var(--color-button-dark);
}
.privacy__emphasis {
  font-weight: 700;
  text-decoration: underline;
}

.login__btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-bottom: 0;
}

.manage-account__container {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1.5rem;
  width: min(100%, 50rem);
  margin-inline: auto;
}
@media (width >= 30em) {
  .manage-account__container {
    grid-template-columns: auto 1fr;
    column-gap: var(--rds-2);
  }
}
@media (width >= 65em) {
  .manage-account__container {
    column-gap: var(--rds-4);
    padding: var(--rds-1);
  }
}
@media (width < 30em) {
  .manage-account__options {
    justify-self: start;
  }
}
.manage-account__tab-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.manage-account__tab-link {
  font-size: var(--fs-16);
  font-weight: 700;
  border-bottom: 3px solid transparent;
}
.manage-account__tab-link.active {
  border-color: var(--color-primary);
}
.manage-account__tab-link.active:hover {
  color: currentColor;
}
.manage-account__fields {
  padding: var(--rds-2);
  border: 1px solid var(--color-grey);
  border-radius: var(--br-primary);
}
.manage-account__title {
  font-size: var(--fs-16);
  font-weight: 600;
  color: var(--color-text-light);
  margin-left: 0.25rem;
  border-bottom: 1px solid var(--color-primary);
  padding-bottom: 0.5rem;
}
.manage-account__text-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.manage-account__btn-wrapper {
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
}
@media (width >= 30em) {
  .manage-account__btn-wrapper {
    align-self: flex-end;
  }
}

.faq {
  display: flex;
  flex-direction: column;
  gap: var(--responsive-2);
}
.faq__title {
  font-size: var(--fs-20);
  /*text-align: center;*/
}
.faq__content {
  display: flex;
  flex-direction: column;
  gap: var(--responsive-1);
}

.messaging__intro-text {
  font-size: var(--fs-18);
  text-align: center;
  margin-bottom: var(--rds-4);
  max-width: min(75ch, 90%);
  margin-inline: auto;
}
.messaging__container {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1.5rem;
  padding: var(--rds-2) var(--rds-1);
  border: 1px solid var(--color-grey-light);
  border-radius: var(--br-secondary);
  width: clamp(19rem, 90%, 80rem);
  margin-inline: auto;
  overflow: hidden;
}
@media (width >= 40em) {
  .messaging__container {
    grid-template-columns: auto 1fr;
    column-gap: var(--rds-2);
  }
}
@media (width >= 65em) {
  .messaging__container {
    column-gap: var(--rds-4);
    padding: var(--rds-2);
  }
}
@media (width < 40em) {
  .messaging__options {
    justify-self: start;
    padding-left: 1rem;
  }
}
.messaging__tab-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
.messaging__tab-link {
  font-size: var(--fs-16);
  font-weight: 500;
  border-bottom: 3px solid transparent;
}
.messaging__tab-link.active {
  border-color: var(--color-primary);
  font-weight: 700;
}
.messaging__tab-link.active:hover {
  color: currentColor;
}
.messaging__compose-btn {
  margin-bottom: 1.5rem;
}
.messaging__message-container {
  padding-right: 0.75rem;
  height: min(70vh, 40rem);
  overflow-y: auto;
}
.messaging__chat-container {
  border: 1px solid var(--color-grey-light);
  border-radius: var(--br-primary);
}
.messaging__message-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.messaging__message-list-item {
  border: 1px solid var(--color-grey-light);
  border-radius: var(--br-primary);
  padding: 0.75rem;
}
.messaging__message-list-link {
  cursor: pointer;
}
.messaging__message-list-link:hover {
  color: currentColor;
}
.messaging__compose-container {
  border: 1px solid var(--color-grey-light);
  border-radius: var(--br-primary);
  padding: var(--rds-2);
  overflow: hidden;
}
.messaging__empty-list-message {
  border: 1px solid var(--color-grey-light);
  border-radius: var(--br-primary);
  padding: var(--rds-2);
  overflow: hidden;
}
.messaging__empty-list-message p {
  font-weight: 500;
}

.message {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.message__is-read-icon {
  color: var(--color-tertiary);
}
.message__content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.message__role {
  font-weight: 700;
}
.message__subject {
  font-weight: 500;
  color: var(--color-tertiary);
}
.message__brief-text {
  font-size: var(--fs-16);
}
.message__date {
  margin-left: auto;
}

.chat {
  position: relative;
}
.chat__close-btn {
  position: absolute;
  top: 0.5rem;
  right: calc(var(--rds-2) + 0.35rem);
  width: fit-content;
}
.chat__reply-btn {
  align-self: flex-end;
  width: fit-content;
  margin-top: auto;
}
.chat__message-list {
  display: flex;
  flex-direction: column;
  gap: var(--rds-3);
  height: min(70vh, 40rem);
  padding: 4rem var(--rds-2) 2rem;
  overflow-y: auto;
}
.chat__message-container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.chat__message-date {
  align-self: center;
  font-size: var(--fs-16);
}
.chat__message, .chat__message--user, .chat__message--admin {
  width: clamp(16rem, 60%, 50ch);
  background-color: var(--color-grey-light);
  border: 1px solid var(--color-grey-light);
  border-radius: var(--br-secondary);
  padding: var(--rds-1);
}
.chat__message--admin {
  align-self: flex-start;
  background-color: var(--color-secondary);
}
.chat__message--user {
  align-self: flex-end;
  background-color: var(--color-quaternary);
}
.chat__role {
  font-size: var(--fs-16);
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.chat__subject {
  font-size: var(--fs-16);
  font-weight: 500;
  font-style: italic;
  color: var(--color-grey);
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
.chat__message-text {
  font-size: var(--fs-18);
  line-height: 1.3;
}

.evaluation-cell {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.evaluation-cell-status {
  border-style: solid;
  border-width: 1px;
  border-radius: 100vh;
  color: #ffffff;
  display: inline-block;
  width: auto;
  font-size: var(--fs-14);
  line-height: 1.5;
  font-weight: 600;
  padding: 0.35em 1em;
}
.evaluation-cell-status.Assigned {
  border-color: #F0AD4E;
  background-color: #F0AD4E;
}
.evaluation-cell-status.Completed {
  border-color: #68B73C;
  background-color: #68B73C;
}

.app-dashboard {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.app-dashboard__app-name {
  font-size: var(--fs-36);
  text-align: center;
  color: var(--color-primary-light);
}
.app-dashboard__app-date {
  font-size: var(--fs-16);
  font-weight: 400;
  text-align: center;
}
.app-dashboard__divider {
  margin-block: 1rem;
  width: 100%;
  height: 1px;
  background-color: var(--color-grey-light);
}
.app-dashboard__app-status-label {
  font-size: var(--fs-16);
  font-weight: 600;
  text-align: center;
}
.app-dashboard__app-status {
  font-size: var(--fs-18);
  text-align: center;
}
.app-dashboard__details {
  border: 1.5px solid var(--color-grey-light);
  width: 100%;
  padding: var(--responsive-1);
  margin-top: 3rem;
  font-size: var(--fs-16);
  font-weight: 400;
}
.app-dashboard__details:empty {
  display: none;
}
.app-dashboard__details-title {
  font-size: var(--fs-18);
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.call-single__details-content ul.download-documents-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 24px 0 0 0 !important;
    max-width: 900px;
}

.call-single__details-content li.download-document-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    padding: 14px 16px !important;
    margin-bottom: 12px !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 12px !important;
    background: #fff !important;
}

.call-single__details-content .download-document-info {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.call-single__details-content .download-document-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 58px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: #fff3e0 !important;
    color: #ef7d00 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.call-single__details-content a.download-document-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 160px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
}