/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/app/(website)/domain/[slug]/domain-section-styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.faculty-section-page {
  background: #fff;
  /* Replaces template pt-80 / pb-100 (~80–100px): page-builder sections stack tighter */
  padding-top: 48px;
  padding-bottom: 56px;
}

.faculty-section-header-modern {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 60px;
}

.faculty-section-title-modern {
  font-size: 48px;
  font-weight: 700;
  color: #2A2B30;
  margin-bottom: 20px;
  line-height: 1.2;
}

.faculty-section-divider {
  width: 80px;
  height: 4px;
  background: linear-gradient(135deg, #004c71 0%, #0066a1 100%);
  margin: 0 auto 25px;
  border-radius: 2px;
}

.faculty-section-intro {
  font-size: 20px;
  line-height: 1.8;
  color: #666;
  margin: 0;
}

/* Rich text from dashboard (TinyMCE), aligned with news-style HTML */
.faculty-html-content {
  text-align: left;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.faculty-html-content p {
  margin: 0 0 1rem;
}
.faculty-html-content p:last-child {
  margin-bottom: 0;
}
.faculty-html-content {
  /* Undo global resets (e.g. nav/footer list-style: none) so TinyMCE lists show markers */
}
.faculty-html-content ul,
.faculty-html-content ol {
  margin: 0.5rem 0 1rem;
  padding-inline-start: 1.5rem;
  list-style-position: outside;
}
.faculty-html-content ul {
  list-style-type: disc;
}
.faculty-html-content ol {
  list-style-type: decimal;
}
.faculty-html-content ul ul {
  list-style-type: circle;
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;
}
.faculty-html-content ol ol {
  list-style-type: lower-alpha;
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;
}
.faculty-html-content li {
  display: list-item;
  margin: 0.25rem 0;
}
.faculty-html-content a {
  color: #004c71;
  text-decoration: underline;
}
.faculty-html-content h2,
.faculty-html-content h3,
.faculty-html-content h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2a2b30;
  margin: 1.25rem 0 0.5rem;
}

.faculty-section-intro.faculty-html-content {
  text-align: center;
  color: #666;
  font-size: 20px;
  line-height: 1.8;
  /* Lists stay readable under centered intro copy */
}
.faculty-section-intro.faculty-html-content ul,
.faculty-section-intro.faculty-html-content ol {
  text-align: left;
  margin-inline: auto;
  max-width: 42rem;
}

.faculty-html-content--body {
  font-size: 17px;
  line-height: 1.9;
  color: #444;
}

.faculty-section-media {
  margin-bottom: 60px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.faculty-section-content {
  max-width: 900px;
  margin: 0 auto;
}

.faculty-content-blocks--nv {
  padding-top: 40px;
  padding-bottom: 80px;
}

.faculty-content-blocks__stack-item .faculty-section-header-modern {
  margin-bottom: 72px;
}

.faculty-content-blocks--nv .faculty-section-header-modern:last-child {
  margin-bottom: 0;
}

.faculty-content-blocks--nv .faculty-editorial-list {
  list-style: none;
  padding: 0;
  margin: 2rem auto 0;
  max-width: 640px;
  text-align: left;
}

.faculty-content-blocks--nv .faculty-editorial-list li {
  font-size: 1.0625rem;
  line-height: 1.75;
  color: #4a4b52;
  padding: 14px 0 14px 36px;
  position: relative;
  border-bottom: 1px solid #eceef0;
}
.faculty-content-blocks--nv .faculty-editorial-list li:last-child {
  border-bottom: none;
}
.faculty-content-blocks--nv .faculty-editorial-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.15em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #004c71 0%, #0066a1 100%);
}

@media (max-width: 767px) {
  .faculty-content-blocks--nv {
    padding-top: 24px;
    padding-bottom: 56px;
  }
  .faculty-content-blocks__stack-item .faculty-section-header-modern {
    margin-bottom: 48px;
  }
}
.faculty-content-block {
  background: #fff;
  border-radius: 16px;
  padding: 40px;
  margin-bottom: 40px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #f0f0f0;
  transition: all 0.3s ease;
}
.faculty-content-block:hover {
  box-shadow: 0 8px 30px rgba(0, 76, 113, 0.12);
  transform: translateY(-4px);
}

.faculty-content-block-title {
  font-size: 32px;
  font-weight: 600;
  color: #004c71;
  margin-bottom: 20px;
  line-height: 1.3;
}

.faculty-content-paragraph {
  font-size: 17px;
  line-height: 1.9;
  color: #444;
  margin-bottom: 18px;
}
.faculty-content-paragraph:last-of-type {
  margin-bottom: 0;
}

.faculty-content-list {
  list-style: none;
  padding: 0;
  margin: 25px 0 0;
}

.faculty-content-list-item {
  font-size: 17px;
  line-height: 1.9;
  color: #444;
  padding: 12px 0 12px 35px;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.faculty-content-list-item:last-child {
  border-bottom: none;
}
.faculty-content-list-item::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 12px;
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #004c71 0%, #0066a1 100%);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
}

.faculty-section-news {
  margin-bottom: 40px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.faculty-section-vision-mission {
  max-width: 900px;
  margin: 0 auto;
}

.tp-vision-mission-values-area-enhanced {
  padding: 0;
}

.tp-vmv-card-enhanced {
  background: #fff;
  border-radius: 20px;
  padding: 50px 45px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border: 1px solid #f0f0f0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.tp-vmv-card-enhanced::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, transparent 0%, currentColor 50%, transparent 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.tp-vmv-card-enhanced:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 40px rgba(0, 76, 113, 0.15);
  border-color: transparent;
}
.tp-vmv-card-enhanced:hover::before {
  opacity: 1;
}

.tp-vmv-card-vision::before {
  background: linear-gradient(90deg, transparent 0%, #f5821f 50%, transparent 100%);
}
.tp-vmv-card-vision:hover {
  box-shadow: 0 16px 40px rgba(245, 130, 31, 0.2);
}

.tp-vmv-card-mission::before {
  background: linear-gradient(90deg, transparent 0%, #004c71 50%, transparent 100%);
}
.tp-vmv-card-mission:hover {
  box-shadow: 0 16px 40px rgba(0, 76, 113, 0.2);
}

.tp-vmv-card-values::before {
  background: linear-gradient(90deg, transparent 0%, #17a2b8 50%, transparent 100%);
}
.tp-vmv-card-values:hover {
  box-shadow: 0 16px 40px rgba(23, 162, 184, 0.2);
}

.tp-vmv-card-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 2px solid #f5f5f5;
}

.tp-vmv-icon-enhanced {
  width: 70px;
  height: 70px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #fff;
  flex-shrink: 0;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.tp-vmv-icon-enhanced i {
  font-size: 32px;
}

.tp-vmv-card-enhanced:hover .tp-vmv-icon-enhanced {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.tp-vmv-icon-vision {
  background: linear-gradient(135deg, #f5821f 0%, #ff9f40 100%);
}

.tp-vmv-icon-mission {
  background: linear-gradient(135deg, #004c71 0%, #0066a1 100%);
}

.tp-vmv-icon-values {
  background: linear-gradient(135deg, #17a2b8 0%, #20c9d6 100%);
}

.tp-vmv-title-enhanced {
  font-size: 32px;
  font-weight: 700;
  color: #2A2B30;
  margin: 0;
  line-height: 1.2;
  background: linear-gradient(135deg, #2A2B30 0%, #004c71 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.tp-vmv-card-body {
  margin-top: 0;
}

.tp-vmv-paragraph {
  font-size: 18px;
  line-height: 1.9;
  color: #555;
  margin-bottom: 20px;
  font-weight: 400;
}
.tp-vmv-paragraph:last-of-type {
  margin-bottom: 0;
}

.tp-vmv-list-enhanced {
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tp-vmv-list-item-enhanced {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 22px;
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  border-radius: 12px;
  border-left: 4px solid #004c71;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.tp-vmv-list-item-enhanced::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 76, 113, 0.05) 0%, transparent 100%);
  transition: width 0.3s ease;
}
.tp-vmv-list-item-enhanced:hover {
  transform: translateX(8px);
  box-shadow: 0 4px 15px rgba(0, 76, 113, 0.1);
  border-left-color: #f5821f;
}
.tp-vmv-list-item-enhanced:hover::before {
  width: 100%;
}
.tp-vmv-list-item-enhanced:hover .tp-vmv-list-icon {
  background: linear-gradient(135deg, #f5821f 0%, #ff9f40 100%);
  transform: scale(1.1);
}

.tp-vmv-list-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, #004c71 0%, #0066a1 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
  box-shadow: 0 3px 10px rgba(0, 76, 113, 0.2);
  transition: all 0.3s ease;
}
.tp-vmv-list-icon i {
  font-size: 14px;
}

.tp-vmv-list-text {
  font-size: 17px;
  line-height: 1.8;
  color: #444;
  font-weight: 500;
  flex: 1;
}

@media (max-width: 991px) {
  .tp-vmv-card-enhanced {
    padding: 40px 35px;
  }
  .tp-vmv-icon-enhanced {
    width: 60px;
    height: 60px;
    font-size: 28px;
  }
  .tp-vmv-icon-enhanced i {
    font-size: 28px;
  }
  .tp-vmv-title-enhanced {
    font-size: 28px;
  }
  .tp-vmv-paragraph {
    font-size: 17px;
  }
  .tp-vmv-list-text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .tp-vmv-card-enhanced {
    padding: 30px 25px;
    border-radius: 16px;
  }
  .tp-vmv-card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding-bottom: 20px;
  }
  .tp-vmv-icon-enhanced {
    width: 55px;
    height: 55px;
    font-size: 24px;
  }
  .tp-vmv-icon-enhanced i {
    font-size: 24px;
  }
  .tp-vmv-title-enhanced {
    font-size: 24px;
  }
  .tp-vmv-paragraph {
    font-size: 16px;
    line-height: 1.8;
  }
  .tp-vmv-list-item-enhanced {
    padding: 15px 18px;
    gap: 12px;
  }
  .tp-vmv-list-icon {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
  .tp-vmv-list-icon i {
    font-size: 12px;
  }
  .tp-vmv-list-text {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .faculty-section-title-modern {
    font-size: 36px;
  }
  .faculty-section-intro {
    font-size: 18px;
  }
  .faculty-content-block {
    padding: 30px 25px;
  }
  .faculty-content-block-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .faculty-section-page {
    padding-top: 36px;
    padding-bottom: 44px;
  }
  .faculty-section-title-modern {
    font-size: 28px;
  }
  .faculty-section-intro {
    font-size: 16px;
  }
  .faculty-content-block {
    padding: 25px 20px;
  }
  .faculty-content-block-title {
    font-size: 24px;
  }
  .faculty-content-paragraph {
    font-size: 16px;
  }
  .faculty-content-list-item {
    font-size: 16px;
    padding-left: 30px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/layout/content-page-layout.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.content-page-layout_section__MfyT4 {
  padding: 0;
}

/* Soft canvas behind the white card — matches Vision & Mission Area2 */
.content-page-layout_sectionCard__HSeeT {
  --cpl2-ink: #0a1628;
  --cpl2-accent: #004c71;
  --cpl2-canvas: #f6f4ee;
  --cpl2-card: #ffffff;
  --cpl2-line: rgba(10, 22, 40, 0.08);
  background: var(--cpl2-canvas);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.content-page-layout_card__ilSLm {
  background: var(--cpl2-card);
  border: 1px solid var(--cpl2-line);
  border-radius: 1rem;
  box-shadow: 0 10px 28px rgba(10, 22, 40, 0.04);
  padding: 1.5rem 1.5rem 1.6rem;
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
}
@media (min-width: 576px) {
  .content-page-layout_card__ilSLm {
    padding: 1.65rem 1.85rem 1.75rem;
  }
}
.content-page-layout_card__ilSLm:hover {
  border-color: rgba(0, 76, 113, 0.22);
  box-shadow: 0 14px 32px rgba(10, 22, 40, 0.07);
}

.content-page-layout_contentCol__HjzUx {
  min-width: 0;
  max-width: 100%;
}

.content-page-layout_contentColFullscreen__fUchm {
  max-width: 100%;
}

.content-page-layout_wrap__ib7Zh {
  display: block;
  width: 100%;
}

/*
  Text wraps around the image / slider / video (float), then continues full width below.
  Media sits on the inline-end side (right in LTR, left in RTL).
*/
.content-page-layout_flow__nFq44 {
  display: block;
  width: 100%;
}
.content-page-layout_flow__nFq44::after {
  content: "";
  display: table;
  clear: both;
}

.content-page-layout_flowFullscreen__SG2ng {
  display: block;
  width: 100%;
}

.content-page-layout_mediaFloat__9toPh {
  float: inline-end;
  width: min(42%, 380px);
  max-width: 42%;
  min-width: 0;
  margin: 0 0 1rem 0;
  margin-inline-start: clamp(1rem, 2.5vw, 1.75rem);
  shape-outside: margin-box;
  shape-margin: 0.5rem;
}
@media (max-width: 767px) {
  .content-page-layout_mediaFloat__9toPh {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-inline-start: 0;
    margin-bottom: 1.25rem;
  }
}

.content-page-layout_wrap__ib7Zh .content-page-layout_body__GaTFe {
  display: block;
  min-width: 0;
  width: auto;
  max-width: none;
}

.content-page-layout_flowFullscreen__SG2ng .content-page-layout_body__GaTFe {
  display: block;
  width: 100%;
  min-width: 0;
}

.content-page-layout_wrap__ib7Zh .content-page-layout_title__CQDBU {
  display: block;
  width: 100%;
}

.content-page-layout_fullscreen__IiwSE .content-page-layout_body__GaTFe {
  max-width: none;
}

.content-page-layout_title__CQDBU {
  margin-bottom: 1.75rem;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

.content-page-layout_body__GaTFe {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-wrap: break-word;
  color: #000;
}
.content-page-layout_body__GaTFe p,
.content-page-layout_body__GaTFe .rich-text-content,
.content-page-layout_body__GaTFe .rich-text-content p {
  color: #000;
}
.content-page-layout_body__GaTFe .rich-text-content table thead th,
.content-page-layout_body__GaTFe .rich-text-content table thead td,
.content-page-layout_body__GaTFe .rich-text-content table th,
.content-page-layout_body__GaTFe .rich-text-content table thead th p,
.content-page-layout_body__GaTFe .rich-text-content table thead td p,
.content-page-layout_body__GaTFe .rich-text-content table th p,
.content-page-layout_body__GaTFe .rich-text-content table thead th *,
.content-page-layout_body__GaTFe .rich-text-content table thead td *,
.content-page-layout_body__GaTFe .rich-text-content table th * {
  color: #fff !important;
}
.content-page-layout_body__GaTFe .rich-text-content {
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}
.content-page-layout_body__GaTFe .rich-text-content img,
.content-page-layout_body__GaTFe .rich-text-content iframe,
.content-page-layout_body__GaTFe .rich-text-content video {
  max-width: 100%;
}
.content-page-layout_body__GaTFe {
  /* Wide blocks clear the float so they don't squeeze beside the media. */
}
.content-page-layout_body__GaTFe .rich-text-content table,
.content-page-layout_body__GaTFe .rich-text-content pre,
.content-page-layout_body__GaTFe .rich-text-content blockquote,
.content-page-layout_body__GaTFe .rich-text-content .table,
.content-page-layout_body__GaTFe .rich-text-content figure {
  clear: both;
  width: 100%;
  max-width: 100%;
}
.content-page-layout_body__GaTFe .rich-text-content table {
  display: table;
  table-layout: auto;
}
.content-page-layout_body__GaTFe .rich-text-content table th,
.content-page-layout_body__GaTFe .rich-text-content table td {
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
  text-align: center !important;
  vertical-align: middle;
}
.content-page-layout_body__GaTFe .rich-text-content table th p,
.content-page-layout_body__GaTFe .rich-text-content table td p,
.content-page-layout_body__GaTFe .rich-text-content table th *,
.content-page-layout_body__GaTFe .rich-text-content table td * {
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
  text-align: center !important;
}

/*
  Content Page Layout 2 — body typography matches Vision & Mission Area2
  (black #000, 0.98rem / 1.7 — not muted gray).
*/
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_title__CQDBU {
  margin: 0.15rem 0 0.7rem;
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 700;
  color: var(--cpl2-ink);
}
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe {
  color: #000;
  font-size: 0.98rem;
  line-height: 1.7;
  /*
    Nested .rich-text-content normally uses 0.95rem.
    Match VMA2 (.body.rich-text-content at 0.98rem / #000).
    !important beats editor inline gray that made this card look washed out.
  */
}
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe .rich-text-content {
  font-size: 0.98rem !important;
  line-height: 1.7 !important;
  color: #000 !important;
}
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe p,
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe .rich-text-content p,
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe p.rich-text-content,
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe .rich-text-content li,
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe .rich-text-content span {
  color: #000 !important;
  font-size: 0.98rem !important;
  line-height: 1.7 !important;
}
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe p,
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe .rich-text-content p,
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe p.rich-text-content {
  margin: 0 0 0.75rem;
}
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe p:last-child,
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe .rich-text-content p:last-child,
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe p.rich-text-content:last-child {
  margin-bottom: 0;
}
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe .rich-text-content a {
  color: var(--tp-theme-primary, #004c71) !important;
}
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe ul,
.content-page-layout_sectionCard__HSeeT .content-page-layout_card__ilSLm .content-page-layout_body__GaTFe ol {
  margin: 0 0 0.75rem;
  padding-inline-start: 1.25rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/counter/counter-four-2.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.counter-four-2_section__S7MHQ {
  --c4-p: var(--faculty-primary, var(--f-p, var(--tp-theme-primary, #004c71)));
  --c4-s: var(--faculty-secondary, var(--f-s, #012440));
  --c4-bg: color-mix(in srgb, var(--c4-p) 10%, #ffffff);
  position: relative;
  z-index: 2;
  background: var(--c4-bg);
  padding: 0;
  margin: 0;
}

.counter-four-2_row__Ll7vt {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0;
}

.counter-four-2_item__qejP6 {
  flex: 1 1 0;
  min-width: 160px;
  position: relative;
}
.counter-four-2_item__qejP6:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 22%;
  bottom: 22%;
  inset-inline-end: 0;
  width: 1px;
  background: color-mix(in srgb, var(--c4-p) 18%, transparent);
  pointer-events: none;
}

.counter-four-2_card__FY2MC {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  height: 100%;
  padding: 22px 18px;
  transition: background 0.25s ease;
}
.counter-four-2_card__FY2MC:hover {
  background: color-mix(in srgb, var(--c4-p) 8%, #ffffff);
}
.counter-four-2_card__FY2MC:hover .counter-four-2_icon__rGqWw {
  transform: translateY(-2px);
  color: var(--c4-s);
}
.counter-four-2_card__FY2MC:hover .counter-four-2_icon__rGqWw .domain-tinted-icon {
  background-color: var(--c4-s) !important;
}
.counter-four-2_card__FY2MC:hover .counter-four-2_value__rLLHF {
  color: var(--c4-s);
}
.counter-four-2_card__FY2MC:hover .counter-four-2_label__vX7qE {
  color: var(--c4-p);
}

.counter-four-2_icon__rGqWw {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--c4-p);
  transition: transform 0.25s ease, color 0.25s ease;
}
.counter-four-2_icon__rGqWw i {
  font-size: 28px;
  line-height: 1;
}
.counter-four-2_icon__rGqWw .domain-tinted-icon {
  background-color: var(--c4-p) !important;
}

.counter-four-2_text__S7eZy {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.counter-four-2_value__rLLHF {
  margin: 0;
  font-size: clamp(1.15rem, 1.8vw, 1.35rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--c4-p);
  transition: color 0.25s ease;
}

.counter-four-2_label__vX7qE {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  color: color-mix(in srgb, var(--c4-p) 55%, #6b7280);
  transition: color 0.25s ease;
}

@media (max-width: 991px) {
  .counter-four-2_item__qejP6 {
    flex: 1 1 50%;
    min-width: 0;
  }
  .counter-four-2_item__qejP6:nth-child(2n)::after {
    display: none;
  }
  .counter-four-2_card__FY2MC {
    padding: 18px 16px;
  }
}
@media (max-width: 575px) {
  .counter-four-2_item__qejP6 {
    flex: 1 1 100%;
  }
  .counter-four-2_item__qejP6::after {
    display: none !important;
  }
  .counter-four-2_item__qejP6:not(:last-child) {
    border-bottom: 1px solid color-mix(in srgb, var(--c4-p) 14%, transparent);
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/mission/mission-area.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.mission-area_section__1m3Bz {
  --vma2-ink: #0a1628;
  --vma2-accent: #004c71;
  --vma2-accent-soft: rgba(0, 76, 113, 0.1);
  --vma2-canvas: #f6f4ee;
  --vma2-card: #ffffff;
  --vma2-line: rgba(10, 22, 40, 0.08);
  background: var(--vma2-canvas);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.mission-area_list__nzSro {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
}

.mission-area_card__uC7r3 {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  width: 100%;
  padding: 1.5rem 1.5rem 1.6rem;
  background: var(--vma2-card);
  border: 1px solid var(--vma2-line);
  border-radius: 1rem;
  box-shadow: 0 10px 28px rgba(10, 22, 40, 0.04);
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

@media (min-width: 576px) {
  .mission-area_card__uC7r3 {
    gap: 1.5rem;
    padding: 1.65rem 1.85rem 1.75rem;
  }
}
.mission-area_card__uC7r3:hover {
  border-color: rgba(0, 76, 113, 0.22);
  box-shadow: 0 14px 32px rgba(10, 22, 40, 0.07);
}

.mission-area_iconWrap__onNo0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 0.9rem;
  background: linear-gradient(145deg, var(--vma2-accent-soft) 0%, rgba(0, 102, 153, 0.12) 100%);
  color: var(--vma2-accent);
  flex-shrink: 0;
}

.mission-area_content__sLQid {
  flex: 1;
  min-width: 0;
}

.mission-area_title__Rofm2 {
  margin: 0.15rem 0 0.7rem;
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 700;
  color: var(--vma2-ink);
}

.mission-area_body__W_Nep {
  /* Same body ink as Content Page Layout 2 / rich-text-prose paragraphs */
  color: #000;
  font-size: 0.98rem;
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
.mission-area_body__W_Nep p {
  margin: 0 0 0.75rem;
  color: #000;
}
.mission-area_body__W_Nep p:last-child {
  margin-bottom: 0;
}
.mission-area_body__W_Nep ul,
.mission-area_body__W_Nep ol {
  margin: 0 0 0.75rem;
  padding-inline-start: 1.25rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/components/campus/campus-student-area.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * RTL fixes for template CSS that uses physical left/right.
 * Scoped under .root; targets global tp-campus-* classes from main.css.
 */

/** Same aspect ratio for hero + in-card thumb so uploads crop consistently (matches template ~1201×580). */
.campus-student-area_mediaFrame__jEEjk,
.campus-student-area_mediaFrameThumb__rGfiq {
  position: relative;
  width: 100%;
  aspect-ratio: 1201 / 580;
  overflow: hidden;
}

.campus-student-area_mediaFrame__jEEjk {
  border-radius: 20px;
}

.campus-student-area_mediaFrameThumb__rGfiq {
  border-radius: 6px;
}

.campus-student-area_imageCover__OKcfR {
  -o-object-fit: cover;
     object-fit: cover;
}

html[dir="rtl"] .campus-student-area_root__wgAaB .tp-campus-student-item {
  right: auto;
  left: 98px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  html[dir="rtl"] .campus-student-area_root__wgAaB .tp-campus-student-item {
    right: auto;
    left: 60px;
  }
}

html[dir="rtl"] .campus-student-area_root__wgAaB .tp-campus-student-list .nav {
  padding-left: 0;
  padding-right: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  only screen and (max-width: 767px) {
  html[dir="rtl"] .campus-student-area_root__wgAaB .tp-campus-student-list .nav {
    padding-right: 0;
  }
}

html[dir="rtl"] .campus-student-area_root__wgAaB .tp-campus-student-list .nav .nav-link {
  margin-right: 0;
  margin-left: 6px;
}

html[dir="rtl"] .campus-student-area_root__wgAaB .tp-campus-student-item-title,
html[dir="rtl"] .campus-student-area_root__wgAaB .tp-campus-student-item p {
  text-align: right;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./node_modules/react-modal-video/scss/modal-video.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes modal-video {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modal-video-inner {
  from {
    transform: translate(0, 100px);
  }
  to {
    transform: translate(0, 0);
  }
}
.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video;
  transition: opacity 0.3s ease-out;
}

.modal-video-effect-exit {
  opacity: 0;
}
.modal-video-effect-exit .modal-video-movie-wrap {
  transform: translate(0, 100px);
}

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}

.modal-video-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (orientation: landscape) {
  .modal-video-inner {
    padding: 10px 60px;
    box-sizing: border-box;
  }
}

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  animation-timing-function: ease-out;
  animation-duration: 0.3s;
  animation-name: modal-video-inner;
  transform: translate(0, 0);
  transition: transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent;
}
@media (orientation: landscape) {
  .modal-video-close-btn {
    top: 0;
    right: -45px;
  }
}
.modal-video-close-btn:before {
  transform: rotate(45deg);
}
.modal-video-close-btn:after {
  transform: rotate(-45deg);
}
.modal-video-close-btn:before, .modal-video-close-btn:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  background: #fff;
  border-radius: 5px;
  margin-top: -6px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/undergraduate/faculty-programs-area.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Faculty programs — isolated from global tp-undergraduate-program-list (bullets + float) */
.faculty-programs-area_root__H86mF {
  --fp: var(--faculty-primary, var(--f-p, #004c71));
  --fs: var(--faculty-secondary, var(--f-s, #012440));
  direction: inherit;
}

.faculty-programs-area_heading__3Sf9a {
  position: relative;
  overflow: hidden;
  padding: 18px 28px;
  border-radius: 12px;
  background-image: none !important;
  background: var(--fp);
  box-shadow: 0 1px 0 color-mix(in srgb, #fff 14%, transparent) inset, 0 8px 22px color-mix(in srgb, var(--fp) 26%, transparent);
  filter: none;
}

.faculty-programs-area_heading__3Sf9a::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 18%;
  bottom: 18%;
  width: 4px;
  border-radius: 999px;
  background: color-mix(in srgb, #fff 82%, var(--fs));
  pointer-events: none;
}

.faculty-programs-area_heading__3Sf9a::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 90% 120% at 100% 50%, color-mix(in srgb, #fff 10%, transparent) 0%, transparent 55%);
  pointer-events: none;
}

.faculty-programs-area_headingTitle__HahdE {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin: 0;
  padding-inline-start: 10px;
  text-align: start;
  letter-spacing: -0.01em;
  unicode-bidi: plaintext;
}

.faculty-programs-area_iconWrap__9NlJS {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.35rem;
  height: 2.35rem;
  margin-inline-end: 0;
  border-radius: 999px;
  background: color-mix(in srgb, #fff 16%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 28%, transparent);
}
.faculty-programs-area_iconWrap__9NlJS svg {
  width: 1.15rem;
  height: 1.15rem;
}

.faculty-programs-area_headingText__oTS8D {
  unicode-bidi: plaintext;
}

.faculty-programs-area_content__cucSb {
  direction: inherit;
}

.faculty-programs-area_statusMessage___Geta {
  text-align: center;
  unicode-bidi: plaintext;
}

.faculty-programs-area_list__gdbeF ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.faculty-programs-area_list__gdbeF li {
  list-style: none;
  margin-bottom: 10px;
}

.faculty-programs-area_programLink__ikrxM {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
  min-height: 50px;
  border-radius: 6px;
  padding-block: 12px;
  /* text indent from start edge; arrow sits at inline-end */
  padding-inline-start: 24px;
  padding-inline-end: 18px;
  color: var(--tp-heading-primary);
  border: 1px solid #e4e2dd;
  transition: all 0.3s;
  text-align: start;
  text-decoration: none;
  unicode-bidi: plaintext;
}
.faculty-programs-area_programLink__ikrxM::before {
  position: absolute;
  content: "";
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  background: linear-gradient(180deg, rgba(239, 237, 231, 0) 0%, rgba(239, 237, 231, 0.8) 100%);
  pointer-events: none;
}
.faculty-programs-area_programLink__ikrxM:hover {
  color: var(--tp-common-white);
  background: var(--fp);
  border-color: var(--fp);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--fp) 32%, transparent);
}
.faculty-programs-area_programLink__ikrxM:hover::before {
  opacity: 0;
}
.faculty-programs-area_programLink__ikrxM:hover .faculty-programs-area_programLinkArrow__hsrwG {
  opacity: 1;
  color: var(--tp-common-white);
}

.faculty-programs-area_programLinkLabel__ab9QU {
  flex: 1;
  min-width: 0;
  text-align: start;
  unicode-bidi: plaintext;
}

.faculty-programs-area_programLinkArrow__hsrwG {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  opacity: 0.5;
  color: var(--tp-heading-primary);
  transition: all 0.3s ease-out;
}

.faculty-programs-area_root__H86mF[dir=rtl] .faculty-programs-area_programLinkArrow__hsrwG svg {
  transform: scaleX(-1);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/components/virtual-tour/campus-virtual-tour.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.campus-virtual-tour {
  --campus-vt-primary: var(--tp-theme-primary, #004c71);
  --campus-vt-primary-rgb: 0, 76, 113;
  --campus-vt-surface: #eef4f8;
  --campus-vt-surface-elevated: #ffffff;
  --campus-vt-border: rgba(var(--campus-vt-primary-rgb), 0.14);
  --campus-vt-text: #1e293b;
  --campus-vt-text-muted: #64748b;
  --campus-vt-sidebar-width: 260px;
}
.campus-virtual-tour .psv-container {
  font-family: inherit;
}
@media (max-width: 767px) {
  .campus-virtual-tour .container {
    padding-inline: 0.75rem;
  }
}

.campus-vt-loading {
  background: var(--campus-vt-surface);
  color: var(--campus-vt-text-muted);
}

.campus-vt-shell {
  border-color: var(--campus-vt-border);
  background: var(--campus-vt-surface);
  display: flex;
  flex-direction: column;
  position: relative;
  max-width: 100%;
}
.campus-vt-shell:fullscreen .campus-vt-picker-overlay, .campus-vt-shell:-webkit-full-screen .campus-vt-picker-overlay, .campus-vt-shell.campus-vt-shell--fullscreen .campus-vt-picker-overlay {
  padding: max(0.5rem, env(safe-area-inset-top, 0)) max(0.5rem, env(safe-area-inset-right, 0)) max(0.5rem, env(safe-area-inset-bottom, 0)) max(0.5rem, env(safe-area-inset-left, 0));
}
.campus-vt-shell.campus-vt-shell--fs-fallback {
  position: fixed;
  inset: 0;
  z-index: 9999;
  max-width: none;
  margin: 0;
  box-shadow: none;
}

/* Entry screen */
.campus-vt-entry {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 420px;
  padding: 2rem;
  border: none;
  cursor: pointer;
  background: linear-gradient(135deg, rgba(var(--campus-vt-primary-rgb), 0.78) 0%, rgba(var(--campus-vt-primary-rgb), 0.55) 100%), url("/assets/virtual-tour/main-gate.jpg") center/cover no-repeat;
  color: #fff;
  text-align: center;
  transition: filter 0.25s;
}
.campus-vt-entry:hover {
  filter: brightness(1.05);
}
@media (max-width: 767px) {
  .campus-vt-entry {
    min-height: clamp(240px, 52dvh, 420px);
    padding: 1.25rem 1rem;
  }
}

.campus-vt-entry-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  max-width: 28rem;
}

.campus-vt-entry-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.15);
  border: 2px solid rgba(255, 255, 255, 0.35);
  margin-bottom: 0.5rem;
}

.campus-vt-entry-title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 639px) {
  .campus-vt-entry-title {
    font-size: 1.2rem;
  }
}

.campus-vt-entry-subtitle {
  font-size: 0.9rem;
  opacity: 0.88;
  line-height: 1.5;
}

.campus-vt-entry-cta {
  margin-top: 0.5rem;
  padding: 0.65rem 1.35rem;
  border-radius: 9999px;
  background: #fff;
  color: var(--campus-vt-primary);
  font-size: 0.88rem;
  font-weight: 700;
}

/* University overview (main pane) */
.campus-vt-main-pane {
  min-width: 0;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.campus-vt-main-pane--university {
  grid-column: 1/-1;
}

.campus-vt-body--university,
.campus-vt-body--overview {
  grid-template-columns: 1fr !important;
}

.campus-vt-university-view {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background: var(--campus-vt-surface-elevated);
}

.campus-vt-university-view-head {
  padding: 1rem 1.15rem 0.5rem;
  border-bottom: 1px solid var(--campus-vt-border);
  flex-shrink: 0;
}

.campus-vt-university-view-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--campus-vt-text);
}

.campus-vt-university-view-subtitle {
  margin-top: 0.25rem;
  font-size: 0.78rem;
  color: var(--campus-vt-text-muted);
}

.campus-vt-university-view-scroll {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 1.15rem;
  scrollbar-width: thin;
}

.campus-vt-university-section {
  margin-bottom: 1.25rem;
}
.campus-vt-university-section:last-child {
  margin-bottom: 0;
}

.campus-vt-university-section-title {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.65rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--campus-vt-primary);
}

.campus-vt-university-grid {
  display: grid;
  gap: 0.65rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
  .campus-vt-university-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .campus-vt-university-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.campus-vt-university-grid--compact {
  grid-template-columns: 1fr;
}

.campus-vt-university-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.65rem;
  border-radius: 0.85rem;
  border: 1px solid var(--campus-vt-border);
  background: rgba(var(--campus-vt-primary-rgb), 0.05);
  text-align: start;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s, transform 0.2s;
  color: inherit;
}
.campus-vt-university-card:hover {
  border-color: var(--campus-vt-primary);
  background: rgba(var(--campus-vt-primary-rgb), 0.12);
  transform: translateY(-1px);
}
.campus-vt-university-card--active {
  border-color: var(--campus-vt-primary);
  box-shadow: 0 0 0 1px var(--campus-vt-primary);
}

.campus-vt-university-card-media {
  position: relative;
  width: 4.75rem;
  height: 4.75rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0.65rem;
  background: rgba(var(--campus-vt-primary-rgb), 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
}
.campus-vt-university-card-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.campus-vt-university-card-badge {
  position: absolute;
  inset-inline-end: 0.25rem;
  bottom: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 9999px;
  background: var(--campus-vt-primary);
  color: #fff;
}

.campus-vt-university-card-body {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.campus-vt-university-card-title {
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--campus-vt-text);
}

.campus-vt-university-card-desc {
  font-size: 0.72rem;
  color: var(--campus-vt-text-muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.campus-vt-university-card-meta {
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--campus-vt-primary);
}

.campus-vt-university-card-arrow {
  color: var(--campus-vt-text-muted);
}

.campus-vt-toolbar-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.85rem;
  border-radius: 0.5rem;
  background: rgba(var(--campus-vt-primary-rgb), 0.15);
  color: var(--campus-vt-primary);
  font-size: 0.8rem;
  font-weight: 600;
}

.campus-vt-section-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  flex: 1;
  min-width: 0;
  justify-content: center;
}

.campus-vt-section-tab {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.7rem;
  border-radius: 9999px;
  border: 1px solid rgba(var(--campus-vt-primary-rgb), 0.14);
  background: #fff;
  color: var(--campus-vt-text-muted);
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
  white-space: nowrap;
}
.campus-vt-section-tab:hover {
  background: rgba(var(--campus-vt-primary-rgb), 0.06);
  color: var(--campus-vt-primary);
}
.campus-vt-section-tab--active {
  background: rgba(var(--campus-vt-primary-rgb), 0.1);
  border-color: rgba(var(--campus-vt-primary-rgb), 0.35);
  color: var(--campus-vt-primary);
}

@media (max-width: 767px) {
  .campus-vt-section-tab span {
    display: none;
  }
  .campus-vt-section-tab {
    padding: 0.45rem;
  }
}
.campus-vt-sidebar-hint {
  margin-top: 0.4rem;
  font-size: 0.72rem;
  line-height: 1.4;
  color: var(--campus-vt-text-muted);
}
.campus-vt-sidebar-hint--center {
  margin-top: 0.75rem;
  text-align: center;
  padding: 0 0.25rem;
}

.campus-vt-sidebar-building-link {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  margin-bottom: 0.4rem;
  padding: 0.4rem 0.45rem;
  border-radius: 0.55rem;
  border: 1px solid transparent;
  background: rgba(var(--campus-vt-primary-rgb), 0.04);
  color: var(--campus-vt-text);
  font-size: 0.78rem;
  font-weight: 600;
  text-align: start;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
}
.campus-vt-sidebar-building-link:hover {
  border-color: rgba(var(--campus-vt-primary-rgb), 0.45);
  background: rgba(var(--campus-vt-primary-rgb), 0.1);
}

.campus-vt-sidebar-building-thumb {
  width: 2.5rem;
  height: 2rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0.35rem;
  background: rgba(var(--campus-vt-primary-rgb), 0.08);
}
.campus-vt-sidebar-building-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}

.campus-vt-toolbar-icon:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

.campus-vt-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  padding: 0.65rem 0.85rem;
  border-bottom: 1px solid var(--campus-vt-border);
  background: var(--campus-vt-surface-elevated);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .campus-vt-toolbar {
    gap: 0.4rem;
    padding: 0.5rem 0.65rem;
  }
}

.campus-vt-toolbar-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.85rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(var(--campus-vt-primary-rgb), 0.14);
  background: #fff;
  color: var(--campus-vt-text);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
  flex-shrink: 0;
}
.campus-vt-toolbar-btn:hover {
  border-color: var(--campus-vt-primary);
  background: rgba(var(--campus-vt-primary-rgb), 0.08);
}
.campus-vt-toolbar-btn--primary {
  background: var(--campus-vt-primary);
  border-color: transparent;
  color: #fff;
}
.campus-vt-toolbar-btn--primary:hover {
  background: color-mix(in srgb, var(--campus-vt-primary) 88%, #000);
}
@media (max-width: 639px) {
  .campus-vt-toolbar-btn {
    padding: 0.45rem 0.55rem;
  }
  .campus-vt-toolbar-btn .campus-vt-toolbar-btn-label {
    display: none;
  }
}

.campus-vt-toolbar-location {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex: 1 1 8rem;
  min-width: 0;
  font-size: 0.78rem;
  color: var(--campus-vt-text-muted);
}
@media (max-width: 639px) {
  .campus-vt-toolbar-location {
    flex: 1 1 100%;
    order: 10;
    padding-top: 0.15rem;
  }
}
@media (max-width: 479px) {
  .campus-vt-toolbar-location .campus-vt-toolbar-location-text {
    font-size: 0.72rem;
  }
}

.campus-vt-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-inline-start: auto;
  flex-shrink: 0;
}
@media (max-width: 639px) {
  .campus-vt-toolbar-actions {
    margin-inline-start: 0;
  }
}

.campus-vt-toolbar-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 0.45rem;
  border: 1px solid rgba(var(--campus-vt-primary-rgb), 0.12);
  background: #fff;
  color: var(--campus-vt-text);
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.campus-vt-toolbar-icon:hover {
  background: var(--campus-vt-primary);
  border-color: var(--campus-vt-primary);
  color: #fff;
}

.campus-vt-body {
  display: grid;
  grid-template-columns: var(--campus-vt-sidebar-width) minmax(0, 1fr);
  flex: 1;
  min-height: 480px;
  height: min(var(--campus-vt-body-max, 680px), 78vh);
  max-height: min(var(--campus-vt-body-max, 680px), 78vh);
}
.campus-vt-body--rtl {
  grid-template-columns: minmax(0, 1fr) var(--campus-vt-sidebar-width);
}
.campus-vt-body--rtl .campus-vt-sidebar {
  order: 2;
  border-inline-end: none;
  border-inline-start: 1px solid var(--campus-vt-border);
}
.campus-vt-body--rtl .campus-vt-canvas-pane {
  order: 1;
}
.campus-vt-body--overview {
  grid-template-columns: 1fr !important;
  grid-template-rows: minmax(420px, 1fr);
  min-height: min(var(--campus-vt-body-max, 680px), 78vh);
  height: min(var(--campus-vt-body-max, 680px), 78vh);
}
.campus-vt-body--overview .campus-vt-main-pane {
  min-height: 420px;
}
.campus-vt-body--overview .campus-vt-canvas-pane {
  min-height: 420px;
}
@media (max-width: 767px) {
  .campus-vt-body {
    --campus-vt-sidebar-width: 100%;
    grid-template-columns: 1fr;
    min-height: 360px;
    height: clamp(360px, 62dvh, var(--campus-vt-body-max, 680px));
    max-height: min(var(--campus-vt-body-max, 680px), 70dvh);
  }
  .campus-vt-body.campus-vt-body--overview {
    grid-template-rows: minmax(300px, 1fr);
    min-height: max(320px, 58dvh);
    height: max(320px, min(var(--campus-vt-body-max, 680px), 65dvh));
  }
  .campus-vt-body.campus-vt-body--overview .campus-vt-main-pane,
  .campus-vt-body.campus-vt-body--overview .campus-vt-canvas-pane {
    min-height: 300px;
  }
  .campus-vt-body:not(.campus-vt-body--overview) {
    grid-template-rows: minmax(280px, 1fr) auto;
  }
  .campus-vt-body:not(.campus-vt-body--overview) .campus-vt-main-pane {
    order: 1;
    min-height: 280px;
  }
  .campus-vt-body:not(.campus-vt-body--overview) .campus-vt-sidebar {
    order: 2;
  }
  .campus-vt-body .campus-vt-sidebar {
    max-height: 168px;
    border-inline-end: none;
    border-top: 1px solid var(--campus-vt-border);
  }
  .campus-vt-body .campus-vt-sidebar-scroll {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    -webkit-overflow-scrolling: touch;
  }
  .campus-vt-body .campus-vt-sidebar-kicker,
  .campus-vt-body .campus-vt-sidebar-group,
  .campus-vt-body .campus-vt-sidebar-foot {
    display: none;
  }
  .campus-vt-body .campus-vt-sidebar-thumbs {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .campus-vt-body .campus-vt-sidebar-thumb {
    width: 5.25rem;
    flex-shrink: 0;
  }
}
@media (max-width: 479px) {
  .campus-vt-body:not(.campus-vt-body--overview) {
    height: clamp(320px, 56dvh, var(--campus-vt-body-max, 680px));
  }
  .campus-vt-body.campus-vt-body--overview {
    min-height: max(280px, 52dvh);
    height: max(280px, min(var(--campus-vt-body-max, 680px), 60dvh));
  }
  .campus-vt-body .campus-vt-sidebar {
    max-height: 140px;
  }
  .campus-vt-body .campus-vt-sidebar-thumb {
    width: 4.75rem;
  }
}

.campus-vt-sidebar {
  display: flex;
  flex-direction: column;
  border-inline-end: 1px solid var(--campus-vt-border);
  background: var(--campus-vt-surface-elevated);
  min-height: 0;
  overflow: hidden;
}

.campus-vt-sidebar-head {
  padding: 0.75rem;
  border-bottom: 1px solid var(--campus-vt-border);
  flex-shrink: 0;
}

.campus-vt-sidebar-facility {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.88rem;
  color: var(--campus-vt-text);
}

.campus-vt-sidebar-change {
  margin-top: 0.4rem;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--campus-vt-primary);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.campus-vt-sidebar-change:hover {
  opacity: 0.85;
}

.campus-vt-sidebar-scroll {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.65rem 0.75rem;
  scrollbar-width: thin;
}

.campus-vt-sidebar-kicker {
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--campus-vt-primary);
  margin-bottom: 0.5rem;
}

.campus-vt-sidebar-thumbs {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.campus-vt-sidebar-thumbs--compact {
  gap: 0.35rem;
  margin-bottom: 0.65rem;
}

.campus-vt-sidebar-thumb {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  width: 100%;
  padding: 0.35rem;
  border-radius: 0.65rem;
  border: 2px solid transparent;
  background: rgba(var(--campus-vt-primary-rgb), 0.04);
  cursor: pointer;
  text-align: start;
  transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
}
.campus-vt-sidebar-thumb:hover {
  border-color: rgba(var(--campus-vt-primary-rgb), 0.45);
  background: rgba(var(--campus-vt-primary-rgb), 0.08);
}
.campus-vt-sidebar-thumb--active {
  border-color: var(--campus-vt-primary);
  background: rgba(var(--campus-vt-primary-rgb), 0.15);
  box-shadow: 0 0 0 1px var(--campus-vt-primary);
}

.campus-vt-sidebar-thumb-img {
  aspect-ratio: 16/10;
  width: 100%;
  overflow: hidden;
  border-radius: 0.45rem;
  background: rgba(var(--campus-vt-primary-rgb), 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
}
.campus-vt-sidebar-thumb-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}

.campus-vt-sidebar-thumb-label {
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.25;
  color: var(--campus-vt-text);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.campus-vt-sidebar-group-title {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  width: 100%;
  margin-bottom: 0.35rem;
  padding: 0.25rem 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--campus-vt-text-muted);
  background: none;
  border: none;
  cursor: pointer;
  text-align: start;
}
.campus-vt-sidebar-group-title:hover {
  color: var(--campus-vt-primary);
}

.campus-vt-sidebar-foot {
  padding: 0.65rem 0.75rem;
  border-top: 1px solid var(--campus-vt-border);
  font-size: 0.72rem;
  line-height: 1.45;
  color: var(--campus-vt-text-muted);
  flex-shrink: 0;
}

.campus-vt-canvas-pane {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  min-width: 0;
  background: #000;
  overflow: hidden;
}
.campus-vt-canvas-pane .psv-container,
.campus-vt-canvas-pane .campus-vt-canvas {
  width: 100% !important;
  height: 100% !important;
}
.campus-vt-canvas-pane .psv-loader-container {
  z-index: 5 !important;
}

.campus-vt-picker-overlay {
  position: absolute;
  inset: 0;
  z-index: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(6px);
}
@media (max-width: 767px) {
  .campus-vt-picker-overlay {
    align-items: flex-end;
    padding: 0;
  }
}

.campus-vt-picker-panel {
  display: flex;
  flex-direction: column;
  width: min(100%, 42rem);
  max-height: min(100% - 1.5rem, 88dvh);
  padding: 0;
  border-radius: 1rem;
  border: 1px solid var(--campus-vt-border);
  background: var(--campus-vt-surface-elevated);
  color: var(--campus-vt-text);
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18);
  overflow: hidden;
}
@media (max-width: 767px) {
  .campus-vt-picker-panel {
    width: 100%;
    max-height: min(88dvh, 100%);
    border-radius: 1.15rem 1.15rem 0 0;
  }
}

.campus-vt-picker-handle {
  display: none;
  width: 2.75rem;
  height: 0.28rem;
  margin: 0.65rem auto 0;
  border-radius: 9999px;
  background: rgba(var(--campus-vt-primary-rgb), 0.22);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .campus-vt-picker-handle {
    display: block;
  }
}

.campus-vt-picker-head {
  padding: 1rem 1.15rem 0.85rem;
  border-bottom: 1px solid var(--campus-vt-border);
  flex-shrink: 0;
  background: linear-gradient(180deg, rgba(var(--campus-vt-primary-rgb), 0.06) 0%, transparent 100%);
}

.campus-vt-picker-title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--campus-vt-text);
}

.campus-vt-picker-subtitle {
  margin: 0.35rem 0 0;
  font-size: 0.78rem;
  line-height: 1.45;
  color: var(--campus-vt-text-muted);
}

.campus-vt-picker-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 0.55rem;
  border: 1px solid rgba(var(--campus-vt-primary-rgb), 0.14);
  background: #fff;
  color: var(--campus-vt-text);
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
  flex-shrink: 0;
}
.campus-vt-picker-close:hover {
  background: rgba(var(--campus-vt-primary-rgb), 0.08);
  border-color: rgba(var(--campus-vt-primary-rgb), 0.35);
}

.campus-vt-picker-scroll {
  flex: 1;
  min-height: 12rem;
  overflow-y: auto;
  padding: 1rem 1.15rem calc(1rem + env(safe-area-inset-bottom, 0));
  scrollbar-width: thin;
}

.campus-vt-picker-empty {
  padding: 2rem 0;
  text-align: center;
  font-size: 0.875rem;
  color: var(--campus-vt-text-muted);
}

.campus-vt-canvas {
  touch-action: none;
}

.campus-vt-modal-content {
  border-color: var(--campus-vt-border);
  padding: 1.25rem 1.25rem 1.5rem;
}
.campus-vt-modal-content > button.absolute {
  inset-inline-end: 1rem;
  inset-inline-start: auto;
}

.campus-vt-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0;
  padding-inline-end: 0;
  min-width: 0;
}

.campus-vt-modal-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.35rem;
  padding: 0.85rem 1.15rem 0;
  border-bottom: 1px solid var(--campus-vt-border);
  background: var(--campus-vt-surface-elevated);
  flex-shrink: 0;
}
@media (max-width: 639px) {
  .campus-vt-modal-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 0.4rem;
    padding-bottom: 0.65rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .campus-vt-modal-tabs::-webkit-scrollbar {
    display: none;
  }
}

.campus-vt-modal-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.55rem 0.65rem;
  border-radius: 0.65rem;
  border: 1px solid transparent;
  background: transparent;
  color: var(--campus-vt-text-muted);
  font-size: 0.76rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
  white-space: nowrap;
  min-width: 0;
}
.campus-vt-modal-tab span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.campus-vt-modal-tab:hover {
  background: rgba(var(--campus-vt-primary-rgb), 0.06);
  color: var(--campus-vt-primary);
}
.campus-vt-modal-tab--active {
  border-color: rgba(var(--campus-vt-primary-rgb), 0.25);
  background: rgba(var(--campus-vt-primary-rgb), 0.12);
  color: var(--campus-vt-primary);
  box-shadow: inset 0 -2px 0 var(--campus-vt-primary);
}
@media (max-width: 639px) {
  .campus-vt-modal-tab {
    flex: 0 0 auto;
    min-width: -moz-max-content;
    min-width: max-content;
    box-shadow: none;
  }
  .campus-vt-modal-tab--active {
    border-color: var(--campus-vt-primary);
    box-shadow: none;
  }
}

.campus-vt-modal-card--overview {
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  padding: 0.75rem;
}
@media (min-width: 640px) {
  .campus-vt-modal-card--overview {
    flex-direction: row;
    align-items: center;
  }
}
.campus-vt-modal-card--overview .campus-vt-modal-card-media {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-height: 11rem;
}
@media (min-width: 640px) {
  .campus-vt-modal-card--overview .campus-vt-modal-card-media {
    width: 7.5rem;
    height: 5rem;
    aspect-ratio: auto;
    max-height: none;
  }
}
.campus-vt-modal-card--overview .campus-vt-modal-card-body {
  padding-top: 0.35rem;
}
@media (min-width: 640px) {
  .campus-vt-modal-card--overview .campus-vt-modal-card-body {
    padding-top: 0;
  }
}

.campus-vt-modal-back {
  color: var(--campus-vt-primary);
}

.campus-vt-modal-section-title {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-bottom: 0.65rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--campus-vt-primary);
}

.campus-vt-modal-grid {
  display: grid;
  gap: 0.65rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
  .campus-vt-modal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 900px) {
  .campus-vt-modal-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.campus-vt-modal-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  min-width: 0;
  padding: 0.65rem;
  border-radius: 0.85rem;
  border: 1px solid rgba(var(--campus-vt-primary-rgb), 0.12);
  background: #fff;
  color: var(--campus-vt-text);
  text-align: start;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s, background 0.2s;
  cursor: pointer;
}
.campus-vt-modal-card:hover {
  border-color: rgba(var(--campus-vt-primary-rgb), 0.55);
  background: rgba(var(--campus-vt-primary-rgb), 0.08);
  box-shadow: 0 8px 24px rgba(var(--campus-vt-primary-rgb), 0.1);
  transform: translateY(-1px);
}
.campus-vt-modal-card--active {
  border-color: var(--campus-vt-primary);
  background: rgba(var(--campus-vt-primary-rgb), 0.12);
  box-shadow: 0 0 0 1px var(--campus-vt-primary);
}
@media (max-width: 639px) {
  .campus-vt-modal-card {
    padding: 0.55rem;
    gap: 0.6rem;
  }
}

.campus-vt-modal-card-media {
  position: relative;
  width: 4.5rem;
  height: 4.5rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 0.65rem;
  background: rgba(var(--campus-vt-primary-rgb), 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--campus-vt-text-muted);
}
.campus-vt-modal-card-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.campus-vt-modal-card-badge {
  position: absolute;
  inset-inline-end: 0.25rem;
  bottom: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 9999px;
  background: var(--campus-vt-primary);
  color: #fff;
}

.campus-vt-modal-card-body {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.campus-vt-modal-card-title {
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--campus-vt-text);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.campus-vt-modal-card-desc {
  font-size: 0.72rem;
  color: var(--campus-vt-text-muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.campus-vt-modal-card-meta {
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--campus-vt-text-muted);
}

.campus-vt-modal-card-arrow {
  color: var(--campus-vt-text-muted);
}

.campus-vt-modal-pano-grid {
  display: grid;
  gap: 0.65rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 640px) {
  .campus-vt-modal-pano-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.campus-vt-modal-pano {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.45rem;
  border-radius: 0.75rem;
  border: 2px solid hsl(var(--border));
  background: hsl(var(--background));
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.campus-vt-modal-pano:hover {
  border-color: var(--campus-vt-primary);
}
.campus-vt-modal-pano--active {
  border-color: var(--campus-vt-primary);
  box-shadow: 0 0 0 1px var(--campus-vt-primary);
}

.campus-vt-modal-pano-thumb {
  aspect-ratio: 16/10;
  overflow: hidden;
  border-radius: 0.5rem;
  background: hsl(var(--muted));
  display: flex;
  align-items: center;
  justify-content: center;
}
.campus-vt-modal-pano-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.campus-vt-modal-pano-label {
  font-size: 0.78rem;
  font-weight: 600;
  color: hsl(var(--foreground));
  text-align: center;
  line-height: 1.25;
}

.campus-vt-hotspot {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  transform: translate(-50%, -50%);
}

.campus-vt-hotspot-pulse {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  margin: -22px 0 0 -22px;
  border-radius: 9999px;
  background: color-mix(in srgb, var(--campus-vt-primary, #004c71) 45%, transparent);
  animation: campus-vt-pulse 2s ease-out infinite;
}

.campus-vt-hotspot-dot {
  position: relative;
  z-index: 1;
  width: 18px;
  height: 18px;
  border-radius: 9999px;
  background: var(--campus-vt-primary, #004c71);
  border: 3px solid #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
  transition: transform 0.2s;
}

.campus-vt-hotspot-label {
  position: relative;
  z-index: 1;
  max-width: 140px;
  padding: 4px 10px;
  border-radius: 9999px;
  background: color-mix(in srgb, var(--campus-vt-primary, #004c71) 92%, #000);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
@media (max-width: 639px) {
  .campus-vt-hotspot-label {
    max-width: 108px;
    font-size: 10px;
    padding: 3px 8px;
  }
}

.campus-vt-hotspot:hover .campus-vt-hotspot-dot {
  transform: scale(1.1);
}

@keyframes campus-vt-pulse {
  0% {
    transform: scale(0.6);
    opacity: 0.9;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/app/(website)/(university)/quality-assurance-center/_components/quality-assurance-area.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tp-quality-assurance-area .tp-quality-assurance-intro {
  margin-bottom: 60px;
}
.tp-quality-assurance-area .tp-quality-assurance-intro-text {
  font-size: 18px;
  line-height: 1.8;
  color: var(--tp-text-body);
  max-width: 900px;
  margin: 0 auto;
}
.tp-quality-assurance-area .tp-quality-assurance-main-title {
  font-size: 48px;
  font-weight: 700;
  color: var(--tp-common-black);
  margin-bottom: 30px;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-quality-assurance-area .tp-quality-assurance-main-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-quality-assurance-area .tp-quality-assurance-main-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-quality-assurance-area .tp-quality-assurance-main-title {
    font-size: 32px;
  }
}
.tp-quality-assurance-area .tp-quality-assurance-card {
  background: var(--tp-common-white);
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.08);
  height: 100%;
  transition: all 0.3s ease;
}
.tp-quality-assurance-area .tp-quality-assurance-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.12);
}
.tp-quality-assurance-area .tp-quality-assurance-card-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}
.tp-quality-assurance-area .tp-quality-assurance-card-header i {
  font-size: 32px;
  color: var(--tp-theme-primary);
}
.tp-quality-assurance-area .tp-quality-assurance-card-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--tp-common-black);
  margin-bottom: 0;
}
.tp-quality-assurance-area .tp-quality-assurance-card-body p {
  font-size: 16px;
  line-height: 1.8;
  color: var(--tp-text-body);
  margin-bottom: 0;
}
.tp-quality-assurance-area .tp-quality-assurance-section-header {
  margin-bottom: 50px;
}
.tp-quality-assurance-area .tp-quality-assurance-section-header-title {
  font-size: 36px;
  font-weight: 700;
  color: var(--tp-common-black);
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-quality-assurance-area .tp-quality-assurance-section-header-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-quality-assurance-area .tp-quality-assurance-section-header-title {
    font-size: 26px;
  }
}
.tp-quality-assurance-area .tp-quality-assurance-section-header-subtitle {
  font-size: 18px;
  color: var(--tp-text-body);
  margin-bottom: 0;
}
.tp-quality-assurance-area .tp-quality-standard-item {
  background: var(--tp-common-white);
  border-radius: 15px;
  padding: 35px 30px;
  text-align: center;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  height: 100%;
}
.tp-quality-assurance-area .tp-quality-standard-item:hover {
  transform: translateY(-8px);
  box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.12);
}
.tp-quality-assurance-area .tp-quality-standard-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--tp-theme-primary);
  border-radius: 50%;
  color: var(--tp-common-white);
  font-size: 36px;
  transition: all 0.3s ease;
}
.tp-quality-standard-item:hover .tp-quality-assurance-area .tp-quality-standard-icon {
  transform: scale(1.1) rotate(5deg);
}
.tp-quality-assurance-area .tp-quality-standard-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--tp-common-black);
  margin-bottom: 15px;
}
.tp-quality-assurance-area .tp-quality-standard-description {
  font-size: 15px;
  line-height: 1.7;
  color: var(--tp-text-body);
  margin-bottom: 0;
}
.tp-quality-assurance-area .tp-quality-processes-tabs {
  background: var(--tp-common-white);
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.08);
}
.tp-quality-assurance-area .tp-quality-processes-tabs .nav-tabs {
  border-bottom: 2px solid var(--tp-grey-1);
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.tp-quality-assurance-area .tp-quality-processes-tabs .nav-tabs .nav-item .nav-link {
  border: none;
  background: transparent;
  color: var(--tp-text-body);
  font-size: 16px;
  font-weight: 600;
  padding: 12px 25px;
  border-radius: 8px 8px 0 0;
  transition: all 0.3s ease;
  position: relative;
}
.tp-quality-assurance-area .tp-quality-processes-tabs .nav-tabs .nav-item .nav-link:hover {
  color: var(--tp-theme-primary);
}
.tp-quality-assurance-area .tp-quality-processes-tabs .nav-tabs .nav-item .nav-link.active {
  color: var(--tp-theme-primary);
  background: transparent;
}
.tp-quality-assurance-area .tp-quality-processes-tabs .nav-tabs .nav-item .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--tp-theme-primary);
}
.tp-quality-assurance-area .tp-quality-processes-tabs .tab-content .tab-pane .tp-quality-process-content {
  padding: 20px 0;
}
.tp-quality-assurance-area .tp-quality-process-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--tp-common-black);
  margin-bottom: 20px;
}
.tp-quality-assurance-area .tp-quality-process-description {
  font-size: 16px;
  line-height: 1.8;
  color: var(--tp-text-body);
  margin-bottom: 0;
}
.tp-quality-assurance-area .tp-quality-assurance-contact {
  background: var(--tp-common-white);
  border-radius: 20px;
  padding: 50px;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.08);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .tp-quality-assurance-area .tp-quality-assurance-contact {
    padding: 30px 20px;
  }
}
.tp-quality-assurance-area .tp-quality-assurance-contact-inner {
  max-width: 800px;
  margin: 0 auto;
}
.tp-quality-assurance-area .tp-quality-assurance-contact-title {
  font-size: 32px;
  font-weight: 700;
  color: var(--tp-common-black);
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .tp-quality-assurance-area .tp-quality-assurance-contact-title {
    font-size: 26px;
  }
}
.tp-quality-assurance-area .tp-quality-assurance-contact-text {
  font-size: 16px;
  line-height: 1.8;
  color: var(--tp-text-body);
  margin-bottom: 35px;
}
.tp-quality-assurance-area .tp-quality-assurance-contact-info {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .tp-quality-assurance-area .tp-quality-assurance-contact-info {
    flex-direction: column;
    gap: 20px;
  }
}
.tp-quality-assurance-area .tp-quality-contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tp-quality-assurance-area .tp-quality-contact-item i {
  font-size: 20px;
  color: var(--tp-theme-primary);
}
.tp-quality-assurance-area .tp-quality-contact-item span {
  font-size: 16px;
  color: var(--tp-common-black);
  font-weight: 500;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/components/leadership/leadership-message-area.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tp-president-message-area .tp-president-message-wrapper {
  background: var(--tp-common-white);
  border-radius: 20px;
  padding: 60px;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-president-message-area .tp-president-message-wrapper {
    padding: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-president-message-area .tp-president-message-wrapper {
    padding: 30px 20px;
  }
}
.tp-president-message-area .tp-president-message-thumb-inner {
  position: relative;
  z-index: 1;
}
.tp-president-message-area .tp-president-message-thumb-img {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
}
.tp-president-message-area .tp-president-info-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
  padding: 30px 20px 20px;
  border-radius: 0 0 20px 20px;
}
.tp-president-message-area .tp-president-info-box h4 {
  font-size: 24px;
  font-weight: 700;
  color: var(--tp-common-white);
  margin-bottom: 5px;
}
.tp-president-message-area .tp-president-info-box span {
  font-size: 16px;
  color: var(--tp-common-white);
  opacity: 0.9;
}
.tp-president-message-area .tp-president-message-content {
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-president-message-area .tp-president-message-content {
    padding-left: 0;
    margin-top: 40px;
  }
}
.tp-president-message-area .tp-president-message-header {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--tp-grey-1);
}
.tp-president-message-area .tp-president-message-title {
  font-size: 42px;
  font-weight: 700;
  color: var(--tp-common-black);
  margin-bottom: 0;
  line-height: 1.2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-president-message-area .tp-president-message-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-president-message-area .tp-president-message-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .tp-president-message-area .tp-president-message-title {
    font-size: 26px;
  }
}
.tp-president-message-area .tp-president-message-body .tp-president-message-greeting {
  font-size: 18px;
  font-weight: 600;
  color: var(--tp-common-black);
  margin-bottom: 25px;
  line-height: 1.6;
}
.tp-president-message-area .tp-president-message-body .tp-president-message-text {
  margin-bottom: 40px;
}
.tp-president-message-area .tp-president-message-body .tp-leadership-cv-link-wrap {
  margin: 0 0 28px;
}
.tp-president-message-area .tp-president-message-body .tp-leadership-cv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 28px;
  text-decoration: none;
}
.tp-president-message-area .tp-president-message-body .leadership-body-html {
  font-size: 16px;
  line-height: 1.9;
  color: var(--tp-text-body);
}
.tp-president-message-area .tp-president-message-body .leadership-body-html p {
  margin-bottom: 20px;
}
.tp-president-message-area .tp-president-message-body .leadership-body-html p:last-child {
  margin-bottom: 0;
}
.tp-president-message-area .tp-president-message-body .leadership-body-html ul,
.tp-president-message-area .tp-president-message-body .leadership-body-html ol {
  margin: 0 0 1rem 1.25rem;
  padding: 0;
}
.tp-president-message-area .tp-leadership-social {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--tp-grey-1);
}
.tp-president-message-area .tp-leadership-social span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--tp-common-black);
}
.tp-president-message-area .tp-leadership-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.tp-president-message-area .tp-leadership-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--tp-grey-1);
  color: var(--tp-common-black);
  transition: background 0.2s ease, color 0.2s ease;
}
.tp-president-message-area .tp-leadership-social-link svg {
  width: 18px;
  height: 18px;
}
.tp-president-message-area .tp-leadership-social-link:hover {
  background: var(--tp-theme-primary);
  color: var(--tp-common-white);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/board-hierarchy-area-1.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.board-hierarchy-area-1_section__mCg3Y {
  --bot1-ink: #0a1628;
  --bot1-muted: #5a6573;
  --bot1-line: #d9e3ec;
  --bot1-surface: #ffffff;
  --bot1-canvas: #f6f4ee;
  --bot1-accent: #004c71;
  --bot1-accent-2: #f5821f;
  padding: 4.25rem 0 5rem;
  background: radial-gradient(ellipse 70% 45% at 0% 0%, rgba(0, 76, 113, 0.07), transparent 55%), radial-gradient(ellipse 55% 40% at 100% 100%, rgba(245, 130, 31, 0.06), transparent 50%), var(--bot1-canvas);
}

.board-hierarchy-area-1_levelBlock__SGJoA {
  margin-bottom: 2.75rem;
}
.board-hierarchy-area-1_levelBlock__SGJoA:last-child {
  margin-bottom: 0;
}

.board-hierarchy-area-1_levelHeader__J2aj_ {
  display: none;
}

.board-hierarchy-area-1_levelEyebrow__NiYw_ {
  display: inline-block;
  margin: 0 0 0.35rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--bot1-accent);
}

.board-hierarchy-area-1_levelTitle__HR0Jz {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--bot1-ink);
}

.board-hierarchy-area-1_levelRowTop__JgHXO {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  gap: 1.5rem;
}

.board-hierarchy-area-1_levelRowTopVertical__PAkJg {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 1.5rem;
}

.board-hierarchy-area-1_levelRowMid__7WuwR {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  gap: 1.25rem;
}

.board-hierarchy-area-1_levelRowBoard__OAkkh {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  gap: 1.15rem;
}

.board-hierarchy-area-1_cardSlot__wF_I2 {
  display: flex;
  flex: 0 1 280px;
  width: 280px;
  max-width: 100%;
  min-width: 0;
}

.board-hierarchy-area-1_levelRowTop__JgHXO .board-hierarchy-area-1_cardSlot__wF_I2,
.board-hierarchy-area-1_levelRowTopVertical__PAkJg .board-hierarchy-area-1_cardSlot__wF_I2 {
  flex: 0 1 300px;
  width: 300px;
}

.board-hierarchy-area-1_levelRowBoard__OAkkh .board-hierarchy-area-1_cardSlot__wF_I2 {
  flex: 0 1 260px;
  width: 260px;
}
@media (min-width: 992px) {
  .board-hierarchy-area-1_levelRowBoard__OAkkh .board-hierarchy-area-1_cardSlot__wF_I2 {
    flex: 0 1 calc(25% - 0.9rem);
    width: calc(25% - 0.9rem);
    max-width: 300px;
  }
}
@media (min-width: 640px) and (max-width: 991px) {
  .board-hierarchy-area-1_levelRowBoard__OAkkh .board-hierarchy-area-1_cardSlot__wF_I2 {
    flex: 0 1 calc(50% - 0.65rem);
    width: calc(50% - 0.65rem);
    max-width: 300px;
  }
}

.board-hierarchy-area-1_card__5uSDH {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 440px;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid var(--bot1-line);
  background: var(--bot1-surface);
  box-shadow: 0 1px 2px rgba(10, 22, 40, 0.04), 0 12px 32px rgba(10, 22, 40, 0.07);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease, border-color 0.28s ease;
}
.board-hierarchy-area-1_card__5uSDH:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 76, 113, 0.32);
  box-shadow: 0 2px 4px rgba(10, 22, 40, 0.05), 0 18px 40px rgba(10, 22, 40, 0.12);
}

.board-hierarchy-area-1_cardActive__onHUU {
  border-color: rgba(0, 76, 113, 0.45);
  box-shadow: 0 2px 4px rgba(10, 22, 40, 0.05), 0 18px 40px rgba(0, 76, 113, 0.18);
}

.board-hierarchy-area-1_cardAccent__iESbz {
  height: 3px;
  flex-shrink: 0;
  background: linear-gradient(90deg, var(--bot1-accent) 0%, #006699 50%, var(--bot1-accent-2) 100%);
}

.board-hierarchy-area-1_cardImage__e2kS6 {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 280/340;
  background: #e8eef4;
  overflow: hidden;
}
.board-hierarchy-area-1_cardImage__e2kS6 img {
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}

.board-hierarchy-area-1_card__5uSDH:hover .board-hierarchy-area-1_cardImage__e2kS6 img {
  transform: scale(1.04);
}

.board-hierarchy-area-1_cardImageEmpty__EIsqO {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  color: var(--bot1-muted);
}

.board-hierarchy-area-1_cardImageShade___P_rF {
  position: absolute;
  inset: auto 0 0;
  height: 42%;
  background: linear-gradient(to top, rgba(10, 22, 40, 0.28), transparent);
  pointer-events: none;
}

.board-hierarchy-area-1_cardBody__uCe_d {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1.2rem 1.15rem 1.3rem;
  direction: inherit;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 12%), var(--bot1-surface);
}

.board-hierarchy-area-1_cardHead__OWNVy {
  width: 100%;
  text-align: center;
  margin-bottom: 0.95rem;
}

.board-hierarchy-area-1_cardName__RFbMr {
  font-size: 1.05rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  text-align: center;
  line-height: 1.35;
  color: var(--bot1-ink);
}

.board-hierarchy-area-1_cardRole__DyRy6 {
  display: inline-block;
  margin: 0;
  padding: 0.28rem 0.7rem;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--bot1-accent);
  background: rgba(0, 76, 113, 0.08);
  border-radius: 999px;
  text-align: center;
}

.board-hierarchy-area-1_cardBioFooter__DWUOb {
  margin-top: auto;
  width: 100%;
  flex-shrink: 0;
  padding-top: 0.35rem;
  display: flex;
  justify-content: center;
}

.board-hierarchy-area-1_cardOpenBio__xVQ8E {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  font-size: 0.8rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  color: var(--bot1-accent);
  background: transparent;
  border: 1.5px solid rgba(0, 76, 113, 0.28);
  border-radius: 999px;
  cursor: pointer;
  padding: 0.42rem 0.9rem 0.42rem 1rem;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.board-hierarchy-area-1_cardOpenBio__xVQ8E:hover {
  color: #fff;
  background: var(--bot1-accent);
  border-color: var(--bot1-accent);
  box-shadow: 0 6px 16px rgba(0, 76, 113, 0.22);
}

.board-hierarchy-area-1_cardOpenBioIcon__sgxP4 {
  width: 0.95rem;
  height: 0.95rem;
  transition: transform 0.2s ease;
}
[dir="rtl"] .board-hierarchy-area-1_cardOpenBioIcon__sgxP4 {
  transform: scaleX(-1);
}

.board-hierarchy-area-1_cardOpenBio__xVQ8E:hover .board-hierarchy-area-1_cardOpenBioIcon__sgxP4 {
  transform: translateX(2px);
}
[dir="rtl"] .board-hierarchy-area-1_cardOpenBio__xVQ8E:hover .board-hierarchy-area-1_cardOpenBioIcon__sgxP4 {
  transform: scaleX(-1) translateX(2px);
}

.board-hierarchy-area-1_cardMask__ERc7G {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: flex;
  flex-direction: column;
  padding: 1.15rem 1.05rem 1.15rem;
  background: radial-gradient(ellipse 90% 60% at 100% 0%, rgba(245, 130, 31, 0.22), transparent 50%), linear-gradient(165deg, rgba(0, 76, 113, 0.96) 0%, rgba(4, 56, 99, 0.97) 50%, rgba(8, 28, 48, 0.98) 100%);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10%) scale(0.98);
  transition: opacity 0.28s ease, visibility 0.28s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
  backdrop-filter: blur(2px);
}

.board-hierarchy-area-1_cardMaskOpen__HckBP {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.board-hierarchy-area-1_cardMaskClose__tsJ46 {
  position: absolute;
  top: 0.85rem;
  inset-inline-end: 0.85rem;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: #0a1628;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(245, 130, 31, 0.35), 0 8px 20px rgba(0, 0, 0, 0.28);
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s ease, background 0.22s ease, color 0.22s ease;
}
.board-hierarchy-area-1_cardMaskClose__tsJ46:hover {
  color: #fff;
  background: var(--bot1-accent-2);
  transform: scale(1.08) rotate(90deg);
  box-shadow: 0 0 0 4px rgba(245, 130, 31, 0.45), 0 10px 24px rgba(245, 130, 31, 0.4);
}
.board-hierarchy-area-1_cardMaskClose__tsJ46:active {
  transform: scale(0.96) rotate(90deg);
}
.board-hierarchy-area-1_cardMaskClose__tsJ46:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.board-hierarchy-area-1_cardMaskCloseRing__asyMZ {
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.35);
  pointer-events: none;
  animation: board-hierarchy-area-1_closePulse__DDq0l 2s ease-in-out infinite;
}

.board-hierarchy-area-1_cardMaskCloseIcon__hyPHF {
  width: 1.05rem;
  height: 1.05rem;
  position: relative;
  z-index: 1;
}

@keyframes board-hierarchy-area-1_closePulse__DDq0l {
  0%, 100% {
    opacity: 0.55;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}
.board-hierarchy-area-1_cardMaskContent__67e76 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding-top: 0.35rem;
  padding-inline-end: 2.4rem;
}

.board-hierarchy-area-1_cardMaskIntro__7nE_Q {
  flex-shrink: 0;
  margin-bottom: 1rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.board-hierarchy-area-1_cardMaskRole__acNOq {
  margin: 0.4rem 0 0;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--bot1-accent-2);
}

.board-hierarchy-area-1_cardMaskName__9d56o {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}

.board-hierarchy-area-1_cardMaskList__LwoZE {
  margin: 0;
  padding-inline-start: 1.1rem;
  padding-inline-end: 0;
  list-style-type: disc;
  list-style-position: outside;
  font-size: 0.84rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92);
  overflow-y: auto;
  flex: 1;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
}
.board-hierarchy-area-1_cardMaskList__LwoZE li {
  margin-bottom: 0.45rem;
  text-align: start;
  unicode-bidi: plaintext;
  direction: inherit;
}
.board-hierarchy-area-1_cardMaskList__LwoZE li::marker {
  color: var(--bot1-accent-2);
}
.board-hierarchy-area-1_cardMaskList__LwoZE li:last-child {
  margin-bottom: 0;
}

html[dir="rtl"] .board-hierarchy-area-1_cardMaskList__LwoZE {
  padding-inline-start: 1.1rem;
  padding-inline-end: 0;
}
html[dir="rtl"] .board-hierarchy-area-1_cardMaskList__LwoZE li {
  text-align: start;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/board-hierarchy-area-2.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.board-hierarchy-area-2_levelRowTop__UpsRR {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.board-hierarchy-area-2_levelRowTopVertical__LXvDv {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.board-hierarchy-area-2_levelRowMid__E95Tv {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  gap: 1.25rem;
  margin-bottom: 2rem;
}

.board-hierarchy-area-2_levelRowBoard__oEFHM {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  gap: 1rem;
  margin-bottom: 0;
}

.board-hierarchy-area-2_cardSlot__f_adV {
  display: flex;
  flex: 0 1 280px;
  width: 280px;
  max-width: 100%;
  min-width: 0;
}

.board-hierarchy-area-2_levelRowTop__UpsRR .board-hierarchy-area-2_cardSlot__f_adV,
.board-hierarchy-area-2_levelRowTopVertical__LXvDv .board-hierarchy-area-2_cardSlot__f_adV {
  flex: 0 1 300px;
  width: 300px;
}

.board-hierarchy-area-2_levelRowBoard__oEFHM .board-hierarchy-area-2_cardSlot__f_adV {
  flex: 0 1 260px;
  width: 260px;
}
@media (min-width: 992px) {
  .board-hierarchy-area-2_levelRowBoard__oEFHM .board-hierarchy-area-2_cardSlot__f_adV {
    flex: 0 1 calc(25% - 0.95rem);
    width: calc(25% - 0.95rem);
    max-width: 300px;
  }
}
@media (min-width: 640px) and (max-width: 991px) {
  .board-hierarchy-area-2_levelRowBoard__oEFHM .board-hierarchy-area-2_cardSlot__f_adV {
    flex: 0 1 calc(50% - 0.65rem);
    width: calc(50% - 0.65rem);
    max-width: 300px;
  }
}

.board-hierarchy-area-2_card__XvbUo {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 400px;
  overflow: hidden;
  border-radius: 0.75rem;
  border: 1px solid var(--tp-border-primary, #e8e8e8);
  background: var(--tp-common-white, #fff);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.board-hierarchy-area-2_cardImage__gdbs4 {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 280/380;
  background: #f1f5f9;
}

.board-hierarchy-area-2_cardBody__IdkUn {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 1rem;
  direction: inherit;
}

.board-hierarchy-area-2_cardHead__yXTOv {
  width: 100%;
  text-align: center;
  margin-bottom: 0.75rem;
}

.board-hierarchy-area-2_cardName__JLW4s {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.35rem;
  text-align: center;
  line-height: 1.35;
}

.board-hierarchy-area-2_cardRole__J8fN4 {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #0c67b2;
  margin: 0;
  text-align: center;
}

.board-hierarchy-area-2_cardBioFooter__8vBW3 {
  margin-top: auto;
  width: 100%;
  flex-shrink: 0;
  padding-top: 0.5rem;
}

.board-hierarchy-area-2_cardToggle__FIPLw {
  font-size: 0.875rem;
  color: #0c67b2;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-align: start;
}
.board-hierarchy-area-2_cardToggle__FIPLw:hover {
  text-decoration: underline;
}

.board-hierarchy-area-2_cardDescList__XWgVc {
  margin: 0 0 0.75rem;
  padding-inline-start: 1.25rem;
  padding-inline-end: 0;
  list-style-type: disc;
  list-style-position: outside;
  font-size: 0.875rem;
  line-height: 1.55;
  color: var(--tp-text-body, #6b7280);
}
.board-hierarchy-area-2_cardDescList__XWgVc li {
  margin-bottom: 0.35rem;
  text-align: start;
  unicode-bidi: plaintext;
  direction: inherit;
}
.board-hierarchy-area-2_cardDescList__XWgVc li:last-child {
  margin-bottom: 0;
}

html[dir="rtl"] .board-hierarchy-area-2_cardDescList__XWgVc {
  padding-inline-start: 1.25rem;
  padding-inline-end: 0;
}
html[dir="rtl"] .board-hierarchy-area-2_cardHead__yXTOv,
html[dir="rtl"] .board-hierarchy-area-2_cardRole__J8fN4,
html[dir="rtl"] .board-hierarchy-area-2_cardName__JLW4s {
  text-align: center;
}
html[dir="rtl"] .board-hierarchy-area-2_cardToggle__FIPLw,
html[dir="rtl"] .board-hierarchy-area-2_cardDescList__XWgVc li {
  text-align: start;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/service/service-one-2.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.service-one-2_section__EeAP4 {
  --svc2-p: var(--faculty-primary, var(--f-p, #004c71));
  --svc2-s: var(--faculty-secondary, var(--f-s, #012440));
  --svc2-bg: color-mix(in srgb, var(--svc2-p) 10%, #ffffff);
  position: relative;
  z-index: 2;
  background: var(--svc2-bg);
  padding: 0;
}

.service-one-2_row__pDMae {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0;
}

.service-one-2_item__k8lXG {
  flex: 1 1 0;
  min-width: 160px;
  position: relative;
}
.service-one-2_item__k8lXG:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 22%;
  bottom: 22%;
  inset-inline-end: 0;
  width: 1px;
  background: color-mix(in srgb, var(--svc2-p) 18%, transparent);
  pointer-events: none;
}

.service-one-2_card__yePzo {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  height: 100%;
  padding: 22px 18px;
  text-decoration: none;
  color: inherit;
  transition: background 0.25s ease, transform 0.25s ease;
}
.service-one-2_card__yePzo:hover {
  background: color-mix(in srgb, var(--svc2-p) 8%, #ffffff);
  text-decoration: none;
  color: inherit;
}
.service-one-2_card__yePzo:hover .service-one-2_icon__LqaNw {
  transform: translateY(-2px);
}
.service-one-2_card__yePzo:hover .service-one-2_title__T0doj {
  color: var(--svc2-s);
}
.service-one-2_card__yePzo:hover .service-one-2_subtitle__Z6rrl {
  color: var(--svc2-p);
}

.service-one-2_icon__LqaNw {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  transition: transform 0.25s ease;
}
.service-one-2_icon__LqaNw .domain-tinted-icon {
  background-color: var(--svc2-p) !important;
}

.service-one-2_card__yePzo:hover .service-one-2_icon__LqaNw {
  transform: translateY(-2px);
}
.service-one-2_card__yePzo:hover .service-one-2_icon__LqaNw .domain-tinted-icon {
  background-color: var(--svc2-s) !important;
}

.service-one-2_text__JoQmu {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.service-one-2_title__T0doj {
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  color: var(--svc2-p);
  transition: color 0.25s ease;
}

.service-one-2_subtitle__Z6rrl {
  display: block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  color: color-mix(in srgb, var(--svc2-p) 55%, #6b7280);
  transition: color 0.25s ease;
}

@media (max-width: 991px) {
  .service-one-2_item__k8lXG {
    flex: 1 1 50%;
    min-width: 0;
  }
  .service-one-2_item__k8lXG:nth-child(2n)::after {
    display: none;
  }
  .service-one-2_card__yePzo {
    padding: 18px 16px;
  }
}
@media (max-width: 575px) {
  .service-one-2_item__k8lXG {
    flex: 1 1 100%;
  }
  .service-one-2_item__k8lXG::after {
    display: none !important;
  }
  .service-one-2_item__k8lXG:not(:last-child) {
    border-bottom: 1px solid color-mix(in srgb, var(--svc2-p) 14%, transparent);
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/news/news-featured-image.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Featured news image — full frame visible (700×573), no crop */
.news-featured-image_frame__5iZRG {
  display: block;
  width: 100%;
  aspect-ratio: 700/573;
  overflow: hidden;
  background: var(--tp-grey-4, #f0f2f5);
}

.news-featured-image_frameList__i_PiY {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
  aspect-ratio: 700/573;
  overflow: hidden;
  background: var(--tp-grey-4, #f0f2f5);
}

.news-featured-image_image__4Ka8A {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/admission/home-dr-rabie-prize-1.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Home Dr Rabie Prize 1 — full-width image + overlay CTA with flash effects */
.home-dr-rabie-prize-1_section__mqj20 {
  padding: 72px 0 84px;
}
@media (max-width: 991.98px) {
  .home-dr-rabie-prize-1_section__mqj20 {
    padding: 48px 0 60px;
  }
}

.home-dr-rabie-prize-1_stage__OuW02 {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  border-radius: 24px;
  overflow: hidden;
  isolation: isolate;
  background: #ffffff;
  box-shadow: 0 32px 70px -24px rgba(1, 36, 64, 0.28), 0 12px 28px -12px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(200, 150, 62, 0.35);
  animation: home-dr-rabie-prize-1_prize1StagePulse__jrgQ9 4.5s ease-in-out infinite;
}

.home-dr-rabie-prize-1_rim__nWTla {
  position: absolute;
  inset: 0;
  z-index: 6;
  pointer-events: none;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(120deg, transparent 8%, rgba(255, 236, 180, 0.95) 22%, transparent 38%, transparent 55%, rgba(232, 197, 106, 0.85) 72%, transparent 88%);
  background-size: 220% 220%;
  animation: home-dr-rabie-prize-1_prize1Rim__LINkA 5.5s linear infinite;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.home-dr-rabie-prize-1_glow__rrv8T {
  position: absolute;
  inset: -20%;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at 20% 30%, rgba(232, 197, 106, 0.22), transparent 42%), radial-gradient(circle at 85% 70%, rgba(200, 150, 62, 0.18), transparent 45%);
  animation: home-dr-rabie-prize-1_prize1GlowDrift__RFYTh 6s ease-in-out infinite alternate;
}

.home-dr-rabie-prize-1_media__Ac2ew {
  position: relative;
  z-index: 1;
  width: 100%;
  line-height: 0;
  overflow: hidden;
  background: #012440;
}

.home-dr-rabie-prize-1_img__v0eBG {
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  display: block;
  position: relative !important;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  animation: home-dr-rabie-prize-1_prize1Ken__kvAq1 16s ease-in-out infinite alternate;
  transform: scale(1.03);
}

.home-dr-rabie-prize-1_flash__E0xID {
  position: absolute;
  inset: -8% -30%;
  z-index: 8;
  pointer-events: none;
  width: 160%;
  height: 120%;
  background: linear-gradient(105deg, transparent 18%, rgba(255, 255, 255, 0.15) 32%, rgba(255, 255, 255, 0.75) 44%, rgba(255, 240, 200, 0.9) 50%, rgba(232, 197, 106, 0.65) 56%, rgba(255, 255, 255, 0.2) 68%, transparent 82%);
  transform: translateX(-130%) skewX(-14deg);
  animation: home-dr-rabie-prize-1_prize1Flash__psDsb 4.2s ease-in-out infinite;
  mix-blend-mode: screen;
  opacity: 1;
}

.home-dr-rabie-prize-1_flashAlt__nRMw3 {
  animation-delay: 2s;
  animation-duration: 4.8s;
  opacity: 0.95;
  background: linear-gradient(100deg, transparent 15%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.85) 46%, rgba(232, 197, 106, 0.75) 52%, rgba(255, 255, 255, 0.25) 66%, transparent 80%);
}

.home-dr-rabie-prize-1_beam__pi2e0 {
  position: absolute;
  top: -30%;
  inset-inline-start: -40%;
  z-index: 8;
  width: 58%;
  height: 160%;
  pointer-events: none;
  background: linear-gradient(100deg, transparent 18%, rgba(255, 255, 255, 0.28) 42%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.2) 58%, transparent 78%);
  transform: skewX(-14deg);
  animation: home-dr-rabie-prize-1_prize1Beam__6S0Yu 5.5s ease-in-out infinite;
}

.home-dr-rabie-prize-1_beamAlt__zE49F {
  width: 48%;
  opacity: 0.9;
  animation-delay: 2.4s;
  animation-duration: 6.2s;
  background: linear-gradient(100deg, transparent 16%, rgba(232, 197, 106, 0.25) 38%, rgba(255, 236, 180, 0.55) 50%, rgba(232, 197, 106, 0.28) 62%, transparent 80%);
}

/* Animated trophy seal — bottom end of the full stage card (LTR right / RTL left) */
.home-dr-rabie-prize-1_trophySeal__aqHkM {
  position: absolute;
  z-index: 9;
  inset-inline-end: clamp(8px, 2.5%, 20px);
  inset-inline-start: auto;
  bottom: clamp(8px, 2.5%, 16px);
  top: auto;
  width: clamp(88px, 26vw, 200px);
  height: clamp(88px, 26vw, 200px);
  aspect-ratio: 1/1;
  max-width: 34%;
  max-height: 55%;
  pointer-events: none;
  overflow: visible;
  animation: home-dr-rabie-prize-1_prize1Rise__zZnN0 0.85s ease-out 0.35s both;
}
@media (max-width: 991.98px) {
  .home-dr-rabie-prize-1_trophySeal__aqHkM {
    width: clamp(76px, 24vw, 160px);
    height: clamp(76px, 24vw, 160px);
  }
}
@media (max-width: 767.98px) {
  .home-dr-rabie-prize-1_trophySeal__aqHkM {
    width: clamp(68px, 28vw, 120px);
    height: clamp(68px, 28vw, 120px);
    inset-inline-end: 10px;
    bottom: 10px;
    max-width: 38%;
  }
}
@media (max-width: 479.98px) {
  .home-dr-rabie-prize-1_trophySeal__aqHkM {
    width: clamp(60px, 30vw, 92px);
    height: clamp(60px, 30vw, 92px);
    inset-inline-end: 8px;
    bottom: 8px;
  }
}

.home-dr-rabie-prize-1_trophyObject__umAeq {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 0;
  background: transparent;
  pointer-events: none;
  -o-object-fit: contain;
     object-fit: contain;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.35));
}

/* Gift-opening golden rays around the cup — lighter champagne tones */
.home-dr-rabie-prize-1_giftRays__Pzogg {
  position: absolute;
  inset: -28%;
  z-index: 1;
  pointer-events: none;
}
.home-dr-rabie-prize-1_giftRays__Pzogg i {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2.5px;
  height: 46%;
  border-radius: 999px;
  background: linear-gradient(to top, rgba(255, 248, 220, 0) 0%, rgba(255, 240, 200, 0.55) 40%, rgba(255, 252, 240, 0.95) 100%);
  box-shadow: 0 0 8px rgba(255, 245, 220, 0.55);
  transform-origin: center bottom;
  transform: translate(-50%, -100%) rotate(var(--a, 0deg)) scaleY(0.12);
  opacity: 0;
  animation: home-dr-rabie-prize-1_prize1GiftRay__TQXpR 2.367s ease-out infinite;
  animation-delay: var(--d, 0s);
}
.home-dr-rabie-prize-1_giftRays__Pzogg i:nth-child(odd) {
  width: 2px;
  height: 40%;
}
.home-dr-rabie-prize-1_giftRays__Pzogg i:nth-child(3n) {
  width: 3px;
  height: 50%;
  background: linear-gradient(to top, rgba(255, 248, 220, 0) 0%, rgba(255, 236, 180, 0.65) 45%, #ffffff 100%);
  box-shadow: 0 0 10px rgba(255, 250, 235, 0.7);
}

/* Soft ambient dots on the photo (SVG owns the cup sparkles) */
.home-dr-rabie-prize-1_sparkles__8_V4h {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}
.home-dr-rabie-prize-1_sparkles__8_V4h i {
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: radial-gradient(circle, #fff 0%, #e8c56a 45%, transparent 70%);
  box-shadow: 0 0 10px rgba(232, 197, 106, 0.9);
  opacity: 0;
  animation: home-dr-rabie-prize-1_prize1Sparkle__8ByEp 3.4s ease-in-out infinite;
}
.home-dr-rabie-prize-1_sparkles__8_V4h i:nth-child(1) {
  top: 18%;
  left: 12%;
  animation-delay: 0.2s;
}
.home-dr-rabie-prize-1_sparkles__8_V4h i:nth-child(2) {
  top: 28%;
  left: 72%;
  width: 4px;
  height: 4px;
  animation-delay: 0.9s;
}
.home-dr-rabie-prize-1_sparkles__8_V4h i:nth-child(3) {
  top: 62%;
  left: 22%;
  animation-delay: 1.5s;
}
.home-dr-rabie-prize-1_sparkles__8_V4h i:nth-child(4) {
  top: 48%;
  left: 88%;
  width: 6px;
  height: 6px;
  animation-delay: 2.1s;
}
.home-dr-rabie-prize-1_sparkles__8_V4h i:nth-child(5) {
  top: 78%;
  left: 58%;
  animation-delay: 2.7s;
}
.home-dr-rabie-prize-1_sparkles__8_V4h i:nth-child(6) {
  top: 14%;
  left: 48%;
  width: 3px;
  height: 3px;
  animation-delay: 1.1s;
}

/* Full-width white band — button centered in the middle */
.home-dr-rabie-prize-1_actions__LjkNI {
  position: relative;
  z-index: 7;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 22px 24px 26px;
  background: #ffffff;
}
@media (max-width: 767.98px) {
  .home-dr-rabie-prize-1_actions__LjkNI {
    padding: 16px 16px 18px;
  }
}
@media (max-width: 479.98px) {
  .home-dr-rabie-prize-1_actions__LjkNI {
    padding: 14px 12px 16px;
  }
}

.home-dr-rabie-prize-1_cta__EyOez {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  min-width: 180px;
  padding: 13px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #00111f !important;
  background: linear-gradient(180deg, #e8c56a 0%, #c8963e 55%, #9a6b2f 100%);
  border: 1px solid rgba(154, 107, 47, 0.35);
  box-shadow: 0 14px 30px rgba(154, 107, 47, 0.35), 0 0 0 0 rgba(232, 197, 106, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.45);
  animation: home-dr-rabie-prize-1_prize1Rise__zZnN0 0.75s ease-out 0.2s both, home-dr-rabie-prize-1_prize1CtaGlow__PhES2 2.4s ease-in-out 1s infinite;
  transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
}
.home-dr-rabie-prize-1_cta__EyOez span {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
html[dir="rtl"] .home-dr-rabie-prize-1_cta__EyOez > span:last-child {
  transform: scaleX(-1);
}
.home-dr-rabie-prize-1_cta__EyOez:hover {
  color: #00111f !important;
  transform: translateY(-3px);
  filter: brightness(1.08);
  box-shadow: 0 18px 36px rgba(154, 107, 47, 0.45), 0 0 24px rgba(232, 197, 106, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.55);
}
.home-dr-rabie-prize-1_cta__EyOez:hover > span:last-child {
  transform: translateX(4px);
}
html[dir="rtl"] .home-dr-rabie-prize-1_cta__EyOez:hover > span:last-child {
  transform: scaleX(-1) translateX(4px);
}
@media (max-width: 991.98px) {
  .home-dr-rabie-prize-1_cta__EyOez {
    padding: 12px 22px;
    font-size: 13px;
  }
}
@media (max-width: 767.98px) {
  .home-dr-rabie-prize-1_cta__EyOez {
    width: 100%;
    min-width: 0;
    padding: 12px 18px;
    font-size: 13px;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 479.98px) {
  .home-dr-rabie-prize-1_cta__EyOez {
    padding: 11px 14px;
    font-size: 12px;
    gap: 8px;
  }
}

.home-dr-rabie-prize-1_ctaShine__qn8UM {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.55) 48%, transparent 62%);
  transform: translateX(-130%) skewX(-16deg);
  animation: home-dr-rabie-prize-1_prize1CtaShine__AwWy_ 3.2s ease-in-out 1.2s infinite;
}

@keyframes home-dr-rabie-prize-1_prize1StagePulse__jrgQ9 {
  0%, 100% {
    box-shadow: 0 32px 70px -24px rgba(1, 36, 64, 0.28), 0 12px 28px -12px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(200, 150, 62, 0.35), 0 0 24px rgba(200, 150, 62, 0.1);
  }
  50% {
    box-shadow: 0 36px 76px -22px rgba(1, 36, 64, 0.32), 0 12px 28px -12px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(232, 197, 106, 0.55), 0 0 36px rgba(232, 197, 106, 0.22);
  }
}
@keyframes home-dr-rabie-prize-1_prize1GlowDrift__RFYTh {
  from {
    opacity: 0.55;
    transform: scale(1) translate3d(0, 0, 0);
  }
  to {
    opacity: 1;
    transform: scale(1.08) translate3d(2%, -2%, 0);
  }
}
@keyframes home-dr-rabie-prize-1_prize1Ken__kvAq1 {
  from {
    transform: scale(1.03) translate3d(0, 0, 0);
  }
  to {
    transform: scale(1.07) translate3d(-1%, -0.8%, 0);
  }
}
@keyframes home-dr-rabie-prize-1_prize1Rim__LINkA {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 220% 50%;
  }
}
@keyframes home-dr-rabie-prize-1_prize1Flash__psDsb {
  0%, 40%, 100% {
    transform: translateX(-130%) skewX(-14deg);
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  62% {
    opacity: 1;
  }
  74% {
    transform: translateX(85%) skewX(-14deg);
    opacity: 0;
  }
}
@keyframes home-dr-rabie-prize-1_prize1Beam__6S0Yu {
  0%, 18% {
    opacity: 0;
    transform: translateX(0) skewX(-14deg);
  }
  32% {
    opacity: 1;
  }
  55% {
    opacity: 0.85;
  }
  72%, 100% {
    opacity: 0;
    transform: translateX(220%) skewX(-14deg);
  }
}
@keyframes home-dr-rabie-prize-1_prize1Sparkle__8ByEp {
  0%, 100% {
    opacity: 0;
    transform: scale(0.4);
  }
  35% {
    opacity: 1;
    transform: scale(1.15);
  }
  55% {
    opacity: 0.35;
    transform: scale(0.85);
  }
}
@keyframes home-dr-rabie-prize-1_prize1Rise__zZnN0 {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes home-dr-rabie-prize-1_prize1GiftRay__TQXpR {
  0% {
    opacity: 0;
    transform: translate(-50%, -100%) rotate(var(--a, 0deg)) scaleY(0.1);
  }
  12% {
    opacity: 1;
  }
  38% {
    opacity: 1;
    transform: translate(-50%, -100%) rotate(var(--a, 0deg)) scaleY(1);
  }
  62% {
    opacity: 0.35;
    transform: translate(-50%, -100%) rotate(var(--a, 0deg)) scaleY(1.08);
  }
  78%, 100% {
    opacity: 0;
    transform: translate(-50%, -100%) rotate(var(--a, 0deg)) scaleY(1.12);
  }
}
@keyframes home-dr-rabie-prize-1_prize1CtaGlow__PhES2 {
  0%, 100% {
    box-shadow: 0 14px 30px rgba(154, 107, 47, 0.45), 0 0 0 0 rgba(232, 197, 106, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.45);
  }
  50% {
    box-shadow: 0 16px 34px rgba(154, 107, 47, 0.55), 0 0 22px 4px rgba(232, 197, 106, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.55);
  }
}
@keyframes home-dr-rabie-prize-1_prize1CtaShine__AwWy_ {
  0%, 55%, 100% {
    transform: translateX(-130%) skewX(-16deg);
    opacity: 0;
  }
  62% {
    opacity: 1;
  }
  78% {
    transform: translateX(140%) skewX(-16deg);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .home-dr-rabie-prize-1_stage__OuW02,
  .home-dr-rabie-prize-1_rim__nWTla,
  .home-dr-rabie-prize-1_glow__rrv8T,
  .home-dr-rabie-prize-1_img__v0eBG,
  .home-dr-rabie-prize-1_flash__E0xID,
  .home-dr-rabie-prize-1_beam__pi2e0,
  .home-dr-rabie-prize-1_sparkles__8_V4h i,
  .home-dr-rabie-prize-1_giftRays__Pzogg i,
  .home-dr-rabie-prize-1_cta__EyOez,
  .home-dr-rabie-prize-1_ctaShine__qn8UM {
    animation: none !important;
  }
  .home-dr-rabie-prize-1_img__v0eBG {
    transform: none;
  }
  .home-dr-rabie-prize-1_cta__EyOez:hover {
    transform: none;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/apply-features-area.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Palette sampled from the reference design — intentionally not themed per domain. */
.apply-features-area_section__IIZeH {
  padding: clamp(3rem, 5vw, 4.5rem) 0;
  background: #f4f2ef;
  position: relative;
  overflow: hidden;
}

.apply-features-area_inner___ApW4 {
  position: relative;
  z-index: 1;
}

.apply-features-area_grid__VkGaf {
  display: grid;
  /* Content : image = 3 : 2 */
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  grid-template-areas: "content visual";
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
}
@media (max-width: 991px) {
  .apply-features-area_grid__VkGaf {
    grid-template-columns: 1fr;
    grid-template-areas: "content" "visual";
  }
}

.apply-features-area_gridReversed__rkMwR {
  /* Keep content as the wider column when image is on the start edge */
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  grid-template-areas: "visual content";
}
@media (max-width: 991px) {
  .apply-features-area_gridReversed__rkMwR {
    grid-template-columns: 1fr;
    /* Text first on small screens regardless of the desktop order */
    grid-template-areas: "content" "visual";
  }
}

.apply-features-area_content__fU9QV {
  grid-area: content;
}

.apply-features-area_visual__bChCw {
  grid-area: visual;
  position: relative;
}
@media (max-width: 991px) {
  .apply-features-area_visual__bChCw {
    max-width: 560px;
    margin: 0 auto;
  }
}

@keyframes apply-features-area_afaFadeUp__HuSXX {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes apply-features-area_afaFeatureIn__Iu14t {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Dots drift slowly along the image edge */
@keyframes apply-features-area_afaDotsDrift__rMyG8 {
  0% {
    transform: translateY(0);
    opacity: 0.75;
  }
  50% {
    transform: translateY(-14px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 0.75;
  }
}
/* Graduation badge bobs above the photo */
@keyframes apply-features-area_afaBadgeFloat__wY0LP {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-14px) rotate(-3deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}
.apply-features-area_title__BzTUV {
  font-size: clamp(1.5rem, 2.6vw, 2rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #14375f;
  margin: 0 0 1.25rem;
}

.apply-features-area_titleUnderline__NSME3 {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}

.apply-features-area_underlineSvg__lYVX6 {
  position: absolute;
  inset-inline-start: 0;
  bottom: -0.28em;
  width: 100%;
  height: 0.34em;
  overflow: visible;
}

/* Hidden until the heading is hovered, then it draws itself in. */
.apply-features-area_underlinePath___JtaT {
  fill: none;
  stroke: var(--tp-theme-primary, var(--faculty-primary, #14375f));
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  transition: stroke-dashoffset 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}

.apply-features-area_title__BzTUV:hover .apply-features-area_underlinePath___JtaT,
.apply-features-area_titleUnderline__NSME3:focus-visible .apply-features-area_underlinePath___JtaT {
  stroke-dashoffset: 0;
}

.apply-features-area_body__K3FQh {
  font-size: 0.9375rem;
  line-height: 1.9;
  color: #6b7280;
  margin: 0 0 1.75rem;
}
.apply-features-area_body__K3FQh p {
  margin: 0;
  color: inherit;
}

.apply-features-area_features__tFV_V {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.75rem;
}
@media (max-width: 575px) {
  .apply-features-area_features__tFV_V {
    grid-template-columns: 1fr;
  }
}

.apply-features-area_feature__73oeQ {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.1rem;
  background: #eceef1;
  border-radius: 0.5rem;
  transition: background 0.25s ease, transform 0.25s ease;
}
.apply-features-area_feature__73oeQ:hover {
  background: #e3e6ea;
  transform: translateY(-2px);
}

.apply-features-area_featureCheck__TmpkM {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  color: #14375f;
}

.apply-features-area_featureBody__9_yzq {
  min-width: 0;
}

.apply-features-area_featureTitle__o_Wob {
  font-size: 0.875rem;
  font-weight: 700;
  color: #14375f;
  margin: 0 0 0.25rem;
}

.apply-features-area_featureText__l_MLg {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #9aa1ab;
  margin: 0;
}

.apply-features-area_actions__qYyH3 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.apply-features-area_button__LCwRN {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.75rem 1.35rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.apply-features-area_button__LCwRN:hover {
  transform: translateY(-2px);
}

.apply-features-area_buttonPrimary__M5QvN {
  background: #0e2c4f;
  color: #fff;
  border: 1px solid #0e2c4f;
}
.apply-features-area_buttonPrimary__M5QvN:hover {
  color: #fff;
  background: #14375f;
  border-color: #14375f;
  box-shadow: 0 12px 24px -12px rgba(14, 44, 79, 0.55);
}

.apply-features-area_buttonOutline__nSw1q {
  background: transparent;
  color: #0e2c4f;
  border: 1px solid rgba(14, 44, 79, 0.45);
}
.apply-features-area_buttonOutline__nSw1q:hover {
  color: #fff;
  background: #0e2c4f;
  border-color: #0e2c4f;
}

.apply-features-area_buttonArrow__PZSCh {
  display: inline-flex;
  font-size: 1rem;
  line-height: 1;
  transition: transform 0.2s ease;
}

.apply-features-area_button__LCwRN:hover .apply-features-area_buttonArrow__PZSCh {
  transform: translateX(3px);
}

html[dir='rtl'] .apply-features-area_buttonArrow__PZSCh {
  transform: scaleX(-1);
}

html[dir='rtl'] .apply-features-area_button__LCwRN:hover .apply-features-area_buttonArrow__PZSCh {
  transform: scaleX(-1) translateX(3px);
}

.apply-features-area_imageFrame__5Ryar {
  position: relative;
  z-index: 1;
  border-radius: 0.5rem;
  overflow: hidden;
  background: #e2e8f0;
  aspect-ratio: 16/10;
}

.apply-features-area_image__Mih_X {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

/* Decorative frame: navy bracket top-start, orange bracket bottom-end, drifting dots */
.apply-features-area_visualDecorated__ElJEo {
  padding: 18px;
}

.apply-features-area_bracketTop__JJW8K,
.apply-features-area_bracketBottom__3cZ8M {
  position: absolute;
  width: 74px;
  height: 74px;
  pointer-events: none;
  transition: border-color 0.35s ease;
}

.apply-features-area_bracketTop__JJW8K {
  top: 0;
  inset-inline-start: 0;
  border-top: 6px solid #14375f;
  border-inline-start: 6px solid #14375f;
}

.apply-features-area_bracketBottom__3cZ8M {
  bottom: 0;
  inset-inline-end: 0;
  border-bottom: 6px solid #ef8022;
  border-inline-end: 6px solid #ef8022;
}

/* Brackets swap colours when the block is hovered */
.apply-features-area_visual__bChCw:hover .apply-features-area_bracketTop__JJW8K {
  border-top-color: #ef8022;
  border-inline-start-color: #ef8022;
}

.apply-features-area_visual__bChCw:hover .apply-features-area_bracketBottom__3cZ8M {
  border-bottom-color: #14375f;
  border-inline-end-color: #14375f;
}

.apply-features-area_dotsTop__Z5V4K,
.apply-features-area_dotsBottom__oiBYO {
  position: absolute;
  width: 78px;
  height: 62px;
  pointer-events: none;
  background-size: 10px 10px;
  animation: apply-features-area_afaDotsDrift__rMyG8 4.5s ease-in-out infinite;
}

.apply-features-area_dotsTop__Z5V4K {
  top: 6px;
  inset-inline-end: -34px;
  background-image: radial-gradient(rgba(239, 128, 34, 0.55) 1.5px, transparent 1.5px);
}

.apply-features-area_dotsBottom__oiBYO {
  bottom: 6px;
  inset-inline-start: -34px;
  background-image: radial-gradient(rgba(20, 55, 95, 0.3) 1.5px, transparent 1.5px);
  animation-delay: 1.2s;
}

@media (max-width: 1199px) {
  .apply-features-area_dotsTop__Z5V4K,
  .apply-features-area_dotsBottom__oiBYO {
    display: none;
  }
}
.apply-features-area_badge__0Ed_8 {
  position: absolute;
  z-index: 2;
  top: -26px;
  inset-inline-end: 42px;
  width: clamp(64px, 7vw, 86px);
  height: auto;
  /* The icon paints with currentColor */
  color: #ef8022;
  pointer-events: none;
  filter: drop-shadow(0 10px 16px rgba(14, 44, 79, 0.22));
  animation: apply-features-area_afaBadgeFloat__wY0LP 3.4s ease-in-out infinite;
}
@media (max-width: 575px) {
  .apply-features-area_badge__0Ed_8 {
    width: 56px;
    top: -18px;
    inset-inline-end: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .apply-features-area_content__fU9QV,
  .apply-features-area_visual__bChCw,
  .apply-features-area_feature__73oeQ,
  .apply-features-area_dotsTop__Z5V4K,
  .apply-features-area_dotsBottom__oiBYO,
  .apply-features-area_badge__0Ed_8 {
    animation: none;
  }
  .apply-features-area_underlinePath___JtaT {
    transition: none;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/app/(website)/faculty/[slug]/_components/faculty-delta-home-sections.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.faculty-delta-home-sections_root__4JVY7 {
  --faculty-color: #0d4f4f;
  --faculty-color-rgb: 13, 79, 79;
}

.faculty-delta-home-sections_section__kBhtz {
  padding: 4rem 0 3rem;
}
@media (max-width: 767px) {
  .faculty-delta-home-sections_section__kBhtz {
    padding: 3rem 0 2rem;
  }
}

.faculty-delta-home-sections_welcomeStrip__4WvA5 {
  padding: 2.5rem 0;
  background: linear-gradient(90deg, rgba(var(--faculty-color-rgb, 13, 79, 79), 0.08) 0%, rgba(var(--faculty-color-rgb, 13, 79, 79), 0.03) 100%);
  border-bottom: 3px solid var(--faculty-color);
}

.faculty-delta-home-sections_welcomeInner__cbInr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.faculty-delta-home-sections_welcomeTitle__7gQED {
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 800;
  margin: 0 0 0.35rem;
  letter-spacing: -0.02em;
  color: var(--faculty-color);
}

.faculty-delta-home-sections_welcomeTagline__dekwc {
  font-size: 1rem;
  color: #475569;
  margin: 0;
  max-width: 560px;
}

.faculty-delta-home-sections_welcomeCta__WNctL {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 1.35rem;
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 0.9rem;
  text-decoration: none;
  color: #fff !important;
  background: var(--faculty-color);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.faculty-delta-home-sections_welcomeCta__WNctL:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 20px -4px rgba(var(--faculty-color-rgb), 0.4);
  color: #fff !important;
}

.faculty-delta-home-sections_aboutSection__sltcp {
  padding: 4rem 0;
  background: #fff;
}

.faculty-delta-home-sections_aboutGrid__4LT_R {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}
@media (max-width: 991px) {
  .faculty-delta-home-sections_aboutGrid__4LT_R {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.faculty-delta-home-sections_aboutContent__s7rIZ h2 {
  font-size: clamp(1.5rem, 2.5vw, 1.85rem);
  font-weight: 800;
  margin: 0 0 1rem;
  letter-spacing: -0.02em;
  color: var(--faculty-color);
}

.faculty-delta-home-sections_aboutText__QhtpO {
  font-size: 1.05rem;
  color: #475569;
  line-height: 1.7;
  margin: 0 0 1.5rem;
}

.faculty-delta-home-sections_aboutLink__wQozH {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--faculty-color);
  text-decoration: none;
  transition: gap 0.2s ease;
}
.faculty-delta-home-sections_aboutLink__wQozH:hover {
  gap: 0.6rem;
}

.faculty-delta-home-sections_aboutVisual__yMt4W {
  padding: 2rem;
  border-radius: 1.25rem;
  background: linear-gradient(145deg, rgba(var(--faculty-color-rgb), 0.06) 0%, rgba(var(--faculty-color-rgb), 0.02) 100%);
  border: 1px solid rgba(var(--faculty-color-rgb), 0.1);
}

.faculty-delta-home-sections_aboutStats__oKDkr {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.faculty-delta-home-sections_aboutStat___HQP3 {
  text-align: center;
  padding: 1.25rem;
  background: #fff;
  border-radius: 0.75rem;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.faculty-delta-home-sections_aboutStatValue__aBc4d {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--faculty-color);
  margin: 0 0 0.25rem;
}

.faculty-delta-home-sections_aboutStatLabel__LsJXp {
  font-size: 0.85rem;
  color: #64748b;
  margin: 0;
  font-weight: 600;
}

.faculty-delta-home-sections_whySection__KSOi2 {
  padding: 4rem 0;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}

.faculty-delta-home-sections_whyGrid__v0T7g {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-top: 2rem;
}
@media (max-width: 991px) {
  .faculty-delta-home-sections_whyGrid__v0T7g {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .faculty-delta-home-sections_whyGrid__v0T7g {
    grid-template-columns: 1fr;
  }
}

.faculty-delta-home-sections_whyCard___s98F {
  text-align: center;
  padding: 2rem 1.5rem;
  background: #fff;
  border-radius: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.faculty-delta-home-sections_whyCard___s98F:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px -10px rgba(0, 0, 0, 0.1);
}

.faculty-delta-home-sections_whyIcon__MvPYG {
  width: 56px;
  height: 56px;
  margin: 0 auto 1rem;
  border-radius: 1rem;
  background: linear-gradient(135deg, var(--faculty-color) 0%, rgba(var(--faculty-color-rgb), 0.85) 100%);
  color: #fff;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
}

.faculty-delta-home-sections_whyTitle__nVK7i {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  color: #1e293b;
}

.faculty-delta-home-sections_whyText__pc8nP {
  font-size: 0.9rem;
  color: #64748b;
  margin: 0;
  line-height: 1.5;
}

.faculty-delta-home-sections_statsStrip__XKCKz {
  padding: 3rem 0;
  background: linear-gradient(135deg, var(--faculty-color) 0%, rgba(var(--faculty-color-rgb), 0.9) 100%);
  color: #fff;
}

.faculty-delta-home-sections_statsGrid__idEe2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  text-align: center;
}
@media (max-width: 767px) {
  .faculty-delta-home-sections_statsGrid__idEe2 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
}

.faculty-delta-home-sections_statValue__PoDFF {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 800;
  margin: 0 0 0.25rem;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.faculty-delta-home-sections_statLabel___KfLh {
  font-size: 0.95rem;
  margin: 0;
  opacity: 0.95;
  font-weight: 600;
}

.faculty-delta-home-sections_facilitiesGrid__nfyDR {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 2rem;
}
@media (max-width: 991px) {
  .faculty-delta-home-sections_facilitiesGrid__nfyDR {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .faculty-delta-home-sections_facilitiesGrid__nfyDR {
    grid-template-columns: 1fr;
  }
}

.faculty-delta-home-sections_facilityCard__Zz7N8 {
  position: relative;
  display: block;
  padding: 1.75rem;
  border-radius: 1rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.faculty-delta-home-sections_facilityCard__Zz7N8::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--faculty-color);
  border-radius: 4px 0 0 4px;
  transition: width 0.3s ease;
}
.faculty-delta-home-sections_facilityCard__Zz7N8:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px -10px rgba(0, 0, 0, 0.1);
}
.faculty-delta-home-sections_facilityCard__Zz7N8:hover::before {
  width: 6px;
}

.faculty-delta-home-sections_facilityIcon__y4TRa {
  width: 48px;
  height: 48px;
  border-radius: 0.75rem;
  background: rgba(var(--faculty-color-rgb), 0.1);
  color: var(--faculty-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  margin-bottom: 1rem;
}

.faculty-delta-home-sections_facilityTitle____fhc {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 0.35rem;
  color: #1e293b;
}

.faculty-delta-home-sections_facilityDesc__VyzDd {
  font-size: 0.9rem;
  color: #64748b;
  margin: 0;
  line-height: 1.45;
}

.faculty-delta-home-sections_journeySection__oD4Lk {
  padding: 4.5rem 0 5rem;
  background: #fff;
}
@media (max-width: 991px) {
  .faculty-delta-home-sections_journeySection__oD4Lk {
    padding: 3.5rem 0 4rem;
  }
}

.faculty-delta-home-sections_journeyGrid__mWUwG {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.5rem;
  align-items: center;
}
@media (max-width: 991px) {
  .faculty-delta-home-sections_journeyGrid__mWUwG {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

.faculty-delta-home-sections_journeyContent__NP9Sl {
  max-width: 520px;
}
@media (max-width: 991px) {
  .faculty-delta-home-sections_journeyContent__NP9Sl {
    max-width: 100%;
    order: 1;
  }
}

.faculty-delta-home-sections_journeyTag__HPxWD {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  border: 1.5px solid;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 1.25rem;
}
.faculty-delta-home-sections_journeyTag__HPxWD svg {
  flex-shrink: 0;
}

.faculty-delta-home-sections_journeyTitle__9BGVi {
  font-size: clamp(1.75rem, 3.5vw, 2.25rem);
  font-weight: 800;
  color: #1e293b;
  margin: 0 0 1rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.faculty-delta-home-sections_journeyText__5zUeY {
  font-size: 1rem;
  color: #475569;
  line-height: 1.6;
  margin: 0 0 1.5rem;
}

.faculty-delta-home-sections_journeyList__m5Uok {
  list-style: none;
  padding: 0;
  margin: 0 0 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.faculty-delta-home-sections_journeyList__m5Uok li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  color: #334155;
  font-weight: 500;
}

.faculty-delta-home-sections_journeyCheck__xCaGO {
  font-weight: 700;
  font-size: 1.1rem;
}

.faculty-delta-home-sections_journeyBtns__8cAlx {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.faculty-delta-home-sections_journeyBtnPrimary__qUGbP {
  display: inline-flex;
  align-items: center;
  padding: 0.9rem 1.75rem;
  border-radius: 0.75rem;
  font-weight: 700;
  font-size: 0.95rem;
  color: #fff !important;
  text-decoration: none;
  border: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.faculty-delta-home-sections_journeyBtnPrimary__qUGbP:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px -4px rgba(var(--faculty-color-rgb), 0.4);
  color: #fff !important;
}

.faculty-delta-home-sections_journeyBtnSecondary__5rco7 {
  display: inline-flex;
  align-items: center;
  padding: 0.9rem 1.75rem;
  border-radius: 0.75rem;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  border: 2px solid;
  background: #fff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.faculty-delta-home-sections_journeyBtnSecondary__5rco7:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px -2px rgba(0, 0, 0, 0.1);
}

.faculty-delta-home-sections_journeyVisual__ychXR {
  position: relative;
}
@media (max-width: 991px) {
  .faculty-delta-home-sections_journeyVisual__ychXR {
    order: 0;
  }
}

.faculty-delta-home-sections_journeyImageWrap__voQhL {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  aspect-ratio: 4/3;
  min-height: 280px;
  box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
  .faculty-delta-home-sections_journeyImageWrap__voQhL {
    aspect-ratio: 16/10;
    min-height: 240px;
  }
}

.faculty-delta-home-sections_journeyImage__gzd7K {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.faculty-delta-home-sections_journeyStat__YRgBH {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1.25rem;
  background: #fff;
  border-radius: 0.75rem;
  border: 2px solid;
  box-shadow: 0 10px 30px -8px rgba(0, 0, 0, 0.2);
}
@media (max-width: 575px) {
  .faculty-delta-home-sections_journeyStat__YRgBH {
    top: 0.75rem;
    right: 0.75rem;
    padding: 0.6rem 1rem;
    gap: 0.5rem;
  }
}

.faculty-delta-home-sections_journeyStatIcon__IoxAZ {
  font-size: 1.5rem;
  line-height: 1;
}

.faculty-delta-home-sections_journeyStatValue__d578G {
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0 0 0.15rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.faculty-delta-home-sections_journeyStatLabel___Rpab {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #64748b;
  margin: 0;
  line-height: 1.2;
}

.faculty-delta-home-sections_finalCtaStrip__BGqBm {
  padding: 4rem 0;
  background: linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);
}

.faculty-delta-home-sections_finalCtaInner__YtOZZ {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}

.faculty-delta-home-sections_finalCtaTitle__cyyhF {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 800;
  margin: 0;
  color: #1e293b;
  text-align: center;
}

.faculty-delta-home-sections_finalCtaBtns__6Jm8P {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.faculty-delta-home-sections_finalCtaBtn__PJDrF {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 1.75rem;
  border-radius: 0.75rem;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.faculty-delta-home-sections_finalCtaBtn__PJDrF:hover {
  transform: scale(1.03);
  color: #fff !important;
}

.faculty-delta-home-sections_finalCtaBtnPrimary__UZ6h5 {
  background: var(--faculty-color);
  color: #fff !important;
  box-shadow: 0 4px 14px -2px rgba(var(--faculty-color-rgb), 0.35);
}
.faculty-delta-home-sections_finalCtaBtnPrimary__UZ6h5:hover {
  box-shadow: 0 8px 24px -4px rgba(var(--faculty-color-rgb), 0.45);
}

.faculty-delta-home-sections_finalCtaBtnSecondary__r0Bnq {
  background: #fff;
  color: var(--faculty-color) !important;
  border: 2px solid var(--faculty-color);
}
.faculty-delta-home-sections_finalCtaBtnSecondary__r0Bnq:hover {
  box-shadow: 0 4px 16px -4px rgba(0, 0, 0, 0.12);
}

.faculty-delta-home-sections_sectionHeader__luBBF {
  text-align: center;
  margin-bottom: 2.5rem;
}

.faculty-delta-home-sections_sectionTitle__h11UF {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
  margin: 0 0 0.5rem;
  letter-spacing: -0.02em;
  color: var(--faculty-color);
}

.faculty-delta-home-sections_sectionSubtitle__vceTo {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
  font-weight: 500;
}

.faculty-delta-home-sections_cardsGrid__vSdI3 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1.5rem;
}
@media (max-width: 575px) {
  .faculty-delta-home-sections_cardsGrid__vSdI3 {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

.faculty-delta-home-sections_card__JGr__ {
  position: relative;
  display: block;
  padding: 1.75rem 1.5rem;
  border-radius: 1rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}
.faculty-delta-home-sections_card__JGr__::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--faculty-color);
  border-radius: 4px 0 0 4px;
  transition: width 0.3s ease;
}
.faculty-delta-home-sections_card__JGr__:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px -12px rgba(var(--faculty-color-rgb, 13, 79, 79), 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);
  border-color: transparent;
}
.faculty-delta-home-sections_card__JGr__:hover::before {
  width: 6px;
}
.faculty-delta-home-sections_card__JGr__:hover .faculty-delta-home-sections_cardTitle__46IN7 {
  color: var(--faculty-color);
}
.faculty-delta-home-sections_card__JGr__:hover .faculty-delta-home-sections_cardArrow__b7nkq {
  opacity: 1;
  transform: translateX(0);
}

.faculty-delta-home-sections_cardTitle__46IN7 {
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  letter-spacing: -0.01em;
  transition: color 0.25s ease;
}

.faculty-delta-home-sections_cardDesc__NAPTQ {
  font-size: 0.9rem;
  color: #64748b;
  margin: 0;
  line-height: 1.5;
}

.faculty-delta-home-sections_cardArrow__b7nkq {
  display: inline-flex;
  margin-top: 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--faculty-color);
  opacity: 0.85;
  transform: translateX(-2px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.faculty-delta-home-sections_servicesGrid__NQL2Q {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media (max-width: 991px) {
  .faculty-delta-home-sections_servicesGrid__NQL2Q {
    grid-template-columns: 1fr;
  }
}

.faculty-delta-home-sections_serviceCard__HF13I {
  position: relative;
  padding: 2rem 1.75rem;
  border-radius: 1rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.faculty-delta-home-sections_serviceCard__HF13I::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, var(--faculty-color) 0%, transparent 50%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.faculty-delta-home-sections_serviceCard__HF13I:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px -10px rgba(0, 0, 0, 0.12);
}
.faculty-delta-home-sections_serviceCard__HF13I:hover::after {
  opacity: 0.4;
}

.faculty-delta-home-sections_serviceCardLink__xdPVj {
  display: block;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.faculty-delta-home-sections_eServicesList__dawH6 {
  list-style: none;
  padding: 0;
  margin: 0.75rem 0 1rem;
}
.faculty-delta-home-sections_eServicesList__dawH6 li a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  text-decoration: none;
  color: #334155;
  font-size: 0.95rem;
  transition: color 0.2s ease, padding-left 0.2s ease;
}
.faculty-delta-home-sections_eServicesList__dawH6 li a::before {
  content: "→";
  color: var(--faculty-color);
  font-weight: 700;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.faculty-delta-home-sections_eServicesList__dawH6 li a:hover {
  color: var(--faculty-color);
  padding-left: 4px;
}
.faculty-delta-home-sections_eServicesList__dawH6 li a:hover::before {
  opacity: 1;
}
.faculty-delta-home-sections_eServicesList__dawH6 li a:last-child {
  border-bottom: none;
}

.faculty-delta-home-sections_viewAllLink__a7Y0Z {
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  transition: gap 0.2s ease;
}
.faculty-delta-home-sections_viewAllLink__a7Y0Z:hover {
  gap: 0.5rem;
}

.faculty-delta-home-sections_newsSliderWrap__wkU6f {
  padding: 4rem 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 0%, transparent 12%);
}

.faculty-delta-home-sections_newsHeader___3w1Y {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.75rem;
}

.faculty-delta-home-sections_newsTitle__ROYMu {
  margin: 0;
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--faculty-color);
}

.faculty-delta-home-sections_viewAllNews__VrBBO {
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  transition: gap 0.2s ease;
}
.faculty-delta-home-sections_viewAllNews__VrBBO:hover {
  gap: 0.5rem;
}

.faculty-delta-home-sections_ctaGrid__fQj8G {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .faculty-delta-home-sections_ctaGrid__fQj8G {
    grid-template-columns: 1fr;
  }
}

.faculty-delta-home-sections_ctaSection__pyM_9 {
  position: relative;
  text-align: center;
  padding: 2.5rem 2rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(var(--faculty-color-rgb, 13, 79, 79), 0.06) 0%, rgba(var(--faculty-color-rgb, 13, 79, 79), 0.02) 100%);
  border: 1px solid rgba(var(--faculty-color-rgb, 13, 79, 79), 0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.faculty-delta-home-sections_ctaSection__pyM_9::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--faculty-color), transparent 70%);
  opacity: 0.8;
}
.faculty-delta-home-sections_ctaSection__pyM_9:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px -12px rgba(var(--faculty-color-rgb, 13, 79, 79), 0.2);
}

.faculty-delta-home-sections_ctaTitle__ZkVBn {
  font-size: 1.35rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
  letter-spacing: -0.02em;
  color: var(--faculty-color);
}

.faculty-delta-home-sections_ctaDesc__QiRD_ {
  font-size: 0.95rem;
  color: #64748b;
  margin-bottom: 1.5rem;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

.faculty-delta-home-sections_ctaBtn__RReUM {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.85rem 1.75rem;
  border-radius: 0.75rem;
  font-weight: 700;
  font-size: 0.95rem;
  text-decoration: none;
  color: #fff !important;
  background: var(--faculty-color);
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.faculty-delta-home-sections_ctaBtn__RReUM:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 24px -4px rgba(var(--faculty-color-rgb, 13, 79, 79), 0.4);
  color: #fff !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/app/(website)/faculty/[slug]/_components/faculty-home-news.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.faculty-home-news_section__CwVQy {
  --fn-p: var(--faculty-primary, var(--f-p, #004c71));
  --fn-s: var(--faculty-secondary, var(--f-s, #012440));
  --fn-ink: #111111;
  --fn-muted: #4b5563;
  --fn-line: #e8eaed;
  --fn-soft: color-mix(in srgb, var(--fn-p) 7%, #ffffff);
  position: relative;
  overflow: hidden;
  padding: 64px 0 56px;
  /* Match Home Event Area 2 (`event_area_3`) section surface */
  background: transparent;
}

.faculty-home-news_header__omnAa {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 28px;
  flex-wrap: wrap;
}

.faculty-home-news_headerText__MHXvN {
  max-width: 36rem;
}

.faculty-home-news_subtitle__4FqA7 {
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fn-p);
}

.faculty-home-news_title__13Oo5 {
  margin: 0;
  font-size: clamp(1.35rem, 2.4vw, 1.85rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--fn-ink);
}

.faculty-home-news_nav___z4hF {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.faculty-home-news_navBtn__AQcKk {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid var(--fn-line);
  background: #fff;
  color: var(--fn-ink);
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(17, 17, 17, 0.04);
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.faculty-home-news_navBtn__AQcKk:hover {
  background: var(--fn-p);
  border-color: var(--fn-p);
  color: #fff;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--fn-p) 28%, transparent);
}

.faculty-home-news_slider__HTAkb {
  overflow: visible;
  padding-bottom: 4px;
}

.faculty-home-news_slide__43tqz {
  height: auto;
}

.faculty-home-news_card__bzNkI {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--fn-line);
  box-shadow: 0 1px 2px rgba(17, 17, 17, 0.04), 0 8px 24px rgba(17, 17, 17, 0.05);
  transition: transform 0.3s ease, border-color 0.3s ease;
}
.faculty-home-news_card__bzNkI:hover {
  transform: translateY(-4px);
  border-color: color-mix(in srgb, var(--fn-p) 22%, var(--fn-line));
  box-shadow: 0 1px 2px rgba(17, 17, 17, 0.04), 0 8px 24px rgba(17, 17, 17, 0.05);
}

.faculty-home-news_thumb__GDPuh {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  aspect-ratio: 700/573;
  width: 100%;
  background: #f3f4f6;
}
.faculty-home-news_thumb__GDPuh::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 42%;
  pointer-events: none;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.35), transparent);
}

.faculty-home-news_thumbLink__sRgAV {
  display: block;
  width: 100%;
  height: 100%;
}

.faculty-home-news_thumbImage__CtXrG {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
  transition: transform 0.45s ease;
}

.faculty-home-news_card__bzNkI:hover .faculty-home-news_thumbImage__CtXrG {
  transform: scale(1.05);
}

.faculty-home-news_dateBadge__zH_UA {
  position: absolute;
  z-index: 2;
  bottom: 12px;
  inset-inline-start: 12px;
  min-width: 52px;
  padding: 7px 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.96);
  color: var(--fn-ink);
  text-align: center;
  line-height: 1.1;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(6px);
}

.faculty-home-news_dateDay__96buP {
  display: block;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--fn-ink);
}

.faculty-home-news_dateMonth__ipA3F {
  display: block;
  margin-top: 2px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fn-muted);
}

.faculty-home-news_body__xsCoV {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 16px 16px 14px;
  min-height: 0;
  background: #fff;
}

.faculty-home-news_cardTitle__0OChd {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 3.9em;
}
.faculty-home-news_cardTitle__0OChd a {
  color: var(--fn-ink);
  text-decoration: none;
  transition: color 0.2s ease;
}
.faculty-home-news_cardTitle__0OChd a:hover {
  color: var(--fn-p);
}

.faculty-home-news_share__0xvgE {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--fn-line);
}
.faculty-home-news_share__0xvgE .tp-blog-share-row {
  gap: 2px !important;
}
.faculty-home-news_share__0xvgE .tp-blog-share-row > span {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  color: var(--fn-ink) !important;
}
.faculty-home-news_share__0xvgE .tp-blog-share-row button {
  color: #222222 !important;
  border-radius: 8px;
  padding: 4px 5px !important;
}
.faculty-home-news_share__0xvgE .tp-blog-share-row button:hover {
  background: var(--fn-soft) !important;
  color: var(--fn-p) !important;
}

.faculty-home-news_pagination__1rZTS {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 22px;
}
.faculty-home-news_pagination__1rZTS .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 !important;
  opacity: 1;
  background: #d1d5db;
  transition: width 0.25s ease, background 0.25s ease;
}
.faculty-home-news_pagination__1rZTS .swiper-pagination-bullet-active {
  width: 18px;
  border-radius: 999px;
  background: var(--fn-p);
}

.faculty-home-news_footer__Mbz6R {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.faculty-home-news_viewAll__q6wqM {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 26px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  background: var(--fn-p);
  border: 1px solid var(--fn-p);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--fn-p) 28%, transparent);
  transition: background 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
}
.faculty-home-news_viewAll__q6wqM:hover {
  background: var(--fn-s);
  border-color: var(--fn-s);
  color: #fff;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--fn-s) 30%, transparent);
}

.faculty-home-news_emptyBox__DRrIv {
  text-align: center;
  padding: 32px 18px;
  border-radius: 16px;
  border: 1px dashed color-mix(in srgb, var(--fn-p) 28%, transparent);
  background: var(--fn-soft);
}

.faculty-home-news_empty__5AYEP {
  margin: 0 0 14px;
  font-size: 14px;
  color: var(--fn-muted);
}

.faculty-home-news_emptyBox__DRrIv .faculty-home-news_empty__5AYEP {
  margin-bottom: 14px;
}

@media (max-width: 767px) {
  .faculty-home-news_section__CwVQy {
    padding: 48px 0 40px;
  }
  .faculty-home-news_header__omnAa {
    margin-bottom: 20px;
  }
  .faculty-home-news_nav___z4hF {
    width: 100%;
    justify-content: flex-start;
  }
  .faculty-home-news_cardTitle__0OChd {
    font-size: 14px;
    min-height: 0;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/app/(website)/faculty/[slug]/faculty-section-styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.faculty-section-page {
  background: #fff;
  /* Replaces template pt-80 / pb-100 (~80–100px): page-builder sections stack tighter */
  padding-top: 48px;
  padding-bottom: 56px;
}

.faculty-section-header-modern {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 60px;
}

.faculty-section-title-modern {
  font-size: 48px;
  font-weight: 700;
  color: #2A2B30;
  margin-bottom: 20px;
  line-height: 1.2;
}

.faculty-section-divider {
  width: 80px;
  height: 4px;
  background: linear-gradient(135deg, #004c71 0%, #0066a1 100%);
  margin: 0 auto 25px;
  border-radius: 2px;
}

.faculty-section-intro {
  font-size: 20px;
  line-height: 1.8;
  color: #666;
  margin: 0;
}

/* Rich text from dashboard (TinyMCE), aligned with news-style HTML */
.faculty-html-content {
  text-align: left;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.faculty-html-content p {
  margin: 0 0 1rem;
}
.faculty-html-content p:last-child {
  margin-bottom: 0;
}
.faculty-html-content {
  /* Undo global resets (e.g. nav/footer list-style: none) so TinyMCE lists show markers */
}
.faculty-html-content ul,
.faculty-html-content ol {
  margin: 0.5rem 0 1rem;
  padding-inline-start: 1.5rem;
  list-style-position: outside;
}
.faculty-html-content ul {
  list-style-type: disc;
}
.faculty-html-content ol {
  list-style-type: decimal;
}
.faculty-html-content ul ul {
  list-style-type: circle;
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;
}
.faculty-html-content ol ol {
  list-style-type: lower-alpha;
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;
}
.faculty-html-content li {
  display: list-item;
  margin: 0.25rem 0;
}
.faculty-html-content a {
  color: #004c71;
  text-decoration: underline;
}
.faculty-html-content h2,
.faculty-html-content h3,
.faculty-html-content h4 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #2a2b30;
  margin: 1.25rem 0 0.5rem;
}

.faculty-section-intro.faculty-html-content {
  text-align: center;
  color: #666;
  font-size: 20px;
  line-height: 1.8;
  /* Lists stay readable under centered intro copy */
}
.faculty-section-intro.faculty-html-content ul,
.faculty-section-intro.faculty-html-content ol {
  text-align: left;
  margin-inline: auto;
  max-width: 42rem;
}

.faculty-html-content--body {
  font-size: 17px;
  line-height: 1.9;
  color: #444;
}

.faculty-section-media {
  margin-bottom: 60px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.faculty-section-content {
  max-width: 900px;
  margin: 0 auto;
}

.faculty-content-blocks--nv {
  padding-top: 40px;
  padding-bottom: 80px;
}

.faculty-content-blocks__stack-item .faculty-section-header-modern {
  margin-bottom: 72px;
}

.faculty-content-blocks--nv .faculty-section-header-modern:last-child {
  margin-bottom: 0;
}

.faculty-content-blocks--nv .faculty-editorial-list {
  list-style: none;
  padding: 0;
  margin: 2rem auto 0;
  max-width: 640px;
  text-align: left;
}

.faculty-content-blocks--nv .faculty-editorial-list li {
  font-size: 1.0625rem;
  line-height: 1.75;
  color: #4a4b52;
  padding: 14px 0 14px 36px;
  position: relative;
  border-bottom: 1px solid #eceef0;
}
.faculty-content-blocks--nv .faculty-editorial-list li:last-child {
  border-bottom: none;
}
.faculty-content-blocks--nv .faculty-editorial-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.15em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #004c71 0%, #0066a1 100%);
}

@media (max-width: 767px) {
  .faculty-content-blocks--nv {
    padding-top: 24px;
    padding-bottom: 56px;
  }
  .faculty-content-blocks__stack-item .faculty-section-header-modern {
    margin-bottom: 48px;
  }
}
.faculty-content-block {
  background: #fff;
  border-radius: 16px;
  padding: 40px;
  margin-bottom: 40px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid #f0f0f0;
  transition: all 0.3s ease;
}
.faculty-content-block:hover {
  box-shadow: 0 8px 30px rgba(0, 76, 113, 0.12);
  transform: translateY(-4px);
}

.faculty-content-block-title {
  font-size: 32px;
  font-weight: 600;
  color: #004c71;
  margin-bottom: 20px;
  line-height: 1.3;
}

.faculty-content-paragraph {
  font-size: 17px;
  line-height: 1.9;
  color: #444;
  margin-bottom: 18px;
}
.faculty-content-paragraph:last-of-type {
  margin-bottom: 0;
}

.faculty-content-list {
  list-style: none;
  padding: 0;
  margin: 25px 0 0;
}

.faculty-content-list-item {
  font-size: 17px;
  line-height: 1.9;
  color: #444;
  padding: 12px 0 12px 35px;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}
.faculty-content-list-item:last-child {
  border-bottom: none;
}
.faculty-content-list-item::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 12px;
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #004c71 0%, #0066a1 100%);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
}

.faculty-section-news {
  margin-bottom: 40px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.faculty-section-vision-mission {
  max-width: 900px;
  margin: 0 auto;
}

.tp-vision-mission-values-area-enhanced {
  padding: 0;
}

.tp-vmv-card-enhanced {
  background: #fff;
  border-radius: 20px;
  padding: 50px 45px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  border: 1px solid #f0f0f0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.tp-vmv-card-enhanced::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, transparent 0%, currentColor 50%, transparent 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
}
.tp-vmv-card-enhanced:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 40px rgba(0, 76, 113, 0.15);
  border-color: transparent;
}
.tp-vmv-card-enhanced:hover::before {
  opacity: 1;
}

.tp-vmv-card-vision::before {
  background: linear-gradient(90deg, transparent 0%, #f5821f 50%, transparent 100%);
}
.tp-vmv-card-vision:hover {
  box-shadow: 0 16px 40px rgba(245, 130, 31, 0.2);
}

.tp-vmv-card-mission::before {
  background: linear-gradient(90deg, transparent 0%, #004c71 50%, transparent 100%);
}
.tp-vmv-card-mission:hover {
  box-shadow: 0 16px 40px rgba(0, 76, 113, 0.2);
}

.tp-vmv-card-values::before {
  background: linear-gradient(90deg, transparent 0%, #17a2b8 50%, transparent 100%);
}
.tp-vmv-card-values:hover {
  box-shadow: 0 16px 40px rgba(23, 162, 184, 0.2);
}

.tp-vmv-card-header {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 2px solid #f5f5f5;
}

.tp-vmv-icon-enhanced {
  width: 70px;
  height: 70px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: #fff;
  flex-shrink: 0;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.tp-vmv-icon-enhanced i {
  font-size: 32px;
}

.tp-vmv-card-enhanced:hover .tp-vmv-icon-enhanced {
  transform: scale(1.1) rotate(5deg);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.tp-vmv-icon-vision {
  background: linear-gradient(135deg, #f5821f 0%, #ff9f40 100%);
}

.tp-vmv-icon-mission {
  background: linear-gradient(135deg, #004c71 0%, #0066a1 100%);
}

.tp-vmv-icon-values {
  background: linear-gradient(135deg, #17a2b8 0%, #20c9d6 100%);
}

.tp-vmv-title-enhanced {
  font-size: 32px;
  font-weight: 700;
  color: #2A2B30;
  margin: 0;
  line-height: 1.2;
  background: linear-gradient(135deg, #2A2B30 0%, #004c71 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.tp-vmv-card-body {
  margin-top: 0;
}

.tp-vmv-paragraph {
  font-size: 18px;
  line-height: 1.9;
  color: #555;
  margin-bottom: 20px;
  font-weight: 400;
}
.tp-vmv-paragraph:last-of-type {
  margin-bottom: 0;
}

.tp-vmv-list-enhanced {
  list-style: none;
  padding: 0;
  margin: 30px 0 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.tp-vmv-list-item-enhanced {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 22px;
  background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
  border-radius: 12px;
  border-left: 4px solid #004c71;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.tp-vmv-list-item-enhanced::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 76, 113, 0.05) 0%, transparent 100%);
  transition: width 0.3s ease;
}
.tp-vmv-list-item-enhanced:hover {
  transform: translateX(8px);
  box-shadow: 0 4px 15px rgba(0, 76, 113, 0.1);
  border-left-color: #f5821f;
}
.tp-vmv-list-item-enhanced:hover::before {
  width: 100%;
}
.tp-vmv-list-item-enhanced:hover .tp-vmv-list-icon {
  background: linear-gradient(135deg, #f5821f 0%, #ff9f40 100%);
  transform: scale(1.1);
}

.tp-vmv-list-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, #004c71 0%, #0066a1 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
  box-shadow: 0 3px 10px rgba(0, 76, 113, 0.2);
  transition: all 0.3s ease;
}
.tp-vmv-list-icon i {
  font-size: 14px;
}

.tp-vmv-list-text {
  font-size: 17px;
  line-height: 1.8;
  color: #444;
  font-weight: 500;
  flex: 1;
}

@media (max-width: 991px) {
  .tp-vmv-card-enhanced {
    padding: 40px 35px;
  }
  .tp-vmv-icon-enhanced {
    width: 60px;
    height: 60px;
    font-size: 28px;
  }
  .tp-vmv-icon-enhanced i {
    font-size: 28px;
  }
  .tp-vmv-title-enhanced {
    font-size: 28px;
  }
  .tp-vmv-paragraph {
    font-size: 17px;
  }
  .tp-vmv-list-text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .tp-vmv-card-enhanced {
    padding: 30px 25px;
    border-radius: 16px;
  }
  .tp-vmv-card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding-bottom: 20px;
  }
  .tp-vmv-icon-enhanced {
    width: 55px;
    height: 55px;
    font-size: 24px;
  }
  .tp-vmv-icon-enhanced i {
    font-size: 24px;
  }
  .tp-vmv-title-enhanced {
    font-size: 24px;
  }
  .tp-vmv-paragraph {
    font-size: 16px;
    line-height: 1.8;
  }
  .tp-vmv-list-item-enhanced {
    padding: 15px 18px;
    gap: 12px;
  }
  .tp-vmv-list-icon {
    width: 28px;
    height: 28px;
    font-size: 12px;
  }
  .tp-vmv-list-icon i {
    font-size: 12px;
  }
  .tp-vmv-list-text {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .faculty-section-title-modern {
    font-size: 36px;
  }
  .faculty-section-intro {
    font-size: 18px;
  }
  .faculty-content-block {
    padding: 30px 25px;
  }
  .faculty-content-block-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .faculty-section-page {
    padding-top: 36px;
    padding-bottom: 44px;
  }
  .faculty-section-title-modern {
    font-size: 28px;
  }
  .faculty-section-intro {
    font-size: 16px;
  }
  .faculty-content-block {
    padding: 25px 20px;
  }
  .faculty-content-block-title {
    font-size: 24px;
  }
  .faculty-content-paragraph {
    font-size: 16px;
  }
  .faculty-content-list-item {
    font-size: 16px;
    padding-left: 30px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/app/(website)/(pages)/sitemap/_components/sitemap-area-2.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.sitemap-area-2_section__j4wjI {
  --sm2-ink: #0a1628;
  --sm2-muted: #5a6573;
  --sm2-line: #e2e8f0;
  --sm2-surface: #ffffff;
  --sm2-canvas: #f6f4ee;
  --sm2-accent: #004c71;
  --sm2-accent-soft: rgba(0, 76, 113, 0.08);
  --sm2-mega: #f5821f;
  --sm2-mega-soft: rgba(245, 130, 31, 0.12);
  padding: 4.5rem 0 5rem;
  background: radial-gradient(ellipse 80% 50% at 0% 0%, rgba(0, 76, 113, 0.06), transparent 55%), radial-gradient(ellipse 60% 40% at 100% 100%, rgba(245, 130, 31, 0.05), transparent 50%), var(--sm2-canvas);
}

.sitemap-area-2_header__L9bEa {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem 2rem;
  margin-bottom: 2.25rem;
}

.sitemap-area-2_headingBlock__I_SUi {
  max-width: 36rem;
}

.sitemap-area-2_eyebrow__Kl_ny {
  display: inline-block;
  margin: 0 0 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sm2-accent);
}

.sitemap-area-2_title__pfYgy {
  margin: 0 0 0.4rem;
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
  font-weight: 700;
  line-height: 1.2;
  color: var(--sm2-ink);
}

.sitemap-area-2_subtitle__Qbrk0 {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.55;
  color: var(--sm2-muted);
}

.sitemap-area-2_meta__I4Udq {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.sitemap-area-2_chip__2cg0t {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4rem;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  background: var(--sm2-surface);
  border: 1px solid var(--sm2-line);
  box-shadow: 0 1px 2px rgba(10, 22, 40, 0.04);
}

.sitemap-area-2_chipValue__RsL4m {
  font-size: 1rem;
  font-weight: 700;
  color: var(--sm2-accent);
  line-height: 1;
}

.sitemap-area-2_chipLabel__vvPnV {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--sm2-muted);
}

.sitemap-area-2_status__9NOtj {
  margin: 0;
  padding: 3rem 1rem;
  text-align: center;
  color: var(--sm2-muted);
  font-size: 0.95rem;
}

.sitemap-area-2_stack__d64Za {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}

.sitemap-area-2_card__X5dpE {
  display: flex;
  flex-direction: column;
  background: var(--sm2-surface);
  border: 1px solid var(--sm2-line);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(10, 22, 40, 0.04);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.sitemap-area-2_card__X5dpE:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(10, 22, 40, 0.08);
}

.sitemap-area-2_cardMega__Yn54t {
  border-color: rgba(245, 130, 31, 0.35);
  background: linear-gradient(180deg, rgba(245, 130, 31, 0.04) 0%, transparent 28%), var(--sm2-surface);
}
.sitemap-area-2_cardMega__Yn54t:hover {
  border-color: rgba(245, 130, 31, 0.55);
}
.sitemap-area-2_cardMega__Yn54t .sitemap-area-2_cardAccent__ojwo1 {
  background: linear-gradient(90deg, var(--sm2-mega) 0%, #ffb347 55%, var(--sm2-accent) 100%);
  height: 4px;
}

.sitemap-area-2_cardOrdinary__q9PUa {
  border-color: rgba(0, 76, 113, 0.22);
}
.sitemap-area-2_cardOrdinary__q9PUa:hover {
  border-color: rgba(0, 76, 113, 0.4);
}
.sitemap-area-2_cardOrdinary__q9PUa .sitemap-area-2_cardAccent__ojwo1 {
  background: linear-gradient(90deg, var(--sm2-accent) 0%, #006699 100%);
}

.sitemap-area-2_cardLink__B3CFN .sitemap-area-2_cardAccent__ojwo1 {
  background: linear-gradient(90deg, #94a3b8 0%, var(--sm2-accent) 100%);
  height: 2px;
}
.sitemap-area-2_cardLink__B3CFN .sitemap-area-2_cardBody__A9Dhj {
  padding-block: 1rem;
}

.sitemap-area-2_cardAccent__ojwo1 {
  height: 3px;
  background: linear-gradient(90deg, var(--sm2-accent) 0%, #006699 55%, #f5821f 100%);
}

.sitemap-area-2_cardBody__A9Dhj {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.15rem 1.25rem 1.3rem;
}

.sitemap-area-2_cardTop__mSYW_ {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.sitemap-area-2_cardTitleRow__u2Ru7 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem 0.75rem;
}

.sitemap-area-2_kindBadge__0Cglw {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.28rem 0.65rem;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.sitemap-area-2_kindBadgeMega__xVOiF {
  color: #9a4e00;
  background: var(--sm2-mega-soft);
  border: 1px solid rgba(245, 130, 31, 0.35);
}

.sitemap-area-2_kindBadgeOrdinary__Kb5hj {
  color: var(--sm2-accent);
  background: var(--sm2-accent-soft);
  border: 1px solid rgba(0, 76, 113, 0.2);
}

.sitemap-area-2_kindBadgeLink__St4Rl {
  color: #475569;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
}

.sitemap-area-2_kindIcon__fsLlO {
  width: 0.85rem;
  height: 0.85rem;
}

.sitemap-area-2_cardMeta__OG2CE {
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--sm2-muted);
}

.sitemap-area-2_cardTitle__7cNCp {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--sm2-ink);
}

.sitemap-area-2_cardMega__Yn54t .sitemap-area-2_cardTitle__7cNCp {
  font-size: 1.25rem;
}

.sitemap-area-2_cardTitleLink__9kKtZ {
  color: inherit;
  text-decoration: none;
  transition: color 0.15s ease;
}
.sitemap-area-2_cardTitleLink__9kKtZ:hover {
  color: var(--sm2-accent);
}

.sitemap-area-2_cardMega__Yn54t .sitemap-area-2_cardTitleLink__9kKtZ:hover {
  color: #c45f00;
}

.sitemap-area-2_cardTitlePlain__Pqzda {
  color: inherit;
}

/* —— Mega: full-width stretched columns —— */
.sitemap-area-2_megaGrid__93iyC {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: 0.85rem 1rem;
  padding-top: 0.85rem;
  border-top: 1px dashed rgba(245, 130, 31, 0.35);
  width: 100%;
  align-items: stretch;
}

.sitemap-area-2_megaColumn__hfDc0 {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  height: 100%;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(245, 130, 31, 0.2);
  box-shadow: 0 2px 8px rgba(245, 130, 31, 0.06);
}

.sitemap-area-2_megaColumnTitle___cbDL,
.sitemap-area-2_megaColumnTitleLink__95oDA {
  display: block;
  margin: 0 0 0.45rem;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.35;
  color: var(--sm2-ink);
  text-decoration: none;
}

.sitemap-area-2_megaColumnTitleLink__95oDA:hover {
  color: var(--sm2-mega);
}

.sitemap-area-2_megaColumnList___1r7P {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.sitemap-area-2_megaColumnLink__q3jtB,
.sitemap-area-2_megaColumnPlain__5oBlz {
  display: block;
  padding: 0.22rem 0;
  font-size: 0.8rem;
  line-height: 1.4;
  color: var(--sm2-muted);
  text-decoration: none;
  border-radius: 4px;
  transition: color 0.15s ease;
}

.sitemap-area-2_megaColumnLink__q3jtB:hover {
  color: var(--sm2-accent);
}

.sitemap-area-2_megaColumnPlain__5oBlz {
  cursor: default;
}

/* —— Ordinary dropdown: vertical list —— */
.sitemap-area-2_ordinaryList__UMZXU {
  list-style: none;
  margin: 0;
  padding: 0.75rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  border-top: 1px solid var(--sm2-line);
}

.sitemap-area-2_ordinaryItem__C6K6_ {
  margin: 0;
}

.sitemap-area-2_ordinaryLink__6__h9,
.sitemap-area-2_ordinaryPlain__0_LGG {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.45rem 0.5rem;
  margin-inline: -0.5rem;
  border-radius: 8px;
  font-size: 0.9rem;
  line-height: 1.4;
  color: var(--sm2-ink);
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.sitemap-area-2_ordinaryLink__6__h9:hover {
  background: var(--sm2-accent-soft);
  color: var(--sm2-accent);
}

.sitemap-area-2_ordinaryPlain__0_LGG {
  color: var(--sm2-muted);
  cursor: default;
}

.sitemap-area-2_ordinaryBullet__s45OB {
  flex-shrink: 0;
  width: 0.4rem;
  height: 0.4rem;
  margin-top: 0.45rem;
  border-radius: 50%;
  background: var(--sm2-accent);
  opacity: 0.55;
}

.sitemap-area-2_nested__IJq1N {
  list-style: none;
  margin: 0.15rem 0 0.35rem;
  padding: 0 0 0 1.15rem;
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  border-inline-start: 2px solid rgba(0, 76, 113, 0.15);
}

.sitemap-area-2_nestedLink__Zz1Ti,
.sitemap-area-2_nestedPlain__44RES {
  display: block;
  padding: 0.28rem 0.4rem;
  border-radius: 6px;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--sm2-muted);
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.sitemap-area-2_nestedLink__Zz1Ti:hover {
  background: var(--sm2-accent-soft);
  color: var(--sm2-accent);
}

.sitemap-area-2_nestedPlain__44RES {
  cursor: default;
}

[dir="rtl"] .sitemap-area-2_nested__IJq1N {
  padding: 0 1.15rem 0 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/contact/contact-form-map-section.module.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.contact-form-map-section_section__o4RFy {
  position: relative;
  overflow: hidden;
}

.contact-form-map-section_bgGlow__s1MiC {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(1, 36, 64, 0.03) 0%, rgb(255, 255, 255) 40%, rgb(248, 250, 252) 100%);
}

.contact-form-map-section_grid__hm8BG {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1.5rem;
  align-items: stretch;
}
@media (min-width: 1024px) {
  .contact-form-map-section_grid__hm8BG {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
  }
}

.contact-form-map-section_formPanel__fA4ep {
  border-radius: 1rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.06), 0 20px 40px -12px rgba(1, 36, 64, 0.12);
  padding: 1.5rem;
}
@media (min-width: 640px) {
  .contact-form-map-section_formPanel__fA4ep {
    padding: 2rem 2.25rem;
  }
}

.contact-form-map-section_formTitle__XQuTF {
  font-size: 1.25rem;
  font-weight: 600;
  color: #012440;
  margin: 0 0 1.25rem;
}

.contact-form-map-section_mapPanel__BQh_l {
  display: flex;
  flex-direction: column;
  min-height: 420px;
  border-radius: 1rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  overflow: hidden;
  background: #f1f5f9;
  box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.06), 0 16px 32px -8px rgba(1, 36, 64, 0.1);
}
@media (min-width: 1024px) {
  .contact-form-map-section_mapPanel__BQh_l {
    min-height: 100%;
  }
}

.contact-form-map-section_mapHeader__GpECy {
  flex-shrink: 0;
  padding: 1rem 1.25rem;
  background: linear-gradient(135deg, #012440 0%, #043863 100%);
  color: #ffffff;
}
.contact-form-map-section_mapHeader__GpECy p,
.contact-form-map-section_mapHeader__GpECy a,
.contact-form-map-section_mapHeader__GpECy span {
  color: #ffffff !important;
}

.contact-form-map-section_mapHeaderTitle__BNCJ8 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff !important;
}

.contact-form-map-section_mapHeaderAddress__DWM8X {
  margin: 0.35rem 0 0;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: #ffffff !important;
  opacity: 1;
}

.contact-form-map-section_mapHeaderLink__6eOMc {
  display: inline-block;
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #ffffff !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.contact-form-map-section_mapHeaderLink__6eOMc:hover {
  color: #ffffff !important;
  opacity: 0.88;
}

.contact-form-map-section_mapFrameWrap__8IM9f {
  position: relative;
  flex: 1;
  min-height: 320px;
}

.contact-form-map-section_mapFrame__HFGeP {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/vision-mission-area.module.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.vision-mission-area_wrapper__nODY0 {
  --vm-accent: #0c67b2;
  --vm-accent-light: rgba(12, 103, 178, 0.08);
  --vm-accent-border: rgba(12, 103, 178, 0.25);
}

.vision-mission-area_section__PIX3n {
  padding: 0.5rem 0;
}

.vision-mission-area_card__JQWRB {
  display: grid;
  gap: 0;
  margin-bottom: 2.5rem;
  grid-template-columns: 1fr;
  grid-template-areas: "image" "content";
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  border: 2px solid var(--vm-accent-border);
  box-shadow: 0 8px 32px rgba(12, 103, 178, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
}
.vision-mission-area_card__JQWRB:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .vision-mission-area_card__JQWRB {
    grid-template-columns: 5fr 7fr;
    grid-template-areas: "image content";
    align-items: stretch;
    min-height: 280px;
  }
  .vision-mission-area_card__JQWRB.vision-mission-area_imageFirst__6lYx7 {
    grid-template-areas: "image content";
  }
  .vision-mission-area_card__JQWRB.vision-mission-area_contentFirst__RzvGl {
    grid-template-columns: 7fr 5fr;
    grid-template-areas: "content image";
  }
}

.vision-mission-area_imageWrap__EHkub {
  grid-area: image;
  position: relative;
  width: 100%;
  min-height: 220px;
  aspect-ratio: 5/4;
  overflow: hidden;
  border-radius: 14px 14px 0 0;
}
@media (min-width: 992px) {
  .vision-mission-area_imageWrap__EHkub {
    min-height: 100%;
    aspect-ratio: auto;
    border-radius: 14px 0 0 14px;
  }
  .vision-mission-area_card__JQWRB.vision-mission-area_contentFirst__RzvGl .vision-mission-area_imageWrap__EHkub {
    border-radius: 0 14px 14px 0;
  }
}

.vision-mission-area_content__6dxo0 {
  grid-area: content;
  padding: 1.5rem 1.5rem 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 992px) {
  .vision-mission-area_content__6dxo0 {
    padding: 2rem 2.25rem;
    border-left: 4px solid var(--vm-accent);
  }
  .vision-mission-area_card__JQWRB.vision-mission-area_contentFirst__RzvGl .vision-mission-area_content__6dxo0 {
    border-left: none;
    border-right: 4px solid var(--vm-accent);
  }
}

.vision-mission-area_title__mTanf {
  font-size: 1.375rem;
  font-weight: 700;
  color: #1a202c;
  margin: 0 0 0.75rem;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
@media (max-width: 991px) {
  .vision-mission-area_title__mTanf {
    display: none;
  }
}

.vision-mission-area_text__jKCkV {
  font-size: 1rem;
  color: #4a5568;
  line-height: 1.75;
  margin: 0;
}

.vision-mission-area_richText__mqnTX {
  font-size: 1rem;
  color: #4a5568;
  line-height: 1.75;
  margin: 0;
}
.vision-mission-area_richText__mqnTX p {
  margin: 0 0 0.75rem;
}
.vision-mission-area_richText__mqnTX p:last-child {
  margin-bottom: 0;
}

.vision-mission-area_mobileTitle__kUEyw {
  font-size: 1rem;
  font-weight: 700;
  color: var(--vm-accent);
  margin: 0 0 0.5rem;
}
@media (min-width: 992px) {
  .vision-mission-area_mobileTitle__kUEyw {
    display: none;
  }
}

.vision-mission-area_list__zPw7R {
  list-style: none;
  padding: 0;
  margin: 0;
}
.vision-mission-area_list__zPw7R li {
  position: relative;
  padding-left: 1.25rem;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #4a5568;
  line-height: 1.65;
}
.vision-mission-area_list__zPw7R li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--vm-accent);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/contact-page-content-delta.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.contact-page-content-delta_page__pkwgt {
  --cpd-ink: #0a1628;
  --cpd-muted: #5a6573;
  --cpd-line: #d5e0ea;
  --cpd-surface: #ffffff;
  --cpd-canvas: #f6f4ee;
  --cpd-accent: #004c71;
  --cpd-accent-2: #f5821f;
  --cpd-navy: #043863;
}

.contact-page-content-delta_channels__JKnWp {
  padding: 3.5rem 0 1rem;
  background: var(--cpd-canvas);
}

.contact-page-content-delta_channelsHead__Xlwe8 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.contact-page-content-delta_channelsTitle__HUIjk {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--cpd-ink);
}

.contact-page-content-delta_channelsHint__t8z9G {
  margin: 0;
  font-size: 0.875rem;
  color: var(--cpd-muted);
}

.contact-page-content-delta_channelList__8kbJJ {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.contact-page-content-delta_channel__1XV_A {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem 1.25rem;
  align-items: center;
  padding: 1.15rem 1.25rem;
  border-radius: 14px;
  background: var(--cpd-surface);
  border: 1px solid var(--cpd-line);
  text-decoration: none;
  color: inherit;
  box-shadow: 0 6px 18px rgba(10, 22, 40, 0.04);
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}
.contact-page-content-delta_channel__1XV_A:hover {
  transform: translateX(4px);
  border-color: rgba(0, 76, 113, 0.35);
  box-shadow: 0 12px 28px rgba(10, 22, 40, 0.08);
}
[dir="rtl"] .contact-page-content-delta_channel__1XV_A:hover {
  transform: translateX(-4px);
}
@media (max-width: 575px) {
  .contact-page-content-delta_channel__1XV_A {
    grid-template-columns: auto 1fr;
    gap: 0.85rem;
  }
}

.contact-page-content-delta_channelIcon__xJNCQ {
  display: grid;
  place-items: center;
  width: 2.85rem;
  height: 2.85rem;
  border-radius: 12px;
  font-size: 1.15rem;
  color: var(--cpd-accent);
  background: rgba(0, 76, 113, 0.09);
  transition: background 0.2s ease, color 0.2s ease;
}
.contact-page-content-delta_channel__1XV_A:hover .contact-page-content-delta_channelIcon__xJNCQ {
  background: var(--cpd-accent);
  color: #fff;
}

.contact-page-content-delta_channelBody__rTCL2 {
  min-width: 0;
}

.contact-page-content-delta_channelLabel__fdGZ7 {
  margin: 0 0 0.2rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--cpd-accent-2);
}

.contact-page-content-delta_channelTitle__1nIKj {
  margin: 0 0 0.25rem;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--cpd-ink);
  line-height: 1.3;
}

.contact-page-content-delta_channelDesc__CBhd_ {
  margin: 0;
  font-size: 0.84rem;
  color: var(--cpd-muted);
  line-height: 1.45;
}

.contact-page-content-delta_channelValue__wmvJT {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  max-width: 16rem;
  font-size: 0.9rem;
  font-weight: 650;
  color: var(--cpd-accent);
  text-align: end;
  word-break: break-word;
}
@media (max-width: 575px) {
  .contact-page-content-delta_channelValue__wmvJT {
    grid-column: 2;
    text-align: start;
    max-width: none;
  }
}

.contact-page-content-delta_channelArrow__PNOde {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  opacity: 0.7;
}
[dir="rtl"] .contact-page-content-delta_channelArrow__PNOde {
  transform: scaleX(-1);
}

.contact-page-content-delta_socialBar__YxMJ7 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.75rem;
  margin-bottom: 0.5rem;
  padding: 1rem 1.2rem;
  border-radius: 14px;
  background: var(--cpd-surface);
  border: 1px solid var(--cpd-line);
}

.contact-page-content-delta_socialLabel__d4SLW {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--cpd-ink);
}

/* —— Form + map: map-first band (NV is equal split cards) —— */
.contact-page-content-delta_reach__hvdYK {
  padding: 2.5rem 0 4.5rem;
  background: var(--cpd-canvas);
}

.contact-page-content-delta_reachShell__KGXfx {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 0;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--cpd-line);
  box-shadow: 0 18px 40px rgba(10, 22, 40, 0.08);
  background: var(--cpd-surface);
}
@media (max-width: 991px) {
  .contact-page-content-delta_reachShell__KGXfx {
    grid-template-columns: 1fr;
  }
}

.contact-page-content-delta_formSide__otNts {
  padding: 1.75rem 1.6rem 1.85rem;
  background: linear-gradient(180deg, rgba(0, 76, 113, 0.04) 0%, transparent 35%), var(--cpd-surface);
}
@media (min-width: 640px) {
  .contact-page-content-delta_formSide__otNts {
    padding: 2rem 2rem 2.15rem;
  }
}

.contact-page-content-delta_formEyebrow__J_LhW {
  margin: 0 0 0.4rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cpd-accent);
}

.contact-page-content-delta_formTitle__0nMdu {
  margin: 0 0 0.35rem;
  font-size: 1.45rem;
  font-weight: 750;
  color: var(--cpd-ink);
}

.contact-page-content-delta_formHint__j_mOb {
  margin: 0 0 1.25rem;
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--cpd-muted);
}

.contact-page-content-delta_mapSide__XnHCp {
  position: relative;
  min-height: 420px;
  background: #0a1628;
}
@media (max-width: 991px) {
  .contact-page-content-delta_mapSide__XnHCp {
    min-height: 360px;
    order: -1;
  }
}

.contact-page-content-delta_mapOverlay__tv_aZ {
  position: absolute;
  z-index: 2;
  inset-inline-start: 1rem;
  bottom: 1rem;
  max-width: min(100% - 2rem, 22rem);
  padding: 0.9rem 1rem;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

.contact-page-content-delta_mapOverlayTitle__4ZV8A {
  margin: 0 0 0.25rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--cpd-accent);
}

.contact-page-content-delta_mapOverlayAddress__P38eh {
  margin: 0 0 0.45rem;
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--cpd-ink);
}

.contact-page-content-delta_mapOverlayLink__qT7xW {
  font-size: 0.8rem;
  font-weight: 650;
  color: var(--cpd-accent-2);
  text-decoration: none;
}
.contact-page-content-delta_mapOverlayLink__qT7xW:hover {
  text-decoration: underline;
}

.contact-page-content-delta_mapFrame__xMOmT {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  filter: saturate(1.05) contrast(1.02);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/home-about-one-2.module.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.home-about-one-2_section__hoyDM {
  padding: 48px 0 40px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .home-about-one-2_section__hoyDM {
    padding: 36px 0 32px;
  }
}
@media (max-width: 575px) {
  .home-about-one-2_section__hoyDM {
    padding: 28px 0 24px;
  }
}

.home-about-one-2_inner__G0wDE {
  position: relative;
  z-index: 1;
}

.home-about-one-2_grid__NoBv1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "content visual";
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
}
@media (max-width: 991px) {
  .home-about-one-2_grid__NoBv1 {
    grid-template-columns: 1fr;
    grid-template-areas: "content" "visual";
  }
}

.home-about-one-2_gridReversed__ypvM6 {
  grid-template-areas: "visual content";
}
@media (max-width: 991px) {
  .home-about-one-2_gridReversed__ypvM6 {
    /* Keep reading order: text first on small screens */
    grid-template-areas: "content" "visual";
  }
}

.home-about-one-2_content__Esk0N {
  grid-area: content;
  max-width: 34rem;
}

.home-about-one-2_visual__P2PKW {
  grid-area: visual;
  position: relative;
}
@media (max-width: 991px) {
  .home-about-one-2_visual__P2PKW {
    max-width: 520px;
    margin: 0 auto;
  }
}

html[dir='rtl'] .home-about-one-2_content__Esk0N {
  text-align: right;
  margin-inline-start: auto;
  margin-inline-end: 0;
}

.home-about-one-2_eyebrow__Pa0GM {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--faculty-primary, #004c71);
  margin: 0 0 1rem;
}

.home-about-one-2_eyebrowDot__AmK1w {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--faculty-primary, #004c71);
}

.home-about-one-2_title__DI_w5 {
  font-size: clamp(1.75rem, 3.2vw, 2.5rem);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #0f172a;
  margin: 0 0 1.25rem;
}

.home-about-one-2_highlight__x_cHB {
  color: var(--faculty-primary, #004c71);
  position: relative;
  display: inline-block;
}

.home-about-one-2_highlight__x_cHB::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.12em;
  width: 100%;
  height: 0.35em;
  background: color-mix(in srgb, var(--faculty-primary, #004c71) 18%, transparent);
  z-index: -1;
  border-radius: 2px;
}

.home-about-one-2_body__tiz2X {
  font-size: 1.0625rem;
  line-height: 1.75;
  color: #475569;
  margin: 0 0 1.75rem;
}
.home-about-one-2_body__tiz2X p {
  margin: 0 0 0.75rem;
  color: inherit;
}
.home-about-one-2_body__tiz2X p:last-child {
  margin-bottom: 0;
}

.home-about-one-2_features__uMoi7 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

.home-about-one-2_feature__x2IW1 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem 1.15rem;
  background: #fff;
  border-radius: 0.875rem;
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow: 0 4px 20px -8px rgba(15, 23, 42, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.home-about-one-2_feature__x2IW1:hover {
  transform: translateX(4px);
  box-shadow: 0 12px 28px -12px rgba(15, 23, 42, 0.12);
}

html[dir='rtl'] .home-about-one-2_feature__x2IW1:hover {
  transform: translateX(-4px);
}

.home-about-one-2_featureIcon__MmuFC {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--faculty-secondary, var(--f-s, #012440));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.home-about-one-2_featureIcon__MmuFC img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  filter: brightness(0) invert(1);
}

.home-about-one-2_featureTitle__WsMLJ {
  font-size: 1rem;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 0.25rem;
}

.home-about-one-2_featureText__Pkem1 {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #64748b;
  margin: 0;
}

.home-about-one-2_cta__iGH_e {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.5rem;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #fff;
  background: var(--faculty-secondary, var(--f-s, #012440));
  border-radius: 999px;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  box-shadow: 0 8px 24px -8px color-mix(in srgb, var(--faculty-secondary, #012440) 55%, transparent);
}
.home-about-one-2_cta__iGH_e:hover {
  color: #fff;
  background: var(--faculty-primary, var(--f-p, #004c71));
  transform: translateY(-2px);
  box-shadow: 0 14px 32px -10px color-mix(in srgb, var(--faculty-primary, #004c71) 65%, transparent);
}

.home-about-one-2_ctaArrow__aQuwM {
  display: inline-flex;
  transition: transform 0.2s ease;
}

.home-about-one-2_cta__iGH_e:hover .home-about-one-2_ctaArrow__aQuwM {
  transform: translateX(4px);
}

html[dir='rtl'] .home-about-one-2_ctaArrow__aQuwM {
  transform: scaleX(-1);
}

html[dir='rtl'] .home-about-one-2_cta__iGH_e:hover .home-about-one-2_ctaArrow__aQuwM {
  transform: scaleX(-1) translateX(4px);
}

.home-about-one-2_imageFrame__srRht {
  position: relative;
  width: 100%;
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 24px 48px -20px rgba(15, 23, 42, 0.25);
  aspect-ratio: 4/5;
  max-height: min(520px, 85vh);
  background: #e2e8f0;
}
.home-about-one-2_imageFrame__srRht .swiper-pagination {
  bottom: 14px;
  line-height: 0;
}
.home-about-one-2_imageFrame__srRht .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px !important;
  background: rgba(255, 255, 255, 0.45);
  opacity: 1;
}
.home-about-one-2_imageFrame__srRht .swiper-pagination-bullet-active {
  background: #fff;
  transform: scale(1.15);
}

.home-about-one-2_swiper__Yrh_g {
  width: 100%;
  height: 100%;
}
.home-about-one-2_swiper__Yrh_g .swiper-wrapper {
  height: 100%;
}
.home-about-one-2_swiper__Yrh_g .swiper-slide {
  height: 100%;
}
.home-about-one-2_swiper__Yrh_g {
  /* Guard: under html[dir=rtl], fade can miss the active opacity on first paint */
}
.home-about-one-2_swiper__Yrh_g .swiper-slide-active,
.home-about-one-2_swiper__Yrh_g .swiper-slide-duplicate-active {
  opacity: 1 !important;
  z-index: 1;
}

.home-about-one-2_slide__Xi_hI {
  position: relative;
  width: 100%;
  height: 100%;
}

.home-about-one-2_image__US_Mt {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/gallery-area-2.module.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.gallery-area-2_area__jkg3c {
  padding: 64px 0 80px;
}

.gallery-area-2_tabs__91VOw {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-bottom: 28px;
}

.gallery-area-2_tab__kT7ew {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 16px;
  border: 1px solid rgba(1, 36, 64, 0.12);
  border-radius: 999px;
  background: #fff;
  color: #012440;
  cursor: pointer;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.2;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.gallery-area-2_tab__kT7ew:hover {
  border-color: rgba(12, 103, 178, 0.45);
}

.gallery-area-2_tabActive__Uw1A8 {
  background: #0c67b2;
  border-color: #0c67b2;
  color: #fff;
  box-shadow: 0 8px 18px rgba(12, 103, 178, 0.25);
}

.gallery-area-2_tabLabel__ODPGI {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.gallery-area-2_panel__gO5J8 {
  min-height: 120px;
}

.gallery-area-2_mosaic__6ChQa {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.gallery-area-2_mosaicItem__1qqlZ {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  min-height: 0;
  padding: 0;
  border: 1px solid rgba(1, 36, 64, 0.08);
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(1, 36, 64, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.gallery-area-2_mosaicItem__1qqlZ:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(1, 36, 64, 0.1);
}

.gallery-area-2_mosaicItemImg__cirlZ {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #f1f3f6;
}
.gallery-area-2_mosaicItemImg__cirlZ img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.gallery-area-2_mosaicItem__1qqlZ:hover .gallery-area-2_mosaicItemImg__cirlZ img {
  transform: scale(1.04);
}

.gallery-area-2_empty__bwwyo {
  margin: 0;
  color: #94a3b8;
  font-size: 0.9rem;
  text-align: center;
  padding: 32px 0;
}

.gallery-area-2_lightbox__hTa7z {
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: rgba(1, 20, 36, 0.88);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.gallery-area-2_lightboxClose__8_rIf {
  position: absolute;
  top: 16px;
  inset-inline-end: 16px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
}

.gallery-area-2_lightboxNav__HNtNO {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}
.gallery-area-2_lightboxNav__HNtNO[data-dir=prev] {
  inset-inline-start: 16px;
}
.gallery-area-2_lightboxNav__HNtNO[data-dir=next] {
  inset-inline-end: 16px;
}

.gallery-area-2_lightboxBody__bXuCG {
  max-width: min(960px, 92vw);
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.gallery-area-2_lightboxBody__bXuCG img {
  max-width: 100%;
  max-height: 72vh;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 8px;
  background: #000;
}

.gallery-area-2_lightboxCaption__Ol6Ry {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: #fff;
  text-align: center;
}
.gallery-area-2_lightboxCaption__Ol6Ry strong {
  font-size: 1.05rem;
}
.gallery-area-2_lightboxCaption__Ol6Ry span {
  font-size: 0.85rem;
  opacity: 0.75;
}

@media (max-width: 991px) {
  .gallery-area-2_mosaic__6ChQa {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .gallery-area-2_area__jkg3c {
    padding: 48px 0 64px;
  }
  .gallery-area-2_tabs__91VOw {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
  }
  .gallery-area-2_tab__kT7ew {
    flex: 0 0 auto;
  }
  .gallery-area-2_mosaic__6ChQa {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .gallery-area-2_lightboxNav__HNtNO {
    display: none;
  }
}
html[dir="rtl"] .gallery-area-2_tabs__91VOw {
  direction: rtl;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/tour-videos-area-2.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tour-videos-area-2_area__FFjmI {
  padding: 64px 0 80px;
}

.tour-videos-area-2_tabs__tAVvs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-bottom: 28px;
}

.tour-videos-area-2_tab__YXFr5 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 16px;
  border: 1px solid rgba(1, 36, 64, 0.12);
  border-radius: 999px;
  background: #fff;
  color: #012440;
  cursor: pointer;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.2;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.tour-videos-area-2_tab__YXFr5:hover {
  border-color: rgba(12, 103, 178, 0.45);
}

.tour-videos-area-2_tabActive__ujlXw {
  background: #0c67b2;
  border-color: #0c67b2;
  color: #fff;
  box-shadow: 0 8px 18px rgba(12, 103, 178, 0.25);
}

.tour-videos-area-2_tabLabel__Ldgfr {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.tour-videos-area-2_panel__96ztM {
  min-height: 120px;
}

.tour-videos-area-2_mosaic__r65sc {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}

.tour-videos-area-2_mosaicItem__dIOwV {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  min-height: 0;
  padding: 0;
  border: 1px solid rgba(1, 36, 64, 0.08);
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(1, 36, 64, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.tour-videos-area-2_mosaicItem__dIOwV:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(1, 36, 64, 0.1);
}

.tour-videos-area-2_mosaicItemImg__0CdvM {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #012440;
}
.tour-videos-area-2_mosaicItemImg__0CdvM img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.tour-videos-area-2_mosaicItem__dIOwV:hover:not(:disabled) .tour-videos-area-2_mosaicItemImg__0CdvM img {
  transform: scale(1.04);
}

.tour-videos-area-2_playBadge__WVKXR {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  background: rgba(1, 20, 36, 0.28);
}
.tour-videos-area-2_playBadge__WVKXR span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: #0c67b2;
  font-size: 1.25rem;
  line-height: 1;
  box-shadow: 0 8px 20px rgba(1, 36, 64, 0.25);
}

.tour-videos-area-2_empty__6h73c {
  margin: 0;
  color: #94a3b8;
  font-size: 0.9rem;
  text-align: center;
  padding: 32px 0;
}

.tour-videos-area-2_lightbox__bOUWM {
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: rgba(1, 20, 36, 0.88);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.tour-videos-area-2_lightboxClose__f76_O {
  position: absolute;
  top: 16px;
  inset-inline-end: 16px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
}

.tour-videos-area-2_lightboxNav__b1vnS {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}
.tour-videos-area-2_lightboxNav__b1vnS[data-dir=prev] {
  inset-inline-start: 16px;
}
.tour-videos-area-2_lightboxNav__b1vnS[data-dir=next] {
  inset-inline-end: 16px;
}

.tour-videos-area-2_lightboxBody__egUv6 {
  width: min(960px, 92vw);
  max-height: 88vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.tour-videos-area-2_lightboxFrame__zeAwa {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 8px;
  overflow: hidden;
  background: #000;
}
.tour-videos-area-2_lightboxFrame__zeAwa iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.tour-videos-area-2_lightboxCaption__OdyQh {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: #fff;
  text-align: center;
}
.tour-videos-area-2_lightboxCaption__OdyQh strong {
  font-size: 1.05rem;
}

@media (max-width: 991px) {
  .tour-videos-area-2_mosaic__r65sc {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .tour-videos-area-2_area__FFjmI {
    padding: 48px 0 64px;
  }
  .tour-videos-area-2_tabs__tAVvs {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
    -webkit-overflow-scrolling: touch;
  }
  .tour-videos-area-2_tab__YXFr5 {
    flex: 0 0 auto;
  }
  .tour-videos-area-2_mosaic__r65sc {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .tour-videos-area-2_lightboxNav__b1vnS {
    display: none;
  }
}
html[dir="rtl"] .tour-videos-area-2_tabs__tAVvs {
  direction: rtl;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/swiper/swiper-bundle.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 12.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 29, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode {
  .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
  }
}
.swiper-virtual.swiper-css-mode.swiper-horizontal {
  .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
  }
}

.swiper-virtual.swiper-css-mode.swiper-vertical {
  .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
  }
}



:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
  .swiper-scrollbar-disabled > &,
  &.swiper-scrollbar-disabled {
    display: none !important;
  }
  .swiper-horizontal > &,
  &.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
  .swiper-vertical > &,
  &.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  }
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}


/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  > img,
  > svg,
  > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}


/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}




.swiper-thumbs {
  .swiper-slide-thumb-active {
    /* Styles for active thumb slide */
  }
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}


.swiper-fade {
  &.swiper-free-mode {
    .swiper-slide {
      transition-timing-function: ease-out;
    }
  }
  .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    pointer-events: auto;
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}

.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
    .swiper-slide {
      pointer-events: none;
    }
  }
  &.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
  .swiper-slide-active,
  .swiper-slide-next,
  .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
  }

  .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;

    &:before {
      content: '';
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px);
    }
  }
  .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
  }
}
/* Cube slide shadows start */
.swiper-cube {
  .swiper-slide-shadow-cube.swiper-slide-shadow-top,
  .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-cube.swiper-slide-shadow-left,
  .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Cube slide shadows end */

.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip {
  .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    .swiper-slide {
      pointer-events: none;
    }
  }
  .swiper-slide-active {
    &,
    & .swiper-slide-active {
      pointer-events: auto;
    }
  }
}
/* Flip slide shadows start */
.swiper-flip {
  .swiper-slide-shadow-flip.swiper-slide-shadow-top,
  .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
  .swiper-slide-shadow-flip.swiper-slide-shadow-left,
  .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden;
  }
}
/* Flip slide shadows end */

.swiper-coverflow {
}

.swiper-creative {
  .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
  }
}

.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards {
  .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/service-one-2.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.service-one-2_wrapper__iZWTz {
  position: absolute;
  left: 28px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 14px;
  pointer-events: none;
}
@media (max-width: 1199px) {
  .service-one-2_wrapper__iZWTz {
    left: 20px;
    gap: 12px;
  }
}
@media (max-width: 991px) {
  .service-one-2_wrapper__iZWTz {
    left: 16px;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .service-one-2_wrapper__iZWTz {
    left: 12px;
    gap: 8px;
  }
}

html[dir='rtl'] .service-one-2_wrapper__iZWTz {
  left: auto;
  right: 28px;
}
@media (max-width: 1199px) {
  html[dir='rtl'] .service-one-2_wrapper__iZWTz {
    right: 20px;
  }
}
@media (max-width: 991px) {
  html[dir='rtl'] .service-one-2_wrapper__iZWTz {
    right: 16px;
  }
}
@media (max-width: 767px) {
  html[dir='rtl'] .service-one-2_wrapper__iZWTz {
    right: 12px;
  }
}

.service-one-2_link__EtupS {
  position: relative;
  pointer-events: auto;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.08);
  color: #012440;
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.service-one-2_link__EtupS:hover {
  transform: scale(1.08);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(245, 130, 31, 0.25);
  background: #fff;
}

.service-one-2_icon__VUJun {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-one-2_label__mP9D0 {
  position: absolute;
  left: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  padding: 6px 12px;
  background: rgba(1, 36, 64, 0.92);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, left 0.2s ease, right 0.2s ease;
  pointer-events: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.service-one-2_link__EtupS:hover .service-one-2_label__mP9D0 {
  opacity: 1;
  visibility: visible;
  left: calc(100% + 16px);
}

html[dir='rtl'] .service-one-2_label__mP9D0 {
  left: auto;
  right: calc(100% + 12px);
}

html[dir='rtl'] .service-one-2_link__EtupS:hover .service-one-2_label__mP9D0 {
  left: auto;
  right: calc(100% + 16px);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/event-area-3.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.event-area-3_section__RfmVn {
  --ev3-p: var(--faculty-primary, var(--f-p, #004c71));
  --ev3-s: var(--faculty-secondary, var(--f-s, #012440));
  --ev3-soft: color-mix(in srgb, var(--ev3-p) 8%, #ffffff);
  --ev3-soft-2: color-mix(in srgb, var(--ev3-p) 14%, #ffffff);
  --ev3-line: color-mix(in srgb, var(--ev3-p) 14%, #e5e7eb);
  position: relative;
  padding: 80px 0;
  background: transparent;
  overflow: hidden;
}

.event-area-3_row__lVImB {
  align-items: stretch;
}

.event-area-3_calendarCol__buvHd,
.event-area-3_listCol__BCwKA {
  display: flex;
  margin-bottom: 0;
}

.event-area-3_calendarLink__kilq7 {
  position: relative;
  display: flex;
  flex: 1;
  width: 100%;
  min-height: 360px;
  border-radius: 22px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 18px 50px color-mix(in srgb, var(--ev3-p) 12%, transparent);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.event-area-3_calendarLink__kilq7:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 60px color-mix(in srgb, var(--ev3-p) 18%, transparent);
  text-decoration: none;
  color: inherit;
}
.event-area-3_calendarLink__kilq7:hover .event-area-3_calendarCard___8U5J {
  transform: translateY(-4px) scale(1.02);
}
.event-area-3_calendarLink__kilq7:hover .event-area-3_calendarCta__AnFqx,
.event-area-3_calendarLink__kilq7:hover .event-area-3_calendarHeadline__6rWtW {
  letter-spacing: 0.01em;
}

.event-area-3_calendarImg__ut_KC {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.event-area-3_calendarPhotoOverlay__44NgE {
  position: relative;
  z-index: 1;
  margin-top: auto;
  width: 100%;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: color-mix(in srgb, var(--ev3-p) 88%, transparent);
  color: #fff;
}

.event-area-3_calendarArt__LnqdA {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 28px;
  width: 100%;
  padding: 28px 26px 30px;
  background: var(--ev3-p);
  color: #fff;
}

.event-area-3_calendarGlow__YhDfu {
  position: absolute;
  inset: auto -20% -30% auto;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  background: color-mix(in srgb, var(--ev3-p) 35%, #ffffff);
  opacity: 0.35;
  pointer-events: none;
}

.event-area-3_calendarCard___8U5J {
  position: relative;
  z-index: 1;
  width: min(100%, 220px);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  transition: transform 0.35s ease;
}

.event-area-3_calendarCardHeader__EDAqO {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  background: color-mix(in srgb, var(--ev3-p) 88%, #000);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.event-area-3_calendarGrid__kTuwO {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  padding: 14px;
}

.event-area-3_calendarDot__8Rl_0,
.event-area-3_calendarDotActive__C_82r {
  aspect-ratio: 1;
  border-radius: 8px;
  background: color-mix(in srgb, var(--ev3-p) 10%, #f3f4f6);
}

.event-area-3_calendarDotActive__C_82r {
  background: var(--ev3-p);
  box-shadow: 0 6px 14px color-mix(in srgb, var(--ev3-p) 35%, transparent);
}

.event-area-3_calendarCopy___ruYB {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 18rem;
}

.event-area-3_calendarEyebrow__Opx_o {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.82;
}

.event-area-3_calendarHeadline__6rWtW,
.event-area-3_calendarCta__AnFqx {
  font-size: clamp(1.35rem, 2vw, 1.75rem);
  font-weight: 700;
  line-height: 1.2;
}

.event-area-3_calendarHint__nZ1tm {
  font-size: 14px;
  opacity: 0.8;
}

.event-area-3_listPanel__088eR {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 8px 8px 8px 28px;
}

.event-area-3_listHead__GwJXC {
  margin-bottom: 8px;
}

.event-area-3_title__eIHZc {
  margin: 0;
  font-size: clamp(1.65rem, 2.4vw, 2.15rem);
  font-weight: 700;
  line-height: 1.15;
  color: #111827;
  letter-spacing: -0.02em;
}

.event-area-3_titleRule__4Vmhk {
  display: block;
  width: 48px;
  height: 3px;
  margin-top: 12px;
  border-radius: 999px;
  background: var(--ev3-p);
}

.event-area-3_list__j4GUf {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-top: 10px;
}

.event-area-3_item__MmUNp {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px 14px;
  margin: 0 -14px;
  border-bottom: 1px solid var(--ev3-line);
  border-radius: 14px;
  text-decoration: none;
  color: inherit;
  transition: background 0.25s ease, transform 0.25s ease;
}
.event-area-3_item__MmUNp:last-child {
  border-bottom-color: transparent;
}
.event-area-3_item__MmUNp:hover {
  background: color-mix(in srgb, var(--ev3-p) 6%, #ffffff);
  text-decoration: none;
  color: inherit;
  transform: translateX(4px);
}
.event-area-3_item__MmUNp:hover .event-area-3_itemTitle__4NlVv {
  color: var(--ev3-p);
}
.event-area-3_item__MmUNp:hover .event-area-3_itemArrow__gW_p9 {
  opacity: 1;
  transform: translateX(0);
  background: var(--ev3-p);
  color: #fff;
}
.event-area-3_item__MmUNp:hover .event-area-3_dateBadge__3Zr8G {
  background: var(--ev3-p);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--ev3-p) 28%, transparent);
}
.event-area-3_item__MmUNp:hover .event-area-3_dateBadge__3Zr8G .event-area-3_day__b5QnR,
.event-area-3_item__MmUNp:hover .event-area-3_dateBadge__3Zr8G .event-area-3_month__He1sl {
  color: #fff;
}

html[dir=rtl] .event-area-3_item__MmUNp:hover {
  transform: translateX(-4px);
}
html[dir=rtl] .event-area-3_item__MmUNp:hover .event-area-3_itemArrow__gW_p9 {
  transform: translateX(0) scaleX(-1);
}

.event-area-3_dateBadge__3Zr8G {
  flex-shrink: 0;
  width: 64px;
  min-height: 72px;
  padding: 10px 6px;
  border-radius: 14px;
  background: var(--ev3-soft-2);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: background 0.25s ease, box-shadow 0.25s ease;
}

.event-area-3_day__b5QnR {
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
  color: var(--ev3-p);
  transition: color 0.25s ease;
}

.event-area-3_month__He1sl {
  margin-top: 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--ev3-p) 72%, #4b5563);
  transition: color 0.25s ease;
}

.event-area-3_itemBody__0MgFH {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.event-area-3_itemTitle__4NlVv {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  color: #111827;
  transition: color 0.25s ease;
}

.event-area-3_itemMeta__QaAVo {
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
}

.event-area-3_itemArrow__gW_p9 {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--ev3-soft);
  color: var(--ev3-p);
  opacity: 0.55;
  transform: translateX(-4px);
  transition: opacity 0.25s ease, transform 0.25s ease, background 0.25s ease, color 0.25s ease;
}
.event-area-3_itemArrow__gW_p9 i {
  font-size: 12px;
}

html[dir=rtl] .event-area-3_itemArrow__gW_p9 {
  transform: translateX(4px) scaleX(-1);
}

.event-area-3_footer__BtXmU {
  display: flex;
  justify-content: flex-end;
  margin-top: 18px;
  padding-top: 4px;
}

.event-area-3_viewAll__Q0OZj {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 700;
  color: var(--ev3-p);
  text-decoration: none;
  transition: color 0.25s ease, gap 0.25s ease;
}
.event-area-3_viewAll__Q0OZj i {
  font-size: 12px;
  transition: transform 0.25s ease;
}
.event-area-3_viewAll__Q0OZj:hover {
  color: color-mix(in srgb, var(--ev3-p) 72%, #000);
  gap: 14px;
  text-decoration: none;
}
.event-area-3_viewAll__Q0OZj:hover i {
  transform: translateX(2px);
}

html[dir=rtl] .event-area-3_viewAll__Q0OZj i {
  transform: scaleX(-1);
}
html[dir=rtl] .event-area-3_viewAll__Q0OZj:hover i {
  transform: scaleX(-1) translateX(2px);
}

@media (max-width: 991px) {
  .event-area-3_section__RfmVn {
    padding: 56px 0;
  }
  .event-area-3_calendarCol__buvHd {
    margin-bottom: 28px;
  }
  .event-area-3_calendarLink__kilq7 {
    min-height: 300px;
  }
  .event-area-3_listPanel__088eR {
    padding: 0;
  }
}
@media (max-width: 575px) {
  .event-area-3_item__MmUNp {
    gap: 12px;
    padding: 16px 8px;
    margin: 0 -8px;
  }
  .event-area-3_dateBadge__3Zr8G {
    width: 56px;
    min-height: 64px;
  }
  .event-area-3_day__b5QnR {
    font-size: 22px;
  }
  .event-area-3_itemTitle__4NlVv {
    font-size: 15px;
  }
  .event-area-3_itemArrow__gW_p9 {
    display: none;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/faculty-dean-highlight.module.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.faculty-dean-highlight_section__bTSXv {
  --dean-p: var(--faculty-primary, var(--f-p, #004c71));
  --dean-s: var(--faculty-secondary, var(--f-s, #012440));
  --dean-soft: color-mix(in srgb, var(--dean-p) 8%, #ffffff);
  --dean-ink: color-mix(in srgb, var(--dean-s) 88%, #0f172a);
  position: relative;
  padding: 64px 0;
  overflow: hidden;
  background: #ffffff;
}

.faculty-dean-highlight_panel__qsQEo {
  display: grid;
  align-items: stretch;
  gap: clamp(1.5rem, 3vw, 2.75rem) clamp(2rem, 4vw, 3.5rem);
  width: 100%;
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid color-mix(in srgb, var(--dean-p) 12%, #e5e7eb);
  box-shadow: 0 16px 40px color-mix(in srgb, var(--dean-s) 7%, transparent);
  /* Keep columns physical L→R so RTL page dir does not double-flip placement */
  direction: ltr;
}

/* Image : text = 2 : 4 — portrait left in LTR */
.faculty-dean-highlight_imageStart__yRZnh {
  grid-template-columns: 2fr 4fr;
  grid-template-areas: "media content";
}

/* Portrait right in RTL */
html[dir="rtl"] .faculty-dean-highlight_imageStart__yRZnh {
  grid-template-columns: 4fr 2fr;
  grid-template-areas: "content media";
}

/* Swap sides when reverse_layout is on */
.faculty-dean-highlight_imageEnd__yqgXD {
  grid-template-columns: 4fr 2fr;
  grid-template-areas: "content media";
}

html[dir="rtl"] .faculty-dean-highlight_imageEnd__yqgXD {
  grid-template-columns: 2fr 4fr;
  grid-template-areas: "media content";
}

.faculty-dean-highlight_mediaCol__PmlhF {
  grid-area: media;
  min-width: 0;
  width: 100%;
}

.faculty-dean-highlight_contentCol___FfPn {
  grid-area: content;
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: center;
}

html[dir="rtl"] .faculty-dean-highlight_contentCol___FfPn {
  direction: rtl;
}

html[dir="ltr"] .faculty-dean-highlight_contentCol___FfPn {
  direction: ltr;
}

.faculty-dean-highlight_reveal__U7Xqe {
  display: block;
  width: 100%;
  min-width: 0;
}

.faculty-dean-highlight_media__Y_KGw {
  position: relative;
  width: 100%;
  max-width: none;
}

.faculty-dean-highlight_mediaAccent__CSQbU {
  position: absolute;
  z-index: 0;
  width: 86%;
  height: 86%;
  border-radius: 20px;
  background: var(--dean-s);
  inset-inline-end: -10px;
  bottom: -10px;
}

.faculty-dean-highlight_mediaFrame__TvIGP {
  position: relative;
  z-index: 1;
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: 18px;
  overflow: hidden;
  background: var(--dean-soft);
  box-shadow: 0 18px 40px color-mix(in srgb, var(--dean-s) 16%, transparent), 0 0 0 1px color-mix(in srgb, var(--dean-p) 10%, transparent);
}

.faculty-dean-highlight_mediaImg__fCgIF {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.faculty-dean-highlight_media__Y_KGw:hover .faculty-dean-highlight_mediaImg__fCgIF {
  transform: scale(1.03);
}

.faculty-dean-highlight_content__q3lO2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: none;
}

.faculty-dean-highlight_name__KPHnY {
  margin: 0 0 10px;
  font-size: clamp(1.6rem, 2.4vw, 2.35rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--dean-ink);
  overflow-wrap: anywhere;
  word-break: break-word;
}

.faculty-dean-highlight_title__6BE4Z {
  margin: 0;
  font-size: clamp(1rem, 1.35vw, 1.15rem);
  font-weight: 500;
  line-height: 1.5;
  color: color-mix(in srgb, var(--dean-p) 50%, #64748b);
}

.faculty-dean-highlight_description__FOv4T {
  margin: 14px 0 0;
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-weight: 400;
  line-height: 1.7;
  color: #4b5563;
  max-width: none;
}
.faculty-dean-highlight_description__FOv4T p {
  margin: 0 0 0.75em;
}
.faculty-dean-highlight_description__FOv4T p:last-child {
  margin-bottom: 0;
}
.faculty-dean-highlight_description__FOv4T ul,
.faculty-dean-highlight_description__FOv4T ol {
  margin: 0 0 0.75em;
  padding-inline-start: 1.25em;
}
.faculty-dean-highlight_description__FOv4T a {
  color: var(--dean-p);
  text-decoration: underline;
}
.faculty-dean-highlight_description__FOv4T strong,
.faculty-dean-highlight_description__FOv4T b {
  font-weight: 700;
  color: var(--dean-ink);
}

.faculty-dean-highlight_actions__l8C5J {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.faculty-dean-highlight_btnPrimary__NJwIH {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  padding: 11px 20px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  background: var(--dean-p);
  color: #fff;
  border: 1px solid var(--dean-p);
  box-shadow: 0 10px 24px color-mix(in srgb, var(--dean-p) 26%, transparent);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
.faculty-dean-highlight_btnPrimary__NJwIH i {
  font-size: 12px;
  transition: transform 0.25s ease;
}
.faculty-dean-highlight_btnPrimary__NJwIH:hover {
  text-decoration: none;
  transform: translateY(-2px);
  background: var(--dean-s);
  border-color: var(--dean-s);
  color: #fff;
}
.faculty-dean-highlight_btnPrimary__NJwIH:hover i {
  transform: translateX(3px);
}

html[dir=rtl] .faculty-dean-highlight_btnPrimary__NJwIH i {
  transform: scaleX(-1);
}

html[dir=rtl] .faculty-dean-highlight_btnPrimary__NJwIH:hover i {
  transform: scaleX(-1) translateX(3px);
}

@media (prefers-reduced-motion: reduce) {
  .faculty-dean-highlight_btnPrimary__NJwIH,
  .faculty-dean-highlight_mediaImg__fCgIF {
    transition: none;
  }
  .faculty-dean-highlight_media__Y_KGw:hover .faculty-dean-highlight_mediaImg__fCgIF {
    transform: none;
  }
}
@media (max-width: 767px) {
  .faculty-dean-highlight_section__bTSXv {
    padding: 48px 0;
  }
  .faculty-dean-highlight_imageStart__yRZnh,
  .faculty-dean-highlight_imageEnd__yqgXD,
  html[dir="rtl"] .faculty-dean-highlight_imageStart__yRZnh,
  html[dir="rtl"] .faculty-dean-highlight_imageEnd__yqgXD {
    grid-template-columns: 1fr;
    grid-template-areas: "media" "content";
    justify-items: stretch;
    text-align: center;
  }
  .faculty-dean-highlight_media__Y_KGw {
    max-width: 280px;
    margin-inline: auto;
  }
  .faculty-dean-highlight_contentCol___FfPn {
    display: block;
  }
  .faculty-dean-highlight_content__q3lO2 {
    align-items: center;
    max-width: none;
  }
  .faculty-dean-highlight_actions__l8C5J {
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .faculty-dean-highlight_actions__l8C5J {
    flex-direction: column;
    width: 100%;
  }
  .faculty-dean-highlight_btnPrimary__NJwIH {
    width: 100%;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/video-mosaic-showcase.module.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.video-mosaic-showcase_section__qPoO4 {
  --vms-p: var(--faculty-primary, var(--f-p, #004c71));
  --vms-s: var(--faculty-secondary, var(--f-s, #012440));
  --vms-ink: color-mix(in srgb, var(--vms-s) 90%, #0f172a);
  --vms-gap: 3px;
  position: relative;
  padding: 72px 0 64px;
  overflow: hidden;
  background: #ffffff;
}

.video-mosaic-showcase_header__gQSuc {
  text-align: center;
  margin-bottom: 40px;
}

.video-mosaic-showcase_title__g3Jpo {
  margin: 0 0 10px;
  font-size: clamp(1.75rem, 3vw, 2.4rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--vms-ink);
}

.video-mosaic-showcase_subtitle__TG3KS {
  margin: 0 auto;
  max-width: 36rem;
  font-size: 1.05rem;
  line-height: 1.65;
  color: color-mix(in srgb, var(--vms-p) 42%, #64748b);
}

.video-mosaic-showcase_grid__LJRX4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.25rem, 3vw, 2rem);
  align-items: stretch;
  /* Fixed visual order (ignore page RTL): default = video | mosaic */
  direction: ltr;
}

.video-mosaic-showcase_mosaicStart__NgU4F {
  grid-template-areas: "mosaic video";
}

.video-mosaic-showcase_videoStart__53k3Q {
  grid-template-areas: "video mosaic";
}

.video-mosaic-showcase_mosaicCol__3JYNj {
  grid-area: mosaic;
  min-width: 0;
}

.video-mosaic-showcase_mosaicLink__WVDaJ {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.video-mosaic-showcase_mosaicLink__WVDaJ:focus-visible {
  outline: 2px solid var(--vms-p);
  outline-offset: 4px;
  border-radius: 20px;
}

.video-mosaic-showcase_videoCol__nib0f {
  grid-area: video;
  min-width: 0;
}

/* ---------- Mosaic ---------- */
.video-mosaic-showcase_mosaic__ZdYBE {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 18px 48px color-mix(in srgb, var(--vms-s) 10%, transparent);
  display: grid;
  grid-template-columns: 1.15fr 0.95fr 1.05fr 1.1fr;
  grid-template-rows: 1.05fr 0.95fr 1.1fr;
  gap: var(--vms-gap);
  padding: var(--vms-gap);
}

.video-mosaic-showcase_piece__1bjp7 {
  position: relative;
  overflow: hidden;
  background: color-mix(in srgb, var(--vms-s) 12%, #cbd5e1);
  opacity: 0;
  transform: translate3d(var(--dx, 0), var(--dy, 0), 0) scale(0.58) rotate(var(--rot, 0deg));
  filter: blur(3px) saturate(0.7);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 1.05s cubic-bezier(0.16, 1, 0.3, 1), filter 0.85s ease;
  transition-delay: calc(var(--i, 0) * 95ms + 40ms);
  will-change: transform, opacity, filter;
}

.video-mosaic-showcase_mosaicAssembled__Z7o5r .video-mosaic-showcase_piece__1bjp7 {
  opacity: 1;
  transform: none;
  filter: none;
}

.video-mosaic-showcase_piece1__cdJ_E {
  grid-column: 1/3;
  grid-row: 1/2;
  --dx: -48px;
  --dy: -36px;
  --rot: -6deg;
  clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
}

.video-mosaic-showcase_piece2__GfY5r {
  grid-column: 3/4;
  grid-row: 1/2;
  --dx: 24px;
  --dy: -42px;
  --rot: 5deg;
  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
}

.video-mosaic-showcase_piece3__YvKeT {
  grid-column: 4/5;
  grid-row: 1/3;
  --dx: 56px;
  --dy: -18px;
  --rot: 7deg;
  clip-path: polygon(0 0, 100% 0, 100% 88%, 12% 100%);
}

.video-mosaic-showcase_piece4__U4VZy {
  grid-column: 1/2;
  grid-row: 2/4;
  --dx: -52px;
  --dy: 28px;
  --rot: -5deg;
  clip-path: polygon(0 0, 100% 8%, 88% 100%, 0 100%);
}

.video-mosaic-showcase_piece5__Pdar6 {
  grid-column: 2/3;
  grid-row: 2/3;
  --dx: -12px;
  --dy: 18px;
  --rot: 3deg;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.video-mosaic-showcase_piece6__c7na0 {
  grid-column: 3/4;
  grid-row: 2/3;
  --dx: 18px;
  --dy: 22px;
  --rot: -4deg;
  clip-path: polygon(0 0, 100% 0, 92% 100%, 8% 100%);
}

.video-mosaic-showcase_piece7__8RZVF {
  grid-column: 2/4;
  grid-row: 3/4;
  --dx: 8px;
  --dy: 48px;
  --rot: 4deg;
  clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
}

.video-mosaic-showcase_piece8__w4RGA {
  grid-column: 4/5;
  grid-row: 3/4;
  --dx: 42px;
  --dy: 40px;
  --rot: 6deg;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
}

.video-mosaic-showcase_pieceImg__kXuwU {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.video-mosaic-showcase_mosaicAssembled__Z7o5r .video-mosaic-showcase_piece__1bjp7:hover .video-mosaic-showcase_pieceImg__kXuwU {
  transform: scale(1.06);
}

.video-mosaic-showcase_mosaicShine__10aL1 {
  pointer-events: none;
  position: absolute;
  inset: 0;
  background: linear-gradient(125deg, color-mix(in srgb, #fff 18%, transparent) 0%, transparent 42%, transparent 100%);
  opacity: 0;
  transition: opacity 0.8s ease 0.4s;
  z-index: 2;
}

.video-mosaic-showcase_mosaicAssembled__Z7o5r .video-mosaic-showcase_mosaicShine__10aL1 {
  opacity: 1;
}

/* ---------- Video ---------- */
.video-mosaic-showcase_videoCard__Duasp {
  position: relative;
  height: 100%;
  min-height: 100%;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 18px 48px color-mix(in srgb, var(--vms-s) 10%, transparent);
  background: var(--vms-s);
}

.video-mosaic-showcase_videoPoster__ofjVY {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 280px;
  aspect-ratio: 4/3;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.video-mosaic-showcase_videoScrim__W7HRR {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 55%, transparent 0%, color-mix(in srgb, var(--vms-s) 45%, transparent) 100%), color-mix(in srgb, var(--vms-s) 18%, transparent);
  pointer-events: none;
}

.video-mosaic-showcase_playBtn__ec_XG {
  position: relative;
  z-index: 1;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: #fff;
}

.video-mosaic-showcase_playInner__ZZYxU {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: var(--vms-p);
  color: #fff;
  font-size: 22px;
  box-shadow: 0 0 0 10px color-mix(in srgb, #fff 18%, transparent), 0 14px 32px color-mix(in srgb, var(--vms-s) 35%, transparent);
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), background 0.25s ease;
}
.video-mosaic-showcase_playInner__ZZYxU i {
  margin-inline-start: 3px;
}

.video-mosaic-showcase_playBtn__ec_XG:hover .video-mosaic-showcase_playInner__ZZYxU,
.video-mosaic-showcase_playBtn__ec_XG:focus-visible .video-mosaic-showcase_playInner__ZZYxU {
  transform: scale(1.08);
  background: color-mix(in srgb, var(--vms-p) 85%, #fff);
}

.video-mosaic-showcase_playLabel__udU4k {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-shadow: 0 2px 12px color-mix(in srgb, var(--vms-s) 50%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  .video-mosaic-showcase_piece__1bjp7 {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
@media (max-width: 991px) {
  .video-mosaic-showcase_section__qPoO4 {
    padding: 56px 0 48px;
  }
  .video-mosaic-showcase_grid__LJRX4 {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .video-mosaic-showcase_mosaicStart__NgU4F {
    grid-template-areas: "mosaic" "video";
  }
  .video-mosaic-showcase_videoStart__53k3Q {
    grid-template-areas: "video" "mosaic";
  }
  .video-mosaic-showcase_mosaic__ZdYBE,
  .video-mosaic-showcase_videoPoster__ofjVY {
    aspect-ratio: 16/11;
  }
}
@media (max-width: 575px) {
  .video-mosaic-showcase_section__qPoO4 {
    padding: 48px 0 40px;
  }
  .video-mosaic-showcase_mosaic__ZdYBE {
    border-radius: 16px;
    gap: 2px;
    padding: 2px;
  }
  .video-mosaic-showcase_videoCard__Duasp {
    border-radius: 16px;
  }
  .video-mosaic-showcase_playInner__ZZYxU {
    width: 64px;
    height: 64px;
    font-size: 18px;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/marquee-two.module.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Marquee Two — transparent scrolling image strip */
.marquee-two_section__PNBH6 {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 10px 0;
  background: transparent;
  border: 0;
  overflow: hidden;
}

.marquee-two_viewport__lzdWJ {
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%);
}

.marquee-two_track__4Ejc5 {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  flex-wrap: nowrap;
  align-items: center;
  will-change: transform;
  /* Force LTR flex flow so the -50% loop math stays stable */
  direction: ltr;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
}

/* LTR language: scroll left → right */
.marquee-two_trackLtr__7opUT {
  animation: marquee-two_marqueeTwoScrollLtr__hUDSv 28s linear infinite;
}

/* RTL language: scroll right → left */
.marquee-two_trackRtl__HNDgn {
  animation: marquee-two_marqueeTwoScrollRtl__j4L4Q 28s linear infinite;
}

.marquee-two_group__uNwNL {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 44px;
  flex-shrink: 0;
  padding-inline-end: 44px;
}

.marquee-two_item__jNpzg {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marquee-two_link__O5NC8 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  text-decoration: none;
  line-height: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  isolation: isolate;
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  /* Light sweep across the logo — no bg / border / shadow */
}
.marquee-two_link__O5NC8::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(115deg, transparent 28%, rgba(255, 255, 255, 0.55) 48%, transparent 68%);
  transform: translateX(-140%) skewX(-18deg);
  opacity: 0;
  pointer-events: none;
}
.marquee-two_link__O5NC8:hover, .marquee-two_link__O5NC8:focus-visible {
  z-index: 2;
  transform: translateY(-8px) scale(1.14);
}
.marquee-two_link__O5NC8:hover::before, .marquee-two_link__O5NC8:focus-visible::before {
  opacity: 1;
  animation: marquee-two_marqueeTwoShine__iok5h 0.9s ease forwards;
}
.marquee-two_link__O5NC8:hover .marquee-two_img__zvcAS, .marquee-two_link__O5NC8:focus-visible .marquee-two_img__zvcAS {
  transform: scale(1.04);
  animation: marquee-two_marqueeTwoPulse__gCnl2 1.1s ease-in-out infinite;
}
.marquee-two_link__O5NC8:focus-visible {
  outline: 2px solid #f5821f;
  outline-offset: 6px;
}

.marquee-two_item__jNpzg:nth-child(odd) .marquee-two_link__O5NC8 {
  animation: marquee-two_marqueeTwoFloatA__Jssry 4.2s ease-in-out infinite;
}

.marquee-two_item__jNpzg:nth-child(even) .marquee-two_link__O5NC8 {
  animation: marquee-two_marqueeTwoFloatB__Z5YnP 4.8s ease-in-out infinite;
}

.marquee-two_item__jNpzg:nth-child(odd) .marquee-two_link__O5NC8:hover,
.marquee-two_item__jNpzg:nth-child(even) .marquee-two_link__O5NC8:hover,
.marquee-two_item__jNpzg:nth-child(odd) .marquee-two_link__O5NC8:focus-visible,
.marquee-two_item__jNpzg:nth-child(even) .marquee-two_link__O5NC8:focus-visible {
  animation-play-state: paused;
}

.marquee-two_img__zvcAS {
  position: relative;
  z-index: 1;
  display: block;
  height: clamp(48px, 7vw, 88px);
  width: auto;
  max-width: min(240px, 42vw);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* LTR: left → right */
@keyframes marquee-two_marqueeTwoScrollLtr__hUDSv {
  from {
    transform: translate3d(-50%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
/* RTL: right → left */
@keyframes marquee-two_marqueeTwoScrollRtl__j4L4Q {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes marquee-two_marqueeTwoShine__iok5h {
  from {
    transform: translateX(-140%) skewX(-18deg);
  }
  to {
    transform: translateX(140%) skewX(-18deg);
  }
}
@keyframes marquee-two_marqueeTwoPulse__gCnl2 {
  0%, 100% {
    transform: scale(1.04);
  }
  50% {
    transform: scale(1.08);
  }
}
@keyframes marquee-two_marqueeTwoFloatA__Jssry {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
@keyframes marquee-two_marqueeTwoFloatB__Z5YnP {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(5px);
  }
}
@media (max-width: 767.98px) {
  .marquee-two_section__PNBH6 {
    padding: 10px 0;
  }
  .marquee-two_group__uNwNL {
    gap: 28px;
    padding-inline-end: 28px;
  }
  .marquee-two_link__O5NC8 {
    padding: 6px 8px;
  }
  .marquee-two_link__O5NC8:hover, .marquee-two_link__O5NC8:focus-visible {
    transform: translateY(-5px) scale(1.1);
  }
  .marquee-two_img__zvcAS {
    height: clamp(36px, 11vw, 60px);
    max-width: min(170px, 50vw);
  }
  .marquee-two_trackLtr__7opUT {
    animation-duration: 22s;
  }
  .marquee-two_trackRtl__HNDgn {
    animation-duration: 22s;
  }
}
@media (prefers-reduced-motion: reduce) {
  /* Keep a slow continuous scroll; drop decorative float/shine/bloom. */
  .marquee-two_item__jNpzg:nth-child(odd) .marquee-two_link__O5NC8,
  .marquee-two_item__jNpzg:nth-child(even) .marquee-two_link__O5NC8 {
    animation: none !important;
  }
  .marquee-two_link__O5NC8:hover::before,
  .marquee-two_link__O5NC8:focus-visible::before,
  .marquee-two_link__O5NC8:hover .marquee-two_img__zvcAS,
  .marquee-two_link__O5NC8:focus-visible .marquee-two_img__zvcAS {
    animation: none !important;
  }
  .marquee-two_trackLtr__7opUT,
  .marquee-two_trackRtl__HNDgn {
    animation-duration: 60s;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/why-choose-us-area-2.module.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Matches Delta faculty "Why Choose Us" grid (faculty-home-sections .whySection) */
.why-choose-us-area-2_section__S7N1l {
  padding: 4rem 0;
  background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}

.why-choose-us-area-2_header__WWN19 {
  text-align: center;
  margin-bottom: 2.5rem;
}

.why-choose-us-area-2_title__85bbg {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
  margin: 0 0 0.5rem;
  letter-spacing: -0.02em;
  color: var(--faculty-primary, var(--tp-theme-primary, #004c71));
}

.why-choose-us-area-2_subtitle__QUCcP {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
  font-weight: 500;
}

.why-choose-us-area-2_grid__T9gR1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  margin-top: 0;
}
@media (max-width: 991px) {
  .why-choose-us-area-2_grid__T9gR1 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .why-choose-us-area-2_grid__T9gR1 {
    grid-template-columns: 1fr;
  }
}

.why-choose-us-area-2_card__vu0G8 {
  text-align: center;
  padding: 2rem 1.5rem;
  background: #fff;
  border-radius: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.why-choose-us-area-2_card__vu0G8:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px -10px rgba(0, 0, 0, 0.1);
}

.why-choose-us-area-2_icon___4H6Z {
  width: 56px;
  height: 56px;
  margin: 0 auto 1rem;
  border-radius: 1rem;
  background: linear-gradient(135deg, var(--faculty-primary, var(--tp-theme-primary, #004c71)) 0%, rgba(0, 76, 113, 0.85) 100%);
  color: #fff;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1;
}

.why-choose-us-area-2_cardTitle__9S9Yr {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
  color: #1e293b;
}

.why-choose-us-area-2_cardText__qUKsg {
  font-size: 0.9rem;
  color: #64748b;
  margin: 0;
  line-height: 1.5;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/faq-area-home-2.module.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.faq-area-home-2_section__Z6uOk {
  position: relative;
  overflow: hidden;
  /* Match original FAQ (`pt-70 pb-70`) so the block isn’t flush against the footer */
  padding-top: 70px;
  padding-bottom: 70px;
}
@media (max-width: 991px) {
  .faq-area-home-2_section__Z6uOk {
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
@media (max-width: 575px) {
  .faq-area-home-2_section__Z6uOk {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.faq-area-home-2_section__Z6uOk .container {
  position: relative;
  z-index: 1;
}
.faq-area-home-2_section__Z6uOk .tp-faq-box {
  margin-bottom: 0;
}
.faq-area-home-2_section__Z6uOk {
  /*
    Theme FAQ styles use font-weight 300 + mid-gray; on white that reads as “missing”.
    Bootstrap also sets accordion active text color via CSS variables. Pin readable contrast.
  */
}
.faq-area-home-2_section__Z6uOk .tp-faq-box .tpd-accordion .accordion-body {
  color: #1a1f26;
  font-weight: 400;
  line-height: 1.65;
  background-color: #fff;
}
.faq-area-home-2_section__Z6uOk .tp-faq-box .tpd-accordion .accordion-button,
.faq-area-home-2_section__Z6uOk .tp-faq-box .tpd-accordion .accordion-button.collapsed,
.faq-area-home-2_section__Z6uOk .tp-faq-box .tpd-accordion .accordion-button:not(.collapsed) {
  color: #031f42;
  --bs-accordion-active-color: #031f42;
}
.faq-area-home-2_section__Z6uOk {
  /* Own expand/collapse — avoid Bootstrap .collapse flash + Swiper zero-height */
}
.faq-area-home-2_section__Z6uOk .tp-faq-box .tpd-accordion .accordion-collapse {
  display: none;
}
.faq-area-home-2_section__Z6uOk .tp-faq-box .tpd-accordion .accordion-collapse.show {
  display: block;
}
.faq-area-home-2_section__Z6uOk .tp-faq-box .tpd-accordion .accordion-body {
  overflow: visible;
}

/*
  Scoped module class on <p> — must win over theme `p { color: ... }`, Tailwind parents
  (e.g. text-muted-foreground), and Bootstrap accordion defaults.
*/
.faq-area-home-2_answerText__F3hWS {
  margin: 0 !important;
  padding: 0 !important;
  color: #020617 !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-width: 100%;
  min-width: 0;
  /* Let floated answer images wrap with text; clear at the end */
}
.faq-area-home-2_answerText__F3hWS::after {
  content: "";
  display: table;
  clear: both;
}
.faq-area-home-2_answerText__F3hWS p {
  margin: 0 0 0.65rem;
  color: inherit;
}
.faq-area-home-2_answerText__F3hWS p:last-child {
  margin-bottom: 0;
}
.faq-area-home-2_answerText__F3hWS img,
.faq-area-home-2_answerText__F3hWS iframe,
.faq-area-home-2_answerText__F3hWS video {
  max-width: 100%;
}
.faq-area-home-2_answerText__F3hWS {
  /* Keep whole words intact; wrap only between words in a phrase. */
}
.faq-area-home-2_answerText__F3hWS table {
  width: 100%;
  max-width: 100%;
  display: table;
  table-layout: auto;
  clear: none;
}
.faq-area-home-2_answerText__F3hWS table th,
.faq-area-home-2_answerText__F3hWS table td {
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}
.faq-area-home-2_answerText__F3hWS table th p,
.faq-area-home-2_answerText__F3hWS table td p,
.faq-area-home-2_answerText__F3hWS table th *,
.faq-area-home-2_answerText__F3hWS table td * {
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.faq-area-home-2_answerRow__qiYYq {
  display: block;
  width: 100%;
}

/*
  Answer + per-question slider: CSS grid (same as Content Page Layout).
  Tables stay in the text column beside the slider — no float drop-under.
*/
.faq-area-home-2_answerRowWithSlider__hGd6k {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 40%);
  grid-template-areas: "body media";
  gap: clamp(1rem, 2.5vw, 1.75rem);
  align-items: start;
  width: 100%;
}
@media (max-width: 767px) {
  .faq-area-home-2_answerRowWithSlider__hGd6k {
    grid-template-columns: 1fr;
    grid-template-areas: "media" "body";
  }
}

.faq-area-home-2_answerContent__vkV_4 {
  min-width: 0;
  width: 100%;
}

.faq-area-home-2_answerRowWithSlider__hGd6k .faq-area-home-2_answerContent__vkV_4 {
  grid-area: body;
  min-width: 0;
  width: 100%;
}

.faq-area-home-2_answerMedia__mpGfG {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-bottom: 0.75rem;
}

.faq-area-home-2_answerRowWithSlider__hGd6k .faq-area-home-2_answerMedia__mpGfG {
  grid-area: media;
  margin: 0;
  float: none;
}

/* Collapse (left) + one slider for the whole section (right). */
.faq-area-home-2_componentFlow__pBdZZ {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 40%);
  grid-template-areas: "body media";
  gap: clamp(1.25rem, 3vw, 2rem);
  align-items: start;
  width: 100%;
}
@media (max-width: 767px) {
  .faq-area-home-2_componentFlow__pBdZZ {
    grid-template-columns: 1fr;
    grid-template-areas: "media" "body";
  }
}

.faq-area-home-2_componentMedia__VK5uw {
  grid-area: media;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.faq-area-home-2_componentBody__9blGN {
  grid-area: body;
  min-width: 0;
  width: 100%;
}

.faq-area-home-2_sliderFrame__QLyWU {
  position: relative;
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  background: transparent;
  border: 1px solid rgba(15, 23, 42, 0.08);
  aspect-ratio: 4/3;
  height: auto;
  box-shadow: none;
  line-height: 0;
}

.faq-area-home-2_swiper__0x9X1 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.faq-area-home-2_swiperSlide__kAHmQ {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
}

.faq-area-home-2_sliderPlaceholder__DfYLJ {
  position: absolute;
  inset: 0;
  background: transparent;
}

.faq-area-home-2_fullscreen__oF8bA {
  /* marker class — width handled via col-12 */
}

.faq-area-home-2_slide__uC1oB {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: transparent;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: zoom-in;
  overflow: hidden;
}

/* Visually hidden — paint is background-size:cover on the button */
.faq-area-home-2_slideImage___4UAX {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.faq-area-home-2_sliderFrame__QLyWU .swiper-pagination {
  bottom: 4px;
  line-height: 0;
  z-index: 2;
}

.faq-area-home-2_sliderFrame__QLyWU .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  margin: 0 2px !important;
  background: rgba(1, 36, 64, 0.25);
  opacity: 1;
}

.faq-area-home-2_sliderFrame__QLyWU .swiper-pagination-bullet-active {
  background: #004c71;
  transform: none;
}

/* unused nav styles kept removed — dots only */
.faq-area-home-2_navPrev__BkOTS,
.faq-area-home-2_navNext__cGwmw {
  position: absolute;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
  color: #012440;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1;
  padding: 0;
}
.faq-area-home-2_navPrev__BkOTS::before,
.faq-area-home-2_navNext__cGwmw::before {
  content: "";
  width: 0.35rem;
  height: 0.35rem;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
}
.faq-area-home-2_navPrev__BkOTS:hover,
.faq-area-home-2_navNext__cGwmw:hover {
  background: #fff;
}

.faq-area-home-2_navPrev__BkOTS {
  left: 0.35rem;
}
.faq-area-home-2_navPrev__BkOTS::before {
  transform: rotate(-135deg);
  margin-left: 0.1rem;
}

.faq-area-home-2_navNext__cGwmw {
  right: 0.35rem;
}
.faq-area-home-2_navNext__cGwmw::before {
  transform: rotate(45deg);
  margin-right: 0.1rem;
}

html[dir='rtl'] .faq-area-home-2_navPrev__BkOTS {
  left: auto;
  right: 0.55rem;
}
html[dir='rtl'] .faq-area-home-2_navPrev__BkOTS::before {
  transform: rotate(45deg);
  margin-left: 0;
  margin-right: 0.15rem;
}

html[dir='rtl'] .faq-area-home-2_navNext__cGwmw {
  right: auto;
  left: 0.55rem;
}
html[dir='rtl'] .faq-area-home-2_navNext__cGwmw::before {
  transform: rotate(-135deg);
  margin-right: 0;
  margin-left: 0.15rem;
}

.faq-area-home-2_lightbox__UuC_Q {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(3, 12, 24, 0.88);
  backdrop-filter: blur(4px);
}

.faq-area-home-2_lightboxImage__38J7d {
  max-width: min(96vw, 1100px);
  max-height: 88vh;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.5rem;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
}

.faq-area-home-2_lightboxClose__JFkI8,
.faq-area-home-2_lightboxPrev__d75M9,
.faq-area-home-2_lightboxNext__Ef4jV {
  position: absolute;
  border: 0;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  cursor: pointer;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.faq-area-home-2_lightboxClose__JFkI8:hover,
.faq-area-home-2_lightboxPrev__d75M9:hover,
.faq-area-home-2_lightboxNext__Ef4jV:hover {
  background: rgba(255, 255, 255, 0.22);
}

.faq-area-home-2_lightboxClose__JFkI8 {
  top: 1rem;
  right: 1rem;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.75rem;
}

.faq-area-home-2_lightboxPrev__d75M9,
.faq-area-home-2_lightboxNext__Ef4jV {
  top: 50%;
  transform: translateY(-50%);
  width: 2.75rem;
  height: 2.75rem;
  font-size: 2rem;
}

.faq-area-home-2_lightboxPrev__d75M9 {
  left: 1rem;
}

.faq-area-home-2_lightboxNext__Ef4jV {
  right: 1rem;
}

.faq-area-home-2_lightboxCounter__IWibv {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.875rem;
  letter-spacing: 0.04em;
}

.faq-area-home-2_sectionInner__u3O4f {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.faq-area-home-2_bgBlob1__F0f0n {
  position: absolute;
  top: -10%;
  right: -5%;
  width: 45%;
  max-width: 420px;
  height: 70%;
  background: radial-gradient(circle, rgba(1, 36, 64, 0.04) 0%, transparent 70%);
  border-radius: 50%;
}

html[dir='rtl'] .faq-area-home-2_bgBlob1__F0f0n {
  right: auto;
  left: -5%;
}

.faq-area-home-2_bgBlob2__7ncE6 {
  position: absolute;
  bottom: -15%;
  left: -8%;
  width: 35%;
  max-width: 320px;
  height: 55%;
  background: radial-gradient(circle, rgba(1, 36, 64, 0.035) 0%, transparent 70%);
  border-radius: 50%;
}

html[dir='rtl'] .faq-area-home-2_bgBlob2__7ncE6 {
  left: auto;
  right: -8%;
}

.faq-area-home-2_shapeCircle1__HGxrR {
  position: absolute;
  top: 12%;
  right: 8%;
  width: 120px;
  height: 120px;
}

html[dir='rtl'] .faq-area-home-2_shapeCircle1__HGxrR {
  right: auto;
  left: 8%;
}

.faq-area-home-2_shapeCircle1__HGxrR svg {
  width: 100%;
  height: 100%;
}

.faq-area-home-2_shapeCircle2__GCZoT {
  position: absolute;
  bottom: 20%;
  left: 5%;
  width: 80px;
  height: 80px;
}

html[dir='rtl'] .faq-area-home-2_shapeCircle2__GCZoT {
  left: auto;
  right: 5%;
}

.faq-area-home-2_shapeCircle2__GCZoT svg {
  width: 100%;
  height: 100%;
}

.faq-area-home-2_shapeDots__NBhGN {
  position: absolute;
  top: 50%;
  left: 3%;
  width: 100px;
  height: 50px;
  transform: translateY(-50%);
}

html[dir='rtl'] .faq-area-home-2_shapeDots__NBhGN {
  left: auto;
  right: 3%;
}

.faq-area-home-2_shapeDots__NBhGN svg {
  width: 100%;
  height: 100%;
}

.faq-area-home-2_shapeCurve__esI0s {
  position: absolute;
  bottom: 25%;
  right: 12%;
  width: 140px;
  height: 40px;
}

html[dir='rtl'] .faq-area-home-2_shapeCurve__esI0s {
  right: auto;
  left: 12%;
}

.faq-area-home-2_shapeCurve__esI0s svg {
  width: 100%;
  height: 100%;
}

.faq-area-home-2_titleWrap__D1kYV {
  position: relative;
  padding-left: 56px;
}

html[dir='rtl'] .faq-area-home-2_titleWrap__D1kYV {
  padding-left: 0;
  padding-right: 56px;
}

@media (max-width: 575px) {
  .faq-area-home-2_titleWrap__D1kYV {
    padding-left: 0;
    padding-top: 44px;
  }
  html[dir='rtl'] .faq-area-home-2_titleWrap__D1kYV {
    padding-right: 0;
    padding-top: 44px;
  }
}
.faq-area-home-2_titleIcon__e0hCL {
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
}

html[dir='rtl'] .faq-area-home-2_titleIcon__e0hCL {
  left: auto;
  right: 0;
}

.faq-area-home-2_titleIcon__e0hCL svg {
  width: 100%;
  height: 100%;
}

@media (max-width: 575px) {
  .faq-area-home-2_titleIcon__e0hCL {
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
  }
  html[dir='rtl'] .faq-area-home-2_titleIcon__e0hCL {
    left: auto;
    right: 0;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/scientific-award-banner-2.module.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Home Dr Rabie Prize 2 — ceremonial award banner */
.scientific-award-banner-2_section__2XC_4 {
  padding: 72px 0 84px;
  position: relative;
}
@media (max-width: 991.98px) {
  .scientific-award-banner-2_section__2XC_4 {
    padding: 48px 0 60px;
  }
}

.scientific-award-banner-2_card__IZ_53 {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: radial-gradient(ellipse 70% 90% at 88% 18%, rgba(200, 150, 62, 0.18), transparent 55%), radial-gradient(ellipse 55% 70% at 8% 85%, rgba(245, 130, 31, 0.08), transparent 50%), linear-gradient(145deg, #012440 0%, #00182c 55%, #011a30 100%);
  box-shadow: 0 28px 64px -20px rgba(1, 36, 64, 0.45), 0 10px 28px -10px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(200, 150, 62, 0.28);
}
.scientific-award-banner-2_card__IZ_53::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 14px;
  border: 1px solid rgba(226, 184, 106, 0.22);
  pointer-events: none;
  z-index: 1;
}
.scientific-award-banner-2_card__IZ_53::after {
  content: "";
  position: absolute;
  top: -40%;
  right: -15%;
  width: 55%;
  height: 90%;
  background: radial-gradient(circle, rgba(226, 184, 106, 0.12), transparent 68%);
  pointer-events: none;
  animation: scientific-award-banner-2_sabGlow___0Nd2 4.5s ease-in-out infinite;
}

.scientific-award-banner-2_inner__ut8Ad {
  position: relative;
  z-index: 2;
  align-items: center;
  gap: 8px;
  min-height: 320px;
}
@media (max-width: 991.98px) {
  .scientific-award-banner-2_inner__ut8Ad {
    grid-template-columns: 1fr;
    min-height: 0;
  }
}

.scientific-award-banner-2_media__tX9iB {
  position: relative;
  padding: 36px 20px 36px 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .scientific-award-banner-2_media__tX9iB {
    padding: 36px 28px 8px;
  }
}

html[dir="rtl"] .scientific-award-banner-2_media__tX9iB {
  padding: 36px 36px 36px 20px;
}
@media (max-width: 991.98px) {
  html[dir="rtl"] .scientific-award-banner-2_media__tX9iB {
    padding: 36px 28px 8px;
  }
}

.scientific-award-banner-2_mediaFrame__UN40U {
  position: relative;
  width: 100%;
  max-width: 70%;
  padding: 12px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(226, 184, 106, 0.85) 0%, rgba(154, 107, 47, 0.45) 38%, rgba(200, 150, 62, 0.9) 100%);
  box-shadow: 0 18px 40px -16px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.scientific-award-banner-2_mediaFrame__UN40U::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  pointer-events: none;
  z-index: 2;
}

.scientific-award-banner-2_mediaShine__C1CAG {
  position: absolute;
  inset: 0;
  border-radius: 16px;
  overflow: hidden;
  pointer-events: none;
  z-index: 3;
}
.scientific-award-banner-2_mediaShine__C1CAG::after {
  content: "";
  position: absolute;
  top: -30%;
  left: -40%;
  width: 45%;
  height: 160%;
  background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, 0.28) 48%, transparent 62%);
  transform: skewX(-18deg);
  animation: scientific-award-banner-2_sabShine__71wF9 5.5s ease-in-out infinite;
}

.scientific-award-banner-2_img__M5qdn {
  position: relative !important;
  z-index: 1;
  width: 100% !important;
  height: auto !important;
  display: block;
  border-radius: 10px;
  background: #0a2033;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}

.scientific-award-banner-2_seal__XfFik {
  position: absolute;
  top: 18px;
  inset-inline-end: 22px;
  z-index: 4;
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #e2b86a, #c8963e 48%, #9a6b2f 100%);
  border: 2px solid rgba(255, 255, 255, 0.35);
  box-shadow: 0 12px 28px rgba(154, 107, 47, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.45);
  animation: scientific-award-banner-2_sabPrizeFloat__T5_4k 2.2s ease-in-out infinite;
}
@media (max-width: 991.98px) {
  .scientific-award-banner-2_seal__XfFik {
    width: 58px;
    height: 58px;
    top: 14px;
    inset-inline-end: 16px;
  }
}

.scientific-award-banner-2_prizeIcon__7s0z8 {
  width: 34px;
  height: 34px;
  color: #fff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25));
}
@media (max-width: 991.98px) {
  .scientific-award-banner-2_prizeIcon__7s0z8 {
    width: 28px;
    height: 28px;
  }
}

.scientific-award-banner-2_content__J8zIC {
  padding: 8px 52px 18px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 0;
}
@media (max-width: 1199.98px) {
  .scientific-award-banner-2_content__J8zIC {
    padding: 40px 40px 40px 20px;
  }
}
@media (max-width: 991.98px) {
  .scientific-award-banner-2_content__J8zIC {
    padding: 28px 28px 40px;
    text-align: center;
    align-items: center;
  }
}

html[dir="rtl"] .scientific-award-banner-2_content__J8zIC {
  padding: 48px 28px 48px 52px;
  text-align: start;
}
@media (max-width: 1199.98px) {
  html[dir="rtl"] .scientific-award-banner-2_content__J8zIC {
    padding: 40px 20px 40px 40px;
  }
}
@media (max-width: 991.98px) {
  html[dir="rtl"] .scientific-award-banner-2_content__J8zIC {
    padding: 28px 28px 40px;
    text-align: center;
    align-items: center;
  }
}

.scientific-award-banner-2_eyebrow__ESiL4 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 6px 12px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #e2b86a;
  background: rgba(200, 150, 62, 0.12);
  border: 1px solid rgba(226, 184, 106, 0.35);
}
@media (max-width: 991.98px) {
  .scientific-award-banner-2_eyebrow__ESiL4 {
    margin-left: auto;
    margin-right: auto;
  }
}

.scientific-award-banner-2_eyebrowDot__yT8sH {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e2b86a;
  box-shadow: 0 0 0 3px rgba(226, 184, 106, 0.25);
}

.scientific-award-banner-2_name__qH5M_ {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.72);
}

.scientific-award-banner-2_title__J2Bsz {
  margin: 0 0 12px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: #fff;
  text-wrap: balance;
}
@media (max-width: 1199.98px) {
  .scientific-award-banner-2_title__J2Bsz {
    font-size: 32px;
  }
}
@media (max-width: 991.98px) {
  .scientific-award-banner-2_title__J2Bsz {
    font-size: 28px;
  }
}

.scientific-award-banner-2_rule__DhFrr {
  width: 72px;
  height: 2px;
  margin: 0 0 18px;
  border: 0;
  background: linear-gradient(90deg, #e2b86a, #9a6b2f);
  border-radius: 2px;
}
@media (max-width: 991.98px) {
  .scientific-award-banner-2_rule__DhFrr {
    margin-left: auto;
    margin-right: auto;
  }
}

.scientific-award-banner-2_text__nlxiI {
  margin: 0 0 28px;
  max-width: 460px;
  font-size: 16px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.88);
}
@media (max-width: 991.98px) {
  .scientific-award-banner-2_text__nlxiI {
    max-width: 36rem;
  }
}

.scientific-award-banner-2_btn__kIwZl {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #fff !important;
  background: linear-gradient(180deg, #e2b86a 0%, #c8963e 48%, #9a6b2f 100%);
  border: 1px solid rgba(154, 107, 47, 0.5);
  box-shadow: 0 12px 26px rgba(154, 107, 47, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
@media (max-width: 991.98px) {
  .scientific-award-banner-2_btn__kIwZl {
    margin-left: auto;
    margin-right: auto;
  }
}
.scientific-award-banner-2_btn__kIwZl span {
  display: inline-flex;
  align-items: center;
}
html[dir="rtl"] .scientific-award-banner-2_btn__kIwZl span {
  transform: scaleX(-1);
}
.scientific-award-banner-2_btn__kIwZl:hover {
  color: #fff !important;
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 16px 32px rgba(154, 107, 47, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.42);
}

@keyframes scientific-award-banner-2_sabPrizeFloat__T5_4k {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-8px) scale(1.03);
  }
}
@keyframes scientific-award-banner-2_sabShine__71wF9 {
  0%, 40% {
    transform: translateX(0) skewX(-18deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  70%, 100% {
    transform: translateX(320%) skewX(-18deg);
    opacity: 0;
  }
}
@keyframes scientific-award-banner-2_sabGlow___0Nd2 {
  0%, 100% {
    opacity: 0.55;
  }
  50% {
    opacity: 1;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/image-link-modal-2.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.image-link-modal-2_overlay__0_Tdu {
  position: fixed;
  inset: 0;
  z-index: 1055;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.65);
}

.image-link-modal-2_dialog__OkyNh {
  position: relative;
  display: inline-block;
  line-height: 0;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
}

.image-link-modal-2_closeBtn___PMsH {
  position: absolute;
  top: 10px;
  inset-inline-end: 10px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  color: #164951;
  cursor: pointer;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
  transition: background 0.2s ease, transform 0.2s ease;
}
.image-link-modal-2_closeBtn___PMsH:hover {
  background: #fff;
  transform: scale(1.05);
}
.image-link-modal-2_closeBtn___PMsH:focus-visible {
  outline: 2px solid #f5821f;
  outline-offset: 2px;
}
.image-link-modal-2_closeBtn___PMsH svg {
  width: 14px;
  height: 14px;
}

.image-link-modal-2_imageLink__m8q_T {
  display: block;
  line-height: 0;
  cursor: pointer;
  text-decoration: none;
  border-radius: 4px;
  overflow: hidden;
}
.image-link-modal-2_imageLink__m8q_T:focus-visible {
  outline: 2px solid #f5821f;
  outline-offset: 2px;
}

.image-link-modal-2_modalImg__OzYOg {
  display: block;
  width: auto;
  height: auto;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  -o-object-fit: contain;
     object-fit: contain;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/reusable-pages/home-intro-modal-2.module.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Home Intro Modal2 — waits for splash, then drops from top like a side ad. */
/* No page dimmer — the ad floats over the live page; close via the X or Escape. */
.home-intro-modal-2_adDock__Cvcht {
  position: fixed;
  z-index: 1200;
  top: 50%;
  width: min(360px, 100vw - 120px);
  pointer-events: none;
  opacity: 0;
  will-change: transform, opacity;
  /* Parked above the viewport until drop animation starts */
  transform: translate3d(0, calc(-50% - 110vh), 0);
}

/* Physical sides — inset-inline was collapsing to 0 against left/right:auto */
.home-intro-modal-2_adDockLtr__OCOdp {
  left: 100px !important;
  right: auto !important;
}

.home-intro-modal-2_adDockRtl__qQnnv {
  right: 100px !important;
  left: auto !important;
}

.home-intro-modal-2_adDockEntered__g85CQ {
  pointer-events: auto;
  animation: home-intro-modal-2_him2DropIn__tQaIe 0.95s cubic-bezier(0.22, 1.15, 0.36, 1) forwards;
}

.home-intro-modal-2_adDockExiting__ukeP9 {
  pointer-events: none;
  animation: home-intro-modal-2_him2DropOut__vcfJe 0.75s cubic-bezier(0.55, 0.05, 0.8, 0.2) forwards;
}

@keyframes home-intro-modal-2_him2DropIn__tQaIe {
  0% {
    transform: translate3d(0, calc(-50% - 110vh), 0);
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  62% {
    /* Soft overshoot past rest (ad banner bounce) */
    transform: translate3d(0, calc(-50% + 18px), 0);
    opacity: 1;
  }
  82% {
    transform: translate3d(0, calc(-50% - 8px), 0);
  }
  100% {
    transform: translate3d(0, -50%, 0);
    opacity: 1;
  }
}
@keyframes home-intro-modal-2_him2DropOut__vcfJe {
  0% {
    transform: translate3d(0, -50%, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, calc(-50% - 110vh), 0);
    opacity: 0;
  }
}
/* Idle motion wrapper — soft float with a light attention shake */
.home-intro-modal-2_adMotion__LBHo4 {
  transform-origin: center center;
  will-change: transform;
}

.home-intro-modal-2_adMotionLive__pr4EV {
  animation: home-intro-modal-2_him2Idle__aUl8J 5.4s ease-in-out 1.1s infinite;
}

@keyframes home-intro-modal-2_him2Idle__aUl8J {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  12% {
    transform: translate3d(0, -6px, 0) rotate(-0.55deg);
  }
  24% {
    transform: translate3d(0, -1px, 0) rotate(0.4deg);
  }
  36% {
    transform: translate3d(0, -8px, 0) rotate(-0.35deg);
  }
  48% {
    transform: translate3d(0, -2px, 0) rotate(0.25deg);
  }
  64% {
    transform: translate3d(0, -5px, 0) rotate(0deg);
  }
  70% {
    transform: translate3d(-5px, -4px, 0) rotate(-0.9deg);
  }
  74% {
    transform: translate3d(5px, -3px, 0) rotate(0.9deg);
  }
  78% {
    transform: translate3d(-4px, -4px, 0) rotate(-0.55deg);
  }
  82% {
    transform: translate3d(3px, -3px, 0) rotate(0.35deg);
  }
  86% {
    transform: translate3d(0, -2px, 0) rotate(0deg);
  }
}
.home-intro-modal-2_adCard__h3PnN {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  background: transparent;
  border: 0;
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.28), 0 6px 18px rgba(1, 36, 64, 0.16);
  line-height: 0;
  isolation: isolate;
}

.home-intro-modal-2_closeBtn__XUK9X {
  position: absolute;
  top: 8px;
  inset-inline-end: 8px;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: rgba(1, 36, 64, 0.92);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(1, 36, 64, 0.3);
  opacity: 0;
  transform: scale(0.4) rotate(-90deg);
}
.home-intro-modal-2_closeBtn__XUK9X.home-intro-modal-2_closeBtnIn__3BUZO {
  animation: home-intro-modal-2_closePop__h5f4D 0.55s cubic-bezier(0.22, 1, 0.36, 1) 0.85s both;
}
.home-intro-modal-2_closeBtn__XUK9X:hover {
  background: #f5821f;
  transform: scale(1.08) rotate(90deg);
  box-shadow: 0 8px 18px rgba(245, 130, 31, 0.35);
}
.home-intro-modal-2_closeBtn__XUK9X:active {
  transform: scale(0.94) rotate(90deg);
}
.home-intro-modal-2_closeBtn__XUK9X:focus-visible {
  outline: 2px solid #f5821f;
  outline-offset: 2px;
}
.home-intro-modal-2_closeBtn__XUK9X svg {
  width: 12px;
  height: 12px;
}

@keyframes home-intro-modal-2_closePop__h5f4D {
  0% {
    opacity: 0;
    transform: scale(0.4) rotate(-90deg);
  }
  70% {
    opacity: 1;
    transform: scale(1.12) rotate(8deg);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
}
.home-intro-modal-2_adMedia__JnHry {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
  line-height: 0;
  overflow: hidden;
  transition: filter 0.25s ease;
}
.home-intro-modal-2_adMedia__JnHry:hover {
  filter: brightness(0.98);
}
.home-intro-modal-2_adMedia__JnHry:focus-visible {
  outline: 2px solid #f5821f;
  outline-offset: -2px;
}

.home-intro-modal-2_adImg__hrJEg {
  display: block;
  width: 100%;
  height: auto;
  max-height: min(72vh, 560px);
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
  background: transparent;
}

@media (max-width: 991px) {
  .home-intro-modal-2_adDock__Cvcht {
    width: min(320px, 100vw - 48px);
  }
  .home-intro-modal-2_adDockLtr__OCOdp {
    left: 24px !important;
  }
  .home-intro-modal-2_adDockRtl__qQnnv {
    right: 24px !important;
  }
}
@media (max-width: 480px) {
  .home-intro-modal-2_adDock__Cvcht {
    width: min(88vw, 100vw - 32px);
  }
  .home-intro-modal-2_adDockLtr__OCOdp {
    left: 16px !important;
  }
  .home-intro-modal-2_adDockRtl__qQnnv {
    right: 16px !important;
  }
  .home-intro-modal-2_adImg__hrJEg {
    max-height: min(68vh, 420px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .home-intro-modal-2_adDockEntered__g85CQ,
  .home-intro-modal-2_adDockExiting__ukeP9,
  .home-intro-modal-2_adMotionLive__pr4EV,
  .home-intro-modal-2_closeBtn__XUK9X.home-intro-modal-2_closeBtnIn__3BUZO {
    animation: none !important;
  }
  .home-intro-modal-2_adDockEntered__g85CQ {
    transform: translate3d(0, -50%, 0);
    opacity: 1;
    pointer-events: auto;
  }
  .home-intro-modal-2_adDockExiting__ukeP9 {
    opacity: 0;
  }
  .home-intro-modal-2_closeBtn__XUK9X.home-intro-modal-2_closeBtnIn__3BUZO {
    opacity: 1;
    transform: none;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[7].use[5]!./src/components/footer/footer-contact-lines.module.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.footer-contact-lines_root__ILHwA .tp-footer-contact > a {
  color: #004c71;
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 8px;
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer-contact-lines_root__ILHwA .tp-footer-contact > a:hover {
  color: #0066a0;
}
.footer-contact-lines_root__ILHwA .tp-footer-contact-mail a {
  color: #004c71;
  font-size: 0.9rem;
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer-contact-lines_root__ILHwA .tp-footer-contact-mail a:hover {
  color: #0066a0;
}
.footer-contact-lines_root__ILHwA .tp-footer-contact-mail a span {
  color: #004c71;
}
.footer-contact-lines_root__ILHwA .tp-footer-contact-mail a:hover span {
  color: #0066a0;
}

.footer-contact-lines_rootDark__uyNnV .tp-footer-contact > a,
.footer-contact-lines_rootDark__uyNnV .tp-footer-contact-mail a {
  color: rgba(255, 255, 255, 0.95);
}
.footer-contact-lines_rootDark__uyNnV .tp-footer-contact-mail a span {
  color: rgba(255, 255, 255, 0.95);
}
.footer-contact-lines_rootDark__uyNnV .tp-footer-contact > a:hover,
.footer-contact-lines_rootDark__uyNnV .tp-footer-contact-mail a:hover,
.footer-contact-lines_rootDark__uyNnV .tp-footer-contact-mail a:hover span {
  color: #ffffff;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[14].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[14].oneOf[11].use[5]!./src/app/(website)/faculty/[slug]/faculty-domain-theme-bridge.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.faculty-domain-theme {
  --f-p: var(--faculty-primary, #004c71);
  --f-s: var(--faculty-secondary, #012440);
}

.faculty-domain-theme:not(.has-chrome-footer-bg) .tp-footer-4-bg.tp-footer-inner,
.faculty-domain-theme:not(.has-chrome-footer-bg) .tp-footer-4-bottom.tp-footer-inner-bottom {
  background-color: var(--tp-theme-primary, var(--f-p)) !important;
}
.faculty-domain-theme:not(.has-chrome-footer-bg) .tp-footer-4-btn.tp-footer-btn-inner a:hover,
.faculty-domain-theme:not(.has-chrome-footer-bg) .tp-footer-4-btn.tp-footer-btn-inner a.active {
  background-color: var(--tp-theme-primary, var(--f-p)) !important;
  color: #fff !important;
}

.faculty-domain-theme .tp-btn-inner:hover,
.faculty-domain-theme .tp-footer-newsletter-wrapper.tp-footer-inner-input .tp-footer-5-newsletter-submit .tp-btn-inner:hover,
.faculty-domain-theme .tp-contact-btn .tp-btn-inner:hover,
.faculty-domain-theme .tp-course-details-2-widget-btn a.active:hover,
.faculty-domain-theme .tp-course-details-2-nav nav ul li.current a:hover {
  background: var(--f-p) !important;
  color: var(--tp-common-white) !important;
}
.faculty-domain-theme .tp-header-2-search input:focus {
  border-color: var(--f-p) !important;
}
.faculty-domain-theme .tp-user-menu ul li a.active {
  background: var(--f-p) !important;
}

.faculty-domain-theme .faculty-home-2-hero {
  --fh2-p: var(--f-p, var(--faculty-primary, #004c71));
  --fh2-s: var(--f-s, var(--faculty-secondary, #012440));
  background: var(--fh2-s);
}
.faculty-domain-theme .faculty-home-2-hero .faculty-home-2-hero-btn-primary {
  background: var(--fh2-s) !important;
  color: #fff !important;
}
.faculty-domain-theme .faculty-home-2-hero .faculty-home-2-hero-btn-primary:hover {
  background: var(--fh2-p) !important;
  color: #fff !important;
}
.faculty-domain-theme .faculty-home-2-hero .faculty-home-2-hero-prev,
.faculty-domain-theme .faculty-home-2-hero .faculty-home-2-hero-next {
  background: var(--fh2-s) !important;
  border-color: color-mix(in srgb, var(--fh2-s) 45%, #ffffff) !important;
  color: #fff !important;
}
.faculty-domain-theme .faculty-home-2-hero .faculty-home-2-hero-prev:hover,
.faculty-domain-theme .faculty-home-2-hero .faculty-home-2-hero-next:hover {
  background: var(--fh2-p) !important;
  border-color: var(--fh2-p) !important;
  color: #fff !important;
}
.faculty-domain-theme .faculty-home-2-hero .faculty-home-2-hero-pagination .swiper-pagination-bullet-active {
  background: var(--fh2-p) !important;
}
.faculty-domain-theme .faculty-home-2-hero .faculty-home-2-hero-btn-video:hover .faculty-home-2-hero-play {
  border-color: var(--fh2-s) !important;
  background: color-mix(in srgb, var(--fh2-s) 35%, transparent) !important;
}

.faculty-domain-theme .faculty-home-hero .faculty-hero-badge i,
.faculty-domain-theme .faculty-home-hero .faculty-hero-subtitle,
.faculty-domain-theme .faculty-home-hero .faculty-hero-title-accent,
.faculty-domain-theme .faculty-home-hero .faculty-hero-stat-item .stat-number,
.faculty-domain-theme .faculty-home-hero .faculty-hero-pagination .swiper-pagination-bullet-active .pagination-bullet-text {
  color: var(--f-p) !important;
}
.faculty-domain-theme .faculty-home-hero .faculty-hero-title-main {
  background: linear-gradient(135deg, #2a2b30 0%, var(--f-p) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.faculty-domain-theme .faculty-home-hero .faculty-hero-title-accent::before {
  background: linear-gradient(135deg, var(--f-p) 0%, var(--f-s) 100%) !important;
}
.faculty-domain-theme .faculty-home-hero .faculty-hero-btn-primary,
.faculty-domain-theme .faculty-home-hero .swiper-slide .tp-btn.faculty-hero-btn-primary {
  background: linear-gradient(135deg, var(--f-p) 0%, var(--f-s) 100%) !important;
  border-color: var(--f-p) !important;
}
.faculty-domain-theme .faculty-home-hero .faculty-hero-btn-secondary,
.faculty-domain-theme .faculty-home-hero .tp-btn-border.faculty-hero-btn-secondary {
  border-color: var(--f-p) !important;
  color: var(--f-p) !important;
}
.faculty-domain-theme .faculty-home-hero .faculty-hero-prev,
.faculty-domain-theme .faculty-home-hero .faculty-hero-next {
  background: var(--f-p) !important;
  border-color: var(--f-p) !important;
  color: #fff !important;
}
.faculty-domain-theme .faculty-home-hero .faculty-hero-prev:hover,
.faculty-domain-theme .faculty-home-hero .faculty-hero-next:hover {
  background: var(--f-s) !important;
  border-color: var(--f-s) !important;
  color: #fff !important;
}

.faculty-domain-theme .faculty-home-features .faculty-section-title {
  color: var(--f-p) !important;
}
.faculty-domain-theme .faculty-home-features .faculty-feature-title a:hover {
  color: var(--f-p) !important;
}

.faculty-domain-theme .tp-campus-choose-area .tp-campus-choose-title {
  color: var(--f-p) !important;
}
.faculty-domain-theme .tp-campus-choose-area .tp-mission-valus-title {
  color: var(--f-p) !important;
}

.faculty-domain-theme .faculty-home-quick-links {
  --ql-p: var(--f-p);
  --ql-s: var(--f-s);
}

.faculty-domain-theme .faculty-home-cta {
  --cta-p: var(--f-p);
  --cta-s: var(--f-s);
}

/* Domain navbar icons / action buttons — primary first look */
.faculty-domain-theme .faculty-simple-navbar-wrapper .tp-search-open-btn,
.faculty-domain-theme .faculty-simple-navbar-wrapper .offcanvas-open-btn,
.faculty-domain-theme .faculty-simple-navbar-wrapper .offcanvas-open-btn i,
.faculty-domain-theme .faculty-simple-navbar-wrapper .faculty-navbar-university-btn {
  color: var(--f-p) !important;
}
.faculty-domain-theme .faculty-simple-navbar-wrapper .tp-search-open-btn,
.faculty-domain-theme .faculty-simple-navbar-wrapper .offcanvas-open-btn,
.faculty-domain-theme .faculty-simple-navbar-wrapper .faculty-navbar-university-btn {
  border-color: color-mix(in srgb, var(--f-p) 35%, transparent) !important;
  background-color: color-mix(in srgb, var(--f-p) 8%, transparent) !important;
}
.faculty-domain-theme .faculty-simple-navbar-wrapper .tp-search-open-btn:hover,
.faculty-domain-theme .faculty-simple-navbar-wrapper .offcanvas-open-btn:hover,
.faculty-domain-theme .faculty-simple-navbar-wrapper .faculty-navbar-university-btn:hover {
  color: #fff !important;
  background-color: var(--f-p) !important;
  border-color: var(--f-p) !important;
}
.faculty-domain-theme .faculty-simple-navbar-wrapper .offcanvas-open-btn:hover i {
  color: #fff !important;
}
.faculty-domain-theme .faculty-simple-navbar-wrapper .main-menu > nav > ul > li:hover > a,
.faculty-domain-theme .faculty-simple-navbar-wrapper .main-menu > nav > ul > li:hover > a::after,
.faculty-domain-theme .faculty-simple-navbar-wrapper .main-menu .nv-nav-more:hover > a.nv-nav-more__trigger,
.faculty-domain-theme .faculty-simple-navbar-wrapper .main-menu .nv-nav-more:hover .nv-nav-more__icon {
  color: var(--f-p) !important;
}

/* Non-main (faculty) domains — content buttons use secondary; navbar stays primary */
.faculty-domain-theme--sub .tp-btn:not(.tp-btn-white):not(.tp-btn-2):not(.tp-btn-3):not(.faculty-hero-btn-secondary),
.faculty-domain-theme--sub .tp-btn-inner,
.faculty-domain-theme--sub a.rte-button {
  background-color: var(--f-s, var(--faculty-secondary, #012440)) !important;
  border-color: var(--f-s, var(--faculty-secondary, #012440)) !important;
  color: #fff !important;
}
.faculty-domain-theme--sub .tp-btn:not(.tp-btn-white):not(.tp-btn-2):not(.tp-btn-3):not(.faculty-hero-btn-secondary):hover,
.faculty-domain-theme--sub .tp-btn-inner:hover,
.faculty-domain-theme--sub a.rte-button:hover {
  background-color: var(--f-p, var(--faculty-primary, #004c71)) !important;
  border-color: var(--f-p, var(--faculty-primary, #004c71)) !important;
  color: #fff !important;
}
.faculty-domain-theme--sub .tp-btn-border:not(.faculty-hero-btn-secondary),
.faculty-domain-theme--sub .tp-btn-round {
  background-color: var(--f-s, var(--faculty-secondary, #012440)) !important;
  border-color: var(--f-s, var(--faculty-secondary, #012440)) !important;
}
.faculty-domain-theme--sub .tp-btn-border:not(.faculty-hero-btn-secondary):hover {
  background-color: transparent !important;
  color: var(--f-s, var(--faculty-secondary, #012440)) !important;
}
.faculty-domain-theme--sub {
  /* Keep navbar action buttons on primary (override content-button secondary rules) */
}
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .tp-search-open-btn,
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .offcanvas-open-btn,
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .offcanvas-open-btn i,
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .faculty-navbar-university-btn,
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .tp-header-btn a {
  color: var(--f-p) !important;
}
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .tp-search-open-btn,
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .offcanvas-open-btn,
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .faculty-navbar-university-btn,
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .tp-header-btn a {
  border-color: color-mix(in srgb, var(--f-p) 35%, transparent) !important;
  background-color: color-mix(in srgb, var(--f-p) 8%, transparent) !important;
}
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .tp-search-open-btn:hover,
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .offcanvas-open-btn:hover,
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .faculty-navbar-university-btn:hover,
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .tp-header-btn a:hover {
  color: #fff !important;
  background-color: var(--f-p) !important;
  border-color: var(--f-p) !important;
}
.faculty-domain-theme--sub .faculty-simple-navbar-wrapper .offcanvas-open-btn:hover i {
  color: #fff !important;
}

/* Beat chrome-header-fg overrides so action buttons stay on domain primary */
.faculty-domain-theme.chrome-header-font-light .faculty-simple-navbar-wrapper .tp-search-open-btn,
.faculty-domain-theme.chrome-header-font-light .faculty-simple-navbar-wrapper .offcanvas-open-btn,
.faculty-domain-theme.chrome-header-font-light .faculty-simple-navbar-wrapper .offcanvas-open-btn i,
.faculty-domain-theme.chrome-header-font-light .faculty-simple-navbar-wrapper .faculty-navbar-university-btn,
.faculty-domain-theme.chrome-header-font-dark .faculty-simple-navbar-wrapper .tp-search-open-btn,
.faculty-domain-theme.chrome-header-font-dark .faculty-simple-navbar-wrapper .offcanvas-open-btn,
.faculty-domain-theme.chrome-header-font-dark .faculty-simple-navbar-wrapper .offcanvas-open-btn i,
.faculty-domain-theme.chrome-header-font-dark .faculty-simple-navbar-wrapper .faculty-navbar-university-btn,
.faculty-domain-theme--sub.chrome-header-font-light .faculty-simple-navbar-wrapper .tp-search-open-btn,
.faculty-domain-theme--sub.chrome-header-font-light .faculty-simple-navbar-wrapper .offcanvas-open-btn,
.faculty-domain-theme--sub.chrome-header-font-light .faculty-simple-navbar-wrapper .offcanvas-open-btn i,
.faculty-domain-theme--sub.chrome-header-font-light .faculty-simple-navbar-wrapper .faculty-navbar-university-btn,
.faculty-domain-theme--sub.chrome-header-font-dark .faculty-simple-navbar-wrapper .tp-search-open-btn,
.faculty-domain-theme--sub.chrome-header-font-dark .faculty-simple-navbar-wrapper .offcanvas-open-btn,
.faculty-domain-theme--sub.chrome-header-font-dark .faculty-simple-navbar-wrapper .offcanvas-open-btn i,
.faculty-domain-theme--sub.chrome-header-font-dark .faculty-simple-navbar-wrapper .faculty-navbar-university-btn {
  color: var(--f-p) !important;
}
.faculty-domain-theme.chrome-header-font-light .faculty-simple-navbar-wrapper .tp-search-open-btn,
.faculty-domain-theme.chrome-header-font-light .faculty-simple-navbar-wrapper .offcanvas-open-btn,
.faculty-domain-theme.chrome-header-font-light .faculty-simple-navbar-wrapper .faculty-navbar-university-btn,
.faculty-domain-theme.chrome-header-font-dark .faculty-simple-navbar-wrapper .tp-search-open-btn,
.faculty-domain-theme.chrome-header-font-dark .faculty-simple-navbar-wrapper .offcanvas-open-btn,
.faculty-domain-theme.chrome-header-font-dark .faculty-simple-navbar-wrapper .faculty-navbar-university-btn,
.faculty-domain-theme--sub.chrome-header-font-light .faculty-simple-navbar-wrapper .tp-search-open-btn,
.faculty-domain-theme--sub.chrome-header-font-light .faculty-simple-navbar-wrapper .offcanvas-open-btn,
.faculty-domain-theme--sub.chrome-header-font-light .faculty-simple-navbar-wrapper .faculty-navbar-university-btn,
.faculty-domain-theme--sub.chrome-header-font-dark .faculty-simple-navbar-wrapper .tp-search-open-btn,
.faculty-domain-theme--sub.chrome-header-font-dark .faculty-simple-navbar-wrapper .offcanvas-open-btn,
.faculty-domain-theme--sub.chrome-header-font-dark .faculty-simple-navbar-wrapper .faculty-navbar-university-btn {
  border-color: color-mix(in srgb, var(--f-p) 35%, transparent) !important;
  background-color: color-mix(in srgb, var(--f-p) 8%, transparent) !important;
}
.faculty-domain-theme.chrome-header-font-light .faculty-simple-navbar-wrapper .tp-search-open-btn:hover,
.faculty-domain-theme.chrome-header-font-light .faculty-simple-navbar-wrapper .offcanvas-open-btn:hover,
.faculty-domain-theme.chrome-header-font-light .faculty-simple-navbar-wrapper .faculty-navbar-university-btn:hover,
.faculty-domain-theme.chrome-header-font-dark .faculty-simple-navbar-wrapper .tp-search-open-btn:hover,
.faculty-domain-theme.chrome-header-font-dark .faculty-simple-navbar-wrapper .offcanvas-open-btn:hover,
.faculty-domain-theme.chrome-header-font-dark .faculty-simple-navbar-wrapper .faculty-navbar-university-btn:hover,
.faculty-domain-theme--sub.chrome-header-font-light .faculty-simple-navbar-wrapper .tp-search-open-btn:hover,
.faculty-domain-theme--sub.chrome-header-font-light .faculty-simple-navbar-wrapper .offcanvas-open-btn:hover,
.faculty-domain-theme--sub.chrome-header-font-light .faculty-simple-navbar-wrapper .faculty-navbar-university-btn:hover,
.faculty-domain-theme--sub.chrome-header-font-dark .faculty-simple-navbar-wrapper .tp-search-open-btn:hover,
.faculty-domain-theme--sub.chrome-header-font-dark .faculty-simple-navbar-wrapper .offcanvas-open-btn:hover,
.faculty-domain-theme--sub.chrome-header-font-dark .faculty-simple-navbar-wrapper .faculty-navbar-university-btn:hover {
  color: #fff !important;
  background-color: var(--f-p) !important;
  border-color: var(--f-p) !important;
}
.faculty-domain-theme.chrome-header-font-light .faculty-simple-navbar-wrapper .offcanvas-open-btn:hover i,
.faculty-domain-theme.chrome-header-font-dark .faculty-simple-navbar-wrapper .offcanvas-open-btn:hover i,
.faculty-domain-theme--sub.chrome-header-font-light .faculty-simple-navbar-wrapper .offcanvas-open-btn:hover i,
.faculty-domain-theme--sub.chrome-header-font-dark .faculty-simple-navbar-wrapper .offcanvas-open-btn:hover i {
  color: #fff !important;
}

/* Mobile / offcanvas menu */
.faculty-domain-theme .offcanvas-view-toggle {
  --oc-p: var(--f-p);
  --oc-s: var(--f-s);
}
.faculty-domain-theme .offcanvas__close-btn {
  background-color: var(--f-p) !important;
  color: #fff !important;
}
.faculty-domain-theme .offcanvas__close-btn:hover {
  background-color: var(--f-s) !important;
}
.faculty-domain-theme .tp-main-menu-mobile ul li:hover > a,
.faculty-domain-theme .tp-main-menu-mobile ul li.has-dropdown.expanded,
.faculty-domain-theme .tp-main-menu-mobile ul li.has-dropdown.expanded > a {
  color: var(--f-p) !important;
}
.faculty-domain-theme .tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn::before,
.faculty-domain-theme .tp-main-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn::after {
  background-color: var(--f-p) !important;
}
.faculty-domain-theme .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn::before,
.faculty-domain-theme .tp-main-menu-mobile ul li:hover > a .dropdown-toggle-btn::after {
  background-color: var(--f-s) !important;
}
.faculty-domain-theme .offcanvas-contact a:hover,
.faculty-domain-theme .offcanvas-title {
  color: var(--f-p) !important;
}
.faculty-domain-theme .university-offcanvas-faculty-list .faculty-list-link:hover {
  color: var(--f-p) !important;
  background-color: color-mix(in srgb, var(--f-p) 8%, transparent) !important;
}

.faculty-domain-theme .faculty-section-divider {
  background: linear-gradient(135deg, var(--f-p) 0%, var(--f-s) 100%) !important;
}

.faculty-domain-theme .faculty-content-block-title,
.faculty-domain-theme .faculty-section-title-modern,
.faculty-domain-theme .tp-vision-mission-values-area-enhanced .faculty-content-block-title {
  color: var(--f-p) !important;
}

.faculty-domain-theme .faculty-content-block:hover {
  box-shadow: 0 8px 30px rgba(0, 76, 113, 0.12) !important;
}

.faculty-domain-theme .faculty-content-blocks--nv .faculty-editorial-list li::before {
  background: linear-gradient(135deg, var(--f-p) 0%, var(--f-s) 100%) !important;
}

.faculty-domain-theme .tp-breadcrumb__title.color {
  color: #fff !important;
}