@charset "UTF-8";

/* alumni_theme: site CSS (single file). Initial copy from site_base_theme; edit only here. */
.container {
  width: 1224px;
}

@media (max-width: 1400px) {
  .container {
    max-width: 1440px;
  }
}

@media (max-width: 1366px) {
  .container {
    max-width: 1230px;
  }
}

@media (max-width: 1100px) {
  .container {
    max-width: 1090px;
  }
}

@media (max-width: 768px) {
  .container {
    max-width: 764px;
  }
}

.page-contact-dav .contact-dav__banner {
  position: relative;
  height: 464px;
  overflow: hidden;
}

.page-contact-dav .contact-dav__banner-back {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom;
  object-position: bottom;
}

.page-contact-dav .contact-dav__banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 56.466%, rgba(0, 15, 25, 0.9) 100%);
  mix-blend-mode: multiply;
}

.page-contact-dav .contact-dav__banner-title {
  position: absolute;
  left: calc(50% - 600px);
  bottom: 66px;
  margin: 0;
  font: 700 34px/42px "Inter", sans-serif;
  color: #fff;
  text-transform: uppercase;
}

.page-contact-dav .contact-dav__breadcrumb {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 12px 0;
}

.page-contact-dav .contact-dav__breadcrumb-list {
  width: 1200px;
  max-width: calc(100% - 32px);
  margin: 0 auto;
  padding: 0;
  display: flex;
  gap: 8px;
  align-items: center;
  list-style: none;
}

.page-contact-dav .contact-dav__breadcrumb-list li,
.page-contact-dav .contact-dav__breadcrumb-list a {
  font: 400 14px/22px "Inter", sans-serif;
  text-decoration: none;
}

.page-contact-dav .contact-dav__breadcrumb-list a {
  color: #8c8c8c;
}

.page-contact-dav .contact-dav__breadcrumb-list li[aria-current=page],
.page-contact-dav .contact-dav__breadcrumb-list i {
  color: #0074c2;
}

.page-contact-dav .contact-dav__content {
  padding: 32px 0 64px;
  background: #fff;
}

.page-contact-dav .contact-dav__shell {
  width: 1200px;
  max-width: calc(100% - 32px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.page-contact-dav .contact-dav__title-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page-contact-dav .contact-dav__title,
.page-contact-dav .contact-dav__subtitle {
  margin: 0;
  text-transform: uppercase;
  font: 700 34px/42px "Inter", sans-serif;
}

.page-contact-dav .contact-dav__title {
  color: #0074c2;
  max-width: 876px;
}

.page-contact-dav .contact-dav__subtitle {
  color: #c72227;
}

.page-contact-dav .contact-dav__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;

}

.page-contact-dav .contact-dav__card {
  min-height: 96px;
  border: 1px solid #dbf4ff;
  border-radius: 16px;
  box-shadow: 0 0 7.5px rgba(19, 77, 138, 0.15);
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  justify-content: center;

  &:last-child {
    i {
      color: #C72227;
    }
  }
}

.page-contact-dav .contact-dav__card p {
  margin: 0;
  font: 500 16px/24px "Inter", sans-serif;
  color: #090c13;
  text-align: center;
}

.page-contact-dav .contact-dav__map-box {
  height: 524px;
  border: 1px solid #dbf4ff;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(19, 77, 138, 0.15);
  overflow: hidden;
  display: grid;
  grid-template-columns: 410px minmax(0, 1fr);
}

.page-contact-dav .contact-dav__social {
  padding: 40px;
  background-image: linear-gradient(180deg, #0b86e5 0%, #093cc2 100%), linear-gradient(180deg, #0074c2 0%, rgba(0, 116, 194, 0.5) 99.981%);
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-contact-dav .contact-dav__social h3 {
  margin: 0 0 24px;
  text-transform: uppercase;
  font: 700 28px/36px "Inter", sans-serif;
}

.page-contact-dav .contact-dav__social-card,
.page-contact-dav .contact-dav__social-card--static {
  height: 80px;
  border-radius: 12px;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.1);
  color: #fff;
  display: grid;
  grid-template-columns: 48px 1fr;
  grid-template-areas: "icon small" "icon strong";
  -moz-column-gap: 10px;
  column-gap: 10px;
  text-decoration: none;
  align-items: center;
}

.page-contact-dav .contact-dav__social-card--static {
  cursor: default;
}

.page-contact-dav .contact-dav__social-card span {
  grid-area: icon;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-contact-dav .contact-dav__social-card span img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
}

.page-contact-dav .contact-dav__social-card small {
  grid-area: small;
  font: 500 16px/24px "Inter", sans-serif;
  color: #fff;
}

.page-contact-dav .contact-dav__social-card strong {
  grid-area: strong;
  font: 600 20px/28px "Inter", sans-serif;
  color: #fff;
}

.page-contact-dav .contact-dav__social-line {
  margin: 8px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.35);
}

.page-contact-dav .contact-dav__follow {
  margin: 0;
  font: 600 16px/24px "Inter", sans-serif;
}

.page-contact-dav .contact-dav__social-icons {
  display: flex;
  gap: 16px;
}

.page-contact-dav .contact-dav__social-icons a img {
  width: 40px;
  height: 40px;
  display: block;
}

.page-contact-dav .contact-dav__social-icons a,
.page-contact-dav .contact-dav__social-icon-static {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #C72227;
  color: #fff;
  font-size: 22px;
  text-decoration: none;
}



.page-contact-dav .contact-dav__map-head .contact-dav__directions {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.page-contact-dav .contact-dav__card a {
  color: inherit;
  text-decoration: none;
}

.page-contact-dav .contact-dav__card a:hover {
  color: #c72227;
}

.page-contact-dav .contact-dav__map {
  background: #fff;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
  min-height: 0;
}

.page-contact-dav .contact-dav__map-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-contact-dav .contact-dav__map-head h3 {
  margin: 0;
  font: 700 28px/36px "Inter", sans-serif;
  color: #0074c2;
  text-transform: uppercase;
}

.page-contact-dav .contact-dav__map-head button,
.page-contact-dav .contact-dav__map-head .contact-dav__directions,
.page-contact-dav .contact-dav__map-head .contact-dav__directions--static {
  border: 0;
  border-radius: 45px;
  height: 52px;
  padding: 12px 24px;
  background: #0074c2;
  font: 600 18px/26px "Inter", sans-serif;
  color: #fff;
  cursor: pointer;
}

.page-contact-dav .contact-dav__map-head .contact-dav__directions--static {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: default;
}

.page-contact-dav .contact-dav__map-image {
  flex: 1 1 auto;
  min-height: 0;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.page-contact-dav .contact-dav__map-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-contact-dav .contact-dav__map-embed {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  min-height: 360px;
  height: 100%;
}

.page-contact-dav .contact-dav__map-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.page-contact-dav .career-network-footer__col--social a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.page-contact-dav .career-network-footer__col--social a img {
  width: 36px;
  height: 36px;
}



.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: #fff;
  padding: 2px 8px;
  z-index: 1;
  background: no-repeat;
}

.slick-arrow i {
  color: #000;
}

.slick-arrow:hover::before {
  opacity: 1;
}

.slick-arrow::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.25;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  border-radius: 5px;
}

.slick-arrow i {
  position: relative;
  font-size: 30px;
}

.slick-next {
  right: 0;
}

.slick-prev {
  left: 0;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 6rem;
}

body {
  font-family: "Inter", sans-serif !important;
  font-family: Inter;
  font-optical-sizing: auto;
  font-style: normal;
  padding: 0;
  margin: 0;
}

.container {
  max-width: 1440px;
}





a,
a:hover {
  color: #0074C2;
  color: #000;
  text-decoration: none;
}

.btn-primary {
  background: #C72227;
  border-color: #C72227;
}

.btn-primary:hover {
  background: #C72227;
  border-color: #C72227;
  opacity: 0.8;
}

.ul-reset {
  padding: 0;
  margin: 0;
}

.ul-reset li {
  list-style: none;
}

.header-top {
  position: relative;
  box-sizing: border-box;
  padding: 6px 47px;
  background: #0074C2;
  overflow: visible;
  z-index: 9;
}

.header-top__wrap {
  position: relative;
  z-index: 1;
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.header-top__left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.header-top__hat {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.header-top__hat img {
  width: 24px;
  height: 24px;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.header-top__tagline {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0;
  font-family: "Inter", sans-serif;
  text-transform: uppercase;
  white-space: nowrap;
}

.header-top__right {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.header-top__divider {
  flex-shrink: 0;
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.35);
}

.header-top__register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 45px;
  text-decoration: none;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
}

.header-top__register img {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.header-top__user {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 45px;
  background: transparent;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  text-transform: uppercase;
}

.header-top__user img {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.header-top__user:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.header-top__user-name {
  white-space: nowrap;
}

.header-top__user-chev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
}

.header-top__user-chev i {
  transition: transform 0.2s ease;
}

.header-top__user-wrap {
  position: relative;
  flex-shrink: 0;
}

.header-top__user-wrap--open .header-top__user-chev i {
  transform: rotate(180deg);
}

.header-top__dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 500;
  width: 264px;
  max-width: calc(100vw - 32px);
  border-radius: 12px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0 0 15px rgba(19, 77, 138, 0.15);
  background: #fff;
}

.header-top__dropdown[hidden] {
  display: none !important;
}

.header-top__dropdown-head {
  position: relative;
  padding: 8px 8px 8px 12px;
  background: linear-gradient(100deg, #0074c2 0%, #0b87d9 100%);
}

.header-top__dropdown-name {
  margin: 0;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.header-top__dropdown-email {
  margin: 0;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.header-top__dropdown-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 0;
  background: #fff;
}

.header-top__dropdown-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 8px;
  padding: 8px 16px;
  border-radius: 8px;
  text-decoration: none;
  color: #434343;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color 0.15s ease;
}

.header-top__dropdown-item:hover {
  background-color: #dbf4ff;
}

.header-top__dropdown-item:focus-visible {
  outline: 2px solid #0074c2;
  outline-offset: 2px;
}

.header-top__dropdown-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  font-size: 18px;
  color: #434343;
}

.header-top__dropdown-label {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
}

.header-top__dropdown-chev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 12px;
  color: #8f8f8f;
}

.header-top__dropdown-divider {
  height: 1px;
  margin: 0 16px;
  background: #e8e8e8;
}

.header-top__dropdown-item--danger {
  color: #c72227;
}

.header-top__dropdown-item--danger .header-top__dropdown-icon {
  color: #c72227;
}

.header-top__dropdown-item--danger:hover {
  background-color: rgba(199, 34, 39, 0.08);
}

.header-top__dropdown-item--danger:focus-visible {
  outline-color: #c72227;
}

.header-top__search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
}

.header-top__lang {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 26px;
  padding: 0 8px 0 3px;
  border-radius: 42px;
  background: #fff;
  cursor: default;
  border: 0;
}

.header-top__lang img {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.header-top__lang span {
  color: #005ca1;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.left-header {
  display: flex;
  align-items: center;
  gap: 8px;
}

.left-header span {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  font-family: "Inter", sans-serif;
  text-transform: none;
  letter-spacing: 0;
}

.left-header img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

.right-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
}

.right-header .right-header_item {
  cursor: pointer;
}

.right-header .right-header_item::after {
  display: none;
}

.search-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  color: #fff;
  font-size: 24px;
  line-height: 1;
}

.user-action {
  gap: 8px;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 45px;
  text-decoration: none;
}

.user-action span {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.user-action img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.swich-language {
  display: inline-flex;
  height: 26px;
  padding: 0 8px 0 3px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 42px;
  background: #fff;
}

.swich-language img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

.swich-language span {
  color: #005ca1;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.header-top>.container {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.header-top .row {
  align-items: center;
  margin-left: 0;
  margin-right: 0;
}

.header-top .row>[class*=col-] {
  padding-left: 0;
  padding-right: 0;
}


.inner-header {
  padding: 10px 0;
  gap: 10px;
}

.logo {
  width: 89px;
  height: 73px;
  aspect-ratio: 89/73;
  -o-object-fit: contain;
  object-fit: contain;
}

.info-item {
  display: flex;
  gap: 8px;
  align-items: center;
  text-decoration: none;
}

.info-item span {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.info-item_icon {
  display: flex;
  width: 44px;
  height: 44px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 40px;
  border: 2px solid #595959;
}

.info-item_icon i {
  color: #595959;
}

.info-item_title {
  color: #595959 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 20px !important;
  text-transform: uppercase !important;
  display: block !important;
}

.info-item_desc {
  color: #101010 !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  display: block !important;
  max-width: 217px;
}

.login-icon {
  display: flex;
  height: 48px;
  padding: 0 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 45px;
  background: #0074C2;
}

.menu-header {
  padding: 10px 0;
  background: #0074C2;
  position: sticky;
  top: 0;
  z-index: 8;
}

.menu-header ul {
  display: flex;
  justify-content: center;
  gap: 32px;
}

.page-section-intro {
  background: url(/themes/custom/alumni_theme/assets/history-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.page-section-intro {

  .timeline-detail__year,
  .timeline-detail__title,
  .timeline-detail__desc,
  .event-year,
  .event-title,
  .description-section {
    transition: opacity 0.35s ease;
  }

  .timeline-detail--fade-out {
    opacity: 0;
  }

  .timeline-detail--fade-in {
    animation: timelineDetailFadeIn 0.35s ease forwards;
  }
}

@keyframes timelineDetailFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.menu-header ul li {
  position: relative;
}

.menu-header ul li span,
.menu-header ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-transform: uppercase;
}

.menu-header ul li:before {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  background: #fff;
  bottom: -5px;
  border-radius: 5px;
  transition: all 0.5s;
}

.menu-header ul li:hover:before {
  width: 100%;
}

.menu-header .menu-header__sub {
  gap: 0;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  z-index: 1000;
  list-style: none;
  margin: 0;
  padding: 0 0;
  background: #fff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 0 15px rgba(19, 77, 138, 0.15);
  display: flex;
  flex-direction: column;
  min-width: 200px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
}

.menu-header .menu-header__sub li {
  width: 100%;
}

.menu-header .menu-header__sub li:before {
  content: none;
}

.menu-header .menu-header__sub li a {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 16px;
  font: 500 16px/24px "Inter", sans-serif;
  text-transform: none;
  color: #434343;
  background: transparent;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease;
}

.menu-header .menu-header__sub li:hover a,
.menu-header .menu-header__sub li.is-active a {
  background: rgba(219, 244, 255, 0.5);
  color: #0074C2;
}

.menu-header .menu-header__has-sub:hover .menu-header__sub,
.menu-header .menu-header__has-sub:focus-within .menu-header__sub {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.banner_img,
.banner .list-banner img {
  width: 100%;
  /*height: calc(100vh - 175px);*/
  /*-o-object-fit: cover;*/
  /*   object-fit: cover;*/
  /*aspect-ratio: 1;*/
}

.list-banner .slick-dots {
  position: absolute;
  bottom: 24px;
  left: 236px;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}

.list-banner .slick-dots li {
  margin: 0 0.25rem;
}

.list-banner .slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 100%;
  background-color: transparent;
  text-indent: -9999px;
}

.list-banner .slick-dots li.slick-active button {
  background-color: #fff;
}

.banner {
  position: relative;
}

.action-scroll {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 3;
}

.action-scroll div {
  margin-bottom: 8px;
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.action-scroll img {
  animation: scroll 2s infinite;
  transform: all 0.5s;
}

@keyframes scroll {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0);
  }
}

.title {
  color: #0074C2;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;
}

.page-section-intro {
  padding: 64px 0;
}

.description-section {
  color: #101010;
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  align-self: stretch;
  margin-top: 40px;
}

.button-component {
  display: flex;
  height: 52px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 45px;
  background: #0074C2;
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  width: -moz-max-content;
  width: max-content;
  text-decoration: none;
}

.button-component:hover {
  color: #FFF;
  background: #005CA1 !important;
}

.icon-animation {
  width: 20px;
  height: 20px;
  color: #fff;
  background: #C72227;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  font-size: 10px;
  transition: all 0.5s;
}

.event-year {
  color: #C72227;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
  margin-top: 40px;
}

.event-title {
  color: #0074C2;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
  margin-top: 16px;
  margin-bottom: 32px;
}

.box-slider {
  width: 80%;
  margin: 0 auto;
}

.box-slider-item {
  position: relative;
}

.box-slider-item .main-img-slider {
  /*width: 364px;*/
  /*height: 364px;*/
  /*object-fit: cover;*/
  border-radius: 50%;
}

.block-lanh-dao {
  padding: 64px 0 !important;
}

.slider-item_desc {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.box-slider-item {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
    border-radius: 50%;
  }
}

.slider-item_content {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}

.slider-item_img {
  width: 99px;
  height: 80px;
  aspect-ratio: 99/80;
}

.word-img {
  margin-top: 56px;
  width: 100%;
  aspect-ratio: 2;
  -o-object-fit: contain;
  object-fit: contain;
}

.introduct {
  padding: 64px 0;
}

.word-bg {
  padding: 72px 0;
  background: linear-gradient(104deg, #FFF 7.25%, #DBF4FF 56.81%, #DBF4FF 98.43%);
}

.counter-numer {
  font-size: 48px;
  font-style: normal;
  font-weight: 800;
  line-height: 56px;
}

.counter-title {
  color: #101010;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  align-self: stretch;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
}

.counter-title::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #0074C2;
  bottom: 0;
}

.box-counter {
  padding-left: 60px !important;

  .col-lg-6 {
    transition: all .6s ease-in-out;

    &:hover {
      transform: translateY(-10px);
    }
  }
}

.color-blue {
  color: #0074C2;
}

.color-red {
  color: #C72227;
}

.logo-1 {
  width: 100%;
  aspect-ratio: 1.5;
  -o-object-fit: contain;
  object-fit: contain;
}

.custom-section {
  position: relative;
  overflow: hidden;
}

.vector-img {
  position: absolute;
  top: 0;
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
  transform: rotate(180deg);
}

.vector-img-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.lanh-dao {
  padding: 64px;
  background: url("../assets/Frame_1984078188.jpg") no-repeat;
}

.block-lanh-dao .lanh-dao-banner {
  margin-top: 2.5rem;
}

.block-lanh-dao .lanh-dao-banner img,
.block-lanh-dao .lanh-dao-banner picture img {
  width: 100%;
  height: auto;
  display: block;
}

.club-section {
  padding: 72px 0;
}

.bg-blue-blur {
  background: linear-gradient(104deg, #FFF 7.25%, #DBF4FF 56.81%, #DBF4FF 98.43%), #0074C2;
}

.list-card-club .slick-slide {
  margin: 0 15px;
}

.list-card-club .slick-list {
  margin: 0 -20px;
}

.list-card-club {
  margin-top: 30px;
}

.list-card-club.slick-initialized {
  display: block;
}

.list-card-club.slick-initialized .slick-slide {
  height: auto;
}

.list-card-club.slick-initialized .slick-slide > div {
  height: 100%;
}

.list-card-club.slick-initialized .card-item_club {
  height: 100%;
}

.list-card-club .slick-dots {
  position: static;
  margin-top: 20px !important;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 1rem 0;
  list-style-type: none;
}

.list-card-club .slick-dots li {
  margin: 0 0.25rem;
}

.list-card-club .slick-dots button {
  display: block;
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: 0;
  background: #EEBABC;
  border-radius: 100%;
  text-indent: -9999px;
}

.list-card-club .slick-dots li.slick-active button {
  background-color: #C72227;
}

.card-item_club:hover ::before {
  transform: scaleX(1);
}

.card-item_club:hover {
  border-radius: 16px;
  border: 1px solid #0074C2 !important;
  background: #FFF;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10);
}

.card-item_club ::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #217FD6 0%, #C4BBF4 100%);
  top: 0;
  left: 0;
  transform: scaleX(0);
  transition: all 0.5s ease-in-out;
}


.card-item_club {
  padding: 16px;
  border-radius: 16px !important;
  background: #FFF;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  border: 1px solid transparent;

}

.card-item_club img {
  width: 100%;
  /*aspect-ratio: 2;*/
  /*-o-object-fit: cover;*/
  /*object-fit: cover;*/
  border-radius: 10px;
}

.card-item_club a {
  display: flex;
  height: 40px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 45px;
  border: 1px solid #0074C2;
  background: #FFF;
  text-decoration: none;
}

.card-item-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #101010;
  text-overflow: ellipsis;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 10px;
}

.card-item_desc {
  margin-top: 20px;
}

.card-item_desc span {
  color: #C72227;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.card-item_desc img {
  width: 20px;
  height: 20px;
}

.article-slider img {
  border-radius: 10px;
  width: 100%;
  height: 251.524px;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-date {
  position: relative;
  width: 60px;
  height: 75px;
  flex-shrink: 0;
}

.article-date img {
  width: 60px;
  height: 75px;
  -o-object-fit: contain;
  object-fit: contain;
}

.month {
  position: absolute;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  top: 4px;
  left: 5px;
}

.timer {
  color: #005CA1;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.date {
  position: absolute;
  color: #005CA1;
  font-size: 30px;
  font-style: normal;
  font-weight: 800;
  line-height: 28px;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.article-slider-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #101010;
  text-overflow: ellipsis;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}

.article-slider>a>div:first-child img {
  transition: all 0.5s ease-in-out;
}

.article-slider:hover>a>div:first-child img {
  transform: scale(1.1);
}

.article-slider>a>div:first-child {
  overflow: hidden;
  border-radius: 16px;

}

.article-slider>a>div img {
  transition: all 0.5s ease-in-out;
}

.article-slider_desc {
  margin-left: 20px;
}

.list-article .slick-slide {
  margin: 0 20px;
}

.list-article .slick-list {
  margin: 0 -20px;
}

.list-article {
  padding-bottom: 100px;
  margin-top: 30px;
}

.list-article::before {
  content: "";
  position: absolute;
  width: 60%;
  height: 4px;
  background: #0074C2;
  border-radius: 3px;
  z-index: 1;
  bottom: 21px;
}

.list-article::after {
  content: "";
  position: absolute;
  width: 80%;
  height: 4px;
  background: #C72227;
  bottom: 21px;
  border-radius: 3px;
  background: #E7EDF3;
}

.future-tribute__panels {
  width: 100%;
}

.list-article .slick-arrow {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid #0074C2;
  transform: unset;
  top: unset;
}

.list-article .slick-arrow i {
  color: #0074C2;
}

.list-article .slick-next {
  bottom: 0;
}

.list-article .slick-prev {
  right: 80px;
  bottom: 0;
  left: unset;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #C72227 !important;
  background: none !important;
}

.nav-link {
  font-size: 14px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 22px;
  text-transform: uppercase;
  color: #000 !important;
}

.nav-link.active {
  color: #C72227;
}

.cat-and-time span:first-child {
  color: #C72227;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  text-transform: uppercase;
}

.cat-and-time span:last-child {
  color: #8C8C8C;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.article-card {
  height: 100% !important;
  text-decoration: none;
  border-radius: 15px !important;
  border: 0 !important;
  box-shadow: 0 0 10px 0 rgba(19, 77, 138, 0.1);

  >div {
    overflow: hidden;
  }

  &:hover {
    img {
      transform: scale(1.1);
    }
  }
}

.article-card:hover .card-text {
  color: #C72227;
}

.article-card img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  height: 252px;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}

.article-card .card-text {
  color: #0A0A0A;
  text-overflow: ellipsis;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  margin-bottom: 10px;
}

.article-card .card-body .des {
  color: #595959;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-height: 24px;
}

.see-more {
  margin-top: 10px;
  color: #005CA1;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  gap: 10px;
}

.right-nav_item {
  text-decoration: none;
  padding-bottom: 15px;
  border-bottom: 1px solid #D8D8D8;
}

.right-nav_item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.right-nav_item {
  margin-bottom: 10px;
}

.right-nav_item img {
  width: 164px;
  height: 124px;
  border-radius: 10px;
}

.right-nav {
  padding: 8px;
  border-radius: 12px;
  border: 5px solid #0074C2;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.right-nav .cat {
  color: #C72227;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  text-transform: uppercase;
}

.right-nav .time {
  color: #8C8C8C;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.right-nav .nav-name {
  color: #0A0A0A;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.border-blu {
  border: 1px solid #0074C2;
}

.job {
  border-radius: 16px;
  background: #EEF0F2;
  padding: 16px;
}

.header-job {
  border-radius: 12px;
  background: #FFF;
  padding: 16px;
}

.header-job .company-logo {
  width: 99px;
  height: 56px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 10px;
}

.header-job .company-name {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}

.header-job .range-luong {
  margin-top: 10px;
  color: #C72227;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.list-job .slick-slide {
  margin: 0 20px;
}

.list-job .slick-list {
  margin: 0 -20px;
}

.list-job {
  padding-bottom: 100px;
  margin-top: 30px;
  position: relative;
  .slick-track {
    padding-top: 20px;
  }

  a {
    border: 1px solid transparent;
    transition: all 0.5s ease-in-out;

    &:hover {
      border: 1px solid #0074C2;
      transform: translateY(-5px);
    }
  }
}

.list-job::before {
  content: "";
  position: absolute;
  width: 60%;
  height: 4px;
  background: #0074C2;
  border-radius: 3px;
  z-index: 1;
  bottom: 21px;
}

.list-job::after {
  content: "";
  position: absolute;
  width: 80%;
  height: 4px;
  background: #C72227;
  bottom: 21px;
  border-radius: 3px;
  background: #E7EDF3;
}

.list-job .slick-arrow {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid #0074C2;
  transform: unset;
  top: unset;
}

.list-job .slick-arrow i {
  color: #0074C2;
}

.list-job .slick-next {
  bottom: 0;
}

.list-job .slick-prev {
  right: 80px;
  bottom: 0;
  left: unset;
}

.partner {
  margin-top: 30px;
}

.partner .slick-slide {
  margin: 0 20px;
}

.partner .slick-list {
  margin: 0 -20px;
}

.partner img {
  width: 100%;
  aspect-ratio: 2;
  -o-object-fit: contain;
  object-fit: contain;
}

.box-connect {
  margin-top: 60px;
  position: relative;
}

.box-connect img {
  height: 333px;
  border-radius: 16px;
  width: 100%;
}

.detail-connect {
  position: absolute;
  left: 50%;
  width: 52%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.connect-title {
  color: #FFF;
  text-align: center;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.connect-des {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  align-self: stretch;
}

.ft-title {
  color: #FFF;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 136.364% */
  text-transform: uppercase;
}

footer {
  padding: 30px 0;
  position: relative;
}

footer::before {
  content: "";
  position: absolute;
  inset: 0;
  left: 0;
  top: 0;
  background: url(../assets/hoc-vien-ngoai-giao-cong-bo-phuong-an-tuyen-sinh-dai-hoc-chinh-quy-nam-2024660a41323466f-1719569371659698621060\ 1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

footer::after {
  content: "";
  position: absolute;
  inset: 0;
  left: 0;
  top: 0;
  opacity: 0.9;
  background: linear-gradient(180deg, #21497F 0%, #143768 100%);
}

.menu-ft a {
  display: block;
  margin-top: 20px;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
}

.subcribe-form {
  margin-top: 20px;
  display: flex;
  height: 48px;
  padding: 6px 4px 6px 24px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 56px;
  background: #FFF;
  justify-content: space-between;
}

.subcribe-form input,
.subcribe-form button {
  border: 0;
  outline: 0;
}

.subcribe-form button {
  color: #fff;
  display: flex;
  height: 40px;
  padding: 0 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
  height: 40px;
  padding: 0 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 45px;
  background: linear-gradient(270deg, #005CA1 0%, #2082CC 100%);
}

.social-icon {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  background: #C72227;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social {
  gap: 10px;
  align-items: center;
}

.social span {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.copy-right {
  display: block;
  margin-top: 50px;
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  opacity: 0.7;
}

.footer-info-item {
  display: flex;
  gap: 8px;
  align-items: baseline;
}

.footer-info-content span:first-child {
  color: #FFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}

.footer-info-content span:last-child {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  opacity: 0.7;
}

.footer-info-item i {
  color: #fff;
  font-size: 20px;
}

.footer-info {
  margin-top: 50px;
}

.list-slider .slick-current {
  transform: scale(1) !important;
}

.list-slider {
  margin-top: 30px;
}

.list-slider .slick-slide:not(.slick-current) {
  transform: scale(1) !important;
}

.list-slider .slick-slide:not(.slick-current) .slider-item_desc {
  display: block;
}

.list-slider .slick-current {
  transform: scale(1);
}

.list-slider .slick-current h2 {
  font-size: 32px;
}

.list-slider .slick-slide {
  transition: all 1s;
}

.list-slider .slick-slide:not(.slick-current) {
  transform: scale(0.5) !important;
}

.list-slider .slick-slide:not(.slick-current) .slider-item_desc {
  display: none;
}

.list-slider .slick-arrow {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #0074C2;
}

.custom-button {
  &:hover {
    background: #0074C2;
  }
}

.list-slider .slick-next {
  right: -120px;
}



.list-slider .slick-prev {
  left: -120px;
}


.list-slider .slick-arrow i {
  color: #0074C2;
}

.menu-header li.is-active::before {
  width: 100%;
}

.site-breadcrumb {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: #fff;
  padding: 12px 0;
}

.site-breadcrumb__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
}

.site-breadcrumb__list a {
  color: #8c8c8c;
  text-decoration: none;
}

.site-breadcrumb__sep {
  color: #8c8c8c;
  font-size: 10px;
  display: inline-flex;
}

.site-breadcrumb__current {
  color: #0074c2;
}

.login-icon i {
  color: #fff;
  font-size: 18px;
}

.page-mission-vision .mv-hero {
  position: relative;
}

.mv-hero__media {}

.mv-hero__media img,
.mv-hero__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.mv-block__icon img {
  max-width: 64px;
  max-height: 64px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.mv-core__icon img {
  max-width: 56px;
  max-height: 56px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.mv-philosophy__book img {
  max-width: 48px;
  max-height: 48px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.mv-hero__gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 44%, rgba(0, 15, 25, 0.9) 100%);
  mix-blend-mode: multiply;
  pointer-events: none;
  /*display: none;*/
}

.mv-hero__title-wrap {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
  padding-bottom: 40px;
}

.mv-hero__title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;
  max-width: 720px;
}

.mv-block {
  padding: 32px 0 48px;
}

.mv-block__intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.mv-block__icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  /*background: #f9e9e9;*/
  /*color: #c72227;*/
  font-size: 28px;
}

.mv-block__eyebrow {
  display: flex;
  align-items: center;
  gap: 16px;
}

.mv-block__eyebrow-line {
  width: 64px;
  height: 2px;
  background: #c72227;
  flex-shrink: 0;
}

.mv-block__eyebrow-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  color: #c72227;
}

.mv-block__heading {
  margin: 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;
  color: #0074c2;
}

.mv-block__body {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  color: #101010;
  text-align: justify;
}

.mv-photo-frame {
  position: relative;
  padding: 16px 0 0 16px;
}

.mv-photo-frame__border {
  position: absolute;
  top: 0;
  left: 0;
  width: min(561px, 100% - 32px);
  height: min(440px, 85%);
  border: 1px solid #0074c2;
  border-radius: 12px;
  pointer-events: none;
}

.mv-photo-frame__inner {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  z-index: 1;
}

.mv-photo-frame__inner img {
  width: 100%;
  display: block;
  aspect-ratio: 569/448;
  -o-object-fit: cover;
  object-fit: cover;
}

.mv-photo-frame--flip {
  padding: 16px 16px 0 0;
}

.mv-photo-frame--flip .mv-photo-frame__border {
  left: auto;
  right: 0;
}

.mv-list-check {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mv-list-check li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 24px;
  color: #101010;
  text-align: justify;
}

.mv-list-check__icon {
  flex-shrink: 0;
  width: 24px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0074c2;
  font-size: 22px;
}

.mv-core {
  position: relative;
  padding: 64px 0;
  overflow: hidden;
}

.mv-core__bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #0074c2 0%, rgba(0, 116, 194, 0.92) 55%, rgba(0, 116, 194, 0.75) 100%);
  pointer-events: none;
}

.mv-core__pattern {
  position: absolute;
  inset: 0;
  opacity: 0.35;
  background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
}

.mv-core__header {
  position: relative;
  z-index: 1;
  margin-bottom: 40px;
}

.mv-core__title {
  margin: 0 0 16px;
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;
}

.mv-core__lead {
  margin: 0 auto;
  max-width: 1000px;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  opacity: 0.95;
}

.mv-core__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.mv-core__item {
  padding: 40px 24px 48px;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.28);
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}

.mv-core__item:nth-child(3n) {
  border-right: 0;
}

.mv-core__item:nth-child(n+4) {
  border-bottom: 0;
  padding-top: 48px;
}

.mv-core__icon {
  width: 88px;
  height: 88px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 40px;
}

.mv-core__label {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}



.mv-philosophy {
  position: relative;
  padding: 64px 0 80px;
  background: #fff;
  overflow: hidden;
}

.mv-philosophy__deco {
  position: absolute;
  width: min(720px, 90vw);
  height: 400px;
  opacity: 0.12;
  background: radial-gradient(ellipse at center, #0074c2 0%, transparent 70%);
  pointer-events: none;
}

.mv-philosophy__deco--left {
  bottom: -120px;
  left: -200px;
}

.mv-philosophy__deco--right {
  top: -100px;
  right: -180px;
}

.mv-philosophy__head {
  position: relative;
  z-index: 1;
  margin-bottom: 32px;
}

.mv-philosophy__book {
  width: 80px;
  height: 80px;
  margin: 0 auto 16px;
  border-radius: 124px;
  background: #dbf4ff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0074c2;
  font-size: 32px;
}

.mv-philosophy__title {
  margin: 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;
  color: #0074c2;
}

.mv-quote {
  position: relative;
  z-index: 1;
  max-width: 1000px;
  margin: 0 auto;
  padding: 48px 40px 40px;
  border: 4px solid #0074c2;
  border-radius: 16px;
  background: #fff;
}

.mv-quote__text {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  color: #121212;
}

.mv-quote__mark {
  position: absolute;
  color: #0074c2;
  font-size: 46px;
  line-height: 1;
  background: #fff;
  padding: 10px;
}

.mv-quote__mark--tl {
  top: -40px;
  left: 24px;
}

.mv-quote__mark--br {
  bottom: -30px;
  right: 24px;
}


.page-history .history-hero {
  position: relative;
  min-height: 464px;
  display: flex;
  align-items: flex-end;
}

.history-hero__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.history-hero__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.history-hero__gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 44%, rgba(0, 15, 25, 0.9) 100%);
  mix-blend-mode: multiply;
}

.history-hero__title-wrap {
  position: relative;
  z-index: 1;
  padding-bottom: 40px;
}

.history-hero__title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;
}

.history-section {
  position: relative;
  padding: 32px 0 64px;
  overflow: hidden;
}

.history-section__bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #f4ecd6 0%, #f9faf7 100%);
}

.history-title {
  position: relative;
  z-index: 1;
  margin: 0 0 24px;
  color: #0074c2;
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;
}

.history-timeline {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  margin: 0 auto;
}

.history-timeline .history-timeline__items {
  width: 100%;
  gap: 60px;
}

.history-timeline .history-timeline__items article {
  width: 50%;
}

.history-timeline:nth-child(odd) .history-timeline__items {
  flex-direction: row-reverse;
}

.history-timeline:nth-child(odd) .history-item--left .history-item__content {
  text-align: left;
}

.history-timeline:nth-child(odd) .history-item--left .history-item__dot {
  left: -40px;
}

.history-timeline__line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(199, 34, 39, 0.18);
  transition: background 0.45s ease, box-shadow 0.45s ease;
}

.history-timeline.is-passed .history-timeline__line,
.history-timeline.is-inview .history-timeline__line {

  background: #C72227;
}

.history-item {
  position: relative;
  padding-top: 40px;
}

.history-item--left {
  grid-column: 1;
}

.history-item--right {
  grid-column: 2;
}

.history-item__dot {
  position: absolute;
  top: 58px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(199, 34, 39, 0.25);
  border: 0;
  transition: background 0.45s ease, transform 0.45s ease;
}

.history-timeline.is-passed .history-item__dot,
.history-timeline.is-inview .history-item__dot {
  background: #c72227;
}

.history-timeline.is-inview .history-item__dot {
  transform: scale(1.08);
}

.history-item--left .history-item__dot {
  right: -40px;
}

.history-item__media img {
  width: 100%;
  height: 280px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
  filter: sepia(0.65) saturate(0.6);
}

.history-item__content {
  min-height: 280px;
}

.history-item--left .history-item__content {
  text-align: right;
}

.history-item__year {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 32px;
  border-radius: 8px;
  background: #c72227;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.history-item__title {
  margin: 16px 0 12px;
  color: #0074c2;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-transform: uppercase;
}

.history-item__desc,
.history-item__list {
  margin: 0;
  color: #101010;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.history-item__list {
  padding-left: 20px;
}

.history-item--left .history-item__list {
  list-style-position: inside;
  padding-left: 0;
}


.page-board .board-hero {
  position: relative;
  min-height: 464px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}

.board-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.board-hero__gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 44%, rgba(0, 15, 25, 0.9) 100%);
}

.board-hero__title-wrap {
  position: relative;
  z-index: 1;
  padding-bottom: 40px;
}

.board-hero__title {
  color: #fff;
  margin: 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;
}

.board-hero__subnav {
  position: absolute;
  top: 0;
  left: calc(50% - 570px);
  z-index: 2;
  background: #fff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 0 15px rgba(19, 77, 138, 0.15);
  overflow: hidden;
}

.board-hero__subnav a {
  display: block;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  color: #434343;
}

.board-hero__subnav a.is-active {
  background: rgba(219, 244, 255, 0.5);
  color: #0074c2;
}

.board-section {
  padding: 32px 0 64px;
  background: linear-gradient(97deg, #fff 7%, #dbf4ff 56%, #dbf4ff 98%);

  .board-section__title {
    text-align: center;
  }
}

.board-section__title {
  color: #0074c2;
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.board-period {
  background: #fff;
  border: 1px solid #0074c2;
  border-radius: 12px;
  padding: 32px;
  box-shadow: 0 0 7.5px rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
}

.board-period--collapsed {
  padding-bottom: 24px;
}

.board-period__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.board-period__left {
  display: flex;
  align-items: center;
  gap: 16px;
}

.board-period__left h3 {
  margin: 0;
  color: #101010;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.board-period__left p {
  margin: 8px 0 0;
  color: #c72227;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.board-period__icon {
  width: 64px;
  height: 64px;
  border-radius: 12px;
  background: #0074c2;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  box-shadow: 0 0 7.5px rgba(19, 77, 138, 0.15);
}

.board-period__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #8c8c8c;
  font-size: 16px;
  font-weight: 600;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.board-period__arrow {
  transition: transform 0.2s ease;
  color: #0074c2;
}

.board-period__meta[aria-expanded=false] .board-period__arrow {
  transform: rotate(0);
}


.board-period__meta[aria-expanded=true] .board-period__arrow {
  transform: rotate(-180deg);
}

.board-period__body {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  margin-top: 0;
  transition: max-height 0.45s ease, opacity 0.3s ease, margin-top 0.3s ease;
}

.board-chair {
  border-top: 1px solid #d8d8d8;
  padding-top: 24px;
  display: grid;
  grid-template-columns: 332px 1fr;
  gap: 30px;
}

.board-chair img {
  width: 100%;
  height: 296px;
  -o-object-fit: cover;
  object-fit: cover;
  border: 2px solid #217fd6;
  border-radius: 12px;
}

.board-chair p {
  margin: 0 0 16px;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}

.bg-custom {
  background: #F4ECD6;
}

.board-chair__info h4,
.board-chair h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #101010;
  text-transform: uppercase;
  line-height: 26px;
}

.board-chair__info span,

.user-register {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
}

.board-chair span {
  color: #c72227;
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
}

.member-card--has-detail,
.board-chair.member-card--has-detail {
  cursor: pointer;
}

.member-card--has-detail:focus-visible,
.board-chair.member-card--has-detail:focus-visible {
  outline: 2px solid #0b86e5;
  outline-offset: 2px;
}

.member-card__detail-template {
  display: none;
}

body.has-board-member-modal-open {
  overflow: hidden;
}

.future-program-modal__role {
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
  color: #c72227;
}

.future-program-modal__role[hidden] {
  display: none;
}

.board-members-title {
  margin: 24px 0 16px;
  padding-top: 16px;
  border-top: 1px solid #d8d8d8;
  color: #0074c2;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
}

.board-members-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.board-members-grid.slick-initialized {
  display: block;
}

.board-members-grid.slick-initialized .slick-list {
  margin: 0 -8px;
}

.board-members-grid.slick-initialized .slick-slide {
  padding: 0 8px;
  box-sizing: border-box;
  height: auto;
}

.board-members-grid.slick-initialized .slick-slide>.member-card {
  height: 100%;
}

.member-card {
  background: #f3f3f3;
  border-radius: 12px;
  /* overflow: hidden; */
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;

  &:hover {
    border-color: #0074c2;
    transform: translateY(-5px);
  }
}

.member-card img,
.member-card .member-card__placeholder {
  width: 100%;
  aspect-ratio: 368/400;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.member-card__placeholder {
  background: linear-gradient(180deg, rgba(0, 6, 36, 0.05) 0%, rgba(0, 6, 36, 0.95) 100%);
}

.member-card__info {
  padding: 16px;
}

.member-card__info strong {
  display: block;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}

.member-card__info span {
  color: #c72227;
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
}




.page-news .news-hero {
  position: relative;
  min-height: 464px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

.news-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.news-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 56%, rgba(0, 15, 25, 0.9) 100%);
}

.news-hero__title-wrap {
  position: relative;
  z-index: 1;
  padding-bottom: 40px;
}

.news-hero__title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  line-height: 42px;
  text-transform: uppercase;
}

.news-main {
  background: #fff;
  padding: 32px 0 64px;
}

.news-filter {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-start;
}

.news-filter__left {
  max-width: 700px;
}

.news-filter__lead {
  margin: 0 0 24px;
  color: #595959;
  font-size: 16px;
  line-height: 24px;
}

.news-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.news-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border: 1px solid #d8d8d8;
  background: #fff;
  border-radius: 40px;
  padding: 0 16px;
  color: #595959;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
}

.news-tab.is-active {
  border-color: #c72227;
  background: #c72227;
  color: #fff;
}

.news-search {
  width: 410px;
  border: 1px solid #d8d8d8;
  border-radius: 32px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 8px 8px 16px;
}

.news-search input {
  flex: 1;
  border: 0;
  outline: 0;
  color: #8c8c8c;
}

.news-search button {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 24px;
  background: #0074c2;
  color: #fff;
}

.news-featured {
  margin-top: 40px;
  display: grid;
  grid-template-columns: 1fr 444px;
  gap: 16px;
}

.news-featured__main {
  position: relative;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 7.5px rgba(19, 77, 138, 0.15);
  text-decoration: none;
}

.news-featured__main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.news-featured__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 55%, rgba(0, 15, 25, 0.95) 100%);
}

.news-featured__content {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;

  .news-cat-date {
    justify-content: flex-start;
  }
}

.news-cat-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.news-cat-date span:first-child {
  color: #c72227;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.news-cat-date span:last-child {
  color: #8c8c8c;
  font-size: 14px;
}

.news-featured__main .news-cat-date span:last-child {
  color: #fff;
}

.news-featured__content h2 {
  margin: 12px 0 0;
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.news-featured__side {
  padding: 8px;
  border-radius: 12px;
  background: linear-gradient(180deg, #0b86e5 0%, #093cc2 100%);

  >div {
    padding: 10px;
  }
}

.news-side-item {
  background: #fff;
  border-radius: 0 !important;
  padding: 10px 0;
  text-decoration: none;
  color: inherit;
  display: grid;
  grid-template-columns: 164px 1fr;
  gap: 16px;
}

.news-side-item+.news-side-item {
  padding: 10px 0;
  border-top: 1px solid #d8d8d8;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.news-side-item img {
  width: 100%;
  height: 124px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

.news-side-item__cat {
  color: #c72227;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}

.news-side-item h3 {
  margin: 8px 0;
  font-size: 16px;
  line-height: 24px;
  color: #0a0a0a;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.news-side-item__time {
  color: #8c8c8c;
  font-size: 14px;
}

.news-grid {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 24px;
}

.news-card {
  background: #fff;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(19, 77, 138, 0.1);
  text-decoration: none;
  color: inherit;

  >div {
    overflow: hidden;
  }

  &:hover {
    img {
      transform: scale(1.1);
    }
  }
}

.news-card img {
  width: 100%;
  height: 252px;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all .5s ease-in-out;
}

.news-card__body {
  padding: 16px;
}

.news-card h3 {
  margin: 12px 0;
  color: #0a0a0a;
  font-size: 18px;
  line-height: 26px;
}

.news-card p {
  margin: 0;
  color: #595959;
  font-size: 16px;
  line-height: 24px;
}

.news-card__more {
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #005ca1;
  font-weight: 600;
}

.news-pagination {
  margin-top: 40px;
}

.news-pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.news-pagination a {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 32px;
  background: #eef0f4;
  color: #1b1b1b;
  font-size: 14px;
  text-decoration: none;
}

.news-pagination a.is-active {
  background: #0074c2;
  color: #fff;
}

.news-pagination a.is-arrow {
  background: transparent;
  border: 1px solid #d8d8d8;
}

.news-pagination a.is-arrow i {
  font-size: 14px;
  line-height: 1;
}



.site-breadcrumb--topline {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.news-detail {
  background: #fff;
  padding: 32px 0 64px;
}

.news-detail__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 32px;
  align-items: start;
}

.news-detail__article h1 {
  margin: 0;
  color: #0074c2;
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  text-transform: uppercase;
}

.news-detail__meta-row {
  margin-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(216, 216, 216, 0.7);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.news-detail__meta {
  display: flex;
  align-items: center;
  gap: 24px;
}

.news-detail__cat {
  color: #c72227;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
}

.news-detail__time {
  color: #8c8c8c;
  font-size: 14px;
  line-height: 22px;
}

.news-detail__share {
  display: flex;
  align-items: center;
  gap: 10px;
}

.news-detail__share span {
  color: #8c8c8c;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 500;
}

.news-detail__share a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f0f0f0;
  color: #595959;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 14px;
  transition: background 0.2s ease, color 0.2s ease;
}

.news-detail__share a:hover {
  background: #0074c2;
  color: #fff;
}

.news-detail__article p {
  margin: 20px 0 0;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
}

.news-detail__article img {
  width: 100%;
  height: auto;
  margin-top: 20px;
  border-radius: 12px;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.news-detail__tags {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(216, 216, 216, 0.7);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.news-detail__tags>span {
  color: #8c8c8c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.news-detail__tags a {
  height: 30px;
  padding: 0 16px;
  border-radius: 48px;
  background: #f9e9e9;
  color: #c72227;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.news-detail__sidebar-title h2 {
  margin: 0;
  color: #0074c2;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-transform: uppercase;
}

.news-detail__sidebar-title span {
  margin-top: 16px;
  display: block;
  width: 44%;
  height: 3px;
  background: #c72227;
}

.news-detail__sidebar-list {
  margin-top: 16px;
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}

.news-detail__sidebar-list .news-side-item {
  border-radius: 8px;
}

.article-detail__content {
  margin-top: 20px;
}

.article-detail__content img {
  width: 100%;
  height: auto;
}

.page-alumni-featured .alumni-hero {
  position: relative;
  min-height: 360px;
  display: flex;
  align-items: flex-end;
}

.alumni-hero__img {
  /*position: absolute;*/
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.alumni-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 56%, rgba(0, 15, 25, 0.9) 100%);
}

.alumni-hero__title-wrap {
  position: relative;
  z-index: 1;
  padding-bottom: 56px;
}

.alumni-hero__title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
}

.alumni-featured {
  background: #fff;
  padding: 32px 0 64px;
}

.alumni-featured .container {
  max-width: 1200px;
}

.alumni-featured__top {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-start;
}

.alumni-featured__lead {
  margin: 0;
  color: #595959;
  font-size: 16px;
  line-height: 24px;
  max-width: 585px;
}

.alumni-featured__filters {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.alumni-featured__label {
  color: #8c8c8c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.pill {
  border: 1px solid #d8d8d8;
  border-radius: 40px;
  height: 40px;
  padding: 0 16px;
  background: #fff;
  color: #595959;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}

.pill.is-active {
  background: #c72227;
  color: #fff;
  border-color: #c72227;
}

.alumni-featured__search {
  width: 410px;
  border: 1px solid #d8d8d8;
  border-radius: 32px;
  padding: 8px 8px 8px 16px;
  display: flex;
  gap: 12px;
  align-items: center;
}

.alumni-featured__search input {
  border: 0;
  outline: none;
  flex: 1;
  min-width: 0;
  font-size: 16px;
  line-height: 24px;
}

.alumni-featured__search button {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 24px;
  background: #0074c2;
  color: #fff;
}

.alumni-grid {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

.alumni-card {
  display: block;
  border-radius: 12px;
  background: #f3f3f3;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;

  &:hover {
    border-color: #0074C2;
    transform: translateY(-10px);
  }
}


.alumni-card__photo {
  position: relative;
  aspect-ratio: 368/400;
}

.alumni-card__photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(179deg, rgba(0, 6, 36, 0) 67%, #000624 99%);
}

.alumni-card__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.alumni-card__meta {
  position: absolute;
  left: 16px;
  bottom: 12px;
  z-index: 1;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.alumni-card__body {
  padding: 16px;
}

.alumni-card__body h3 {
  margin: 0;
  color: #101010;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.alumni-card__body p {
  margin: 4px 0 0;
  color: #c72227;
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
}

.alumni-pagination {
  margin-top: 24px;
}

.alumni-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 8px;
}

.alumni-pagination a {
  width: 40px;
  height: 40px;
  border-radius: 32px;
  background: #eef0f4;
  color: #1b1b1b;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 22px;
}

.alumni-pagination a.is-active {
  background: #0074c2;
  color: #fff;
}

.alumni-pagination a.is-arrow {
  background: #fff;
  border: 1px solid #d8d8d8;
}

.alumni-pagination a.is-arrow i {
  font-size: 14px;
  line-height: 1;
}



.event-detail {
  background: #fff;
  padding: 32px 0 64px;
}

.event-detail__title {
  margin: 0;
  color: #0074c2;
  font-size: 42px;
  line-height: 54px;
  font-weight: 700;
  text-transform: uppercase;
}

.event-detail__meta-row {
  margin-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(216, 216, 216, 0.7);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.event-detail__meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.event-detail__meta-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}

.event-detail__meta-line span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.event-detail__meta-line i {
  color: #0074c2;
}

.event-detail__share {
  display: flex;
  align-items: center;
  gap: 10px;
}

.event-detail__share span {
  color: #8c8c8c;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-transform: uppercase;
}

.event-detail__share a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f0f0f0;
  color: #595959;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 12px;
}

.event-detail__cta {
  margin-top: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 52px;
  padding: 0 24px;
  border-radius: 45px;
  background: #0074c2;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}

.event-detail__cta:hover {
  color: #fff;
}

.event-detail__cta .icon-animation {
  flex-shrink: 0;
}

.event-detail__hero-image {
  margin-top: 20px;
  width: 100%;
  border-radius: 12px;
  display: block;
}

.event-detail__section {
  margin-top: 24px;
}

.event-detail__section h2 {
  margin: 0 0 12px;
  color: #101010;
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
}

.event-detail__section ul {
  margin: 0;
  padding-left: 24px;
}

.event-detail__section li,
.event-detail__section p {
  margin: 0;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
}

.event-detail__section li+li,
.event-detail__section p+p {
  margin-top: 6px;
}

.event-detail__section a {
  color: #0074c2;
  text-decoration: none;
}

.event-register {
  margin: 40px auto 0;
  border: 1px solid #dbf4ff;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(19, 77, 138, 0.15);
  overflow: hidden;
  display: grid;
  grid-template-columns: 360px 1fr;
}

.event-register__left {
  padding: 40px;
  background-image: linear-gradient(180deg, #0074C2 0%, rgba(0, 116, 194, 0.5) 99.98%), url("../assets/bg-form.png");
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
  background-size: cover, cover;
  color: #fff;
}

.event-register__left h3 {
  margin: 0;
  font-size: 28px;
  line-height: 46px;
  font-weight: 700;
  text-transform: uppercase;
}

.event-register__left p {
  margin: 16px 0 24px;
  opacity: 0.85;
  font-size: 16px;
  line-height: 24px;
}

.event-register__hotline-label {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.event-register__hotline {
  color: #fff;
  text-decoration: none;
  font-size: 24px;
  line-height: 42px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.event-register__form {
  padding: 40px;
  background: #fff;
}

.event-register__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.event-register__field+.event-register__field {
  margin-top: 16px;
}

.event-register__field-grid>.event-register__field+.event-register__field {
  margin-top: 0;
}

.event-register__field label {
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.event-register__field label span {
  color: #c72227;
}

.event-register__field label .form-required,
.event-register__field label abbr.form-required {
  color: #c72227;
  text-decoration: none;
  border: 0;
}

.event-register__form .form-actions {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

.event-register__field input,
.event-register__field select {
  height: 52px;
  border-radius: 8px;
  border: 1px solid rgba(216, 216, 216, 0.5);
  /* background: #f9fafc; */
  padding: 0 16px;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
}

.event-register__field input::-moz-placeholder {
  color: #8c8c8c;
}

.event-register__field input::placeholder {
  color: #8c8c8c;
}

.event-register__field textarea {
  min-height: 120px;
  border-radius: 8px;
  border: 1px solid rgba(216, 216, 216, 0.5);
  background: #f9fafc;
  padding: 12px 16px;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  resize: vertical;
}

.event-register__field-grid {
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.event-register__field-grid+.event-register__field {
  margin-top: 16px;
}

.event-register__submit {
  margin-top: 24px;
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: 45px;
  background: #0074c2;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}



/* Alumni featured page - Figma node 540:5827 */
.page-alumni-featured .alumni-hero {
  position: relative;
  min-height: 464px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

.page-alumni-featured .alumni-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-alumni-featured .alumni-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 56%, rgba(0, 15, 25, 0.9) 100%);
}

.page-alumni-featured .alumni-hero__title-wrap {
  position: relative;
  z-index: 1;
  padding-bottom: 24px;
}

.page-alumni-featured .alumni-hero__title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-alumni-featured .alumni-featured {
  background: #fff;
  padding: 32px 0 64px;
}

.page-alumni-featured .alumni-featured__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.page-alumni-featured .alumni-featured__lead {
  margin: 0;
  max-width: 585px;
  color: #595959;
  font-size: 16px;
  line-height: 24px;
}

.page-alumni-featured .alumni-featured__filters {
  margin-top: 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.page-alumni-featured .alumni-featured__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #8c8c8c;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
}

.page-alumni-featured .alumni-featured__label i {
  color: #c72227;
}

.page-alumni-featured .alumni-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border: 1px solid #d8d8d8;
  border-radius: 40px;
  padding: 0 16px;
  background: #fff;
  color: #595959;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.page-alumni-featured .alumni-pill.is-active {
  background: #c72227;
  border-color: #c72227;
  color: #fff;
}

.page-alumni-featured .alumni-featured__search {
  width: 410px;
  border: 1px solid #d8d8d8;
  border-radius: 32px;
  padding: 8px 8px 8px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.page-alumni-featured .alumni-featured__search input {
  border: 0;
  outline: none;
  flex: 1;
  min-width: 0;
  color: #8c8c8c;
  font-size: 16px;
  line-height: 24px;
}

.page-alumni-featured .alumni-featured__search button,
.page-alumni-featured .alumni-featured__search-submit {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 24px;
  background: #0074c2;
  color: #fff;
  flex-shrink: 0;
  cursor: pointer;
}

.page-alumni-featured .alumni-featured__top>div:first-child {
  flex: 1;
  min-width: 0;
}

.page-alumni-featured .alumni-grid {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

.page-alumni-featured .alumni-card {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  background: #f3f3f3;
  overflow: hidden;
  color: inherit;
  min-height: 498px;
}

.page-alumni-featured a.alumni-card {
  text-decoration: none;
  color: inherit;
}

.page-alumni-featured a.alumni-card:focus-visible {
  outline: 2px solid #c72227;
  outline-offset: 3px;
}

.page-alumni-featured .alumni-card__photo {
  position: relative;
  height: 400px;
  flex-shrink: 0;
  overflow: hidden;
}

.page-alumni-featured .alumni-card__photo .field,
.page-alumni-featured .alumni-card__photo .field__item {
  margin: 0;
  padding: 0;
  height: 100%;
}

.page-alumni-featured .alumni-card__photo .field__item {
  display: block;
}

.page-alumni-featured .alumni-card__photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(179deg, rgba(0, 6, 36, 0) 67%, #000624 99%);
}

.page-alumni-featured .alumni-card__photo-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 280px;
  background: #e8e8e8;
  color: #9ca3af;
  font-size: 3rem;
}

.page-alumni-featured .alumni-card__photo img,
.page-alumni-featured .alumni-card__photo .alumni-card__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-alumni-featured .alumni-card__meta {
  position: absolute;
  left: 16px;
  bottom: 11px;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.page-alumni-featured .alumni-card__body {
  padding: 16px;
  min-height: 98px;
}

.page-alumni-featured .alumni-card__body h3 {
  margin: 0;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
}

.page-alumni-featured .alumni-card__body p {
  margin: 4px 0 0;
  color: #c72227;
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
}

.page-alumni-featured .alumni-pagination {
  margin-top: 24px;
}

.page-alumni-featured .alumni-pagination ul,
.page-alumni-featured .alumni-pagination .pager__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

.page-alumni-featured .alumni-pagination a,
.page-alumni-featured .alumni-pagination .pager__item a {
  width: 40px;
  height: 40px;
  border-radius: 32px;
  background: #eef0f4;
  color: #1b1b1b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 14px;
  line-height: 22px;
}

.page-alumni-featured .alumni-pagination a.is-active {
  background: #0074c2;
  color: #fff;
}

.page-alumni-featured .alumni-pagination a.is-arrow {
  border: 1px solid #d8d8d8;
  background: #fff;
}



.page-alumni-detail .alumni-detail {
  background: #fff;
  padding: 32px 0 64px;
}

.page-alumni-detail .alumni-detail .container {
  max-width: 1200px;
}

.page-alumni-detail .alumni-detail__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 32px;
  align-items: start;
}

.page-alumni-detail .alumni-detail__article {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-alumni-detail .alumni-detail__heading {
  display: flex;
  align-items: center;
  gap: 16px;
}

.page-alumni-detail .alumni-detail__line {
  width: 56px;
  height: 3px;
  background: #c72227;
  flex-shrink: 0;
}

.page-alumni-detail .alumni-detail__heading h1,
.page-alumni-detail .alumni-detail__heading h2 {
  margin: 0;
  color: #0074c2;
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-alumni-detail .alumni-detail__body {
  margin-top: 8px;
  color: #121212;
  font-size: 16px;
  line-height: 1.65;
}

.page-alumni-detail .alumni-detail__body p {
  margin: 0 0 1em;
}

.page-alumni-detail .alumni-detail__body p:last-child {
  margin-bottom: 0;
}

.page-alumni-detail .alumni-detail__body h2,
.page-alumni-detail .alumni-detail__body h3 {
  margin: 1.25em 0 0.5em;
  color: #121212;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  text-transform: none;
}

.page-alumni-detail .alumni-detail__body img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 1em 0;
}

.page-alumni-detail .alumni-profile__activity {
  margin: 2px 0 0;
  color: #121212;
  font-size: 16px;
  line-height: 24px;
}

.page-alumni-detail .alumni-profile__activity p {
  margin: 0;
}

.page-alumni-detail .alumni-detail__article p {
  margin: 0;
  color: #121212;
  font-size: 16px;
  line-height: 24px;
}

.page-alumni-detail .alumni-detail__article>h2 {
  margin: 8px 0 0;
  color: #121212;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
}

.page-alumni-detail .alumni-detail__article>img {
  width: 100%;
  height: 416px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

.page-alumni-detail .alumni-detail__media {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-alumni-detail .alumni-detail__video {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 910/532;
  background: #101010;
}

.page-alumni-detail .alumni-detail__video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-alumni-detail .alumni-detail__video iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.page-alumni-detail .alumni-detail__video button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, 0.92);
  color: #0074c2;
  font-size: 22px;
}

.page-alumni-detail .alumni-profile {
  position: sticky;
  top: 12px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-alumni-detail .alumni-profile__hero {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  height: 416px;
}

.page-alumni-detail .alumni-profile__hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(179deg, rgba(0, 6, 36, 0) 67%, #000624 99%);
}

.page-alumni-detail .alumni-profile__hero img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-alumni-detail .alumni-profile__photo-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 280px;
  background: #e8e8e8;
  color: #9ca3af;
  font-size: 4rem;
}

.page-alumni-detail .alumni-profile__hero h3 {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 1;
  margin: 0;
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-alumni-detail .alumni-profile__tag {
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 1;
  height: 28px;
  border-radius: 40px;
  padding: 0 16px;
  background: #c72227;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  font-weight: 600;
  text-transform: uppercase;
}

.page-alumni-detail .alumni-profile__meta {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 7.5px rgba(19, 77, 138, 0.15);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-alumni-detail .alumni-profile__item {
  display: flex;
  gap: 16px;
  align-items: center;
}

.page-alumni-detail .alumni-profile__item i {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #dbf4ff;
  color: #0074c2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-alumni-detail .alumni-profile__item small {
  display: block;
  color: #8c8c8c;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-alumni-detail .alumni-profile__item p {
  margin: 2px 0 0;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}



.page-club-community .club-hero {
  position: relative;
  min-height: 464px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}

.page-club-community .club-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-club-community .club-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 56%, rgba(0, 15, 25, 0.9) 100%);
}

.page-club-community .club-hero__title-wrap {
  position: relative;
  z-index: 1;
  padding-bottom: 66px;
}

.page-club-community .club-hero__title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
}

.club-list,
.page-club-community .club-list {
  background: #fff;
  padding: 32px 0 64px;
}

.club-list .container,
.page-club-community .club-list .container {
  max-width: 1200px;
}

.club-list__grid,
.page-club-community .club-list__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

.club-list .club-card,
.page-club-community .club-card {
  min-height: 337px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 16px;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  gap: 12px;

  >div {
    overflow: hidden;
    border-radius: 10px;
  }

  img {
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
  }

  &:hover {
    img {
      transform: scale(1.05);
    }
  }
}

.club-list .club-card__title,
.page-club-community .club-card__title {
  margin: 0;
  color: #101010;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.club-list .club-card__thumb,
.page-club-community .club-card__thumb {
  width: 100%;
  height: 196px;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.club-list .club-card .field--name-field-image img,
.page-club-community .club-card .field--name-field-image img {
  width: 100%;
  height: 196px;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.club-list .club-card__footer,
.page-club-community .club-card__footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.club-list .club-card__members,
.page-club-community .club-card__members {
  color: #c72227;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.club-list .club-card__cta,
.page-club-community .club-card__cta {
  height: 40px;
  border: 1px solid #0074c2;
  border-radius: 45px;
  padding: 0 24px;
  color: #0074c2;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}



.page-ambassador-club .ambassador-hero {
  position: relative;
  min-height: 464px;
  overflow: hidden;
}

.page-ambassador-club .ambassador-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.page-ambassador-club .ambassador-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 56.47%, rgba(0, 15, 25, 0.9) 100%);
}

.page-ambassador-club .ambassador-hero__title-wrap {
  position: relative;
  min-height: 464px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 66px;
}

.page-ambassador-club .ambassador-hero__title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-ambassador-club .ambassador-overview {
  padding: 32px 0 64px;
}

.page-ambassador-club .ambassador-overview__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 30px;
  align-items: flex-start;
}

.page-ambassador-club .ambassador-overview__content p {
  margin: 0 0 10px;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: justify;
}

.page-ambassador-club .ambassador-overview__content p:last-of-type {
  margin-bottom: 40px;
}

.page-ambassador-club .ambassador-title {
  margin: 0 0 16px;
  color: #0074c2;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-ambassador-club .ambassador-button {
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 24px;
  border-radius: 45px;
  background: #0074c2;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  text-decoration: none;
}

.page-ambassador-club .ambassador-info {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 15px rgba(19, 77, 138, 0.15);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-ambassador-club .ambassador-info__title {
  margin: 0;
  padding-bottom: 16px;
  border-bottom: 3px solid #c72227;
  color: #0074c2;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-ambassador-club .ambassador-info__item {
  display: flex;
  gap: 16px;
  align-items: center;
}

.page-ambassador-club .ambassador-info__item--column {
  align-items: flex-start;
}

.page-ambassador-club .ambassador-info__icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #dbf4ff;
  color: #0074c2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.page-ambassador-club .ambassador-info small {
  display: block;
  margin-bottom: 2px;
  color: #8c8c8c;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-ambassador-club .ambassador-info p {
  margin: 0;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.page-ambassador-club .ambassador-info ul {
  margin: 0;
  padding-left: 22px;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.page-ambassador-club .ambassador-programs {
  padding: 64px 0;
  background: linear-gradient(270deg, #dbf4ff 0%, #ffffff 101.84%);
}

.page-ambassador-club .ambassador-programs__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px 30px;
}

.page-ambassador-club .ambassador-program {
  display: flex;
  flex-direction: column;
  gap: 16px;

  >div {
    overflow: hidden;
    border-radius: 8px;

  }

  &:hover {
    img {
      transform: scale(1.05);
    }
  }
}

.page-ambassador-club .ambassador-program img {
  width: 100%;
  height: 232px;
  border-radius: 8px;
  transition: transform 0.3s ease-in-out;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-ambassador-club .ambassador-program h3 {
  margin: 0;
  color: #101010;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}

.page-ambassador-club .ambassador-program p {
  margin: 0;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.page-ambassador-club .ambassador-members {
  padding: 64px 0;
}

.page-ambassador-club .ambassador-chair {
  border-radius: 16px;
  border: 1px solid #d8d8d8;
  border-bottom: 5px solid #217fd6;
  background: #fff;
  padding: 24px;
  display: grid;
  grid-template-columns: 332px minmax(0, 1fr);
  gap: 30px;
  margin-bottom: 24px;
}

.page-ambassador-club .ambassador-chair__image-wrap {
  border: 2px solid #217fd6;
  border-radius: 12px;
  overflow: hidden;
  height: 296px;
}

.page-ambassador-club .ambassador-chair__image-wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-ambassador-club .ambassador-chair__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-ambassador-club .ambassador-chair__content>p {
  margin: 0;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
}

.page-ambassador-club .ambassador-chair__meta {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}

.page-ambassador-club .ambassador-chair__meta span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.page-ambassador-club .ambassador-chair__content h3 {
  margin: 0;
  color: #101010;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  text-transform: uppercase;
}

.page-ambassador-club .ambassador-chair__role {
  margin: -16px 0 0;
  color: #c72227;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-style: italic;
}

.page-ambassador-club .ambassador-members__subtitle {
  margin: 0 0 32px;
  color: #0074c2;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-ambassador-club .ambassador-members__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px 30px;
}

.page-ambassador-club .ambassador-member {
  border: 1px solid #d8d8d8;
  border-radius: 16px;
  background: #fff;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-ambassador-club .ambassador-member__head {
  display: flex;
  gap: 16px;
  align-items: center;
}

.page-ambassador-club .ambassador-member__head img {
  width: 90px;
  height: 80px;
  border-radius: 12px;
  border: 1px solid #8ecaf4;
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

.page-ambassador-club .ambassador-member__head h4 {
  margin: 0;
  color: #101010;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

.page-ambassador-club .ambassador-member__head p {
  margin: 4px 0 0;
  color: #c72227;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-style: italic;
}

.page-ambassador-club .ambassador-member__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.page-ambassador-club .ambassador-member__info p {
  margin: 0;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}



.page-alumni-cohorts {
  background: #fff;
}

.page-alumni-cohorts .cohort-page-title {
  margin: 0 0 24px;
  color: #101010;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-alumni-cohorts .cohort-hero {
  position: relative;
  min-height: 464px;
  overflow: hidden;
}

.page-alumni-cohorts .cohort-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.page-alumni-cohorts .cohort-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 56.47%, rgba(0, 15, 25, 0.9) 100%);
}

.page-alumni-cohorts .cohort-hero__title-wrap {
  position: relative;
  min-height: 464px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 66px;
}

.page-alumni-cohorts .cohort-hero__title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-alumni-cohorts .cohort-search {
  padding: 32px 0 0;
}

.page-alumni-cohorts .cohort-search__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.page-alumni-cohorts .cohort-search__left {
  max-width: 688px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-alumni-cohorts .cohort-search__desc {
  margin: 0;
  color: #595959;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.page-alumni-cohorts .cohort-search__desc> :first-child {
  margin-top: 0;
}

.page-alumni-cohorts .cohort-search__desc> :last-child {
  margin-bottom: 0;
}

.page-alumni-cohorts .cohort-search__desc p {
  margin: 0 0 1em;
}

.page-alumni-cohorts .cohort-search__desc p:last-child {
  margin-bottom: 0;
}

.page-alumni-cohorts .cohort-search__controls {
  width: 410px;
  flex-shrink: 0;
}

.page-alumni-cohorts .cohort-tabs {
  display: inline-flex;
  gap: 12px;
  align-items: center;
}

.page-alumni-cohorts .cohort-tabs__item {
  box-sizing: border-box;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #d8d8d8;
  background: #fff;
  padding: 0 16px;
  color: #595959;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-alumni-cohorts .cohort-tabs__item:visited {
  color: #595959;
}

.page-alumni-cohorts .cohort-tabs__item.is-active {
  border-color: #c72227;
  background: #c72227;
  color: #fff;
}

.page-alumni-cohorts .cohort-tabs__item.is-active:visited {
  color: #fff;
}

.page-alumni-cohorts .cohort-searchbox {
  width: 100%;
  height: 48px;
  border: 1px solid #d8d8d8;
  border-radius: 32px;
  padding: 8px 8px 8px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.page-alumni-cohorts .cohort-searchbox input {
  border: 0;
  outline: 0;
  flex: 1;
  min-width: 0;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.page-alumni-cohorts .cohort-searchbox input::-moz-placeholder {
  color: #8c8c8c;
}

.page-alumni-cohorts .cohort-searchbox input::placeholder {
  color: #8c8c8c;
}

.page-alumni-cohorts .cohort-searchbox__btn {
  width: 32px;
  height: 32px;
  border-radius: 24px;
  background: #0074c2;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
}

.page-alumni-cohorts .cohort-list {
  padding: 40px 0 64px;
  /*background: #f5f5f5;*/
  border-top: solid thin #8ECAF4;
  margin-top: 40px;
}

.page-alumni-cohorts .cohort-category {
  width: 100%;

}

.page-alumni-cohorts .cohort-list__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}

.page-alumni-cohorts .cohort-card {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;

  &:before {
    content: "";
    position: relative;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #217FD6 0%, #C4BBF4 100%);
    top: 0;
    transition: all 0.3s ease-in-out;
    transform: scaleX(0);
  }

  &:hover {
    transform: translateY(-5px);
    border-radius: 16px;
    border: 1px solid #0074C2;
    background: #FFF;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.10);

    &:before {
      transform: scaleX(1);
    }
  }
}

.page-alumni-cohorts .cohort-card h2 {
  margin: 0;
  color: #101010;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  padding: 0 24px;
}

.page-alumni-cohorts .cohort-card__body {
  border-radius: 12px;
  background: #ebedf1;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-alumni-cohorts .cohort-card__body h3 {
  margin: 0;
  color: #101010;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

.page-alumni-cohorts .cohort-card__body h3 i {
  color: #c72227;
  font-size: 18px;
}

.page-alumni-cohorts .cohort-card__body p {
  margin: 0;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.page-alumni-cohorts .cohort-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 24px;
  padding-bottom: 24px;
}

.page-alumni-cohorts .cohort-card__footer span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #c72227;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.page-alumni-cohorts .cohort-card__footer a {
  height: 40px;
  border-radius: 45px;
  border: 1px solid #0074c2;
  background: #fff;
  padding: 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0074c2;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease-in-out;

  &:hover {
    background: #0074c2;
    color: #fff;
  }
}



.page-alumni-roster .alumni-roster {
  padding: 32px 0 64px;
  background: #fff;
}

.page-alumni-roster .alumni-roster__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.page-alumni-roster .alumni-roster__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
}

.page-alumni-roster .alumni-roster__toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
}

.page-alumni-roster .alumni-roster__title {
  margin: 0;
  max-width: 688px;
  color: #0074c2;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-alumni-roster .alumni-roster-search {
  width: 410px;
  flex-shrink: 0;
  height: 48px;
  border: 1px solid #d8d8d8;
  border-radius: 32px;
  padding: 8px 8px 8px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
}

.page-alumni-roster .alumni-roster-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.page-alumni-roster .alumni-roster-search input::-moz-placeholder {
  color: #8c8c8c;
}

.page-alumni-roster .alumni-roster-search input::placeholder {
  color: #8c8c8c;
}

.page-alumni-roster .alumni-roster-search__btn {
  width: 32px;
  height: 32px;
  border-radius: 24px;
  background: #0074c2;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
}

.page-alumni-roster .alumni-roster__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px 30px;
}

.page-alumni-roster .alumni-roster-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #d8d8d8;
  background: #fff;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.page-alumni-roster .alumni-roster-card:hover,
.page-alumni-roster .alumni-roster-card:focus-visible {
  border-color: #0074c2;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  background: linear-gradient(115.1deg, #fff 7.25%, #dbf4ff 56.81%, #dbf4ff 98.43%);
  outline: 0;
}

.page-alumni-roster .alumni-roster-card__head {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.page-alumni-roster .alumni-roster-card__avatar {
  width: 90px;
  height: 80px;
  flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid #8ecaf4;
  overflow: hidden;
}

.page-alumni-roster .alumni-roster-card__avatar .field,
.page-alumni-roster .alumni-roster-card__avatar .field__item {
  height: 100%;
  margin: 0;
}

.page-alumni-roster .alumni-roster-card__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.page-alumni-roster .alumni-roster-card__avatar-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #e8f4fc;
  color: #5ba3d9;
  font-size: 32px;
}

.page-alumni-roster .alumni-roster-card__name {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #101010;
  max-width: 242px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-alumni-roster .alumni-roster-card__meta {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.page-alumni-roster .alumni-roster-card__meta span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #101010;
}

.page-alumni-roster .alumni-roster-card__meta i {
  width: 24px;
  flex-shrink: 0;
  text-align: center;
  color: #0074c2;
}

.page-alumni-roster .alumni-roster-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.page-alumni-roster .alumni-roster-pagination a,
.page-alumni-roster .alumni-roster-pagination__ellipsis {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  text-decoration: none;
  color: #1b1b1b;
  background: #eef0f4;
}

.page-alumni-roster .alumni-roster-pagination a.is-active {
  background: #0074c2;
  color: #fff;
}

.page-alumni-roster .alumni-roster-pagination__ellipsis {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.page-alumni-roster .alumni-roster-pagination__arrow {
  border-radius: 60px;
  background: #fff;
  border: 1px solid #d8d8d8;
  color: #0074c2;
}

.page-alumni-roster .alumni-roster-pagination__arrow i {
  font-size: 14px;
  line-height: 1;
}

.page-alumni-roster .knowledge-share {
  padding: 64px 0;
  background: linear-gradient(270deg, #dbf4ff 0%, #ffffff 101.84%);
}

.page-alumni-roster .knowledge-share__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.page-alumni-roster .knowledge-share__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
}

.page-alumni-roster .knowledge-share__title {
  margin: 0;
  color: #0074c2;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-alumni-roster .knowledge-share__cta {
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 24px;
  border-radius: 45px;
  background: #0074c2;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.page-alumni-roster .knowledge-share__cta:visited {
  color: #fff;
}

.page-alumni-roster .knowledge-share__bottom {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.page-alumni-roster .knowledge-share__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  width: 100%;
}

.page-alumni-roster .knowledge-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(19, 77, 138, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.page-alumni-roster .knowledge-card__media {
  aspect-ratio: 380/252;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 0 7.5px rgba(19, 77, 138, 0.15);

  &:hover {
    img {
      transform: scale(1.05);
    }
  }
}

.page-alumni-roster .knowledge-card__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  transition: all .4s ease-in-out;
}

.page-alumni-roster .knowledge-card__body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.page-alumni-roster .knowledge-card__stack {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.page-alumni-roster .knowledge-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.page-alumni-roster .knowledge-card__cat {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  color: #c72227;
  text-transform: uppercase;
}

.page-alumni-roster .knowledge-card__date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #8c8c8c;
}

.page-alumni-roster .knowledge-card__heading {
  margin: 0;
  min-height: 54px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #0a0a0a;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.page-alumni-roster .knowledge-card__heading a {
  color: inherit;
  text-decoration: none;
}

.page-alumni-roster .knowledge-card__excerpt {
  margin: 0;
  min-height: 48px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.page-alumni-roster .knowledge-card__author {
  margin: 0;
  padding-top: 16px;
  border-top: 1px solid #eef0f4;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #101010;
}

.page-alumni-roster .knowledge-share__controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  width: 100%;
}

.page-alumni-roster .knowledge-share__progress {
  flex: 1;
  min-width: 0;
  height: 4px;
  border-radius: 3px;
  background: #e7edf3;
  position: relative;
  overflow: hidden;
}

.page-alumni-roster .knowledge-share__progress-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 72.2%;
  border-radius: 3px;
  background: #005ca1;
}

.page-alumni-roster .knowledge-share__nav {
  width: 52px;
  height: 52px;
  border-radius: 60px;
  border: 0;
  padding: 0;
  background: #0074c2;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.page-alumni-roster .knowledge-share__grid.slick-initialized {
  display: block;
}

.page-alumni-roster .knowledge-share__grid .slick-list {
  margin: 0 -15px;
}

.page-alumni-roster .knowledge-share__grid .slick-slide {
  padding: 0 15px;
  box-sizing: border-box;
  height: auto;
}

.page-alumni-roster .knowledge-share__grid .slick-slide>article {
  height: 100%;
}

.page-alumni-roster .knowledge-card__media .field,
.page-alumni-roster .knowledge-card__media .field__item {
  margin: 0;
  height: 100%;
}



.page-staff-faculty {
  background: #fff;
}

.page-staff-faculty .staff-directory-hero {
  position: relative;
  min-height: 464px;
  overflow: hidden;
}

.page-staff-faculty .staff-directory-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center bottom;
  object-position: center bottom;
}

.page-staff-faculty .staff-directory-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 56.47%, rgba(0, 15, 25, 0.9) 100%);
}

.page-staff-faculty .staff-directory-hero__title-wrap {
  position: relative;
  min-height: 464px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 66px;
}

.page-staff-faculty .staff-directory-hero__title {
  margin: 0;
  max-width: 100%;
  color: #fff;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-staff-faculty .staff-directory {
  padding: 32px 0 64px;
}

.page-staff-faculty .staff-directory__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.page-staff-faculty .staff-directory__toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  flex-wrap: wrap;
}

.page-staff-faculty .staff-directory__col-left {
  max-width: 688px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-staff-faculty .staff-directory__intro {
  margin: 0;
  color: #595959;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  max-width: 585px;
}

.page-staff-faculty .staff-directory__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.page-staff-faculty .staff-directory__tab {
  box-sizing: border-box;
  height: 40px;
  border-radius: 40px;
  border: 1px solid #d8d8d8;
  background: #fff;
  padding: 3px 16px;
  color: #595959;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.page-staff-faculty .staff-directory__tab:visited {
  color: #595959;
}

.page-staff-faculty .staff-directory__tab.is-active {
  border-color: #c72227;
  background: #c72227;
  color: #fff;
}

.page-staff-faculty .staff-directory__tab.is-active:visited {
  color: #fff;
}

.page-staff-faculty .staff-directory-search {
  width: 410px;
  flex-shrink: 0;
  height: 48px;
  border: 1px solid #d8d8d8;
  border-radius: 32px;
  padding: 8px 8px 8px 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
}

.page-staff-faculty .staff-directory-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.page-staff-faculty .staff-directory-search input::-moz-placeholder {
  color: #8c8c8c;
}

.page-staff-faculty .staff-directory-search input::placeholder {
  color: #8c8c8c;
}

.page-staff-faculty .staff-directory-search__btn {
  width: 32px;
  height: 32px;
  border-radius: 24px;
  background: #0074c2;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
}

.page-staff-faculty .staff-directory__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 100%;
}

.page-staff-faculty .staff-directory__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px 30px;
}

.page-staff-faculty .staff-card {
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #d8d8d8;
  background: #fff;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  min-height: 272px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.page-staff-faculty .staff-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(108.65deg, #fff 7.25%, #dbf4ff 56.81%, #dbf4ff 98.43%);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  z-index: 0;
}

.page-staff-faculty .staff-card:hover::before,
.page-staff-faculty .staff-card:focus-visible::before {
  opacity: 1;
}

.page-staff-faculty .staff-card:hover,
.page-staff-faculty .staff-card:focus-visible {
  border-color: #0074c2;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  outline: 0;
}

.page-staff-faculty .staff-card>* {
  position: relative;
  z-index: 1;
}

.page-staff-faculty .staff-card__head {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 348px;
}

.page-staff-faculty .staff-card__avatar {
  width: 90px;
  height: 80px;
  flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid #8ecaf4;
  overflow: hidden;
}

.page-staff-faculty .staff-card__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.page-staff-faculty .staff-card__identity {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
}

.page-staff-faculty .staff-card__name {
  display: block;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #101010;
  max-width: 242px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-staff-faculty .staff-card__role {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-style: italic;
  color: #c72227;
}

.page-staff-faculty .staff-card__status {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 3px 16px;
  border-radius: 40px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  white-space: nowrap;
}

.page-staff-faculty .staff-card__status--working {
  background: #e4feeb;
  color: #00a63e;
}

.page-staff-faculty .staff-card__status--transferred {
  background: #dbf4ff;
  color: #0074c2;
}

.page-staff-faculty .staff-card__status--retired {
  background: #f0f0f0;
  color: #595959;
}

.page-staff-faculty .staff-card {
  cursor: default;
  text-decoration: none;
  color: inherit;
}

.page-staff-faculty .staff-card__avatar-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #eef0f4;
  color: #8c8c8c;
  font-size: 28px;
}

.page-staff-faculty .staff-card__meta {
  width: 100%;
  max-width: 348px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.page-staff-faculty .staff-card__meta-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #101010;
}

.page-staff-faculty .staff-card__meta-row i {
  width: 24px;
  flex-shrink: 0;
  text-align: center;
  color: #0074c2;
}

.page-staff-faculty .staff-directory-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.page-staff-faculty .staff-directory-pagination a,
.page-staff-faculty .staff-directory-pagination__ellipsis {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  text-decoration: none;
  color: #1b1b1b;
  background: #eef0f4;
}

.page-staff-faculty .staff-directory-pagination a.is-active {
  background: #0074c2;
  color: #fff;
}

.page-staff-faculty .staff-directory-pagination__ellipsis {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.page-staff-faculty .staff-directory-pagination__arrow {
  border-radius: 60px;
  background: #fff;
  border: 1px solid #0074c2;
  color: #0074c2;
}

.page-staff-faculty .staff-directory-pagination__arrow i {
  font-size: 14px;
  line-height: 1;
}



.page-future-gens {
  background: #fff;
}

.page-future-gens .future-hero {
  position: relative;
  min-height: 464px;
  overflow: hidden;
}

.page-future-gens .future-hero__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center bottom;
  object-position: center bottom;
  z-index: 0;
}

.page-future-gens .future-intro__photo>* {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.page-future-gens .future-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 56.47%, rgba(0, 15, 25, 0.9) 100%);
}

.page-future-gens .future-hero__title-wrap {
  position: relative;
  z-index: 2;
  min-height: 464px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 66px;
}

.page-future-gens .future-hero__title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-future-gens .future-intro {
  padding: 32px 0 64px;
  overflow: hidden;
}

.page-future-gens .future-intro__inner {
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

.page-future-gens .future-intro__collage {
  flex: 1 1 0;
  min-width: 0;
  max-width: 561px;
  border-radius: 12px;
  overflow: hidden;
}

.page-future-gens .future-intro__collage img,
.page-future-gens .future-intro__collage-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.page-future-gens .future-intro__photo--main {
  top: 0;
  right: 22.44%;
  bottom: 52.09%;
  left: 0.08%;
}

.page-future-gens .future-intro__photo--tr {
  top: 28.49%;
  right: -0.08%;
  bottom: 30.68%;
  left: 52.1%;
  border: 7px solid #fff;
  border-radius: 12px;
}

.page-future-gens .future-intro__photo--bl {
  top: 59.16%;
  right: 34.86%;
  bottom: 0.01%;
  left: 12.66%;
  z-index: -1;
  height: auto;
  max-width: 561px;
}

.page-future-gens .future-intro__content {
  box-sizing: border-box;
  width: 585px;
  flex-shrink: 0;
  padding-left: 32px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
}

.page-future-gens .future-intro__stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 553px;
}

.page-future-gens .future-intro__heading {
  margin: 0;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
}

.page-future-gens .future-intro__heading-line {
  display: block;
}

.page-future-gens .future-intro__heading-line--red {
  color: #c72227;
}

.page-future-gens .future-intro__heading-line--blue {
  color: #0074c2;
}

.page-future-gens .future-intro__lede {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #101010;
  text-align: justify;
  max-width: 553px;
}

.page-future-gens .future-intro__lede> :first-child {
  margin-top: 0;
}

.page-future-gens .future-intro__lede> :last-child {
  margin-bottom: 0;
}

.page-future-gens .future-intro__lede p {
  margin: 0 0 1em;
}

.page-future-gens .future-intro__lede p:last-child {
  margin-bottom: 0;
}

.page-future-gens .future-intro__bullets {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 553px;
}

.page-future-gens .future-intro__bullet {
  margin: 0;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}

.page-future-gens .future-intro__bullet-icon {
  flex-shrink: 0;
  width: 24px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0074c2;
  font-size: 24px;
}

.page-future-gens .future-intro__bullet-icon img {
  display: block;
  width: 24px;
  height: 28px;
  object-fit: contain;
}

.page-future-gens .future-intro__bullet-body {
  flex: 1 1 0;
  min-width: 0;
}

.page-future-gens .future-intro__bullet-body p,
.page-future-gens .future-intro__bullet p {
  flex: 1 1 0;
  margin: 0;
  min-width: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #101010;
  text-align: justify;
}

.page-future-gens .future-intro__bullet-body> :first-child {
  margin-top: 0;
}

.page-future-gens .future-intro__bullet-body> :last-child {
  margin-bottom: 0;
}

.page-future-gens .future-intro__cta {
  box-sizing: border-box;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 45px;
  background: #0074c2;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.page-future-gens .future-intro__cta:visited {
  color: #fff;
}

.page-future-gens .future-programs {
  padding: 64px 0;
  background: linear-gradient(270deg, #dbf4ff 0%, #ffffff 101.84%);
  overflow: hidden;
}

.page-future-gens .future-programs__inner {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.page-future-gens .future-programs__head {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: center;
}

.page-future-gens .future-programs__title {
  margin: 0;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  color: #0074c2;
  text-transform: uppercase;
}

.page-future-gens .future-programs__title span {
  display: block;
  white-space: pre-wrap;
}

.page-future-gens .future-programs__desc {
  margin: 0;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #101010;
  text-align: justify;
}

.page-future-gens .future-programs__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  width: 100%;
}

.page-future-gens .future-program-card {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(19, 77, 138, 0.1);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}

.page-future-gens .future-program-card__media {
  width: 100%;
  aspect-ratio: 420/277.9002075195;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 0 7.5px rgba(19, 77, 138, 0.15);
}

.page-future-gens .future-program-card__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.page-future-gens .future-program-card__body {
  padding: 16px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

.page-future-gens .future-program-card__title {
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #0a0a0a;
  width: 100%;
}

.page-future-gens .future-program-card__excerpt {
  margin: 0;
  height: 48px;
  overflow: hidden;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #595959;
  width: 100%;
}

.page-future-gens .future-program-card__btn {
  box-sizing: border-box;
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  border-radius: 4px;
  background: linear-gradient(to left, #093cc2 0%, #0b86e5 100%);
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.page-future-gens .future-program-card__btn:visited {
  color: #fff;
}

.page-future-gens .future-program-card__actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.page-future-gens .future-program-card__actions .future-program-card__btn {
  flex: none;
  width: 100%;
}

.page-future-gens .future-program-card--has-detail {
  cursor: pointer;
}

.page-future-gens .future-program-card--has-detail:focus-visible {
  outline: 2px solid #0b86e5;
  outline-offset: 2px;
}

.page-future-gens .future-program-card__detail-template {
  display: none;
}

body.has-future-program-modal-open {
  overflow: hidden;
}

.future-program-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
}

.future-program-modal[hidden] {
  display: none !important;
}

.future-program-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10, 10, 10, 0.55);
}

.future-program-modal__panel {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  max-width: 720px;
  max-height: min(85vh, 720px);
  overflow: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 12px 40px rgba(19, 77, 138, 0.2);
  padding: 32px 28px 28px;
}

.future-program-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #595959;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.future-program-modal__close:hover,
.future-program-modal__close:focus-visible {
  background: #f5f5f5;
  color: #0a0a0a;
}

.future-program-modal__title {
  margin: 0 40px 16px 0;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: #0a0a0a;
}

.future-program-modal__title[hidden] {
  display: none;
}

.future-program-modal__body {
  font-size: 16px;
  line-height: 26px;
  color: #333;
}

.future-program-modal__body> :first-child {
  margin-top: 0;
}

.future-program-modal__body> :last-child {
  margin-bottom: 0;
}

.page-future-gens .future-tribute {
  position: relative;
  min-height: 682px;
  overflow: hidden;
  padding: 64px 0 48px;
}


.page-future-gens .future-tribute__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url(/themes/custom/alumni_theme/assets/Tri-an-bg-1920.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.page-future-gens .future-tribute__inner {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.page-future-gens .future-tribute__header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  text-align: center;
  color: #fff;
}

.page-future-gens .future-tribute__title {
  margin: 0;
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.page-future-gens .future-tribute__subtitle {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  text-align: center;
  white-space: pre-wrap;
}

.page-future-gens .future-tribute__subtitle span {
  display: block;
}

.page-future-gens .future-tribute__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
  justify-content: center;
}

.page-future-gens .future-tribute__tab {
  box-sizing: border-box;
  height: 40px;
  padding: 3px 16px;
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid transparent;
  transition: opacity 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.page-future-gens .future-tribute__tab:link,
.page-future-gens .future-tribute__tab:visited {
  color: #fff;
}

.page-future-gens .future-tribute__tab.is-active {
  background: #c72227;
  border-color: #c72227;
  opacity: 1;
}

.page-future-gens .future-tribute__tab:not(.is-active) {
  border-color: #f9e9e9;
  background: transparent;
  opacity: 0.7;
}

.page-future-gens .future-tribute__cards {
  width: 100%;
}

.page-future-gens .future-tribute__cards.slick-initialized {
  display: block;
}

.page-future-gens .future-tribute__cards:not(.slick-initialized) {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
}

.page-future-gens .future-tribute__cards .slick-list {
  margin: 0 -8px;
}

.page-future-gens .future-tribute__cards .slick-track {
  display: flex;
  align-items: stretch;
}

.page-future-gens .future-tribute__cards .slick-dots {
  position: static;
  bottom: auto;
  margin: 16px 0 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  list-style: none;
}

.page-future-gens .future-tribute__cards .slick-dots li {
  margin: 0;
  width: auto;
  height: auto;
}

.page-future-gens .future-tribute__cards .slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, 0.35);
  font-size: 0;
  line-height: 0;
}

.page-future-gens .future-tribute__cards .slick-dots li button::before {
  display: none;
}

.page-future-gens .future-tribute__cards .slick-dots li.slick-active button {
  background: #c72227;
  opacity: 1;
}

.page-future-gens .future-alumni-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 288px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  padding: 24px 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  font-family: "Inter", sans-serif;
}

.page-future-gens .future-alumni-card__avatar {
  position: relative;
  width: 164px;
  height: 164px;
  margin: 0 auto;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid #0074C2;
}

.page-future-gens .future-alumni-card__avatar>div {
  height: 100%;
}

.page-future-gens {
  /* Figma ellipse: ảnh lớn ~1.22% so với khung 164px */
}

.page-future-gens .future-alumni-card__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
  transform: scale(1.0244);
  transform-origin: center center;
}

.page-future-gens .future-alumni-card__body {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  text-align: center;
}

.page-future-gens .future-alumni-card__name {
  margin: 0;
  width: 100%;
  min-width: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #101010;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0;
}

.page-future-gens .future-alumni-card__cohort {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  color: #101010;
  white-space: nowrap;
}

.page-future-gens .future-alumni-card__cohort i {
  flex-shrink: 0;
  width: 24px;
  text-align: center;
  color: #101010;
  font-size: 24px;
  line-height: 1;
}

.page-future-gens .future-alumni-card__rule {
  margin: 0;
  width: 100%;
  height: 1px;
  border: 0;
  background: rgba(16, 16, 16, 0.08);
  flex-shrink: 0;
}

.page-future-gens .future-alumni-card__tag {
  margin: 0;
  max-width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-style: italic;
  color: #c72227;
  opacity: 0.8;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.page-recruitment {
  font-family: "Inter", sans-serif;
}

.page-recruitment .menu-header li.is-active a {
  border-bottom: 2px solid #fff;
}

.recruitment-hero {
  position: relative;
  min-height: 464px;
  box-sizing: border-box;
}

.recruitment-hero__media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.recruitment-hero__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.recruitment-hero__shade {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
}

.recruitment-hero__gradient {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 56.466%, rgba(0, 15, 25, 0.9) 100%);
  mix-blend-mode: multiply;
}

.recruitment-hero__inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 302px 120px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.recruitment-hero__title {
  margin: 0;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 34px;
  line-height: 42px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
}

.recruitment-hero__search {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 8px;
  padding: 8px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.recruitment-hero__field {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: #fff;
}

.recruitment-hero__field--grow {
  flex: 1 1 200px;
  min-width: 0;
}

.recruitment-hero__field--260 {
  flex: 0 0 260px;
  width: 260px;
  max-width: 100%;
}

.recruitment-hero__field-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
}

.recruitment-hero__field-icon--blue {
  color: #0074c2;
}

.recruitment-hero__input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  padding: 0;
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #121212;
  outline: none;
  background: transparent;
}

.recruitment-hero__input::-moz-placeholder {
  color: #8c8c8c;
}

.recruitment-hero__input::placeholder {
  color: #8c8c8c;
}

.recruitment-hero__field--select {
  position: relative;
  gap: 16px;
  padding: 16px;
}

.recruitment-hero__select {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  margin: 0;
}

.recruitment-hero__select-face {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  pointer-events: none;
}

.recruitment-hero__select-label {
  flex: 1 1 auto;
  min-width: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #121212;
}

.recruitment-hero__chev {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #121212;
}

.recruitment-hero__submit {
  box-sizing: border-box;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 56px;
  padding: 4px 32px;
  border: 0;
  border-radius: 4px;
  background: #0074c2;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.recruitment-hero__submit-icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.recruitment-breadcrumb {
  box-sizing: border-box;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  background: #fff;
  padding: 12px 120px;
}

.recruitment-breadcrumb__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.recruitment-breadcrumb__inner a {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #8c8c8c;
  text-decoration: none;
}

.recruitment-breadcrumb__sep {
  display: inline-flex;
  width: 12px;
  height: 12px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #8c8c8c;
}

.recruitment-breadcrumb__current {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #0074c2;
}

.recruitment-board {
  background: #f0f7ff;
  padding: 32px 120px 80px;
}

.recruitment-board__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.recruitment-board__tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.recruitment-board__tab {
  box-sizing: border-box;
  height: 40px;
  padding: 3px 16px;
  border-radius: 40px;
  border: 1px solid #d8d8d8;
  background: #fff;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  color: #595959;
}

.recruitment-board__tab--active {
  border-color: #c72227;
  background: #c72227;
  color: #fff;
}

.recruitment-board__layout {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}

.recruitment-filter {
  flex: 0 0 278px;
  width: 278px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid #0074c2;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.recruitment-filter__head {
  display: flex;
  align-items: center;
  gap: 8px;
}

.recruitment-filter__head-icon {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #c72227;
}

.recruitment-filter__head-text {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  color: #8c8c8c;
}

.recruitment-filter__block {
  border: 0;
  padding: 0;
  margin: 0;
}

.recruitment-filter__summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
}

.recruitment-filter__summary::-webkit-details-marker {
  display: none;
}

.recruitment-filter__summary-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: #101010;
}

.recruitment-filter__summary-icon {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
  color: #101010;
}

.recruitment-filter__block:not([open]) .recruitment-filter__summary-icon {
  transform: rotate(90deg);
}

.recruitment-filter__options {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.recruitment-filter__options--radio {
  gap: 12px;
}

.recruitment-filter__divide {
  width: 100%;
  height: 1px;
  background: #8ecaf4;
}

.recruitment-radio {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #1d2433;
}

.recruitment-radio input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.recruitment-radio__ui {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #c1c2c4;
  box-sizing: border-box;
  position: relative;
}

.recruitment-radio input:checked+.recruitment-radio__ui {
  border-color: #0032a0;
}

.recruitment-radio input:checked+.recruitment-radio__ui::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0032a0;
}

.recruitment-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #101010;
}



.header-top__lang-chev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 2px;
  color: #005ca1;
  font-size: 10px;
  line-height: 1;
}

.header-top__lang-chev i {
  transition: transform 0.2s ease;
}

.header-top__lang-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #005ca1;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.header-top__lang-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 510;
  min-width: 120px;
  padding: 4px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 15px rgba(19, 77, 138, 0.15);
  box-sizing: border-box;
}

.header-top__lang-dropdown[hidden] {
  display: none !important;
}

.alumni-header-lang-wrap {
  position: relative;
}

.header-top__lang-option {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  text-align: left;
  color: #434343;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  cursor: pointer;
}

.header-top__lang-option:hover {
  background: rgba(0, 116, 194, 0.08);
}

.header-top__lang-option.is-active {
  background: rgba(0, 116, 194, 0.12);
  color: #005ca1;
}

.header-top__lang-option:focus-visible {
  outline: 2px solid #0074c2;
  outline-offset: 2px;
}

.recruitment-check input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.recruitment-check__ui {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 4px;
  border-radius: 2px;
  border: 1px solid #c1c2c4;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.recruitment-check input:checked+.recruitment-check__ui {
  border-color: #0032a0;
  background: #0032a0;
  color: #fff;
}

.recruitment-check input:checked+.recruitment-check__ui::after {
  content: "";
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-bottom: 2px;
}

.recruitment-feed {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.recruitment-feed__count {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #0074c2;
}

.recruitment-feed__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.recruitment-card {
  box-sizing: border-box;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid #d8d8d8;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.recruitment-card__main {
  display: flex;
  align-items: flex-start;
  gap: 26px;
}

.recruitment-card__brand {
  flex-shrink: 0;
  width: 148px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.recruitment-card__logo-frame {
  width: 100%;
}

.recruitment-card__logo-box {
  box-sizing: border-box;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid #8ecaf4;
}

.recruitment-card__logo-img {
  display: block;
  width: 124px;
  height: 70px;
  -o-object-fit: cover;
  object-fit: cover;
}

.recruitment-card__status {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 32px;
  padding: 3px 16px;
  border-radius: 40px;
  background: #dbf4ff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0074c2;
}

.recruitment-card__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.recruitment-card__titles {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.recruitment-card__company {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0074c2;
}

.recruitment-card__job {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #101010;
}

.recruitment-card__job a {
  color: inherit;
  text-decoration: none;
}

.recruitment-card__meta {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.recruitment-card__meta li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #101010;
}

.recruitment-card__meta li:nth-child(2) {
  gap: 6px;
}

.recruitment-card__meta li:nth-child(3) {
  gap: 6px;
}

.recruitment-card__meta-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #0074c2;
}

.recruitment-card__salary-label {
  font-weight: 400;
}

.recruitment-card__salary-value {
  font-weight: 600;
}

.recruitment-card__type {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 40px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #c72227;
}

.recruitment-card__type-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.recruitment-card__rule {
  width: 100%;
  height: 1px;
  background: #f5f5f5;
}

.recruitment-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  height: 40px;
}

.recruitment-card__posted {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #8c8c8c;
}

.recruitment-card__posted-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.recruitment-card__cta {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 12px 24px;
  border-radius: 45px;
  border: 1px solid #0074c2;
  background: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0074c2;
  text-decoration: none;
}

.dav-pagination,
.recruitment-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding-top: 16px;
}

.dav-pagination__nav,
.recruitment-pagination__nav {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #0074c2;
  background: transparent;
  color: #0074c2;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dav-pagination__page,
.recruitment-pagination__page {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 32px;
  border: 0;
  background: #fff;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #1b1b1b;
}

.dav-pagination__page.is-active,
.recruitment-pagination__page.is-active {
  background: #0074c2;
  color: #fff;
}

.dav-pagination__ellipsis,
.recruitment-pagination__ellipsis {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border-radius: 32px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #1b1b1b;
}



.page-job-detail {
  margin: 0;
  background: #fff;
}

.page-job-detail .job-detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background: #fff;
}

.page-job-detail .job-detail__vh {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.page-job-detail .job-detail__header {
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.page-job-detail .job-detail__header-bar {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px 47px;
  width: 100%;
  box-sizing: border-box;
}

.page-job-detail .job-detail__header-bar-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.page-job-detail .job-detail__header-bar-bg img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-job-detail .job-detail__header-bar-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #0074c2;
}

.page-job-detail .job-detail__header-bar-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1320px;
  box-sizing: border-box;
}

.page-job-detail .job-detail__header-tagline {
  display: flex;
  align-items: center;
  gap: 8px;
}

.page-job-detail .job-detail__header-glyph {
  display: inline-flex;
  transform: rotate(180deg) scaleY(-1);
}

.page-job-detail .job-detail__header-glyph img {
  display: block;
  width: 24px;
  height: 24px;
}

.page-job-detail .job-detail__header-tagline-text {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
}

.page-job-detail .job-detail__header-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.page-job-detail .job-detail__header-register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0;
  border-radius: 45px;
  text-decoration: none;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

.page-job-detail .job-detail__header-register img {
  width: 24px;
  height: 24px;
  display: block;
}

.page-job-detail .job-detail__header-vsep {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0;
  height: 14px;
}

.page-job-detail .job-detail__header-vsep img {
  display: block;
  width: 14px;
  height: 1px;
  transform: rotate(90deg);
}

.page-job-detail .job-detail__header-search {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
}

.page-job-detail .job-detail__header-search img {
  width: 24px;
  height: 24px;
  display: block;
}

.page-job-detail .job-detail__header-lang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 26px;
  padding: 0 8px 0 3px;
  border-radius: 42px;
  background: #fff;
  box-sizing: border-box;
}

.page-job-detail .job-detail__header-lang img {
  width: 20px;
  height: 20px;
  display: block;
}

.page-job-detail .job-detail__header-lang span {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #005ca1;
}

.page-job-detail .job-detail__header-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  box-sizing: border-box;
}

.page-job-detail .job-detail__header-main-inner {
  width: 100%;
  max-width: 1320px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  box-sizing: border-box;
}

.page-job-detail .job-detail__header-logo {
  flex-shrink: 0;
  display: block;
  width: 89px;
  height: 73px;
}

.page-job-detail .job-detail__header-logo-crop {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.page-job-detail .job-detail__header-logo-crop img {
  position: absolute;
  width: 154.89%;
  height: 189.49%;
  left: -28.38%;
  top: -46.08%;
  max-width: none;
}

.page-job-detail .job-detail__header-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  max-width: 1008px;
  gap: 16px;
  flex-wrap: wrap;
}

.page-job-detail .job-detail__contact-block {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  box-sizing: border-box;
}

.page-job-detail .job-detail__contact-block--wide {
  align-items: center;
  gap: 12px;
}

.page-job-detail .job-detail__contact-icon {
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  border: 2px solid #595959;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  flex-shrink: 0;
}

.page-job-detail .job-detail__contact-icon img:not(.job-detail__contact-icon-layer) {
  width: 16px;
  height: 16px;
  display: block;
}

.page-job-detail .job-detail__contact-icon--mail {
  position: relative;
  overflow: hidden;
}

.page-job-detail .job-detail__contact-icon-layer {
  position: absolute;
  display: block;
  pointer-events: none;
}

.page-job-detail .job-detail__contact-icon-layer--1 {
  inset: 19.87% 0 19.87% 68.79%;
  width: auto;
  height: auto;
  max-width: none;
  margin: auto;
}

.page-job-detail .job-detail__contact-icon-layer--2 {
  inset: 14.84% 5.02% 43.14% 5.02%;
  width: auto;
  height: auto;
  max-width: none;
  margin: auto;
}

.page-job-detail .job-detail__contact-icon-layer--3 {
  inset: 19.87% 68.79% 19.87% 0;
  width: auto;
  height: auto;
  max-width: none;
  margin: auto;
}

.page-job-detail .job-detail__contact-icon-layer--4 {
  inset: 54.14% 5.02% 14.84% 5.02%;
  width: auto;
  height: auto;
  max-width: none;
  margin: auto;
}

.page-job-detail .job-detail__contact-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  white-space: nowrap;
}

.page-job-detail .job-detail__contact-label {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 800;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #595959;
}

.page-job-detail .job-detail__contact-value {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0;
  color: #101010;
}

.page-job-detail .job-detail__contact-value--multiline p {
  margin: 0;
}

.page-job-detail .job-detail__contact-value--multiline p+p {
  margin-top: 0;
}

.page-job-detail .job-detail__login {
  flex-shrink: 0;
  height: 48px;
  padding: 0 24px;
  border-radius: 45px;
  background: #0074c2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  box-sizing: border-box;
}

.page-job-detail .job-detail__login img {
  width: 24px;
  height: 24px;
  display: block;
}

.page-job-detail .job-detail__login span {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  white-space: nowrap;
}

.page-job-detail .job-detail__nav {
  width: 100%;
  background: #0074c2;
  display: flex;
  justify-content: center;
  padding: 10px 0;
  box-sizing: border-box;
}

.page-job-detail .job-detail__nav-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}

.page-job-detail .job-detail__nav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 3px 0;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  box-sizing: border-box;
}

.page-job-detail .job-detail__nav-link--active {
  border-bottom-color: #fff;
}

.page-job-detail .job-detail__nav-chev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  transform: rotate(90deg);
}

.page-job-detail .job-detail__nav-chev img {
  width: 12px;
  height: 12px;
  display: block;
}

.page-job-detail .job-detail__breadcrumb {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding: 12px 120px;
  box-sizing: border-box;
  background: #fff;
  display: flex;
  justify-content: center;
}

.page-job-detail .job-detail__breadcrumb-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  max-width: 1200px;
  flex-wrap: wrap;
}

.page-job-detail .job-detail__breadcrumb-list a {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #8c8c8c;
  text-decoration: none;
}

.page-job-detail .job-detail__breadcrumb-list li[aria-current=page] {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #0074c2;
  white-space: nowrap;
}

.page-job-detail .job-detail__breadcrumb-sep {
  display: inline-flex;
  transform: rotate(180deg);
}

.page-job-detail .job-detail__breadcrumb-sep img {
  width: 12px;
  height: 12px;
  display: block;
}

.page-job-detail .job-detail__main {
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: clip;
  box-sizing: border-box;
}

.page-job-detail .job-detail__main-shell {
  width: 100%;
  max-width: 1440px;
  padding: 32px 120px 64px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.page-job-detail .job-detail__layout {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 790px) 380px;
  gap: 30px;
  align-items: start;
  justify-content: center;
}

.page-job-detail .job-detail__primary {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-width: 0;
}

.page-job-detail .job-detail__article {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  max-width: 790px;
}

.page-job-detail .job-detail__title-block {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}

.page-job-detail .job-detail__title {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #0074c2;
  max-width: 790px;
}

.page-job-detail .job-detail__meta-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
  flex-wrap: wrap;
}

.page-job-detail .job-detail__pill {
  height: 32px;
  padding: 3px 16px;
  border-radius: 40px;
  background: #dbf4ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  box-sizing: border-box;
}

.page-job-detail .job-detail__pill span {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0074c2;
  white-space: nowrap;
}

.page-job-detail .job-detail__job-type {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 40px;
}

.page-job-detail .job-detail__job-type-icon img {
  width: 20px;
  height: 20px;
  display: block;
}

.page-job-detail .job-detail__job-type-text {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #c72227;
  white-space: nowrap;
}

.page-job-detail .job-detail__facts {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
}

.page-job-detail .job-detail__facts-col {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-job-detail .job-detail__facts-col--grow {
  flex: 1 1 0;
  min-width: 0;
}

.page-job-detail .job-detail__facts-col--fixed {
  width: 301px;
  flex-shrink: 0;
}

.page-job-detail .job-detail__fact-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.page-job-detail .job-detail__fact-row--pin {
  gap: 6px;
  align-items: center;
}

.page-job-detail .job-detail__fact-row .job-detail__fact-icon img {
  width: 20px;
  height: 20px;
  display: block;
}

.page-job-detail .job-detail__fact-row p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #101010;
  white-space: nowrap;
}

.page-job-detail .job-detail__fact-row strong {
  font-weight: 600;
}

.page-job-detail .job-detail__fact-text .job-detail__fact-label {
  font-weight: 400;
}

.page-job-detail .job-detail__fact-text .job-detail__fact-strong {
  font-weight: 600;
}

.page-job-detail .job-detail__rule {
  border: 0;
  height: 1px;
  margin: 0;
  background: #d8d8d8;
  width: 100%;
}

.page-job-detail .job-detail__rule--card {
  margin: 0;
}

.page-job-detail .job-detail__cta-row {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.page-job-detail .job-detail__btn-apply {
  height: 52px;
  padding: 12px 24px;
  border-radius: 45px;
  border: 0;
  background: #c72227;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  box-sizing: border-box;
}

.page-job-detail .job-detail__btn-apply span {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  white-space: nowrap;
}

.page-job-detail .job-detail__btn-apply img {
  width: 16px;
  height: 16px;
  display: block;
}

.page-job-detail .job-detail__lead {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #101010;
  max-width: 790px;
}

.page-job-detail .job-detail__section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  color: #101010;
}

.page-job-detail .job-detail__section-title {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #101010;
  white-space: nowrap;
}

.page-job-detail .job-detail__list {
  margin: 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.page-job-detail .job-detail__list--bullet {
  list-style: disc;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page-job-detail .job-detail__list--numbered {
  list-style: decimal;
  padding-left: 27px;
}

.page-job-detail .job-detail__list--benefit-head {
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
}

.page-job-detail .job-detail__list--nested {
  margin-top: 0;
  font-weight: 400;
}

.page-job-detail .job-detail__list li::marker {
  color: #101010;
}

.page-job-detail .job-detail__benefits {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: "Inter", sans-serif;
}

.page-job-detail .job-detail__benefit-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page-job-detail .job-detail__benefit-subtitle {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: #101010;
}

.page-job-detail .job-detail__apply {
  width: 100%;
  max-width: 790px;
  box-sizing: border-box;
  padding: 32px;
  border-radius: 16px;
  border: 1px solid #8ecaf4;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-job-detail .job-detail__apply-head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.page-job-detail .job-detail__apply-title {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #101010;
  max-width: 480px;
}

.page-job-detail .job-detail__apply-desc {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #595959;
  max-width: 790px;
}

.page-job-detail .job-detail__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.page-job-detail .job-detail__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

.page-job-detail .job-detail__field-row {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
}

.page-job-detail .job-detail__field--half {
  flex: 1 1 0;
  min-width: 0;
}

.page-job-detail .job-detail__label {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #101010;
}

.page-job-detail .job-detail__req {
  color: #c72227;
}

.page-job-detail .job-detail__upload {
  position: relative;
  width: 100%;
  max-width: 726px;
  box-sizing: border-box;
  padding: 16px;
  border-radius: 8px;
  border: 1px dashed #c72227;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.page-job-detail .job-detail__upload.is-dragover {
  background: rgba(219, 244, 255, 0.35);
}

.page-job-detail .job-detail__upload-hint {
  margin: 0;
  width: 100%;
  max-width: 664px;
  height: 22px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #090c13;
  white-space: nowrap;
}

.page-job-detail .job-detail__upload-icon-wrap {
  padding: 12px;
  border-radius: 44px;
  background: rgba(199, 34, 39, 0.15);
  display: inline-flex;
}

.page-job-detail .job-detail__upload-icon-wrap img {
  width: 20px;
  height: 20px;
  display: block;
}

.page-job-detail .job-detail__upload-btn {
  border: 1px solid #0074c2;
  background: #fff;
  border-radius: 32px;
  padding: 6px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  color: #0074c2;
}

.page-job-detail .job-detail__upload-note {
  margin: 0;
  width: 100%;
  max-width: 664px;
  height: 22px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-family: "Inter", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #090c13;
  white-space: nowrap;
}

.page-job-detail .job-detail__upload-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.page-job-detail .job-detail__input-shell {
  border-radius: 8px;
  border: 2px solid #dbf4ff;
  box-sizing: border-box;
  width: 100%;
  min-height: 52px;
  padding: 0;
  display: flex;
}

.page-job-detail .job-detail__input-shell--focus .job-detail__input-wrap {
  border: 1px solid #0074c2;
  background: #f9fafc;
}

.page-job-detail .job-detail__input-wrap {
  flex: 1;
  min-height: 52px;
  border-radius: 8px;
  border: 1px solid #0074c2;
  background: #f9fafc;
  padding: 12px 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 10px;
}

.page-job-detail .job-detail__input {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  outline: none;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #101010;
}

.page-job-detail .job-detail__input--plain {
  width: 100%;
  height: 52px;
  box-sizing: border-box;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid rgba(216, 216, 216, 0.5);
  background: #f9fafc;
  outline: none;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #101010;
}

.page-job-detail .job-detail__input--plain::-moz-placeholder {
  color: #8c8c8c;
}

.page-job-detail .job-detail__input--plain::placeholder {
  color: #8c8c8c;
}

.page-job-detail .job-detail__textarea {
  width: 100%;
  height: 103px;
  box-sizing: border-box;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: #f9fafc;
  outline: none;
  resize: vertical;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #101010;
}

.page-job-detail .job-detail__textarea::-moz-placeholder {
  color: #8c8c8c;
}

.page-job-detail .job-detail__textarea::placeholder {
  color: #8c8c8c;
}

.page-job-detail .job-detail__submit {
  width: 100%;
  height: 52px;
  border: 0;
  border-radius: 45px;
  background: #0074c2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #fff;
}

.page-job-detail .job-detail__related {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 790px;
}

.page-job-detail .job-detail__related-head {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  width: 100%;
}

.page-job-detail .job-detail__related-title {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #0074c2;
  white-space: nowrap;
}

.page-job-detail .job-detail-card {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 16px;
  border: 1px solid #d8d8d8;
  background: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
}

.page-job-detail .job-detail-card__row {
  display: flex;
  gap: 26px;
  align-items: flex-start;
  width: 100%;
}

.page-job-detail .job-detail-card__brand {
  width: 148px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
}

.page-job-detail .job-detail-card__logo-frame {
  width: 100%;
  border: 1px solid #8ecaf4;
  border-radius: 12px;
  padding: 12px;
  box-sizing: border-box;
}

.page-job-detail .job-detail-card__logo {
  width: 124px;
  height: 70px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.page-job-detail .job-detail-card__logo img {
  position: absolute;
  width: 139.39%;
  height: 100.15%;
  left: -19.19%;
  top: -0.07%;
  max-width: none;
}

.page-job-detail .job-detail-card__pill {
  height: 32px;
  padding: 3px 16px;
  border-radius: 40px;
  background: #dbf4ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}

.page-job-detail .job-detail-card__pill span {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0074c2;
  white-space: nowrap;
}

.page-job-detail .job-detail-card__body {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-job-detail .job-detail-card__titles {
  display: flex;
  flex-direction: column;
  gap: 4px;
  white-space: nowrap;
}

.page-job-detail .job-detail-card__company {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0074c2;
}

.page-job-detail .job-detail-card__name {
  margin: 0;
  max-width: 589px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #101010;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-job-detail .job-detail-card__facts {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-job-detail .job-detail-card__fact {
  display: flex;
  align-items: center;
  gap: 8px;
}

.page-job-detail .job-detail-card__fact--pin {
  gap: 6px;
}

.page-job-detail .job-detail-card__fact p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #101010;
  white-space: nowrap;
}

.page-job-detail .job-detail-card__fact strong {
  font-weight: 600;
}

.page-job-detail .job-detail-card__fact-icon img {
  width: 20px;
  height: 20px;
  display: block;
}

.page-job-detail .job-detail-card__type {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 40px;
}

.page-job-detail .job-detail-card__type span:last-child {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #c72227;
  white-space: nowrap;
}

.page-job-detail .job-detail-card__type-icon img {
  width: 20px;
  height: 20px;
  display: block;
}

.page-job-detail .job-detail-card__footer {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}

.page-job-detail .job-detail-card__posted {
  display: flex;
  align-items: center;
  gap: 6px;
}

.page-job-detail .job-detail-card__posted p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #8c8c8c;
  white-space: nowrap;
}

.page-job-detail .job-detail-card__posted img {
  width: 20px;
  height: 20px;
  display: block;
}

.page-job-detail .job-detail-card__btn {
  height: 40px;
  padding: 12px 24px;
  border-radius: 45px;
  border: 1px solid #0074c2;
  background: #fff;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #0074c2;
  white-space: nowrap;
}

.page-job-detail .job-detail__aside {
  position: sticky;
  top: 0;
  width: 380px;
  box-sizing: border-box;
}

.page-job-detail .job-detail__company-card {
  width: 380px;
  box-sizing: border-box;
  padding: 24px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 7.5px rgba(19, 77, 138, 0.15);
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.page-job-detail .job-detail__company-brand {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  width: 100%;
}

.page-job-detail .job-detail__company-logo-wrap {
  width: 332px;
  max-width: 100%;
  padding: 0 12px;
  border-radius: 12px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.page-job-detail .job-detail__company-logo {
  width: 124px;
  height: 70px;
  position: relative;
  overflow: hidden;
}

.page-job-detail .job-detail__company-logo img {
  position: absolute;
  width: 139.39%;
  height: 100.15%;
  left: -19.19%;
  top: -0.07%;
  max-width: none;
}

.page-job-detail .job-detail__company-name {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #101010;
  text-align: center;
  white-space: nowrap;
}

.page-job-detail .job-detail__company-rows {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-job-detail .job-detail__company-row {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  width: 100%;
}

.page-job-detail .job-detail__company-icon {
  width: 24px;
  height: 28px;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 2px;
  box-sizing: border-box;
}

.page-job-detail .job-detail__company-icon img:not(.job-detail__company-icon-layer) {
  width: 24px;
  height: 24px;
  display: block;
}

.page-job-detail .job-detail__company-icon--mail {
  position: relative;
  width: 24px;
  height: 24px;
  overflow: hidden;
  padding-top: 0;
  align-items: center;
}

.page-job-detail .job-detail__company-icon-layer {
  position: absolute;
  display: block;
  pointer-events: none;
}

.page-job-detail .job-detail__company-icon-layer--1 {
  inset: 19.87% 0 19.87% 68.79%;
  margin: auto;
}

.page-job-detail .job-detail__company-icon-layer--2 {
  inset: 14.84% 5.02% 43.14% 5.02%;
  margin: auto;
}

.page-job-detail .job-detail__company-icon-layer--3 {
  inset: 19.87% 68.79% 19.87% 0;
  margin: auto;
}

.page-job-detail .job-detail__company-icon-layer--4 {
  inset: 54.14% 5.02% 14.84% 5.02%;
  margin: auto;
}

.page-job-detail .job-detail__company-text {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page-job-detail .job-detail__company-address {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #101010;
}

.page-job-detail .job-detail__company-value {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #101010;
}

.page-job-detail .job-detail__footer {
  position: relative;
  width: 100%;
  min-height: 561px;
  overflow: hidden;
  background: linear-gradient(180deg, #21497f 0%, #143768 100%);
  display: flex;
  justify-content: center;
  padding: 64px 120px 48px;
  box-sizing: border-box;
}

.page-job-detail .job-detail__footer-bg {
  position: absolute;
  left: 0;
  top: 76px;
  width: 1440px;
  max-width: 100%;
  height: 809px;
  opacity: 0.1;
  pointer-events: none;
}

.page-job-detail .job-detail__footer-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.page-job-detail .job-detail__footer-inner {
  position: relative;
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
}

.page-job-detail .job-detail__footer-grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 48px;
  flex-wrap: wrap;
}

.page-job-detail .job-detail__footer-brand {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #fff;
}

.page-job-detail .job-detail__footer-brand p {
  margin: 0;
}

.page-job-detail .job-detail__footer-brand p+p {
  margin-top: 0;
}

.page-job-detail .job-detail__footer-line {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  width: 100%;
}

.page-job-detail .job-detail__footer-line-icon img {
  width: 24px;
  height: 24px;
  display: block;
}

.page-job-detail .job-detail__footer-split {
  display: flex;
  gap: 64px;
  flex-wrap: wrap;
  width: 100%;
}

.page-job-detail .job-detail__footer-strong {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
}

.page-job-detail .job-detail__footer-muted {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  opacity: 0.7;
}

.page-job-detail .job-detail__footer-italic {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-style: italic;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.page-job-detail .job-detail__footer-rule {
  border: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
  margin: 24px 0;
  width: 100%;
}

.page-job-detail .job-detail__footer-heading {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
}

.page-job-detail .job-detail__footer-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 420px;
}

.page-job-detail .job-detail__footer-col--links {
  height: 348px;
  gap: 32px;
}

.page-job-detail .job-detail__footer-col--news {
  width: 363px;
  max-width: 100%;
  gap: 32px;
}

.page-job-detail .job-detail__footer-links {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}

.page-job-detail .job-detail__footer-links a {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 3px 0;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #fff;
}

.page-job-detail .job-detail__news-field {
  width: 100%;
  height: 48px;
  border-radius: 56px;
  background: #fff;
  padding: 6px 4px 6px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 10px;
}

.page-job-detail .job-detail__news-input {
  flex: 1 1 0;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #597e6e;
}

.page-job-detail .job-detail__news-input::-moz-placeholder {
  color: #597e6e;
  font-family: "Roboto", sans-serif;
}

.page-job-detail .job-detail__news-input::placeholder {
  color: #597e6e;
  font-family: "Roboto", sans-serif;
}

.page-job-detail .job-detail__news-send {
  height: 40px;
  padding: 0 16px;
  border-radius: 45px;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(270deg, #2082cc 0%, #005ca1 100%);
  flex-shrink: 0;
}

.page-job-detail .job-detail__news-send span {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  white-space: nowrap;
}

.page-job-detail .job-detail__news-send img {
  width: 16px;
  height: 16px;
  display: block;
}

.page-job-detail .job-detail__social {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-job-detail .job-detail__social-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
}

.page-job-detail .job-detail__social-row {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
}

.page-job-detail .job-detail__social-ico {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.page-job-detail .job-detail__social-ico img {
  width: 36px;
  height: 36px;
  display: block;
}

.page-job-detail .job-detail__social-ico--fb img:last-child {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 60%;
}

.page-job-detail .job-detail__copyright {
  margin: 48px 0 0;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  opacity: 0.7;
  white-space: nowrap;
}



.page-career-network {
  background: #fff;
}

.page-career-network .career-network__banner {
  position: relative;
  height: 464px;
  margin: 0 auto;
  overflow: hidden;
}

.page-career-network .career-network__banner-back {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom;
  object-position: bottom;
}

.page-career-network .career-network__banner-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 15, 25, 0) 56.466%, rgba(0, 15, 25, 0.9) 100%);
  mix-blend-mode: multiply;
}

.page-career-network .career-network__banner-title {
  position: absolute;
  left: calc(50% - 600px);
  bottom: 66px;
  margin: 0;
  font: 700 34px/42px "Inter", sans-serif;
  color: #fff;
  text-transform: uppercase;
}

.page-career-network .career-network__breadcrumb {
  width: 1200px;
  max-width: calc(100% - 48px);
  margin: 12px auto;
}

.page-career-network .career-network__breadcrumb-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
  font: 400 14px/22px "Inter", sans-serif;
  color: #8c8c8c;
}

.page-career-network .career-network__breadcrumb-list a {
  color: #8c8c8c;
  text-decoration: none;
}

.page-career-network .career-network__breadcrumb-list li[aria-current=page] {
  color: #0074c2;
}

.page-career-network .career-network__content {
  width: 1200px;
  max-width: calc(100% - 48px);
  margin: 32px auto 64px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.page-career-network .career-network__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.page-career-network .career-network__intro {
  width: 688px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-career-network .career-network__intro p {
  margin: 0;
  width: 585px;
  font: 400 16px/24px "Inter", sans-serif;
  color: #595959;
}

.page-career-network .career-network__tabs {
  display: flex;
  align-items: center;
  gap: 12px;
}

.page-career-network .career-network__tab {
  height: 40px;
  padding: 3px 16px;
  border-radius: 40px;
  border: 1px solid #d8d8d8;
  background: #fff;
  font: 600 14px/22px "Inter", sans-serif;
  text-transform: uppercase;
  color: #595959;
  cursor: pointer;
}

.page-career-network .career-network__tab.is-active {
  background: #c72227;
  border-color: #c72227;
  color: #fff;
}

.page-career-network .career-network__search {
  width: 410px;
  height: 48px;
  border: 1px solid #d8d8d8;
  border-radius: 32px;
  padding: 8px 8px 8px 16px;
  box-sizing: border-box;
  display: flex;
  gap: 16px;
  align-items: center;
}

.page-career-network .career-network__search input {
  flex: 1;
  border: 0;
  outline: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #8c8c8c;
}

.page-career-network .career-network__search button {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 24px;
  background: #0074c2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.page-career-network .career-network__search img {
  width: 14px;
  height: 14px;
}

.page-career-network .career-network__line {
  width: 1200px;
  max-width: 100%;
  margin: 0;
  border: 0;
  border-top: 1px solid #d8d8d8;
}

.page-career-network .career-network__grid {
  display: grid;
  grid-template-columns: repeat(3, 380px);
  gap: 40px 30px;
}

.page-career-network .career-card {
  width: 380px;
  min-height: 476px;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 5px rgba(19, 77, 138, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.page-career-network .career-card__media {
  height: 252px;
  box-shadow: 0 0 7.5px rgba(19, 77, 138, 0.15);
  background-size: cover;
  background-position: center;
}

.page-career-network .career-card--a .career-card__media {
  background-image: url("https://www.figma.com/api/mcp/asset/fe9877e5-68fc-47dc-9f06-a6a0ed25db50");
}

.page-career-network .career-card--b .career-card__media {
  background-image: url("https://www.figma.com/api/mcp/asset/bf641a81-be1d-45cf-8d24-4ec9bbd83ae1");
}

.page-career-network .career-card--c .career-card__media {
  background-image: url("https://www.figma.com/api/mcp/asset/94bc84c8-2996-4667-8240-92efeb637eca");
}

.page-career-network .career-card__body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.page-career-network .career-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-career-network .career-card__type {
  font: 600 14px/22px "Inter", sans-serif;
  color: #c72227;
  text-transform: uppercase;
}

.page-career-network .career-card__date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 500 14px/22px "Inter", sans-serif;
  color: #8c8c8c;
}

.page-career-network .career-card__date img {
  width: 20px;
  height: 20px;
}

.page-career-network .career-card h2 {
  margin: 0;
  height: 54px;
  overflow: hidden;
  font: 600 18px/26px "Inter", sans-serif;
  color: #0a0a0a;
}

.page-career-network .career-card p {
  margin: 0;
  height: 48px;
  overflow: hidden;
  font: 400 16px/24px "Inter", sans-serif;
  color: #595959;
}

.page-career-network .career-card a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font: 600 18px/24px "Inter", sans-serif;
  color: #005ca1;
}

.page-career-network .career-card a img {
  width: 20px;
  height: 20px;
}

.page-career-network .career-network__pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}

.page-career-network .career-network__page,
.page-career-network .career-network__page-arrow {
  width: 40px;
  height: 40px;
  border-radius: 32px;
  border: 0;
  background: #eef0f4;
  font: 400 14px/22px "Inter", sans-serif;
  color: #1b1b1b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.page-career-network .career-network__page.is-active {
  background: #0074c2;
  color: #fff;
}

.page-career-network .career-network__page-arrow:first-child img {
  transform: rotate(180deg);
}

.page-career-network .career-network-footer {
  position: relative;
  min-height: 561px;
  padding: 64px 120px 40px;
  background: linear-gradient(180deg, #21497f 0%, #143768 100%);
  overflow: hidden;
}

.page-career-network .career-network-footer__bg {
  position: absolute;
  inset: 76px 0 auto;
  opacity: 0.1;
  pointer-events: none;
}

.page-career-network .career-network-footer__bg img {
  width: 100%;
  max-width: 1440px;
  height: 809px;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-career-network .career-network-footer__inner {
  position: relative;
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 398px 151px 363px;
  justify-content: space-between;
  color: #fff;
}

.page-career-network .career-network-footer h2 {
  margin: 0 0 24px;
  font: 700 36px/1.35 "Inter", sans-serif;
  text-transform: uppercase;
}

.page-career-network .career-network-footer h3 {
  margin: 0 0 24px;
  font: 700 18px/26px "Inter", sans-serif;
  text-transform: uppercase;
}

.page-career-network .career-network-footer p,
.page-career-network .career-network-footer a {
  margin: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}

.page-career-network .career-network-footer strong {
  color: #fff;
  font-weight: 600;
}

.page-career-network .career-network-footer__row {
  display: flex;
  gap: 64px;
  margin-top: 24px;
}

.page-career-network .career-network-footer hr {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  margin: 24px 0;
}

.page-career-network .career-network-footer__col--links {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-career-network .career-network-footer__news {
  height: 48px;
  margin-bottom: 24px;
  border-radius: 56px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 6px 4px 6px 24px;
}

.page-career-network .career-network-footer__news input {
  border: 0;
  outline: 0;
  flex: 1;
  font: 400 16px/24px "Roboto", sans-serif;
  color: #597e6e;
}

.page-career-network .career-network-footer__news button {
  border: 0;
  border-radius: 45px;
  height: 40px;
  padding: 0 16px;
  background: linear-gradient(270deg, #2082cc 0%, #005ca1 100%);
  color: #fff;
  font: 600 16px/24px "Inter", sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.page-career-network .career-network-footer__copyright {
  position: relative;
  width: 1200px;
  max-width: 100%;
  margin: 28px auto 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.7);
}



.page-register-dav {
  margin: 0;
  background: #fff;
}

.page-register-dav .register-dav {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(19, 77, 138, 0.15);
}

.page-register-dav .register-dav__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.page-register-dav .register-dav__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.page-register-dav .register-dav__overlay {
  position: absolute;
  inset: 0;
  background: rgba(20, 55, 104, 0.9);
}

.page-register-dav .register-dav__card {
  position: relative;
  z-index: 1;
  width: 700px;
  max-width: 100%;
  background: #fff;
  border-radius: 16px;
  padding: 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  box-sizing: border-box;
}

.page-register-dav .register-dav__head {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page-register-dav .register-dav__welcome {
  margin: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #595959;
}

.page-register-dav .register-dav__title {
  margin: 0;
  font: 700 24px/32px "Inter", sans-serif;
  color: #0074C2;
  text-transform: uppercase;
}

.page-register-dav .register-dav__subtitle {
  margin: 0;
  font: 600 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-register-dav .register-dav__options {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.page-register-dav .register-dav__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.page-register-dav .register-dav__option {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 16px;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.page-register-dav .register-dav__option:hover,
.page-register-dav .register-dav__option:focus-visible {
  border-color: #0074c2;
  box-shadow: 0 4px 16px rgba(19, 77, 138, 0.12);
  transform: translateY(-1px);
  outline: none;
}

.page-register-dav .register-dav__option-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  padding: 12px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-sizing: border-box;
}

.page-register-dav .register-dav__option--alumni .register-dav__option-icon {
  background: #DBF4FF;
  color: #0074C2;
}

.page-register-dav .register-dav__option--student .register-dav__option-icon {
  background: #E4FEEB;
  color: #16A34A;
}

.page-register-dav .register-dav__option--company .register-dav__option-icon {
  background: #F5ECFF;
  color: #8B5CF6;
}

.page-register-dav .register-dav__option--staff .register-dav__option-icon {
  background: #FBF0DD;
  color: #D97706;
}

.page-register-dav .register-dav__option-content {
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page-register-dav .register-dav__option-title {
  font: 600 18px/26px "Inter", sans-serif;
  color: #101010;
}

.page-register-dav .register-dav__option-desc {
  font: 400 14px/22px "Inter", sans-serif;
  color: #595959;
}

.page-register-dav .register-dav__divider {
  width: 100%;
  height: 1px;
  margin: 0;
  border: 0;
  background: #d8d8d8;
  opacity: 1;
}

.page-register-dav .register-dav__login {
  margin: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-register-dav .register-dav__login a {
  font: 600 16px/24px "Inter", sans-serif;
  color: #0074C2;
  text-decoration: none;
}

.page-register-dav .register-dav__login a:hover {
  text-decoration: underline;
}

.page-register-dav .register-dav__card--form {
  width: 800px;
  padding: 24px;
  gap: 16px;
}

.register-form__head {
  position: relative;
  height: 72px;
  width: 100%;
}

.register-form__heading {
  position: absolute;
  inset: 0 88px 0 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}

.register-form__welcome {
  margin: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #595959;
}

.register-form__title {
  margin: 0;
  font: 700 24px/32px "Inter", sans-serif;
  color: #0074C2;
  text-transform: uppercase;
}

.register-form__logo {
  position: absolute;
  right: 0;
  top: 0;
  width: 88px;
  height: 72px;
  display: block;
  overflow: hidden;
}

.register-form__logo img {
  width: 154.89%;
  height: 189.49%;
  max-width: none;
  position: absolute;
  left: -28.38%;
  top: -46.08%;
  -o-object-fit: contain;
  object-fit: contain;
}

.register-form__fields {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.register-form__sections {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.register-form__section {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.register-form__section-title {
  margin: 0;
  font: 600 16px/24px "Inter", sans-serif;
  color: #0074C2;
  text-transform: uppercase;
}

.register-form__input--file {
  cursor: pointer;
}

.register-form__input--file input[type=file] {
  display: none;
}

.register-form__file-clip {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: #101010;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.register-form__file-name {
  flex: 1 0 0;
  min-width: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #0074C2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.register-form__file-upload {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: #0074C2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.register-form__row {
  width: 100%;
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.register-form__field {
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
}

.register-form__label {
  margin: 0;
  font: 600 16px/24px "Inter", sans-serif;
  color: #101010;
  padding: 0;
}

.register-form__req {
  color: #C72227;
}

.register-form__input {
  position: relative;
  width: 100%;
  background: #f9fafc;
  border: 1px solid rgba(216, 216, 216, 0.5);
  border-radius: 8px;
  padding: 10px 16px;
  display: flex;
  gap: 10px;
  align-items: center;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.register-form__input:focus-within {
  border-color: #0074C2;
  box-shadow: 0 0 0 2px #DBF4FF;
}

.register-form__input input,
.register-form__input select {
  flex: 1 0 0;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
  height: 24px;
}

.register-form__input input::-moz-placeholder {
  color: #8C8C8C;
}

.register-form__input input::placeholder {
  color: #8C8C8C;
}

.register-form__input--select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  padding-right: 24px;
}

.register-form__input--select select:invalid,
.register-form__input--select select option[disabled] {
  color: #8C8C8C;
}

.register-form__chevron {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  font-size: 12px;
  color: #101010;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.register-form__input--password input {
  padding-right: 8px;
}

.register-form__pwd-toggle {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: #8C8C8C;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.register-form__pwd-toggle:hover {
  color: #0074C2;
}

.register-form__field--gender {
  gap: 6px;
}

.register-form__field--gender>.register-form__label {
  float: none;
}

.register-form__radios {
  height: 44px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.register-form__radio {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  margin: 0;
}

.register-form__radio input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}

.register-form__radio-mark {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1.5px solid #8C8C8C;
  background: #fff;
  position: relative;
  box-sizing: border-box;
  transition: border-color 0.15s ease;
}

.register-form__radio-mark::after {
  content: "";
  position: absolute;
  inset: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  border-radius: 50%;
  background: #0074C2;
  transform: scale(0);
  transition: transform 0.15s ease;
}

.register-form__radio input:checked+.register-form__radio-mark {
  border-color: #0074C2;
}

.register-form__radio input:checked+.register-form__radio-mark::after {
  transform: scale(1);
}

.register-form__radio input:focus-visible+.register-form__radio-mark {
  outline: 2px solid #DBF4FF;
  outline-offset: 2px;
}

.register-form__radio-text {
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
}

.register-form__footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.register-form__check {
  width: 100%;
  display: flex;
  gap: 8px;
  align-items: flex-start;
  cursor: pointer;
  margin: 0;
  margin-top: 15px;
}

.register-form__check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}

.register-form__check-mark {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1.5px solid #8C8C8C;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: transparent;
  font-size: 12px;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.register-form__check input:checked+.register-form__check-mark {
  background: #0074C2;
  border-color: #0074C2;
  color: #fff;
}

.register-form__check input:focus-visible+.register-form__check-mark {
  outline: 2px solid #DBF4FF;
  outline-offset: 2px;
}

.register-form__check-text {
  flex: 1 0 0;
  min-width: 0;
  font: 400 16px/24px "Lato", sans-serif;
  color: #262626;
}

.register-form__actions {
  display: flex;
  gap: 16px;
  align-items: center;
}

.register-form__btn {
  height: 52px;
  padding: 12px 56px;
  border-radius: 45px;
  border: 1px solid transparent;
  font: 600 18px/26px "Inter", sans-serif;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.register-form__btn--ghost {
  background: #fff;
  border-color: #0074C2;
  color: #0074C2;
}

.register-form__btn--ghost:hover {
  background: #DBF4FF;
}

.register-form__btn--primary {
  background: #0074C2;
  border-color: #0074C2;
  color: #fff;
}

.register-form__btn--primary:hover {
  background: #1584ED;
  border-color: #1584ED;
}





.page-login-dav {
  margin: 0;
  background: #fff;
}

.page-login-dav .login-dav {
  display: flex;
  min-height: 100vh;
  align-items: stretch;
  box-shadow: 0 0 15px rgba(19, 77, 138, 0.15);
  overflow: hidden;
  background: #fff;
}

.page-login-dav .login-dav__brand {
  flex: 1 0 0;
  position: relative;
  min-width: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-login-dav .login-dav__brand-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.page-login-dav .login-dav__brand-img {
  position: absolute;
  top: 0;
  left: -13.75%;
  width: 127.5%;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.page-login-dav .login-dav__brand-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #0074C2 0%, rgba(0, 116, 194, 0) 99.981%);
}

.page-login-dav .login-dav__brand-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  mix-blend-mode: soft-light;
  opacity: 0.5;
  display: block;
}

.page-login-dav .login-dav__brand-content {
  position: relative;
  z-index: 1;
  width: 695px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 40px;
  box-sizing: border-box;
  text-align: center;
}

.page-login-dav .login-dav__brand-logo {
  width: 151px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-login-dav .login-dav__brand-logo img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
  filter: brightness(0) invert(1);
}

.page-login-dav .login-dav__brand-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-transform: uppercase;
}

.page-login-dav .login-dav__brand-welcome,
.page-login-dav .login-dav__brand-title {
  margin: 0;
  background: linear-gradient(83.995deg, #FFFEFC 2.475%, #A9ECFF 90.223%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}

.page-login-dav .login-dav__brand-welcome {
  font: 500 28px/36px "Inter", sans-serif;
  letter-spacing: 1.4px;
}

.page-login-dav .login-dav__brand-title {
  font: 800 40px/48px "Inter", sans-serif;
  letter-spacing: 3.2px;
}

.page-login-dav .login-dav__brand-subtitle {
  margin: 0;
  font: 500 20px/28px "Inter", sans-serif;
  color: #fff;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.35);
}

.page-login-dav .login-dav__brand-divider {
  position: relative;
  width: 100%;
  max-width: 594px;
  height: 1px;
  margin: 0;
  border: 0;
  background: linear-gradient(90deg, rgba(221, 251, 255, 0) 0%, #DDFBFF 8.6538%, #DDFBFF 91.346%, rgba(221, 251, 255, 0) 100%);
}

.page-login-dav .login-dav__brand-divider::before,
.page-login-dav .login-dav__brand-divider::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #DDFBFF;
  transform: translateY(-50%);
  box-shadow: 0 0 12px 4px rgba(221, 251, 255, 0.7);
}

.page-login-dav .login-dav__brand-divider::before {
  left: calc(50% - 80px);
}

.page-login-dav .login-dav__brand-divider::after {
  left: calc(50% + 80px);
}

.page-login-dav .login-dav__brand-tagline {
  margin: 0;
  font: 600 18px/26px "Inter", sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.35);
}

.page-login-dav .login-dav__form-section {
  flex: 0 0 498px;
  background: #fff;
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.page-login-dav .login-dav__form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-login-dav .login-dav__form-head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.page-login-dav .login-dav__form-welcome {
  margin: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #595959;
}

.page-login-dav .login-dav__form-title {
  margin: 0;
  font: 700 34px/42px "Inter", sans-serif;
  color: #0074C2;
  text-transform: uppercase;
}

.page-login-dav .login-dav__fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.page-login-dav .login-dav__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.page-login-dav .login-dav__label {
  font: 600 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-login-dav .login-dav__req {
  color: #C72227;
}

.page-login-dav .login-dav__input {
  position: relative;
  height: 52px;
  background: #f9fafc;
  border: 1px solid rgba(216, 216, 216, 0.5);
  border-radius: 8px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.page-login-dav .login-dav__input:focus-within {
  border-color: #0074C2;
  box-shadow: 0 0 0 2px #DBF4FF;
}

.page-login-dav .login-dav__input input {
  flex: 1 0 0;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
  padding: 0;
  margin: 0;
  height: 24px;
}

.page-login-dav .login-dav__input input::-moz-placeholder {
  color: #8C8C8C;
}

.page-login-dav .login-dav__input input::placeholder {
  color: #8C8C8C;
}

.page-login-dav .login-dav__pwd-toggle {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: #8C8C8C;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-login-dav .login-dav__pwd-toggle:hover {
  color: #0074C2;
}

.page-login-dav .login-dav__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}

.page-login-dav .login-dav__remember {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.page-login-dav .login-dav__remember input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}

.page-login-dav .login-dav__check-mark {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #C3C3C3;
  border-radius: 2px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  font-size: 9px;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.page-login-dav .login-dav__remember input:checked+.login-dav__check-mark {
  background: #0074C2;
  border-color: #0074C2;
  color: #fff;
}

.page-login-dav .login-dav__remember input:focus-visible+.login-dav__check-mark {
  outline: 2px solid #DBF4FF;
  outline-offset: 2px;
}

.page-login-dav .login-dav__check-text {
  font: 400 16px/24px "Inter", sans-serif;
  color: #8C8C8C;
}

.page-login-dav .login-dav__forgot {
  font: 600 16px/24px "Inter", sans-serif;
  color: #C72227;
  text-decoration: none;
  white-space: nowrap;
}

.page-login-dav .login-dav__forgot:hover {
  text-decoration: underline;
}

.page-login-dav .login-dav__submit {
  height: 52px;
  width: 100%;
  padding: 12px 24px;
  border: 0;
  border-radius: 45px;
  background: #0074C2;
  color: #fff;
  font: 600 18px/26px "Inter", sans-serif;
  cursor: pointer;
  transition: background 0.15s ease;
}

.page-login-dav .login-dav__submit:hover {
  background: #1584ED;
}

.page-login-dav .login-dav__signup {
  margin: 0;
  text-align: center;
  font: 400 16px/24px "Lato", sans-serif;
  color: #101010;
}

.page-login-dav .login-dav__signup a {
  font: 600 16px/24px "Inter", sans-serif;
  color: #0074C2;
  text-decoration: none;
}

.page-login-dav .login-dav__signup a:hover {
  text-decoration: underline;
}



.page-profile-dav,
.page-knowledge-dav {
  margin: 0;
  background: #F2F4F7;
  min-height: 100vh;
}

.page-profile-dav .app-topbar,
.page-knowledge-dav .app-topbar {
  position: sticky;
  top: 0;
  z-index: 10;
  height: 64px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  gap: 16px;
}

.page-profile-dav .app-topbar__left,
.page-knowledge-dav .app-topbar__left {
  display: flex;
  align-items: center;
  gap: 32px;
  padding-left: 4px;
  padding-right: 48px;
  min-width: 0;
}

.page-profile-dav .app-topbar__menu,
.page-knowledge-dav .app-topbar__menu {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  font-size: 20px;
  color: #1D2433;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-profile-dav .app-topbar__brand,
.page-knowledge-dav .app-topbar__brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  min-width: 0;
}

.page-profile-dav .app-topbar__logo,
.page-knowledge-dav .app-topbar__logo {
  flex-shrink: 0;
  width: 59px;
  height: 48px;
  position: relative;
  overflow: hidden;
  display: block;
}

.page-profile-dav .app-topbar__logo img,
.page-knowledge-dav .app-topbar__logo img {
  position: absolute;
  left: -28.38%;
  top: -46.08%;
  width: 154.89%;
  height: 189.49%;
  max-width: none;
  -o-object-fit: contain;
  object-fit: contain;
}

.page-profile-dav .app-topbar__brand-text,
.page-knowledge-dav .app-topbar__brand-text {
  font: 600 13px/22px "Inter", sans-serif;
  color: #0074C2;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-profile-dav .app-topbar__right,
.page-knowledge-dav .app-topbar__right {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 100%;
}

.page-profile-dav .app-topbar__notify,
.page-knowledge-dav .app-topbar__notify {
  position: relative;
  width: 40px;
  height: 40px;
  border: 1px solid #909090;
  border-radius: 80px;
  background: #fff;
  cursor: pointer;
  font-size: 18px;
  color: #1D2433;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.page-profile-dav .app-topbar__notify-badge,
.page-knowledge-dav .app-topbar__notify-badge {
  position: absolute;
  top: -4px;
  left: 27px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 96px;
  background: #DC1F26;
  color: #fff;
  font: 600 10px/16px "Inter", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.page-profile-dav .app-topbar__user,
.page-knowledge-dav .app-topbar__user {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 4px 16px;
  background: #F2F4F7;
  border: 0;
  cursor: pointer;
}

.page-profile-dav .app-topbar__avatar,
.page-knowledge-dav .app-topbar__avatar {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
  display: block;
  overflow: visible;
}

.page-profile-dav .app-topbar__avatar img,
.page-knowledge-dav .app-topbar__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.page-profile-dav .app-topbar__avatar-status,
.page-knowledge-dav .app-topbar__avatar-status {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  background: #00A63E;
  border: 2px solid #fff;
  border-radius: 50%;
}

.page-profile-dav .app-topbar__user-name,
.page-knowledge-dav .app-topbar__user-name {
  font: 600 14px/16px "Inter", sans-serif;
  letter-spacing: -0.07px;
  color: #1D2433;
  white-space: nowrap;
}

.page-profile-dav .app-topbar__user-chev,
.page-knowledge-dav .app-topbar__user-chev {
  font-size: 12px;
  color: #1D2433;
}

.page-profile-dav .app-shell,
.page-knowledge-dav .app-shell {
  display: flex;
  align-items: stretch;
  min-height: calc(100vh - 64px);
}

.page-profile-dav .app-sidebar,
.page-knowledge-dav .app-sidebar {
  flex-shrink: 0;
  width: 264px;
  background: #fff;
  border-right: 1px solid #DBDFE7;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  box-sizing: border-box;
  position: sticky;
  top: 64px;
  align-self: flex-start;
  max-height: calc(100vh - 64px);
  overflow-y: auto;
  scrollbar-width: thin;
  height: 100vh;
}

.page-profile-dav .app-sidebar__profile,
.page-knowledge-dav .app-sidebar__profile {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.page-profile-dav .app-sidebar__avatar,
.page-knowledge-dav .app-sidebar__avatar {
  position: relative;
  width: 88px;
  height: 78px;
  border: 1px solid #8ECAF4;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  overflow: visible;
}

.page-profile-dav .app-sidebar__avatar img,
.page-knowledge-dav .app-sidebar__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.page-profile-dav .app-sidebar__verified,
.page-knowledge-dav .app-sidebar__verified {
  position: absolute;
  right: -8px;
  bottom: -8px;
  width: 28px;
  height: 28px;
  background: #F1FFEF;
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #00A63E;
  box-shadow: 0 0 7.5px rgba(19, 77, 138, 0.15);
}

.page-profile-dav .app-sidebar__name,
.page-knowledge-dav .app-sidebar__name {
  margin: 0;
  font: 600 18px/26px "Inter", sans-serif;
  color: #101010;
  text-align: center;
  width: 100%;
  word-break: break-word;
}

.page-profile-dav .app-sidebar__id,
.page-knowledge-dav .app-sidebar__id {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.page-profile-dav .app-sidebar__id-text,
.page-knowledge-dav .app-sidebar__id-text {
  font: 600 16px/24px "Inter", sans-serif;
  color: #0074C2;
  white-space: nowrap;
}

.page-profile-dav .app-sidebar__copy,
.page-knowledge-dav .app-sidebar__copy {
  width: 16px;
  height: 16px;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: #0074C2;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-profile-dav .app-sidebar__copy:hover,
.page-knowledge-dav .app-sidebar__copy:hover {
  color: #1584ED;
}

.page-profile-dav .app-sidebar__nav,
.page-knowledge-dav .app-sidebar__nav {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.page-profile-dav .app-sidebar__nav-item,
.page-knowledge-dav .app-sidebar__nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 8px 16px 12px;
  border-radius: 8px;
  text-decoration: none;
  color: #595959;
  transition: background 0.15s ease, color 0.15s ease;
}

.page-profile-dav .app-sidebar__nav-item:hover,
.page-knowledge-dav .app-sidebar__nav-item:hover {
  background: #F2F4F7;
}

.page-profile-dav .app-sidebar__nav-icon,
.page-knowledge-dav .app-sidebar__nav-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-profile-dav .app-sidebar__nav-label,
.page-knowledge-dav .app-sidebar__nav-label {
  flex: 1 0 0;
  min-width: 0;
  font: 600 16px/24px "Inter", sans-serif;
  color: inherit;
}

.page-profile-dav .app-sidebar__nav-chev,
.page-knowledge-dav .app-sidebar__nav-chev {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 12px;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-profile-dav .app-sidebar__nav-item.is-active,
.page-knowledge-dav .app-sidebar__nav-item.is-active {
  background: #0074C2;
  color: #fff;
}

.page-profile-dav .app-sidebar__nav-item.is-active:hover,
.page-knowledge-dav .app-sidebar__nav-item.is-active:hover {
  background: #0074C2;
}

.page-profile-dav .app-sidebar__nav-item--logout,
.page-knowledge-dav .app-sidebar__nav-item--logout {
  color: #C72227;
}

.page-profile-dav .app-sidebar__nav-item--logout:hover,
.page-knowledge-dav .app-sidebar__nav-item--logout:hover {
  background: rgba(199, 34, 39, 0.05);
}

.page-profile-dav .app-sidebar__divider,
.page-knowledge-dav .app-sidebar__divider {
  width: 100%;
  height: 1px;
  margin: 0;
  border: 0;
  background: #F0F0F0;
}

.page-profile-dav .app-main,
.page-knowledge-dav .app-main {
  flex: 1 0 0;
  min-width: 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.page-profile-dav .profile-card,
.page-knowledge-dav .profile-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  box-sizing: border-box;
}

.page-profile-dav .profile-card__head,
.page-knowledge-dav .profile-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #F0F0F0;
}

.page-profile-dav .profile-card__title,
.page-knowledge-dav .profile-card__title {
  margin: 0;
  font: 600 20px/28px "Inter", sans-serif;
  color: #0074C2;
  text-transform: uppercase;
}

.page-profile-dav .profile-card__actions,
.page-knowledge-dav .profile-card__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #F0F0F0;
}

.page-profile-dav .profile-card__actions[hidden],
.page-knowledge-dav .profile-card__actions[hidden] {
  display: none;
}


.page-profile-dav .profile-card__btn,
.page-knowledge-dav .profile-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 12px 16px;
  border: 1px solid transparent;
  border-radius: 40px;
  background: #fff;
  line-height: 0 !important;
  color: #0074C2;
  font: 600 16px/24px "Inter", sans-serif;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.page-profile-dav .profile-card__btn i,
.page-knowledge-dav .profile-card__btn i {
  font-size: 16px;
}

.page-profile-dav .profile-card__btn[hidden],
.page-knowledge-dav .profile-card__btn[hidden] {
  display: none;
}

.page-profile-dav .profile-card__btn--edit,
.page-knowledge-dav .profile-card__btn--edit {
  border-color: #0074C2;
  color: #0074C2;
}

.page-profile-dav .profile-card__btn--edit:hover,
.page-knowledge-dav .profile-card__btn--edit:hover {
  background: #DBF4FF;
}

.page-profile-dav .profile-card__btn--save,
.page-knowledge-dav .profile-card__btn--save {
  background: #0074C2;
  border-color: #0074C2;
  color: #fff;
}

.page-profile-dav .profile-card__btn--save:hover,
.page-knowledge-dav .profile-card__btn--save:hover {
  background: #1584ED;
  border-color: #1584ED;
}

.page-profile-dav .profile-card__btn--cancel,
.page-knowledge-dav .profile-card__btn--cancel {
  border-color: #D8D8D8;
  color: #595959;
}

.page-profile-dav .profile-card__btn--cancel:hover,
.page-knowledge-dav .profile-card__btn--cancel:hover {
  background: #F2F4F7;
  color: #C72227;
  border-color: #C72227;
}

.page-profile-dav .profile-card__btn--delete,
.page-knowledge-dav .profile-card__btn--delete {
  color: #cf1322;
  border-color: #ffa39e;
  background: #fff1f0;
  text-decoration: none;
}

.page-profile-dav .profile-card__btn--delete:hover,
.page-knowledge-dav .profile-card__btn--delete:hover {
  background: #ffccc7;
  border-color: #ff7875;
  color: #a8071a;
}

.page-profile-dav .profile-card__form,
.page-knowledge-dav .profile-card__form {
  margin: 0;
}

.page-profile-dav .profile-card__form .register-form__input input:disabled,
.page-profile-dav .profile-card__form .register-form__input select:disabled,
.page-knowledge-dav .profile-card__form .register-form__input input:disabled,
.page-knowledge-dav .profile-card__form .register-form__input select:disabled {
  color: #101010;
  -webkit-text-fill-color: #101010;
  opacity: 1;
  cursor: default;
}

.page-profile-dav .profile-card__form .register-form__input input:disabled::-moz-placeholder,
.page-profile-dav .profile-card__form .register-form__input select:disabled::-moz-placeholder,
.page-knowledge-dav .profile-card__form .register-form__input input:disabled::-moz-placeholder,
.page-knowledge-dav .profile-card__form .register-form__input select:disabled::-moz-placeholder {
  color: #8C8C8C;
  -webkit-text-fill-color: #8C8C8C;
}

.page-profile-dav .profile-card__form .register-form__input input:disabled::placeholder,
.page-profile-dav .profile-card__form .register-form__input select:disabled::placeholder,
.page-knowledge-dav .profile-card__form .register-form__input input:disabled::placeholder,
.page-knowledge-dav .profile-card__form .register-form__input select:disabled::placeholder {
  color: #8C8C8C;
  -webkit-text-fill-color: #8C8C8C;
}

.page-profile-dav .profile-card__form .register-form__input--select select:disabled,
.page-knowledge-dav .profile-card__form .register-form__input--select select:disabled {
  cursor: default;
}

.page-profile-dav .profile-card__form .register-form__radio input:disabled~.register-form__radio-mark,
.page-knowledge-dav .profile-card__form .register-form__radio input:disabled~.register-form__radio-mark {
  opacity: 1;
}

.page-profile-dav .profile-card__form .register-form__radio:has(input:disabled),
.page-knowledge-dav .profile-card__form .register-form__radio:has(input:disabled) {
  cursor: default;
}

.page-profile-dav .profile-card__form.is-editing .register-form__input,
.page-knowledge-dav .profile-card__form.is-editing .register-form__input {
  background: #fff;
}

.page-profile-dav .profile-card__form.is-editing .register-form__radio:has(input:enabled),
.page-knowledge-dav .profile-card__form.is-editing .register-form__radio:has(input:enabled) {
  cursor: pointer;
}

.page-profile-dav .profile-card .register-form__radio-text,
.page-knowledge-dav .profile-card .register-form__radio-text {
  font: 400 14px/20px "Roboto", sans-serif;
  color: #262626;
}



.page-knowledge-dav .knowledge {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  box-sizing: border-box;
}

.page-knowledge-dav .knowledge__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #F0F0F0;
}

.page-knowledge-dav .knowledge__heading {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.page-knowledge-dav .knowledge__title {
  margin: 0;
  font: 600 20px/28px "Inter", sans-serif;
  color: #0074C2;
  text-transform: uppercase;
}

.page-knowledge-dav .knowledge__subtitle {
  margin: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #595959;
}

.page-knowledge-dav .knowledge__add {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 12px 16px;
  border: 1px solid #0074C2;
  border-radius: 40px;
  background: #0074C2;
  color: #fff;
  font: 600 16px/24px "Inter", sans-serif;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.page-knowledge-dav .knowledge__add i {
  font-size: 14px;
}

.page-knowledge-dav .knowledge__add:hover {
  background: #1584ED;
  border-color: #1584ED;
}

.page-knowledge-dav .knowledge__tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.page-knowledge-dav .knowledge__tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 40px;
  padding: 3px 16px;
  border: 1px solid #D8D8D8;
  border-radius: 40px;
  background: #fff;
  font: 600 14px/22px "Inter", sans-serif;
  color: #595959;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.page-knowledge-dav .knowledge__tab:hover {
  border-color: #0074C2;
  color: #0074C2;
}

.page-knowledge-dav .knowledge__tab.is-active {
  background: #C72227;
  border-color: #C72227;
  color: #fff;
}

.page-knowledge-dav .knowledge__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  align-items: stretch;
}

.page-knowledge-dav .knowledge-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #D8D8D8;
  border-radius: 12px;
  overflow: hidden;
  min-width: 0;
}

.page-knowledge-dav .knowledge-card__media {
  display: block;
  aspect-ratio: 380/252;
  overflow: hidden;
  background: #F0F0F0;
}

.page-knowledge-dav .knowledge-card__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}

.page-knowledge-dav .knowledge-card__media:hover img {
  transform: scale(1.04);
}

.page-knowledge-dav .knowledge-card__body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}

.page-knowledge-dav .knowledge-card__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.page-knowledge-dav .knowledge-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.page-knowledge-dav .knowledge-card__category {
  font: 600 14px/22px "Inter", sans-serif;
  color: #C72227;
  text-transform: uppercase;
}

.page-knowledge-dav .knowledge-card__date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 500 14px/22px "Inter", sans-serif;
  color: #8C8C8C;
}

.page-knowledge-dav .knowledge-card__date i {
  font-size: 16px;
}

.page-knowledge-dav .knowledge-card__title {
  margin: 0;
  height: 54px;
  font: 600 18px/26px "Inter", sans-serif;
  color: #0A0A0A;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.page-knowledge-dav .knowledge-card__title a {
  color: inherit;
  text-decoration: none;
}

.page-knowledge-dav .knowledge-card__title a:hover {
  color: #0074C2;
}

.page-knowledge-dav .knowledge-card__desc {
  margin: 0;
  height: 48px;
  font: 400 16px/24px "Inter", sans-serif;
  color: #595959;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.page-knowledge-dav .knowledge-card__divider {
  margin: 0;
  border: 0;
  height: 1px;
  background: #F0F0F0;
}

.page-knowledge-dav .knowledge-card__actions {
  display: flex;
  gap: 20px;
  align-items: center;
}

.page-knowledge-dav .knowledge-card__action {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  font: 600 16px/24px "Inter", sans-serif;
  transition: color 0.15s ease;
}

.page-knowledge-dav .knowledge-card__action--edit {
  color: #0074C2;
}

.page-knowledge-dav .knowledge-card__action--edit:hover {
  color: #1584ED;
}

.page-knowledge-dav .knowledge-card__action--delete {
  color: #C72227;
}

.page-knowledge-dav .knowledge-card__action--delete:hover {
  color: #DC1F26;
}



.page-add-article-dav .article-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.page-add-article-dav .article-form__back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #0074C2;
  font: 600 20px/28px "Inter", sans-serif;
  text-transform: uppercase;
}

.page-add-article-dav .article-form__back i {
  font-size: 18px;
}

.page-add-article-dav .article-form__back:hover {
  color: #1584ED;
}

.page-add-article-dav .article-form__card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  box-sizing: border-box;
}

.page-add-article-dav .article-form__section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.page-add-article-dav .article-form__section-title {
  margin: 0;
  font: 600 20px/28px "Roboto", sans-serif;
  color: #101010;
}

.page-add-article-dav .article-form__fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.page-add-article-dav .article-banner {
  display: flex;
  align-items: center;
  gap: 20px;
}

.page-add-article-dav .article-banner__thumb {
  flex-shrink: 0;
  width: 122px;
  height: 74px;
  background: #E2E6EC;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 28px;
}

.page-add-article-dav .article-banner__upload {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  background: #F8F8F8;
  border-radius: 5px;
  padding: 8px 32px 8px 8px;
  cursor: pointer;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 540px;
}

.page-add-article-dav .article-banner__upload input[type=file] {
  display: none;
}

.page-add-article-dav .article-banner__choose {
  flex-shrink: 0;
  background: #0074C2;
  color: #fff;
  font: 500 14px/20px "Roboto", sans-serif;
  border-radius: 4px;
  padding: 4px 20px;
  transition: background 0.15s ease;
}

.page-add-article-dav .article-banner__upload:hover .article-banner__choose {
  background: #1584ED;
}

.page-add-article-dav .article-banner__name {
  font: 400 14px/20px "Roboto", sans-serif;
  color: #262626;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-add-article-dav .register-form__input--textarea {
  align-items: stretch;
  padding: 10px 16px;
}

.page-add-article-dav .register-form__input--textarea textarea {
  flex: 1 0 0;
  min-width: 0;
  min-height: 68px;
  border: 0;
  outline: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
  resize: vertical;
  width: 100%;
}

.page-add-article-dav .register-form__input--textarea textarea::-moz-placeholder {
  color: #8C8C8C;
}

.page-add-article-dav .register-form__input--textarea textarea::placeholder {
  color: #8C8C8C;
}

.page-add-article-dav .article-form__editor {
  border: 1px solid #D8D8D8;
  border-radius: 4px;
  overflow: hidden;
}

.page-add-article-dav .ck.ck-editor__main>.ck-editor__editable {
  min-height: 320px;
}

.page-add-article-dav .ck.ck-editor {
  width: 100%;
}

.page-add-article-dav .ck.ck-editor__editable_inline {
  padding: 24px;
}

.page-add-article-dav .ck-editor__editable h1,
.page-add-article-dav .ck-editor__editable h2,
.page-add-article-dav .ck-editor__editable h3 {
  font-family: "Inter", sans-serif;
  color: #101010;
}

.page-add-article-dav .ck-editor__editable p,
.page-add-article-dav .ck-editor__editable li {
  font-family: "Roboto", sans-serif;
  color: #383838;
}

.page-add-article-dav .article-form__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.page-add-article-dav .article-form__check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  margin: 0;
}

.page-add-article-dav .article-form__check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}

.page-add-article-dav .article-form__check-mark {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: 1.5px solid #8C8C8C;
  border-radius: 4px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  font-size: 12px;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.page-add-article-dav .article-form__check input:checked+.article-form__check-mark {
  background: #0074C2;
  border-color: #0074C2;
  color: #fff;
}

.page-add-article-dav .article-form__check input:focus-visible+.article-form__check-mark {
  outline: 2px solid #DBF4FF;
  outline-offset: 2px;
}

.page-add-article-dav .article-form__check-text {
  font: 400 16px/24px "Roboto", sans-serif;
  color: #101010;
}

.page-add-article-dav .article-form__actions {
  display: flex;
  gap: 8px;
  width: 421px;
  max-width: 100%;
}

.page-add-article-dav .article-form__btn {
  flex: 1 1 0;
  min-width: 0;
  height: 44px;
  padding: 12px 56px;
  border-radius: 45px;
  border: 1px solid transparent;
  font: 600 16px/24px "Inter", sans-serif;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  box-sizing: border-box;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.page-add-article-dav .article-form__btn--ghost {
  background: #fff;
  border-color: #0074C2;
  color: #0074C2;
}

.page-add-article-dav .article-form__btn--ghost:hover {
  background: #DBF4FF;
}

.page-add-article-dav .article-form__btn--primary {
  background: #0074C2;
  border-color: #0074C2;
  color: #fff;
}

.page-add-article-dav .article-form__btn--primary:hover {
  background: #1584ED;
  border-color: #1584ED;
}



.page-business-profile-dav .app-sidebar__avatar--business {
  background: #fff;
}

.page-business-profile-dav .app-sidebar__avatar--business img {
  -o-object-fit: contain;
  object-fit: contain;
  padding: 6px 8px;
  box-sizing: border-box;
}

.page-add-job-dav .article-form__card {
  gap: 32px;
}

.page-add-job-dav .addjob-form__section {
  gap: 24px;
}

.page-add-job-dav .addjob-form__h2 {
  margin: 0;
  font: 600 20px/28px "Roboto", sans-serif;
  color: #101010;
}

.page-add-job-dav .addjob-form__h3 {
  margin: 0;
  font: 600 18px/26px "Inter", sans-serif;
  color: #0074C2;
}

.page-add-job-dav .addjob-form__editor {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-add-job-dav .addjob-form__label-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.page-add-job-dav .addjob-form__label-row .register-form__label {
  margin: 0;
  font: 600 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-add-job-dav .job-post-form__cell--salary {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.page-add-job-dav .addjob-form__check {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font: 400 16px/24px "Lato", sans-serif;
  color: #262626;
}

.page-add-job-dav .addjob-form__check input {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.page-add-job-dav .addjob-form__check-mark {
  width: 24px;
  height: 24px;
  border: 1.5px solid #8C8C8C;
  border-radius: 4px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: transparent;
  font-size: 12px;
  flex-shrink: 0;
  box-sizing: border-box;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.page-add-job-dav .addjob-form__check input:checked~.addjob-form__check-mark,
.page-add-job-dav .addjob-form__check input:checked~.field-suffix .addjob-form__check-mark,
.page-add-job-dav .addjob-form__check--negotiable.is-checked .addjob-form__check-mark {
  background: #0074C2;
  border-color: #0074C2;
  color: #fff;
}

.page-add-job-dav .addjob-form__check input:focus-visible~.addjob-form__check-mark {
  box-shadow: 0 0 0 2px #DBF4FF;
}

.page-add-job-dav .addjob-form__check-text {
  font: 400 16px/24px "Lato", sans-serif;
  color: #262626;
}

.page-add-job-dav .addjob-form__salary {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 44px;
  padding: 0 0 0 16px;
  background: #f9fafc;
  border: 1px solid rgba(216, 216, 216, 0.5);
  border-radius: 8px;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.page-add-job-dav .addjob-form__salary:focus-within {
  border-color: #0074C2;
  box-shadow: 0 0 0 2px #DBF4FF;
}

.page-add-job-dav .addjob-form__salary input {
  flex: 1 1 0;
  min-width: 0;
  border: 0;
  background: transparent;
  outline: none;
  padding: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-add-job-dav .addjob-form__salary input::-moz-placeholder {
  color: #101010;
}

.page-add-job-dav .addjob-form__salary input::placeholder {
  color: #101010;
}

.page-add-job-dav .addjob-form__salary-sep {
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
  flex-shrink: 0;
}

.page-add-job-dav .addjob-form__salary-currency {
  position: relative;
  height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  border-left: 1px solid #D8D8D8;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
  flex-shrink: 0;
}

.page-add-job-dav .addjob-form__salary-currency select {
  border: 0;
  background: transparent;
  outline: none;
  padding: 0;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

.page-add-job-dav .addjob-form__salary-currency i {
  font-size: 12px;
  color: #101010;
  pointer-events: none;
}

.page-add-job-dav .addjob-form__salary.is-disabled {
  opacity: 0.55;
  pointer-events: none;
  cursor: not-allowed;
}

.page-add-job-dav .addjob-form__salary.is-disabled input,
.page-add-job-dav .addjob-form__salary.is-disabled select {
  pointer-events: none;
}

.page-add-job-dav .addjob-form__date {
  position: relative;
}

.page-add-job-dav .addjob-form__date input[type=date] {
  flex: 1 1 0;
  min-width: 0;
  border: 0;
  background: transparent;
  outline: none;
  padding: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

.page-add-job-dav .addjob-form__date input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.page-add-job-dav .addjob-form__date input[type=date]:invalid::-webkit-datetime-edit {
  color: #8C8C8C;
}

.page-add-job-dav .addjob-form__date-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: #595959;
  pointer-events: none;
}

.page-add-job-dav {
  /* CKEditor visual tweaks for job page */
}

.page-add-job-dav .ck.ck-editor__main>.ck-editor__editable {
  min-height: 160px;
  padding: 24px;
  background: #fff;
}

.page-add-job-dav .ck-editor__editable ul,
.page-add-job-dav .ck-editor__editable ol {
  margin: 0;
  padding-left: 24px;
}

.page-add-job-dav .ck-editor__editable li {
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
}


.page-jobs-admin-dav .jobs {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
}

.page-jobs-admin-dav .jobs__head {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}

.page-jobs-admin-dav .jobs__title {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  font: 600 20px/28px "Inter", sans-serif;
  color: #0074C2;
  text-transform: uppercase;
}

.page-jobs-admin-dav .jobs__add {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 20px;
  padding: 12px 16px;
  border: 0;
  border-radius: 40px;
  background: #0074C2;
  color: #fff;
  font: 600 16px/24px "Inter", sans-serif;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease;
}

.page-jobs-admin-dav .jobs__add:hover {
  background: #1584ED;
}

.page-jobs-admin-dav .jobs__add i {
  font-size: 16px;
}

.page-jobs-admin-dav .jobs__card {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
  overflow: clip;
}

.page-jobs-admin-dav .jobs__filters {
  width: 100%;
  display: flex;
  align-items: stretch;
  gap: 8px;
}

.page-jobs-admin-dav .jobs__filter {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: #f9fafc;
  border: 1px solid rgba(216, 216, 216, 0.5);
  border-radius: 8px;
  cursor: pointer;
  box-sizing: border-box;
}

.page-jobs-admin-dav .jobs__filter:focus-within {
  border-color: #0074C2;
  box-shadow: 0 0 0 2px #DBF4FF;
}

.page-jobs-admin-dav .jobs__filter-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 14px;
  color: #8C8C8C;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-jobs-admin-dav .jobs__filter-input {
  flex: 1 1 0;
  min-width: 0;
  border: 0;
  background: transparent;
  outline: none;
  padding: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-jobs-admin-dav .jobs__filter-input::-moz-placeholder {
  color: #8C8C8C;
}

.page-jobs-admin-dav .jobs__filter-input::placeholder {
  color: #8C8C8C;
}

.page-jobs-admin-dav .jobs__filter-input::-webkit-search-cancel-button {
  display: none;
}

.page-jobs-admin-dav .jobs__filter-display {
  flex: 1 1 0;
  min-width: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-jobs-admin-dav .jobs__filter-prefix {
  color: #8C8C8C;
}

.page-jobs-admin-dav .jobs__filter-value {
  color: #101010;
}

.page-jobs-admin-dav .jobs__filter-chev {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 12px;
  color: #8C8C8C;
  pointer-events: none;
}

.page-jobs-admin-dav .jobs__filter-native {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  border: 0;
  background: transparent;
}

.page-jobs-admin-dav .jobs__count {
  margin: 0;
  font: 600 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-jobs-admin-dav .jobs__count-num {
  color: #C72227;
  font-weight: inherit;
}

.page-jobs-admin-dav .jobs__table {
  width: 100%;
  border: 0.5px solid #D8D8D8;
  border-radius: 8px;
  overflow: clip;
  box-sizing: border-box;
}

.page-jobs-admin-dav .jobs__table-strip {
  height: 2px;
  background: #DBF4FF;
  width: 100%;
}

.page-jobs-admin-dav .jobs__table-row {
  display: flex;
  align-items: stretch;
  width: 100%;
  margin: 0;
}

.page-jobs-admin-dav .jobs__table-row--head {
  height: 44px;
}

.page-jobs-admin-dav .jobs__cell {
  border-right: 0.5px solid #D8D8D8;
  border-bottom: 0.5px solid #D8D8D8;
  box-sizing: border-box;
}

.page-jobs-admin-dav .jobs__cell--head {
  background: #DBF4FF;
  height: 44px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 12px 16px;
  font: 600 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-jobs-admin-dav .jobs__cell--title {
  width: 466px;
  flex-shrink: 0;
}

.page-jobs-admin-dav .jobs__cell--time {
  flex: 1 1 0;
  min-width: 0;
  justify-content: center;
}

.page-jobs-admin-dav .jobs__cell--actions {
  width: 236px;
  flex-shrink: 0;
  justify-content: center;
}

.page-jobs-admin-dav .jobs__cell--title-body {
  width: 466px;
  flex-shrink: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: center;
}

.page-jobs-admin-dav .jobs__cell--time-body {
  flex: 1 1 0;
  min-width: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-jobs-admin-dav .jobs__cell--actions-body {
  width: 236px;
  flex-shrink: 0;
  padding: 16px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
}

.page-jobs-admin-dav .jobs__job-id {
  margin: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #8C8C8C;
}

.page-jobs-admin-dav .jobs__job-title {
  margin: 0;
  font: 500 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-jobs-admin-dav .jobs__job-tags {
  display: flex;
  align-items: center;
  gap: 16px;
}

.page-jobs-admin-dav .jobs__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 32px;
  padding: 3px 16px;
  border-radius: 40px;
  font: 600 12px/20px "Inter", sans-serif;
  white-space: nowrap;
}

.page-jobs-admin-dav .jobs__tag--active {
  background: rgba(15, 181, 37, 0.1);
  color: #0FB525;
}

.page-jobs-admin-dav .jobs__tag--paused {
  background: rgba(140, 140, 140, 0.1);
  color: #8C8C8C;
}

.page-jobs-admin-dav .jobs__tag--pending,
.page-jobs-admin-dav .jobs__tag--unapproved {
  background: rgba(255, 152, 0, 0.12);
  color: #e65100;
}

.page-jobs-admin-dav .jobs__tag--approved {
  background: rgba(0, 102, 204, 0.1);
  color: #0066cc;
}

.page-jobs-admin-dav .jobs__tag--expired {
  background: rgba(140, 140, 140, 0.1);
  color: #8C8C8C;
}

.page-jobs-admin-dav .jobs__jobtype {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.page-jobs-admin-dav .jobs__jobtype-icon {
  width: 20px;
  height: 20px;
  font-size: 16px;
  color: #C72227;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-jobs-admin-dav .jobs__jobtype-text {
  font: 400 16px/24px "Inter", sans-serif;
  color: #C72227;
}

.page-jobs-admin-dav .jobs__job-desc {
  margin: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #8C8C8C;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-jobs-admin-dav .jobs__cv-link {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 32px;
  padding: 3px 16px;
  border-radius: 40px;
  background: #DBF4FF;
  color: #0074C2;
  font: 600 14px/22px "Inter", sans-serif;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  border: 0;
  transition: background 0.15s ease;
}

.page-jobs-admin-dav .jobs__cv-link:hover {
  background: #BFE7FA;
}

.page-jobs-admin-dav .jobs__time-line {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-jobs-admin-dav .jobs__time-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  font-size: 16px;
  color: #595959;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-jobs-admin-dav .jobs__action-btn {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 2px;
  background: #F5F5F5;
  color: #595959;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: background 0.15s ease, color 0.15s ease;
}

.page-jobs-admin-dav .jobs__action-btn:hover {
  background: #E5E7EB;
  color: #101010;
}

.page-jobs-admin-dav .jobs__action-btn--pause {
  color: #C72227;
}

.page-jobs-admin-dav .jobs__action-btn--pause:hover {
  color: #C72227;
}

.page-jobs-admin-dav .jobs__actions {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
}

.page-jobs-admin-dav .jobs__action-form {
  display: inline-flex;
  margin: 0;
  padding: 0;
}



.page-change-password-dav .password-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  box-sizing: border-box;
}

.page-change-password-dav .password-card__head {
  padding-bottom: 8px;
  border-bottom: 1px solid #F0F0F0;
}

.page-change-password-dav .password-card__title {
  margin: 0;
  font: 600 20px/28px "Inter", sans-serif;
  color: #0074C2;
  text-transform: uppercase;
}

.page-change-password-dav .password-card__form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 0;
}

.page-change-password-dav .password-card__fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 421px;
  max-width: 100%;
}

.page-change-password-dav .password-card__actions {
  display: flex;
  gap: 8px;
  width: 421px;
  max-width: 100%;
}

.page-change-password-dav .password-card__btn {
  flex: 1 1 0;
  min-width: 0;
  height: 44px;
  padding: 12px 56px;
  border-radius: 45px;
  border: 1px solid transparent;
  font: 600 16px/24px "Inter", sans-serif;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  box-sizing: border-box;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.page-change-password-dav .password-card__btn--primary {
  background: #0074C2;
  border-color: #0074C2;
  color: #fff;
}

.page-change-password-dav .password-card__btn--primary:hover {
  background: #1584ED;
  border-color: #1584ED;
}

.page-change-password-dav .password-card__btn--ghost {
  background: #fff;
  border-color: #0074C2;
  color: #0074C2;
}

.page-change-password-dav .password-card__btn--ghost:hover {
  background: #DBF4FF;
}


.page-applicants-dav .applicants {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.page-applicants-dav .applicants__head {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.page-applicants-dav .applicants__back {
  flex: 1 1 0;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #0074C2;
  font: 600 20px/28px "Inter", sans-serif;
  text-transform: uppercase;
}

.page-applicants-dav .applicants__back i {
  font-size: 18px;
  flex-shrink: 0;
}

.page-applicants-dav .applicants__back span {
  min-width: 0;
}

.page-applicants-dav .applicants__back:hover {
  color: #1584ED;
}

.page-applicants-dav .applicants__add {
  flex-shrink: 0;
  height: 20px;
  padding: 12px 16px;
  background: #0074C2;
  color: #fff;
  border-radius: 40px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font: 600 16px/24px "Inter", sans-serif;
  cursor: pointer;
  transition: background 0.15s ease;
}

.page-applicants-dav .applicants__add i {
  font-size: 14px;
}

.page-applicants-dav .applicants__add:hover {
  background: #1584ED;
}

.page-applicants-dav .applicants__card {
  width: 100%;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
}

.page-applicants-dav .applicants__filters {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.page-applicants-dav .applicants__search {
  flex: 1 1 0;
  min-width: 0;
  height: 44px;
  background: #f9fafc;
  border: 1px solid rgba(216, 216, 216, 0.5);
  border-radius: 8px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.page-applicants-dav .applicants__search:focus-within {
  border-color: #0074C2;
  box-shadow: 0 0 0 2px #DBF4FF;
}

.page-applicants-dav .applicants__search>i {
  font-size: 14px;
  color: #8C8C8C;
  flex-shrink: 0;
}

.page-applicants-dav .applicants__search input {
  flex: 1 1 0;
  min-width: 0;
  border: 0;
  background: transparent;
  outline: none;
  padding: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-applicants-dav .applicants__search input::-moz-placeholder {
  color: #8C8C8C;
}

.page-applicants-dav .applicants__search input::placeholder {
  color: #8C8C8C;
}

.page-applicants-dav .applicants__filter {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  height: 44px;
  background: #f9fafc;
  border: 1px solid rgba(216, 216, 216, 0.5);
  border-radius: 8px;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  cursor: pointer;
}

.page-applicants-dav .applicants__filter-icon {
  font-size: 14px;
  color: #595959;
  flex-shrink: 0;
}

.page-applicants-dav .applicants__filter-display {
  flex: 1 1 0;
  min-width: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.page-applicants-dav .applicants__filter-prefix {
  color: #8C8C8C;
}

.page-applicants-dav .applicants__filter-value {
  color: #101010;
}

.page-applicants-dav .applicants__filter-chev {
  font-size: 12px;
  color: #101010;
  flex-shrink: 0;
  pointer-events: none;
}

.page-applicants-dav .applicants__filter-native {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
}

.page-applicants-dav .applicants__count {
  margin: 0;
  font: 600 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-applicants-dav .applicants__count-num {
  color: #C72227;
}

.page-applicants-dav .applicants__table {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}

.page-applicants-dav .applicants__table-head {
  display: flex;
  height: 44px;
  border-radius: 7px;
  overflow: hidden;
  width: 100%;
}

.page-applicants-dav .applicants__cell {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 12px 16px;
  box-sizing: border-box;
}

.page-applicants-dav .applicants__cell--head {
  background: #DBF4FF;
  height: 44px;
  font: 600 16px/24px "Inter", sans-serif;
  color: #101010;
  border-right: 0.5px solid #D8D8D8;
}

.page-applicants-dav .applicants__cell--head:last-child {
  border-right: 0;
}

.page-applicants-dav .applicants__cell--applicant {
  flex: 1 1 0;
  min-width: 0;
}

.page-applicants-dav .applicants__cell--time {
  width: 400px;
  flex-shrink: 0;
}

.page-applicants-dav .applicants__cell--actions {
  width: 236px;
  flex-shrink: 0;
  justify-content: center;
}

.page-applicants-dav .applicants__row {
  display: flex;
  align-items: stretch;
  min-height: 138px;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
}

.page-applicants-dav .applicants__cell--applicant-body {
  flex: 1 1 0;
  min-width: 0;
  gap: 24px;
  padding: 16px;
  border-right: 0.5px solid #D8D8D8;
}

.page-applicants-dav .applicants__cell--time-body {
  width: 400px;
  flex-shrink: 0;
  padding: 16px;
  border-right: 0.5px solid #D8D8D8;
  align-items: center;
}

.page-applicants-dav .applicants__cell--actions-body {
  width: 236px;
  flex-shrink: 0;
  padding: 16px;
  justify-content: center;
  align-items: center;
}

.page-applicants-dav .applicants__profile {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.page-applicants-dav .applicants__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 400 28px/36px "Inter", sans-serif;
  color: #fff;
}

.page-applicants-dav .applicants__avatar--blue {
  background: linear-gradient(135deg, #1FA1FF 0%, #0074C2 100%);
}

.page-applicants-dav .applicants__avatar--green {
  background: linear-gradient(135deg, #2EBFA5 0%, #2D9389 100%);
}

.page-applicants-dav .applicants__status {
  width: 134px;
  height: auto;
  padding: 3px 16px;
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 600 12px/20px "Inter", sans-serif;
  white-space: nowrap;
  box-sizing: border-box;
}

.page-applicants-dav .applicants__status--unread {
  background: rgba(15, 181, 37, 0.1);
  color: #0FB525;
}

.page-applicants-dav .applicants__status--read {
  background: #F0F0F0;
  color: #8C8C8C;
}

.page-applicants-dav .applicants__info {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.page-applicants-dav .applicants__name {
  margin: 0;
  font: 500 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-applicants-dav .applicants__name--unread {
  color: #0074C2;
}

.page-applicants-dav .applicants__contact {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  font: 400 16px/24px "Inter", sans-serif;
  color: #595959;
}

.page-applicants-dav .applicants__contact i {
  width: 16px;
  font-size: 14px;
  color: #595959;
  text-align: center;
  flex-shrink: 0;
}

.page-applicants-dav .applicants__contact span {
  min-width: 0;
  word-break: break-all;
}

.page-applicants-dav .applicants__time {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
}

.page-applicants-dav .applicants__time i {
  font-size: 16px;
  color: #595959;
  flex-shrink: 0;
}

.page-applicants-dav .applicants__cv {
  height: 32px;
  padding: 3px 16px;
  background: #0074C2;
  color: #fff;
  border: 0;
  border-radius: 40px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 600 14px/22px "Inter", sans-serif;
  cursor: pointer;
  transition: background 0.15s ease;
}

.page-applicants-dav .applicants__cv:hover {
  background: #1584ED;
}




body.has-modal-open {
  overflow: hidden;
}

.cv-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 32px 16px;
  overflow-y: auto;
}

.cv-modal[hidden] {
  display: none;
}

.cv-modal__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 25, 40, 0.55);
  z-index: 0;
}

.cv-modal__panel {
  position: relative;
  z-index: 1;
  width: min(1200px, 100%);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 0 15px rgba(19, 77, 138, 0.15);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin: auto 0;
}

.cv-modal__header {
  position: relative;
  padding: 24px 32px;
  background: linear-gradient(180deg, #0074C2 0%, rgba(0, 116, 194, 0.5) 100%);
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-height: 112px;
  box-sizing: border-box;
}

.cv-modal__heading {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cv-modal__title {
  margin: 0;
  font: 700 24px/32px "Inter", sans-serif;
  color: #fff;
}

.cv-modal__subtitle {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 16px;
  line-height: 24px;
}

.cv-modal__subtitle-label {
  font: 700 16px/24px "Inter", sans-serif;
  color: rgba(255, 255, 255, 0.7);
}

.cv-modal__subtitle-value {
  font: 600 16px/24px "Inter", sans-serif;
  color: #fff;
}

.cv-modal__close {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-top: 8px;
  border: 0;
  background: transparent;
  color: #fff;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease;
}

.cv-modal__close:hover {
  background: rgba(255, 255, 255, 0.15);
}

.cv-modal__close:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.cv-modal__body {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  padding: 32px;
  background: #fff;
}

.cv-modal__profile {
  flex-shrink: 0;
  width: 300px;
  background: #fff;
  border: 1px solid #F0F0F0;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: sticky;
  top: 32px;
  box-sizing: border-box;
}

.cv-modal__profile-head {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.cv-modal__avatar {
  width: 72px;
  height: 72px;
  font: 400 28px/36px "Inter", sans-serif;
}

.cv-modal__profile-name {
  margin: 0;
  font: 600 20px/28px "Inter", sans-serif;
  color: #101010;
  text-align: center;
}

.cv-modal__icons {
  display: flex;
  gap: 16px;
}

.cv-modal__icon-btn {
  width: 40px;
  height: 40px;
  background: #DBF4FF;
  color: #0074C2;
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.cv-modal__icon-btn:hover {
  background: #0074C2;
  color: #fff;
}

.cv-modal__divider {
  width: 100%;
  height: 0;
  border: 0;
  border-top: 1px solid #D8D8D8;
  margin: 0;
}

.cv-modal__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cv-modal__field-label {
  margin: 0;
  font: 800 13px/20px "Inter", sans-serif;
  color: #595959;
  text-transform: uppercase;
}

.cv-modal__field-value {
  margin: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #595959;
  word-break: break-word;
}

.cv-modal__download {
  width: 100%;
  height: 32px;
  padding: 3px 16px;
  background: #F0F0F0;
  color: #0074C2;
  border-radius: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 600 14px/22px "Inter", sans-serif;
  text-decoration: none;
  box-sizing: border-box;
  transition: background 0.15s ease, color 0.15s ease;
}

.cv-modal__download:hover {
  background: #DBF4FF;
}

.cv-modal__main {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cv-modal__section {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cv-modal__section-title {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font: 600 20px/28px "Inter", sans-serif;
  color: #101010;
}

.cv-modal__section-title i {
  color: #C72227;
  font-size: 20px;
}

.cv-modal__letter {
  width: 100%;
  background: #F9FAFC;
  border: 1px solid #F0F0F0;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
}

.cv-modal__letter p {
  margin: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
}

.cv-modal__cv {
  width: 100%;
  background: #F9FAFC;
  border: 1px solid #F0F0F0;
  border-radius: 8px;
  padding: 8px;
  box-sizing: border-box;
}

.cv-modal__cv img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 4px;
}

.cv-modal__cv iframe {
  width: 100%;
  min-height: 520px;
  border: 0;
  border-radius: 4px;
  display: block;
  background: #fff;
}

.cv-modal__cv-empty,
.cv-modal__letter-empty {
  margin: 0;
  font: 400 15px/22px "Inter", sans-serif;
  color: #8c8c8c;
}

.page-applicants-dav .applicants__job-ref {
  margin: 4px 0 0;
  font: 400 14px/22px "Inter", sans-serif;
  color: #595959;
}



.site-footer {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, #21497F 0%, #143768 100%);
  padding: 64px 120px 40px;
  box-sizing: border-box;
  color: #fff;
}

.site-footer__bg {
  position: absolute;
  top: 76px;
  left: 50%;
  transform: translateX(-50%);
  width: 1440px;
  max-width: none;
  height: 809px;
  opacity: 0.1;
  pointer-events: none;
  z-index: 0;
}

.site-footer__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.site-footer__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1307px;
  margin: 0 auto;
  box-sizing: border-box;
}

.site-footer__grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 48px;
  flex-wrap: wrap;
}

.site-footer__col {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}

.site-footer__col--info {
  flex: 0 1 420px;
  max-width: 420px;
}

.site-footer__col--links {
  flex: 0 0 auto;
  gap: 32px;
}

.site-footer__col--news {
  width: 363px;
  max-width: 100%;
  flex-shrink: 0;
  gap: 32px;
}

.site-footer__brand {
  margin: 0;
  font: 700 22px/30px "Inter", sans-serif;
  color: #fff;
  text-transform: uppercase;
}

.site-footer__brand p {
  margin: 0;
}

.site-footer__line {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  width: 100%;
}

.site-footer__line-icon {
  flex-shrink: 0;
  width: 24px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
}

.site-footer__line-body {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.site-footer__line-title {
  margin: 0;
  font: 600 18px/26px "Inter", sans-serif;
  color: #fff;
}

.site-footer__line-text {
  margin: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #fff;
  opacity: 0.7;
}

.site-footer__line-italic {
  margin: 0;
  font: 500 italic 16px/24px "Inter", sans-serif;
  color: #fff;
}

.site-footer__split {
  display: flex;
  gap: 64px;
  flex-wrap: wrap;
  width: 100%;
}

.site-footer__split .site-footer__line {
  width: auto;
}

.site-footer__rule {
  border: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
  margin: 0;
  width: 100%;
}

.site-footer__heading {
  margin: 0;
  font: 700 18px/26px "Inter", sans-serif;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
}

.value-section {
  background: url("../assets/Core-value-1920.jpg") no-repeat;
  background-size: cover;
}

.header-top__lang-wrap {
  position: relative;
  flex-shrink: 0;
}

.header-top__lang-wrap--open .header-top__lang-chev i {
  transform: rotate(180deg);
}

.site-footer__links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.site-footer__links a {
  display: inline-flex;
  align-items: center;
  padding: 3px 0;
  text-decoration: none;
  font: 500 14px/22px "Inter", sans-serif;
  color: #fff;
  text-transform: uppercase;
  transition: color 0.15s ease, opacity 0.15s ease;
}

.site-footer__links a:hover {
  color: #DBF4FF;
  opacity: 1;
}

.site-footer__subscribe {
  width: 100%;
}

.site-footer__subscribe-field {
  width: 100%;
  height: 48px;
  background: #fff;
  border-radius: 56px;
  padding: 6px 4px 6px 24px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 10px;
}

.site-footer__subscribe-field input {
  flex: 1 1 0;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  padding: 0;
  font: 400 16px/24px "Roboto", sans-serif;
  color: #597E6E;
}

.site-footer__subscribe-field input::-moz-placeholder {
  color: #597E6E;
}

.site-footer__subscribe-field input::placeholder {
  color: #597E6E;
}

.site-footer__subscribe-send {
  flex-shrink: 0;
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 45px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(270deg, #2082CC 0%, #005CA1 100%);
  color: #fff;
  font: 600 16px/24px "Inter", sans-serif;
  transition: filter 0.15s ease;
}

.site-footer__subscribe-send i {
  font-size: 14px;
  transform: rotate(45deg);
}

.site-footer__subscribe-send:hover {
  filter: brightness(1.1);
}

.site-footer__social {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.header-mobile__auth {
  display: flex;
  gap: 12px;
  margin: 0 16px 16px;
}

.header-mobile__auth-btn {
  flex: 1;
  box-sizing: border-box;
  min-height: 48px;
  padding: 0 16px;
  border-radius: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
  transition: opacity 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.header-mobile__auth-btn--register {
  border: 1px solid #0074c2;
  background: #fff;
  color: #0074c2;
}

.header-mobile__auth-btn--register:hover {
  opacity: 0.9;
}

.header-mobile__auth-btn--login {
  border: 1px solid #0074c2;
  background: #0074c2;
  color: #fff;
}

.header-mobile__auth-btn--login:hover {
  color: #fff;
  opacity: 0.92;
}

.site-footer__social-row {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #fff;
  font: 500 16px/24px "Inter", sans-serif;
  transition: opacity 0.15s ease;
}

.site-footer__social-row:hover {
  opacity: 0.85;
  color: #fff;
}

.site-footer__social-icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #C72227;
  font-size: 18px;
}


.site-footer__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}

.site-footer__copyright {
  margin: 64px 0 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #fff;
  opacity: 0.7;
}



/* Drupal register form — ẩn wrapper account, input trong .register-form__input */
.page-register-dav .dav-register-form .form-item,
.page-register-dav .dav-register-form .field {
  margin: 0;
}

.page-register-dav .dav-register-form .register-form__input input,
.page-register-dav .dav-register-form .register-form__input select,
.page-register-dav .dav-register-form .register-form__input textarea {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  font: 400 16px/24px "Inter", sans-serif;
  color: #101010;
  outline: none;
  box-shadow: none;
}

.page-register-dav .dav-register-form .register-form__row--single .register-form__field {
  flex: 1 1 100%;
  max-width: 100%;
}

.page-register-dav .dav-register-form .register-form__row--password {
  display: flex;
  gap: 16px;
  width: 100%;
}

.page-register-dav .dav-register-form .register-form__row--password>.register-form__field {
  flex: 1 0 0;
  min-width: 0;
}

.page-register-dav .dav-register-form .register-form__footer .register-form__actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.page-register-dav .dav-register-form .register-form__footer .form-item--error-message {
  margin-top: 8px;
}

.page-register-dav .dav-register-form .js-form-type-managed-file .form-managed-file {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.page-register-dav .dav-register-form .js-business-alumni-fields[hidden] {
  display: none !important;
}

.page-register-dav .register-form__field-host--website .register-form__input input {
  width: 100%;
  box-sizing: border-box;
}

.page-register-dav .register-form__field-host--website .form-item__label--uri,
.page-register-dav .register-form__field-host--website label[for*="uri"] {
  display: none !important;
}

/* Giấy phép kinh doanh: giữ ở root form (upload file), full width sau khối section */
.page-register-dav .register-form__field--root-only.register-form__field-host--business-license {
  clear: both;
  margin-top: 0;
  margin-bottom: 16px;
}

.page-register-dav .register-form__field-host--business-license {
  margin: 0;
}

.page-register-dav .register-form__field-host--business-license>.form-item__label,
.page-register-dav .register-form__field-host--business-license>label {
  display: block;
  font: 500 14px/20px "Roboto", sans-serif;
  color: #101010;
  margin-bottom: 8px;
}

.page-register-dav .register-form__field-host--business-license .form-managed-file {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  cursor: pointer;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 8px 12px;
  min-height: 40px;
  box-sizing: border-box;
}

.page-register-dav .register-form__field-host--business-license .form-managed-file input[type="file"] {
  display: none;
}

.page-register-dav .register-form__input--file .form-managed-file .register-form__file-upload-trigger {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.page-register-dav .dav-register-form .description,
.page-register-dav .dav-register-form .filter-wrapper {
  display: none;
}

/*# sourceMappingURL=style.css.map */
#block-alumni-theme-primary-local-tasks {
  position: fixed;
  right: 0;
  z-index: 999;
}

#block-alumni-theme-primary-local-tasks ul {
  list-style: none;
}

.mv-hero {
  position: relative;
}

.mv-hero__media {
  width: 100%;
}

.mv-hero__media img {
  width: 100%;
  height: auto;
}

.menu-header ul li a .fa-regular {
  font-family: 'FontAwesome';
}

.event-register__field {
  label {
    margin-bottom: 10px;
  }
}


.event-register__hotline-label {
  position: relative;
  padding-top: 30px;

  &::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.20);
    top: 0;
  }
}

.event-detail__hero-image {
  img {
    width: 100%;
    height: 675px;
    object-fit: cover;
    border-radius: 12px;
  }
}

/* responsive design */

.header-mobile {
  display: none;
}

.header-mobile__bar {
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
}

.header-mobile__search,
.header-mobile__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #0074C2;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

.header-mobile__search:focus-visible,
.header-mobile__toggle:focus-visible {
  outline: 2px solid #0074C2;
  outline-offset: 2px;
}

.header-mobile__toggle {
  flex-direction: column;
  gap: 5px;
}

.header-mobile__toggle-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 2px;
  background: #0074C2;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.header-mobile--open .header-mobile__toggle-bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.header-mobile--open .header-mobile__toggle-bar:nth-child(2) {
  opacity: 0;
}

.header-mobile--open .header-mobile__toggle-bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.header-mobile__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.header-mobile__logo img {
  width: 72px;
  height: auto;
  object-fit: contain;
}

.header-mobile__overlay {
  position: fixed;
  inset: 0;
  z-index: 1090;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.header-mobile__overlay[hidden] {
  display: block !important;
}

.header-mobile__overlay--visible {
  opacity: 1;
  visibility: visible;
}

.header-mobile__menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  width: 80%;
  max-width: 360px;
  height: 100vh;
  height: 100dvh;
  margin: 0;
  padding: 56px 0 0;
  box-sizing: border-box;
  background: #fff;
  overflow-y: auto;
  transform: translateX(-100%);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
}

.header-mobile__menu[hidden] {
  display: flex !important;
}

.header-mobile__menu--open {
  transform: translateX(0);
}

.header-mobile__bottom {
  margin-top: auto;
  flex-shrink: 0;
  padding: 16px 0 24px;
  border-top: 1px solid #e8e8e8;
}

.header-mobile__account {
  margin: 0 16px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(19, 77, 138, 0.12);
}

.header-mobile__account-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  background: linear-gradient(100deg, #0074c2 0%, #0b87d9 100%);
}

.header-mobile__account-head img {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.header-mobile__account-name {
  margin: 0;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.header-mobile__account-email {
  margin: 0;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.header-mobile__account-links {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 8px;
  background: #fff;
}

.header-mobile__account-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 8px;
  border-radius: 8px;
  text-decoration: none;
  color: #434343;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: background 0.15s ease, color 0.15s ease;
}

.header-mobile__account-item:hover {
  background: rgba(219, 244, 255, 0.5);
  color: #0074C2;
}

.header-mobile__account-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  font-size: 18px;
  color: #595959;
}

.header-mobile__account-label {
  flex: 1;
  min-width: 0;
}

.header-mobile__account-chev {
  flex-shrink: 0;
  font-size: 12px;
  color: #595959;
}

.header-mobile__account-item--danger {
  color: #C72227;
}

.header-mobile__account-item--danger .header-mobile__account-icon {
  color: #C72227;
}

.header-mobile__account-item--danger:hover {
  background: rgba(199, 34, 39, 0.08);
  color: #C72227;
}

.header-mobile__lang {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 16px 0;
  padding: 0 4px;
}

.header-mobile__lang-label {
  color: #595959;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-transform: uppercase;
}

.header-mobile__lang-options {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.header-mobile__lang-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 32px;
  margin: 0;
  padding: 0 10px 0 6px;
  border: 2px solid transparent;
  border-radius: 42px;
  background: #f0f0f0;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #005ca1;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.header-mobile__lang-btn img {
  width: 20px;
  height: 20px;
  display: block;
  object-fit: contain;
}

.header-mobile__lang-btn.is-active {
  border-color: #0074C2;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 116, 194, 0.15);
}

.header-mobile__lang-btn:focus-visible {
  outline: 2px solid #0074C2;
  outline-offset: 2px;
}

.header-mobile__lang-en {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #005ca1;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.header-mobile__lang-vn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  background: #C72227;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.header-mobile__close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #595959;
  font-size: 22px;
  cursor: pointer;
}

.header-mobile__close:focus-visible {
  outline: 2px solid #0074C2;
  outline-offset: 2px;
}

.header-mobile__nav {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 4px;
  padding: 0 16px 16px;
  min-height: 0;
}

.header-mobile__nav>li>a,
.header-mobile__nav .header-mobile__nav-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #101010;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
}

.header-mobile__nav>li>a i,
.header-mobile__nav .header-mobile__nav-toggle i {
  font-size: 14px;
  color: #595959;
  transition: transform 0.2s ease;
}

.header-mobile__nav>li>a:hover,
.header-mobile__nav .header-mobile__nav-toggle:hover {
  background: rgba(219, 244, 255, 0.5);
  color: #0074C2;
}

.header-mobile__has-sub--open .header-mobile__nav-toggle i {
  transform: rotate(180deg);
}

.header-mobile__sub {
  display: none;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0 0 8px 12px;
  list-style: none;
}

.header-mobile__sub a {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  color: #434343;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
}

.header-mobile__sub a:hover {
  background: rgba(219, 244, 255, 0.5);
  color: #0074C2;
}

.header-mobile__has-sub--open .header-mobile__sub {
  display: flex;
}

.field-prefix {
  display: inline-block;
  color: #C72227;
}

.card-item_leader {
  text-decoration: none;

  img {
    width: 164px;
    height: 164px;
    margin: 0 auto;
    aspect-ratio: 1/1;
    border-radius: 164px;
    border: 2px solid #FFF;
    object-fit: cover;
  }
}

.card-item-lead-title {
  color: #101010;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
}

.card-item-lead-position {
  color: #101010;
  text-align: center;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 24px;
}

.card-item_leader {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  border: 0;
  background: transparent;
}

.list-card-leader {
  display: flex;
  gap: 20px;
  flex-direction: column;
  margin-top: 26px;

  .card-item_leader {
    position: relative;

    &::before {
      content: "";
      position: absolute;
      top: 215px;
      left: 50%;
      transform: translateX(-50%);
      width: 1px;
      height: 14%;
      background: rgba(255, 255, 255, 0.5);
    }
  }
}

.list-card-leader-2 {
  padding-top: 50px;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-top: 10px;

  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50.6%;
    transform: translateX(-50%);
    height: 1px;
    width: 86%;
    background: rgba(255, 255, 255, 0.50);
  }


  .card-item_leader {
    position: relative;

    &::before {
      content: "";
      position: absolute;
      top: -50px;
      left: 50%;
      transform: translateX(-50%);
      width: 1px;
      height: 21%;
      background: rgba(255, 255, 255, 0.50);

    }
  }
}

body.header-mobile-menu-open {
  overflow: hidden;
}

@media (max-width: 991px) {
  .header-mobile {
    display: block;
  }

  header>.header-top,
  header>.inner-header,
  header>.menu-header {
    display: none;
  }



}

@media (max-width: 767px) {



  .page-section-intro {
    overflow: hidden;
  }

  .menu-header,
  .action-scroll {
    display: none;
  }

  .list-slider .slick-next {
    right: -40px;
  }

  .list-slider .slick-prev {
    left: -40px;
  }

  .introduct {
    overflow: hidden;
  }

  .word-bg {
    overflow: hidden;
  }

  .introduct {
    overflow: hidden;

  }

  .box-slider {
    width: 100%;
  }

  .list-slider .slick-slide,
  .list-slider .slick-slide:not(.slick-current) {
    transform: none !important;
    transition: none !important;
  }

  .list-slider .slick-slide:not(.slick-current) .slider-item_desc {
    display: block;
  }

  .list-slider .slick-list {
    transform: translateZ(0);
  }

  .list-slider .slick-next {
    right: 0;
  }

  .list-slider .slick-prev {
    left: 0;
  }

  .title {
    font-size: 22px;
    line-height: 35px;
  }

  .event-year {
    font-size: 40px;
    margin-top: 0;
  }

  .event-title {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .button-component {
    height: 34px;
    padding: 12px 14px;
    font-size: 14px;
  }





  .description-section {
    font-size: 14px;
    margin-top: 25px;
  }

  .box-counter {
    margin-top: 50px !important;
    padding-left: 10px !important;
  }

  .card-item-title {
    font-size: 20px;
  }

  .club-section {
    padding: 40px 0;
    overflow: hidden;
  }


  .article-slider-title {
    font-size: 14px;
    line-height: 21px;
  }

  .nav-article {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
    justify-content: flex-start !important;

    button {
      white-space: nowrap;
    }
  }

  .article-card {
    margin-bottom: 20px;
    height: auto !important;
  }

  header {
    position: sticky;
    top: 0;
    z-index: 9999;
  }

  .page-section-intro,
  .block-events {
    padding: 34px 0;
  }


  .list-card-club .slick-dots button {
    width: 14px;
    height: 14px;
  }

  .card-item_club a {
    font-size: 12px;
    height: 28px;
    padding: 0px 20px;
  }

  .list-article .slick-arrow {
    width: 36px;
    height: 36px;
    bottom: 5px;
  }

  .list-article {
    padding-bottom: 0;
    margin-top: 30px;
  }

  .list-article::before,
  .list-article::after,
  .list-job::before,
  .list-job::after {
    display: none;
  }

  .introduct {
    padding: 40px 0;
  }

  .list-job {
    padding-bottom: 0;
    margin-top: 30px;
  }

  .list-article .slick-dots {
    margin-top: 20px !important;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
  }

  .list-article .slick-dots li {
    margin: 0 0.25rem;
  }

  .list-article .slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: 0;
    background: #EEBABC;
    border-radius: 100%;
    text-indent: -9999px;
  }

  .list-article .slick-dots li.slick-active button {
    background-color: #C72227;
  }


  .list-job .slick-dots {
    margin-top: 20px !important;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
  }

  .list-job .slick-dots li {
    margin: 0 0.25rem;
  }

  .list-job .slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: 0;
    background: #EEBABC;
    border-radius: 100%;
    text-indent: -9999px;
  }

  .list-job .slick-dots li.slick-active button {
    background-color: #C72227;
  }

  .detail-connect {
    width: 90%;
  }

  .connect-title {
    font-size: 16px;
    line-height: 29px;
  }

  .box-connect img {
    height: 266px;
    border-radius: 16px;
    width: 100%;
  }

  .connect-des {
    font-size: 14px;
    line-height: 20px;
  }

  .box-connect {
    margin-top: 0;
  }

  .partner {
    margin-top: 0;
  }

  .site-footer {
    padding: 20px;
  }

  .site-footer__split {
    gap: 15px;
  }

  .site-footer__copyright {
    font-size: 10px;
    text-align: center;
  }

  .mv-block__heading {
    font-size: 21px;
    line-height: 30px;
  }

  .site-footer__heading,
  .site-footer__line-title,
  .site-footer__line-text {
    font-size: 14px;
  }

  .mv-core__title {
    font-size: 25px;
  }

  .page-board .board-hero {
    min-height: auto;
  }

  .mv-core__lead {
    max-width: max-content;
    font-size: 14px;
    line-height: 20px;
  }

  .mv-core__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .mv-core__item:nth-child(2n) {
    border-right: 0;
  }

  .mv-core__item:nth-child(3n) {
    border-right: 1px solid rgba(255, 255, 255, 0.28);
  }

  .mv-core__item:nth-child(n+4) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.28);
  }

  .mv-core__item:nth-child(5) {
    border-bottom: 0;
  }

  .mv-core__item:last-child {
    border-right: 0;
    border-bottom: 0;

  }

  .mv-core__label {
    font-size: 16px;
  }

  .mv-philosophy__title {
    font-size: 25px;
  }

  .mv-quote__text {
    font-size: 14px;
    line-height: 20px;
  }

  .mv-hero__title {
    font-size: 20px;
    max-width: max-content;
  }

  .board-section__title {
    font-size: 22px;
    line-height: 30px;
  }

  .board-chair__info h4,
  .board-chair h4,
  .board-chair span {
    font-size: 14px;
  }

  .board-period__icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }

  .board-period__left h3 {
    font-size: 14px;
    line-height: normal;
  }

  .board-period__left p {
    margin: 0;
    font-size: 14px;
    line-height: normal;
  }

  .board-period__arrow {
    color: #0074C2;
  }


  .board-chair {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .board-chair>div:last-child {
    display: flex;
    gap: 12px;
    flex-direction: column-reverse;
  }

  .site-breadcrumb__list {

    a,
    span {
      white-space: nowrap;
    }
  }

  .site-breadcrumb__list {
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: visible;
  }

  .history-title {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
  }

  .news-main {
    padding: 0;
  }

  .news-filter__lead {
    font-size: 14px;
    margin: 0;
  }

  .news-search {
    padding: 4px 4px 4px 14px;
    font-size: 14px;
  }

  .history-item__year {
    padding: 6px 18px;
    font-size: 14px;
    line-height: 18px;
  }

  .history-item__title {
    font-size: 14px;
    line-height: 20px;
  }

  .history-item__desc,
  .history-item__list {
    margin: 0;
    color: #101010;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
  }

  .history-item__media img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 12px;
    filter: sepia(0.65) saturate(0.6);
    aspect-ratio: 2;
  }

  .member-card__info strong,
  .member-card__info span {
    font-size: 14px;
  }

  .news-filter {
    flex-direction: column;
  }

  .news-tabs {
    padding: 10px 0;
    margin-top: 20px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
  }

  .news-tab {
    white-space: nowrap;
    height: 30px;
  }

  .news-search {
    width: 100%;
  }

  .news-featured {
    display: block;
  }

  .news-featured__shade {
    display: none;
  }

  .news-featured__content {
    position: unset;
    padding: 20px;
  }

  .news-featured__main {
    min-height: auto;
    margin-bottom: 20px;
  }

  .news-featured__content h2 {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }

  .news-detail {
    padding-top: 10px;
  }

  .news-detail__share span {
    font-size: 14px;
  }

  .news-side-item {
    display: block;
  }

  .news-side-item__time {
    color: #8c8c8c;
    font-size: 14px;
    display: none;
  }

  .page-future-gens .future-hero {
    min-height: auto;
  }

  .page-future-gens .future-intro__heading {
    font-size: 25px;
    line-height: 33px;
  }

  .page-future-gens .future-intro__cta {
    height: auto;
    padding: 8px 24px;
    font-size: 14px;
    line-height: 3px;
  }

  .news-side-item img {
    height: 200px;
    border-radius: 10px;
    margin-bottom: 10px;
  }

  .news-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .news-detail__layout {
    display: block;

  }

  .news-detail__article h1,
  .event-detail__title {
    font-size: 20px;
    line-height: 33px;
  }

  .event-detail {
    padding: 20px 0 64px;
  }

  .event-detail__meta-row {
    flex-direction: column;
  }

  .event-detail__cta {
    font-size: 14px;
    height: 40px;
    line-height: 0;
  }

  .event-detail__section h2 {
    font-size: 20px;
  }

  .event-register__field-grid {
    grid-template-columns: 1fr;
  }

  .news-detail__meta-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .news-detail__sidebar {
    margin-top: 20px;
  }

  .event-detail__hero-image {
    img {
      height: auto;
    }
  }

  .event-register {
    display: block;
  }

  .event-register__form {
    padding: 15px;
    background: #fff;
  }

  .event-register__field input,
  .event-register__field select {
    height: 40px;
    font-size: 14px;
  }

  .event-register__submit {
    margin-top: 24px;
    height: 42px;
    font-size: 14px;
  }

  .event-register__left h3 {
    font-size: 20px;
  }

  .event-register__left p {
    font-size: 14px;
  }

  .event-register__hotline {
    font-size: 20px;
  }

  .card-item-lead-position {
    color: #fff;
    font-size: 14px;
  }

  .site-footer__brand {
    font-size: 18px;
    line-height: 25px;
  }

  .card-item-lead-title {
    font-size: 14px;
    color: #fff;
  }

  .page-alumni-featured .alumni-hero__title {
    font-size: 25px;
  }

  .page-alumni-featured .alumni-featured__filters,
  .cohort-tabs {
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
    justify-content: flex-start !important;

    span,
    a {
      white-space: nowrap;
    }
  }

  .page-alumni-featured .alumni-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .page-alumni-detail .alumni-detail__layout {
    display: flex;
    flex-direction: column;
  }

  .page-alumni-detail .alumni-detail__heading h1,
  .page-alumni-detail .alumni-detail__heading h2 {
    font-size: 20px;
    line-height: 28px;
  }

  .page-alumni-detail .alumni-profile__hero h3 {
    font-size: 20px;
  }

  .page-club-community .club-list__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .page-club-community .club-card__title {
    font-size: 20px;
  }

  .page-club-community .club-card__footer {
    margin-top: 20px;
  }

  .page-club-community .club-card__cta {
    height: 34px;
    font-size: 14px;
  }

  .page-ambassador-club .ambassador-overview__layout {
    display: flex;
    flex-direction: column;
  }

  .page-ambassador-club .ambassador-title {
    font-size: 20px;
  }

  .page-ambassador-club .ambassador-button {
    height: 43px;
    font-size: 14px;
  }

  .page-ambassador-club .ambassador-info__title {
    font-size: 16px;
  }

  .page-ambassador-club .ambassador-info ul {
    font-size: 14px;
  }

  .page-ambassador-club .ambassador-info p {
    font-size: 14px;
  }

  .page-ambassador-club .ambassador-programs__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .page-ambassador-club .ambassador-members__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .page-alumni-cohorts .cohort-list__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .page-alumni-cohorts .cohort-searchbox__btn,
  .alumni-roster-search__btn {
    border: 0;
  }

  .page-alumni-roster .alumni-roster__toolbar {
    flex-direction: column;
  }

  .page-alumni-roster .alumni-roster__title {
    font-size: 25px;
  }

  .page-alumni-roster .alumni-roster__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .page-alumni-roster .knowledge-share__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .knowledge-share__cta {
    display: none !important;
  }

  .page-alumni-roster .knowledge-share__title {
    font-size: 25px;
  }

  .page-future-gens .future-intro__inner {
    display: block;
  }

  .page-future-gens .future-intro__content {
    width: auto;
    padding-left: 0;
    margin-top: 20px;
  }

  .page-future-gens .future-programs__title {
    font-size: 22px;
    line-height: 33px
  }

  .page-future-gens .future-programs__inner {
    gap: 10px;
  }

  .page-future-gens .future-programs__desc {
    font-size: 14px;
  }

  .page-future-gens .future-intro {
    padding: 32px 0;
  }

  .page-future-gens .future-programs__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .page-future-gens .future-tribute__title {
    font-size: 25px;
    line-height: 38px;
    white-space: pre-wrap;

  }

  .page-future-gens .future-tribute__subtitle {
    font-size: 14px;
  }

  .login-dav__brand {
    height: 100vh;
  }

  .page-login-dav .login-dav {
    width: 100%;
    display: block;
    position: relative;
  }

  .page-login-dav .login-dav__form-section {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }

  .page-login-dav .login-dav__brand-content {
    display: none;
  }

  .page-register-dav .register-dav__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .register-form__heading {
    position: unset;
  }

  .register-form__logo {
    display: none;
  }

  .register-form__heading {
    margin-bottom: 30px;
    display: block;
  }

  .register-form__title {
    font-size: 20px;
    line-height: 24px;
  }

  .page-register-dav .dav-register-form .register-form__row {
    flex-direction: column;
  }

  .register-form__input {
    display: block;
  }

  .register-form__field {
    display: block;
    width: 100%;
  }

  #alumni-class-wrapper {
    width: 100%;

  }

  .register-form__input--password {
    display: flex;
  }

  .register-form__check {
    margin-top: 30px;
  }

  .register-form__check-text {
    font-size: 12px;
  }

  .register-form__btn {
    height: 38px;
    padding: 12px 25px;
    font-size: 14px;
    border-radius: 45px;
    line-height: 1;
  }

  .header-top__lang {
    border: 1px solid #ccc;

  }

  .user-mobile {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #005CA1;
    color: #fff;
  }

  .header-mobile__bar {
    grid-template-columns: 1fr 1fr;
  }

  .header-mobile__logo {
    justify-content: flex-start;
  }

  .right-nav {
    margin-top: 20px;
  }

  .header-top__lang-wrap {
    margin-top: 5px;
    margin-right: 10px;
  }

  .list-job {
    margin-top: 0px;
  }

  .partner {
    padding-bottom: 20px;
  }

  .counter-numer,
  .counter-title {
    text-align: center;
  }

  .counter-title::before {
    left: 0;
  }

  .button-component {
    margin: 0 auto;
  }

  footer::before {
    display: none;
  }

  .block-network {
    img {
      display: none;
    }
  }

  .card-item_leader {
    img {
      width: 150px;
      height: 150px;
    }
  }

  .list-card-leader {
    & .card-item_leader {
      &::before {
        content: "";
        position: absolute;
        top: 197px;
        left: 50%;
        transform: translateX(-50%);
        width: 1px;
        height: 14%;
        background: rgba(255, 255, 255, 0.5);
      }
    }
  }

  .page-history .history-hero {
    min-height: auto;
  }

  .mv-hero__media {
    height: 200px;
  }

  .mv-hero__media>div,
  .mv-hero__media img {
    height: 100%;
  }

  .mv-hero__title-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: max-content;
    padding-bottom: 0;
  }

  /* user */
  .page-profile-dav .app-topbar__left,
  .page-knowledge-dav .app-topbar__left {
    flex-direction: row-reverse;
  }

  .app-topbar__user-name,
  .app-topbar__user-chev,
  .app-topbar__brand-text {
    display: none !important;
  }

  .page-profile-dav .app-topbar,
  .page-knowledge-dav .app-topbar {
    padding: 0;
  }

  .page-profile-dav .app-sidebar,
  .page-knowledge-dav .app-sidebar {
    position: fixed;
    z-index: 1;
    transition: all .5s ease-in-out;
  }

  .page-profile-dav .app-sidebar__nav-label,
  .page-knowledge-dav .app-sidebar__nav-label {
    font-size: 14px;
  }

  .page-profile-dav .app-sidebar__nav-item,
  .page-knowledge-dav .app-sidebar__nav-item {
    padding: 8px;
  }

  .app-sidebar__name,
  .app-sidebar__id {
    font-size: 14px;
  }

  .app-sidebar {
    left: -100%;
  }

  .app-sidebar.active {
    left: 0;
  }

  .page-profile-dav .dav-register-form .register-form__row {
    flex-direction: column;
  }

  .list-slider .slick-arrow {
    border: 1px solid #fff;
  }

  .list-slider .slick-arrow img {
    filter: brightness(0) invert(1);
  }

  .page-register-dav .register-dav__option {
    flex-direction: column;
    align-items: center;
  }

  .page-register-dav .register-dav__option-content {
    text-align: center;
  }

  .page-register-dav .register-dav__title {
    font: 700 20px / 32px "Inter", sans-serif;
  }

  .menu-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    width: 80%;
    max-width: 360px;
    height: 100vh;
    height: 100dvh;
    margin: 0;
    padding: 56px 0 0;
    box-sizing: border-box;
    background: #fff;
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.12);
  }

  .menu-header--open {
    transform: translateX(0);
  }

  .menu-header ul {
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
  }

  .menu-header .menu-header__sub {
    position: unset;
    box-shadow: none;
    display: none;

  }

  .menu-header ul li span,
  .menu-header ul li a {
    color: #000;
    font-size: 14px;
  }

  .menu-header ul li span,
  .menu-header ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .menu-header__sub {
    display: none;
    transition: all .6s ease-in-out;
  }

  .menu-header__has-sub--open .menu-header__sub {
    display: block;

  }

  .header-mobile__close {
    display: block;
    margin-bottom: 20px;
  }

  .mv-block__body {
    font-size: 14px;
  }

  .mv-block__intro {
    margin-bottom: 10px;
  }

  .page-news .news-hero {
    min-height: 200px;
  }

  .news-hero__title-wrap {
    position: absolute;
    z-index: 1;
    padding-bottom: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .news-hero__title {
    font-size: 20px;
  }
  .recruitment-hero__search{
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .recruitment-hero__field--grow {
    flex: unset;
}
.recruitment-hero__field--select{
  width: 100%;
    flex: unset;

}
.recruitment-hero__submit
 {
    height: 40px;
    font-size: 13px;
}
  .recruitment-hero__inner {
    padding: 50px 20px 0;
  }
.recruitment-breadcrumb {
    padding: 12px 5px;
}
  .recruitment-hero__title {
    font-size: 20px;
  }
  .recruitment-board {
    padding: 20px 10px;
}
.recruitment-board__layout {
    flex-direction: column-reverse;
}
.recruitment-breadcrumb{
  overflow: hidden;
}
.recruitment-filter {
    width: 100%;
}
.recruitment-breadcrumb__inner a {
     white-space: nowrap;
}
.recruitment-radio {
    font-size: 14px;
}
.recruitment-board__tab {
    height: 30px;
    font-size: 10px;
}
}

.alumni-hero--front .mv-hero__gradient,
.alumni-hero--front .mv-hero__title,
.page-login-dav #block-alumni-theme-primary-local-tasks {
  display: none;
}

.page-section-intro .slick-slide>div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}

#toolbar-administration,
#block-alumni-theme-primary-local-tasks {
  display: none;
}
.news-empty{
  margin-top: 15px;
}
.placeholder {
  /*display: inline-block;*/
  /*min-height: 1em;*/
  /*vertical-align: middle;*/
   cursor: default !important;
   background-color: unset !important;
   opacity: 1 !important;
}