/* ---------- Start v137: SJWS New Home Final CSS - Mobile Motion Restored ---------- */
/*
   Purpose:
   - Keep current New Home Hero + Quick Access structure
   - Restore old final homepage design for About, Inspiration, Principal, News, Notice, Gallery, Contact and Campuses
   - Do not control global header/menu through this file
   - Keep page scroll single and smooth
*/

/* ---------- Start v93: Clean Canvas and Joomla Wrapper Safety ---------- */
html.sjw-preview-home-html,
body.sjw-preview-home {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(11, 111, 179, 0.12), transparent 32%),
    radial-gradient(circle at 92% 8%, rgba(243, 178, 51, 0.14), transparent 30%),
    linear-gradient(180deg, #edf6ff 0%, #f8fbff 100%) !important;
  color: #0b2447 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}

html.sjw-preview-home-html {
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
  scroll-behavior: smooth !important;
}

body.sjw-preview-home {
  height: auto !important;
  min-height: 100vh !important;
  max-height: none !important;
  overflow-y: visible !important;
  position: static !important;
}

body.sjw-preview-home #sjwMain,
body.sjw-preview-home .sjw-main,
body.sjw-preview-home #content,
body.sjw-preview-home .sjw-component,
body.sjw-preview-home #sjwNewPageCanvas,
body.sjw-preview-home .sjw-new-page-canvas,
body.sjw-preview-home .sjw-new-home-page,
body.sjw-preview-home .sjw-new-home-canvas,
body.sjw-preview-home .item-page,
body.sjw-preview-home .blog,
body.sjw-preview-home .component-content,
body.sjw-preview-home .main-content,
body.sjw-preview-home .page-content,
body.sjw-preview-home .container,
body.sjw-preview-home .container-fluid,
body.sjw-preview-home .row,
body.sjw-preview-home .row-fluid,
body.sjw-preview-home [class*="span"] {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  position: relative !important;
  float: none !important;
  clear: both !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .item-page > .page-header,
body.sjw-preview-home .item-page > h1,
body.sjw-preview-home .item-page > h2,
body.sjw-preview-home .item-page > .icons,
body.sjw-preview-home .item-page > .actions,
body.sjw-preview-home .item-page > .article-info,
body.sjw-preview-home .item-page > .pagenav,
body.sjw-preview-home ul.pagenav,
body.sjw-preview-home .pager,
body.sjw-preview-home .content_rating,
body.sjw-preview-home .content_vote,
body.sjw-preview-home .btn-group.pull-right,
body.sjw-preview-home .pull-right > .btn-group,
body.sjw-preview-home .dropdown-toggle,
body.sjw-preview-home .icon-cog {
  display: none !important;
}
/* ---------- End v93: Clean Canvas and Joomla Wrapper Safety ---------- */

/* ==================================================
   SJWS HERO - CLEAN INSTITUTIONAL STYLE
   Inspired by modern university-style hero layouts
   Scope: New Home only
================================================== */

/* Hero starts from very top. Header/menu overlays it. */
html.sjw-preview-home-html,
body.sjw-preview-home {
  margin: 0 !important;
  padding: 0 !important;
}

body.sjw-preview-home .sjw-new-home-page,
body.sjw-preview-home .sjw-new-home-canvas {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100vh !important;
  background: transparent !important;
}

/* Collapse fixed header/menu module wrappers */
body.sjw-preview-home .sjw-header-shell-host,
body.sjw-preview-home .sjw-menu-host {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Hero module wrapper */
body.sjw-preview-home .sjw-hero-host,
body.sjw-preview-home .moduletable:has(.sjw-new-hero),
body.sjw-preview-home .custom:has(.sjw-new-hero) {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Main hero */
body.sjw-preview-home .sjw-new-hero {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100vh !important;
  min-height: 100svh !important;
  margin: 0 0 0 -50vw !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #071b33 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  isolation: isolate !important;
}

/* Header/menu overlay */
body.sjw-preview-home .sjw-new-header-shell,
body.sjw-preview-home .sjw-new-main-menu-source {
  position: fixed !important;
}

/* Slider */
body.sjw-preview-home .sjw-new-hero-slider {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
}

body.sjw-preview-home .sjw-new-hero-slide {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  transform: scale(1.035) !important;
  transition: opacity 0.9s ease, transform 4.2s ease !important;
}

body.sjw-preview-home .sjw-new-hero-slide.is-active {
  opacity: 1 !important;
  transform: scale(1) !important;
}

body.sjw-preview-home .sjw-new-hero-slide img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Clean image overlay */
body.sjw-preview-home .sjw-new-hero-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(180deg, rgba(4, 16, 34, 0.22) 0%, rgba(4, 16, 34, 0.18) 38%, rgba(4, 16, 34, 0.78) 100%),
    linear-gradient(90deg, rgba(4, 16, 34, 0.58) 0%, rgba(4, 16, 34, 0.30) 45%, rgba(4, 16, 34, 0.16) 100%) !important;
}

/* Content layout */
body.sjw-preview-home .sjw-new-hero-inner {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 150px 34px 92px 34px !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-new-hero-content {
  width: 100% !important;
  max-width: 760px !important;
  text-align: left !important;
}

/* Small label */
body.sjw-preview-home .sjw-new-hero-kicker {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 14px !important;
  margin-bottom: 18px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.35px !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

/* Premium headline */
body.sjw-preview-home .sjw-new-hero h1 {
  max-width: 820px !important;
  margin: 0 0 20px 0 !important;
  color: #ffffff !important;
  font-size: clamp(42px, 5.4vw, 74px) !important;
  line-height: 1.03 !important;
  font-weight: 900 !important;
  letter-spacing: -1.8px !important;
  text-align: left !important;
  text-shadow: 0 18px 46px rgba(0, 0, 0, 0.26) !important;
}

/* Paragraph */
body.sjw-preview-home .sjw-new-hero p {
  max-width: 660px !important;
  margin: 0 0 30px 0 !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 19px !important;
  line-height: 1.72 !important;
  font-weight: 500 !important;
  text-align: left !important;
}

/* Buttons */
body.sjw-preview-home .sjw-new-hero-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

body.sjw-preview-home .sjw-new-hero-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 158px !important;
  min-height: 50px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  transition: transform 0.24s ease, box-shadow 0.24s ease, background 0.24s ease !important;
}

body.sjw-preview-home .sjw-new-hero-btn:hover {
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

body.sjw-preview-home .sjw-new-hero-btn-primary {
  background: #ffffff !important;
  color: #09203f !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16) !important;
}

body.sjw-preview-home .sjw-new-hero-btn-secondary {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.48) !important;
}

body.sjw-preview-home .sjw-new-hero-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

/* Dots */
body.sjw-preview-home .sjw-new-hero-dots {
  position: absolute !important;
  right: 34px !important;
  bottom: 34px !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

body.sjw-preview-home .sjw-new-hero-dot {
  width: 9px !important;
  height: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.48) !important;
  cursor: pointer !important;
  transition: width 0.24s ease, background 0.24s ease !important;
}

body.sjw-preview-home .sjw-new-hero-dot.is-active {
  width: 30px !important;
  background: #ffffff !important;
}

/* Minimal motion only */
body.sjw-preview-home .sjw-new-hero-kicker,
body.sjw-preview-home .sjw-new-hero h1,
body.sjw-preview-home .sjw-new-hero p,
body.sjw-preview-home .sjw-new-hero-actions {
  animation: sjwHeroCleanReveal 0.72s ease both !important;
}

body.sjw-preview-home .sjw-new-hero h1 {
  animation-delay: 0.06s !important;
}

body.sjw-preview-home .sjw-new-hero p {
  animation-delay: 0.12s !important;
}

body.sjw-preview-home .sjw-new-hero-actions {
  animation-delay: 0.18s !important;
}

@keyframes sjwHeroCleanReveal {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tablet */
@media (max-width: 980px) {
  body.sjw-preview-home .sjw-new-hero {
    min-height: 760px !important;
    align-items: flex-end !important;
  }

  body.sjw-preview-home .sjw-new-hero-inner {
    padding: 132px 22px 82px 22px !important;
  }

  body.sjw-preview-home .sjw-new-hero-content {
    max-width: 720px !important;
  }

  body.sjw-preview-home .sjw-new-hero h1 {
    font-size: clamp(40px, 7vw, 62px) !important;
  }

  body.sjw-preview-home .sjw-new-hero p {
    font-size: 17px !important;
  }
}

/* Mobile */
@media (max-width: 640px) {
  body.sjw-preview-home .sjw-new-hero {
    min-height: 720px !important;
  }

  body.sjw-preview-home .sjw-new-hero-inner {
    padding: 118px 16px 72px 16px !important;
  }

  body.sjw-preview-home .sjw-new-hero-content,
  body.sjw-preview-home .sjw-new-hero h1,
  body.sjw-preview-home .sjw-new-hero p {
    text-align: left !important;
  }

  body.sjw-preview-home .sjw-new-hero h1 {
    font-size: 39px !important;
    line-height: 1.06 !important;
    letter-spacing: -1px !important;
  }

  body.sjw-preview-home .sjw-new-hero p {
    font-size: 15.5px !important;
    line-height: 1.62 !important;
    margin-bottom: 24px !important;
  }

  body.sjw-preview-home .sjw-new-hero-actions {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }

  body.sjw-preview-home .sjw-new-hero-btn {
    width: 100% !important;
    max-width: 270px !important;
  }

  body.sjw-preview-home .sjw-new-hero-dots {
    left: 16px !important;
    right: auto !important;
    bottom: 28px !important;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  body.sjw-preview-home .sjw-new-hero-slide,
  body.sjw-preview-home .sjw-new-hero-kicker,
  body.sjw-preview-home .sjw-new-hero h1,
  body.sjw-preview-home .sjw-new-hero p,
  body.sjw-preview-home .sjw-new-hero-actions {
    animation: none !important;
    transition: none !important;
  }
}

/*----- end Hero ----*/



/* ==================================================
   SJWS NEW HOME - QUICK LINKS
   Clean, modern, secure, responsive carousel
================================================== */

body.sjw-preview-home .sjw-quick-links-section {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 76px 0 82px 0 !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

body.sjw-preview-home .sjw-quick-links-container {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-quick-links-head {
  max-width: 720px !important;
  margin: 0 auto 34px auto !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-quick-links-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 15px !important;
  margin-bottom: 14px !important;
  border-radius: 999px !important;
  background: #fff4dc !important;
  color: #9b6808 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.3px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-quick-links-head h2 {
  margin: 0 0 12px 0 !important;
  color: #0b2447 !important;
  font-size: 38px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -0.7px !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-quick-links-head p {
  max-width: 620px !important;
  margin: 0 auto !important;
  color: #66788f !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-quick-links-shell {
  position: relative !important;
  width: 100% !important;
}

body.sjw-preview-home .sjw-quick-links-track {
  width: 100% !important;
  display: flex !important;
  gap: 20px !important;
  padding: 8px 2px 18px 2px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  scrollbar-width: thin !important;
  scrollbar-color: #d8a12a #eef3f8 !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-quick-links-track::-webkit-scrollbar {
  height: 7px !important;
}

body.sjw-preview-home .sjw-quick-links-track::-webkit-scrollbar-track {
  background: #eef3f8 !important;
  border-radius: 20px !important;
}

body.sjw-preview-home .sjw-quick-links-track::-webkit-scrollbar-thumb {
  background: #d8a12a !important;
  border-radius: 20px !important;
}

body.sjw-preview-home .sjw-quick-link-card {
  position: relative !important;
  flex: 0 0 calc((100% - 40px) / 3) !important;
  max-width: calc((100% - 40px) / 3) !important;
  min-height: 248px !important;
  padding: 28px 22px 24px 22px !important;
  scroll-snap-align: start !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid #e6edf5 !important;
  box-shadow: 0 14px 38px rgba(11, 36, 71, 0.08) !important;
  color: #0b2447 !important;
  text-decoration: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important;
}

body.sjw-preview-home .sjw-quick-link-card::before {
  content: "" !important;
  position: absolute !important;
  right: -46px !important;
  top: -46px !important;
  width: 126px !important;
  height: 126px !important;
  border-radius: 999px !important;
  background: rgba(11, 111, 179, 0.07) !important;
}

body.sjw-preview-home .sjw-quick-link-card:nth-child(1)::before,
body.sjw-preview-home .sjw-quick-link-card:nth-child(4)::before,
body.sjw-preview-home .sjw-quick-link-card:nth-child(7)::before {
  background: rgba(243, 178, 51, 0.13) !important;
}

body.sjw-preview-home .sjw-quick-link-card:hover {
  transform: translateY(-7px) !important;
  border-color: #cbdceb !important;
  box-shadow: 0 24px 58px rgba(11, 36, 71, 0.13) !important;
  text-decoration: none !important;
}

body.sjw-preview-home .sjw-quick-link-icon {
  position: relative !important;
  z-index: 2 !important;
  width: 54px !important;
  height: 54px !important;
  margin-bottom: 20px !important;
  border-radius: 18px !important;
  background: #eef5ff !important;
  color: #0b6fb3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.4px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  transition: background 0.28s ease, color 0.28s ease, transform 0.28s ease !important;
}

body.sjw-preview-home .sjw-quick-link-card:hover .sjw-quick-link-icon {
  background: #0b6fb3 !important;
  color: #ffffff !important;
  transform: scale(1.05) !important;
}

body.sjw-preview-home .sjw-quick-link-title {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  margin-bottom: 8px !important;
  color: #0b2447 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-align: left !important;
}

body.sjw-preview-home .sjw-quick-link-text {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  max-width: 270px !important;
  margin-bottom: 18px !important;
  color: #66788f !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
  text-align: left !important;
}

body.sjw-preview-home .sjw-quick-link-action {
  position: relative !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: auto !important;
  min-height: 36px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  background: #f6f8fb !important;
  color: #0b6fb3 !important;
  border: 1px solid #d9e7f3 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  transition: background 0.28s ease, color 0.28s ease, border-color 0.28s ease !important;
}

body.sjw-preview-home .sjw-quick-link-card:hover .sjw-quick-link-action {
  background: #0b6fb3 !important;
  color: #ffffff !important;
  border-color: #0b6fb3 !important;
}

body.sjw-preview-home .sjw-quick-links-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

body.sjw-preview-home .sjw-quick-links-btn {
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid #d9e7f3 !important;
  background: #ffffff !important;
  color: #0b2447 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 24px rgba(11, 36, 71, 0.10) !important;
  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease !important;
}

body.sjw-preview-home .sjw-quick-links-btn:hover {
  background: #f3b233 !important;
  color: #0b2447 !important;
  transform: translateY(-3px) !important;
}

@media (max-width: 1100px) {
  body.sjw-preview-home .sjw-quick-link-card {
    flex-basis: calc((100% - 20px) / 2) !important;
    max-width: calc((100% - 20px) / 2) !important;
  }

  body.sjw-preview-home .sjw-quick-links-head h2 {
    font-size: 32px !important;
  }
}

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-quick-links-section {
    padding: 58px 0 64px 0 !important;
  }

  body.sjw-preview-home .sjw-quick-links-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.sjw-preview-home .sjw-quick-links-head {
    margin-bottom: 28px !important;
  }

  body.sjw-preview-home .sjw-quick-links-head h2 {
    font-size: 27px !important;
    line-height: 1.2 !important;
  }

  body.sjw-preview-home .sjw-quick-links-head p {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
  }

  body.sjw-preview-home .sjw-quick-links-track {
    gap: 10px !important;
    padding-bottom: 16px !important;
  }

  body.sjw-preview-home .sjw-quick-link-card {
    flex-basis: calc((100% - 10px) / 2) !important;
    max-width: calc((100% - 10px) / 2) !important;
    min-height: 232px !important;
    padding: 20px 12px 18px 12px !important;
    border-radius: 18px !important;
  }

  body.sjw-preview-home .sjw-quick-link-icon {
    width: 46px !important;
    height: 46px !important;
    margin-bottom: 16px !important;
    border-radius: 15px !important;
    font-size: 15px !important;
  }

  body.sjw-preview-home .sjw-quick-link-title {
    font-size: 15.5px !important;
    line-height: 1.25 !important;
  }

  body.sjw-preview-home .sjw-quick-link-text {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    margin-bottom: 13px !important;
  }

  body.sjw-preview-home .sjw-quick-link-action {
    font-size: 10.5px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
}

@media (max-width: 420px) {
  body.sjw-preview-home .sjw-quick-links-container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.sjw-preview-home .sjw-quick-links-track {
    gap: 8px !important;
  }

  body.sjw-preview-home .sjw-quick-link-card {
    flex-basis: calc((100% - 8px) / 2) !important;
    max-width: calc((100% - 8px) / 2) !important;
  }
}

/*---------End Quick Link--------*/

/*------------- Start: Quick Links Button Click Fix ----------*/

body.sjw-preview-home .sjw-quick-links-track {
  overflow-x: auto !important;
  scroll-behavior: smooth !important;
}

body.sjw-preview-home .sjw-quick-links-controls,
body.sjw-preview-home .sjw-quick-links-btn {
  position: relative !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}

/*------------- End: Quick Links Button Click Fix ----------*/

/*------------- Start: New Home About SJW School ----------*/

body.sjw-preview-home .sjw-about-beauty-wrap {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-about-section {
  width: 100% !important;
  padding: 82px 0 88px 0 !important;
  background:
    radial-gradient(circle at 10% 14%, rgba(11, 111, 179, 0.07), transparent 28%),
    radial-gradient(circle at 90% 86%, rgba(243, 178, 51, 0.10), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-about-beauty-container {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-about-beauty-head {
  max-width: 760px !important;
  margin: 0 auto 38px auto !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-about-beauty-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  margin-bottom: 14px !important;
  border-radius: 999px !important;
  background: #eaf5ff !important;
  color: #0b6fb3 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.3px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-about-beauty-title {
  margin: 0 0 12px 0 !important;
  color: #0b2447 !important;
  font-size: 42px !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
  letter-spacing: -0.8px !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-about-beauty-subtitle {
  max-width: 660px !important;
  margin: 0 auto !important;
  color: #66788f !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

/*------------- Start: About Main Grid ----------*/

body.sjw-preview-home .sjw-about-beauty-grid {
  display: grid !important;
  grid-template-columns: 1.02fr 0.98fr !important;
  gap: 34px !important;
  align-items: center !important;
}

/*------------- End: About Main Grid ----------*/


/*------------- Start: About Image Area ----------*/

body.sjw-preview-home .sjw-about-beauty-visual {
  position: relative !important;
  min-height: 500px !important;
}

body.sjw-preview-home .sjw-about-beauty-main-img {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 74% !important;
  height: 430px !important;
  border-radius: 32px !important;
  overflow: hidden !important;
  background: #0b2447 !important;
  box-shadow: 0 24px 70px rgba(11, 36, 71, 0.16) !important;
}

body.sjw-preview-home .sjw-about-beauty-small-img {
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 46% !important;
  height: 300px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background: #0b2447 !important;
  border: 8px solid #ffffff !important;
  box-shadow: 0 24px 70px rgba(11, 36, 71, 0.18) !important;
}

body.sjw-preview-home .sjw-about-beauty-main-img img,
body.sjw-preview-home .sjw-about-beauty-small-img img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  transition: transform 0.7s ease !important;
}

body.sjw-preview-home .sjw-about-beauty-main-img:hover img,
body.sjw-preview-home .sjw-about-beauty-small-img:hover img {
  transform: scale(1.05) !important;
}

body.sjw-preview-home .sjw-about-beauty-main-img::after,
body.sjw-preview-home .sjw-about-beauty-small-img::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(4, 18, 42, 0.04) 0%, rgba(4, 18, 42, 0.34) 100%) !important;
}

body.sjw-preview-home .sjw-about-beauty-floating {
  position: absolute !important;
  left: 28px !important;
  bottom: 32px !important;
  z-index: 3 !important;
  max-width: 260px !important;
  padding: 20px !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(230, 237, 245, 0.95) !important;
  box-shadow: 0 18px 48px rgba(11, 36, 71, 0.14) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

body.sjw-preview-home .sjw-about-beauty-floating strong {
  display: block !important;
  margin-bottom: 6px !important;
  color: #0b2447 !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-about-beauty-floating span {
  display: block !important;
  color: #66788f !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

/*------------- End: About Image Area ----------*/


/*------------- Start: About Content Card ----------*/

body.sjw-preview-home .sjw-about-beauty-card {
  position: relative !important;
  overflow: hidden !important;
  padding: 36px !important;
  border-radius: 32px !important;
  background: #ffffff !important;
  border: 1px solid #e6edf5 !important;
  box-shadow: 0 18px 52px rgba(11, 36, 71, 0.09) !important;
}

body.sjw-preview-home .sjw-about-beauty-card::before {
  content: "" !important;
  position: absolute !important;
  right: -72px !important;
  top: -72px !important;
  width: 170px !important;
  height: 170px !important;
  border-radius: 999px !important;
  background: rgba(11, 111, 179, 0.08) !important;
}

body.sjw-preview-home .sjw-about-beauty-card-inner {
  position: relative !important;
  z-index: 2 !important;
}

body.sjw-preview-home .sjw-about-beauty-card h3 {
  margin: 0 0 16px 0 !important;
  color: #0b2447 !important;
  font-size: 29px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-about-beauty-card p {
  margin: 0 0 16px 0 !important;
  color: #5f6f84 !important;
  font-size: 15px !important;
  line-height: 1.82 !important;
  font-weight: 500 !important;
}

body.sjw-preview-home .sjw-about-beauty-highlight {
  margin: 20px 0 22px 0 !important;
  padding: 18px 20px !important;
  border-radius: 18px !important;
  background: #f8fbff !important;
  border-left: 4px solid #f3b233 !important;
}

body.sjw-preview-home .sjw-about-beauty-highlight p {
  margin: 0 !important;
  color: #0b2447 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  font-weight: 800 !important;
}

/*------------- End: About Content Card ----------*/


/*------------- Start: About Stats ----------*/

body.sjw-preview-home .sjw-about-beauty-stats {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 14px !important;
  margin-top: 22px !important;
}

body.sjw-preview-home .sjw-about-beauty-stat {
  padding: 18px 12px !important;
  border-radius: 18px !important;
  background: #f8fbff !important;
  border: 1px solid #e6edf5 !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-about-beauty-stat strong {
  display: block !important;
  margin-bottom: 6px !important;
  color: #0b2447 !important;
  font-size: 23px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-about-beauty-stat span {
  display: block !important;
  color: #66788f !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
}

/*------------- End: About Stats ----------*/


/*------------- Start: About Read More Toggle ----------*/

body.sjw-preview-home .sjw-about-beauty-toggle {
  display: none !important;
}

body.sjw-preview-home .sjw-about-beauty-actions {
  margin-top: 24px !important;
}

body.sjw-preview-home .sjw-about-beauty-read,
body.sjw-preview-home .sjw-about-beauty-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 25px !important;
  border-radius: 999px !important;
  background: #0b2447 !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 14px 34px rgba(11, 36, 71, 0.18) !important;
  transition: transform 0.28s ease, background 0.28s ease, color 0.28s ease !important;
}

body.sjw-preview-home .sjw-about-beauty-read:hover,
body.sjw-preview-home .sjw-about-beauty-close:hover {
  background: #f3b233 !important;
  color: #0b2447 !important;
  transform: translateY(-3px) !important;
}

body.sjw-preview-home .sjw-about-beauty-more {
  display: none !important;
  margin-top: 34px !important;
  animation: sjwAboutBeautyFade 0.38s ease both !important;
}

body.sjw-preview-home .sjw-about-beauty-toggle:checked ~ .sjw-about-beauty-more {
  display: block !important;
}

@keyframes sjwAboutBeautyFade {
  from {
    opacity: 0.98;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*------------- End: About Read More Toggle ----------*/


/*------------- Start: About Expanded Area ----------*/

body.sjw-preview-home .sjw-about-beauty-more-card {
  padding: 34px !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  border: 1px solid #e6edf5 !important;
  box-shadow: 0 18px 52px rgba(11, 36, 71, 0.09) !important;
}

body.sjw-preview-home .sjw-about-beauty-more-card h3 {
  margin: 0 0 18px 0 !important;
  color: #0b2447 !important;
  font-size: 28px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-about-beauty-more-text {
  column-count: 2 !important;
  column-gap: 34px !important;
}

body.sjw-preview-home .sjw-about-beauty-more-text p {
  margin: 0 0 15px 0 !important;
  color: #5f6f84 !important;
  font-size: 14.5px !important;
  line-height: 1.82 !important;
  break-inside: avoid !important;
}

/*------------- End: About Expanded Area ----------*/


/*------------- Start: About Value Cards ----------*/

body.sjw-preview-home .sjw-about-beauty-values {
  margin-top: 26px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
}

body.sjw-preview-home .sjw-about-beauty-value {
  padding: 22px 16px !important;
  border-radius: 20px !important;
  background: #f8fbff !important;
  border: 1px solid #e6edf5 !important;
  text-align: center !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
}

body.sjw-preview-home .sjw-about-beauty-value:hover {
  background: #ffffff !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 44px rgba(11, 36, 71, 0.10) !important;
}

body.sjw-preview-home .sjw-about-beauty-value-icon {
  width: 44px !important;
  height: 44px !important;
  margin: 0 auto 12px auto !important;
  border-radius: 15px !important;
  background: #eef5ff !important;
  color: #0b6fb3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-about-beauty-value h4 {
  margin: 0 0 8px 0 !important;
  color: #0b2447 !important;
  font-size: 15.5px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-about-beauty-value p {
  margin: 0 !important;
  color: #66788f !important;
  font-size: 12.8px !important;
  line-height: 1.6 !important;
}

body.sjw-preview-home .sjw-about-beauty-close-wrap {
  margin-top: 28px !important;
  text-align: center !important;
}

/*------------- End: About Value Cards ----------*/


/*------------- Start: About Responsive CSS ----------*/

@media (max-width: 1100px) {
  body.sjw-preview-home .sjw-about-beauty-grid {
    grid-template-columns: 1fr !important;
  }

  body.sjw-preview-home .sjw-about-beauty-visual {
    min-height: 440px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-main-img {
    height: 380px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-small-img {
    height: 260px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-values {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-about-section {
    padding: 58px 0 64px 0 !important;
  }

  body.sjw-preview-home .sjw-about-beauty-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-title {
    font-size: 30px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-subtitle {
    font-size: 14px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-visual {
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-main-img,
  body.sjw-preview-home .sjw-about-beauty-small-img {
    position: relative !important;
    width: 100% !important;
    height: 300px !important;
    min-height: 300px !important;
    border-radius: 24px !important;
    border: 0 !important;
  }

  body.sjw-preview-home .sjw-about-beauty-floating {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    max-width: none !important;
    margin-top: -38px !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-card,
  body.sjw-preview-home .sjw-about-beauty-more-card {
    padding: 24px 18px !important;
    border-radius: 24px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-card h3,
  body.sjw-preview-home .sjw-about-beauty-more-card h3 {
    font-size: 24px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-card p,
  body.sjw-preview-home .sjw-about-beauty-more-text p {
    font-size: 14px !important;
    line-height: 1.74 !important;
  }

  body.sjw-preview-home .sjw-about-beauty-stats {
    grid-template-columns: 1fr !important;
  }

  body.sjw-preview-home .sjw-about-beauty-more-text {
    column-count: 1 !important;
  }

  body.sjw-preview-home .sjw-about-beauty-values {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-actions {
    text-align: center !important;
  }
}


/*------------- Start: About Mobile Image Collage Fix ----------*/
/* Purpose:
   - Keep the same premium overlapping image style on mobile
   - Stop the second image/logo card from breaking outside the screen
   - Keep the "Since 1995" card readable and properly placed
*/

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-about-beauty-visual {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 430px !important;
    margin: 0 auto 10px auto !important;
    overflow: visible !important;
  }

  body.sjw-preview-home .sjw-about-beauty-main-img {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 78% !important;
    height: 320px !important;
    min-height: 320px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    border: 0 !important;
    box-shadow: 0 18px 42px rgba(11, 36, 71, 0.14) !important;
    z-index: 1 !important;
  }

  body.sjw-preview-home .sjw-about-beauty-small-img {
    position: absolute !important;
    right: 0 !important;
    top: 150px !important;
    width: 58% !important;
    height: 220px !important;
    min-height: 220px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    border: 6px solid #ffffff !important;
    box-shadow: 0 18px 44px rgba(11, 36, 71, 0.18) !important;
    z-index: 2 !important;
  }

  body.sjw-preview-home .sjw-about-beauty-main-img img,
  body.sjw-preview-home .sjw-about-beauty-small-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.sjw-preview-home .sjw-about-beauty-floating {
    position: absolute !important;
    left: 14px !important;
    bottom: 0 !important;
    width: 68% !important;
    max-width: 280px !important;
    margin: 0 !important;
    padding: 17px 18px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border: 1px solid rgba(230, 237, 245, 0.95) !important;
    box-shadow: 0 16px 38px rgba(11, 36, 71, 0.14) !important;
    z-index: 3 !important;
  }

  body.sjw-preview-home .sjw-about-beauty-floating strong {
    font-size: 25px !important;
    line-height: 1.1 !important;
  }

  body.sjw-preview-home .sjw-about-beauty-floating span {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 420px) {
  body.sjw-preview-home .sjw-about-beauty-visual {
    min-height: 390px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-main-img {
    width: 82% !important;
    height: 285px !important;
    min-height: 285px !important;
    border-radius: 22px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-small-img {
    width: 58% !important;
    height: 190px !important;
    min-height: 190px !important;
    top: 142px !important;
    border-radius: 20px !important;
    border-width: 5px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-floating {
    left: 10px !important;
    bottom: 0 !important;
    width: 72% !important;
    padding: 15px 16px !important;
    border-radius: 18px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-floating strong {
    font-size: 23px !important;
  }

  body.sjw-preview-home .sjw-about-beauty-floating span {
    font-size: 12px !important;
  }
}

/*------------- End: About Mobile Image Collage Fix ----------*/

/*------------- End: New Home About SJW School ----------*/

/*------------- Start: New Home Our Inspiration ----------*/

body.sjw-preview-home .sjw-inspiration-standard-wrap {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-inspiration-standard-section {
  width: 100% !important;
  padding: 84px 0 92px 0 !important;
  background:
    radial-gradient(circle at 12% 20%, rgba(11, 111, 179, 0.05), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(243, 178, 51, 0.10), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-inspiration-standard-container {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

/*------------- Start: Section Heading ----------*/

body.sjw-preview-home .sjw-inspiration-standard-head {
  max-width: 760px !important;
  margin: 0 auto 42px auto !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-inspiration-standard-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  margin-bottom: 14px !important;
  border-radius: 999px !important;
  background: #fff4dc !important;
  color: #9b6808 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.3px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-inspiration-standard-title {
  margin: 0 0 12px 0 !important;
  color: #0b2447 !important;
  font-size: 42px !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
  letter-spacing: -0.8px !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-inspiration-standard-subtitle {
  max-width: 680px !important;
  margin: 0 auto !important;
  color: #66788f !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

/*------------- End: Section Heading ----------*/


/*------------- Start: Main Grid ----------*/

body.sjw-preview-home .sjw-inspiration-standard-grid {
  display: grid !important;
  grid-template-columns: 360px minmax(0, 1fr) !important;
  gap: 34px !important;
  align-items: start !important;
}

/*------------- End: Main Grid ----------*/


/*------------- Start: Left Profile Card ----------*/

body.sjw-preview-home .sjw-inspiration-standard-profile {
  overflow: hidden !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid #e6edf5 !important;
  box-shadow: 0 18px 48px rgba(11, 36, 71, 0.08) !important;
}

body.sjw-preview-home .sjw-inspiration-standard-photo {
  width: 100% !important;
  height: 380px !important;
  overflow: hidden !important;
  background: #0b2447 !important;
}

body.sjw-preview-home .sjw-inspiration-standard-photo img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center top !important;
}

body.sjw-preview-home .sjw-inspiration-standard-profile-body {
  padding: 24px 24px 26px 24px !important;
}

body.sjw-preview-home .sjw-inspiration-standard-label {
  display: inline-block !important;
  margin-bottom: 10px !important;
  color: #0b6fb3 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.1px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-inspiration-standard-profile h3 {
  margin: 0 0 10px 0 !important;
  color: #0b2447 !important;
  font-size: 28px !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-inspiration-standard-profile p {
  margin: 0 !important;
  color: #66788f !important;
  font-size: 14.5px !important;
  line-height: 1.72 !important;
  font-weight: 500 !important;
}

/*------------- End: Left Profile Card ----------*/


/*------------- Start: Right Content Card ----------*/

body.sjw-preview-home .sjw-inspiration-standard-content {
  position: relative !important;
  overflow: hidden !important;
  padding: 36px !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  border: 1px solid #e6edf5 !important;
  box-shadow: 0 18px 52px rgba(11, 36, 71, 0.09) !important;
}

body.sjw-preview-home .sjw-inspiration-standard-content::before {
  content: "" !important;
  position: absolute !important;
  right: -68px !important;
  top: -68px !important;
  width: 170px !important;
  height: 170px !important;
  border-radius: 999px !important;
  background: rgba(243, 178, 51, 0.10) !important;
}

body.sjw-preview-home .sjw-inspiration-standard-quote,
body.sjw-preview-home .sjw-inspiration-standard-text,
body.sjw-preview-home .sjw-inspiration-standard-facts,
body.sjw-preview-home .sjw-inspiration-standard-actions {
  position: relative !important;
  z-index: 2 !important;
}

body.sjw-preview-home .sjw-inspiration-standard-quote {
  margin-bottom: 24px !important;
  padding: 22px 24px !important;
  border-radius: 22px !important;
  background: #f8fbff !important;
  border-left: 4px solid #f3b233 !important;
}

body.sjw-preview-home .sjw-inspiration-standard-quote p {
  margin: 0 !important;
  color: #0b2447 !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-inspiration-standard-text p {
  margin: 0 0 16px 0 !important;
  color: #5f6f84 !important;
  font-size: 15px !important;
  line-height: 1.82 !important;
  font-weight: 500 !important;
}

/*------------- End: Right Content Card ----------*/


/*------------- Start: Facts ----------*/

body.sjw-preview-home .sjw-inspiration-standard-facts {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 14px !important;
  margin-top: 24px !important;
}

body.sjw-preview-home .sjw-inspiration-standard-fact {
  padding: 18px 12px !important;
  border-radius: 18px !important;
  background: #f8fbff !important;
  border: 1px solid #e6edf5 !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-inspiration-standard-fact strong {
  display: block !important;
  margin-bottom: 6px !important;
  color: #0b2447 !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-inspiration-standard-fact span {
  display: block !important;
  color: #66788f !important;
  font-size: 12.5px !important;
  line-height: 1.4 !important;
  font-weight: 800 !important;
}

/*------------- End: Facts ----------*/


/*------------- Start: Read More Toggle ----------*/

body.sjw-preview-home .sjw-inspiration-standard-toggle {
  display: none !important;
}

body.sjw-preview-home .sjw-inspiration-standard-actions {
  margin-top: 26px !important;
}

body.sjw-preview-home .sjw-inspiration-standard-read-btn,
body.sjw-preview-home .sjw-inspiration-standard-close-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 25px !important;
  border-radius: 999px !important;
  background: #0b2447 !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 14px 34px rgba(11, 36, 71, 0.18) !important;
  transition: transform 0.28s ease, background 0.28s ease, color 0.28s ease !important;
}

body.sjw-preview-home .sjw-inspiration-standard-read-btn:hover,
body.sjw-preview-home .sjw-inspiration-standard-close-btn:hover {
  background: #f3b233 !important;
  color: #0b2447 !important;
  transform: translateY(-3px) !important;
}

body.sjw-preview-home .sjw-inspiration-standard-more {
  display: none !important;
  margin-top: 34px !important;
  animation: sjwInspirationStandardFade 0.38s ease both !important;
}

body.sjw-preview-home .sjw-inspiration-standard-toggle:checked ~ .sjw-inspiration-standard-more {
  display: block !important;
}

@keyframes sjwInspirationStandardFade {
  from {
    opacity: 0.98;
    transform: translateY(16px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*------------- End: Read More Toggle ----------*/


/*------------- Start: Expanded Area ----------*/

body.sjw-preview-home .sjw-inspiration-standard-more-card {
  padding: 36px !important;
  border-radius: 30px !important;
  background: #ffffff !important;
  border: 1px solid #e6edf5 !important;
  box-shadow: 0 18px 52px rgba(11, 36, 71, 0.09) !important;
}

body.sjw-preview-home .sjw-inspiration-standard-more-head {
  max-width: 720px !important;
  margin: 0 auto 28px auto !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-inspiration-standard-more-head h3 {
  margin: 0 0 10px 0 !important;
  color: #0b2447 !important;
  font-size: 30px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-inspiration-standard-more-head p {
  max-width: 620px !important;
  margin: 0 auto !important;
  color: #66788f !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

body.sjw-preview-home .sjw-inspiration-standard-values {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
}

body.sjw-preview-home .sjw-inspiration-standard-value {
  padding: 24px 16px !important;
  border-radius: 22px !important;
  background: #f8fbff !important;
  border: 1px solid #e6edf5 !important;
  text-align: center !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
}

body.sjw-preview-home .sjw-inspiration-standard-value:hover {
  background: #ffffff !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 44px rgba(11, 36, 71, 0.10) !important;
}

body.sjw-preview-home .sjw-inspiration-standard-value-icon {
  width: 46px !important;
  height: 46px !important;
  margin: 0 auto 13px auto !important;
  border-radius: 16px !important;
  background: #eef5ff !important;
  color: #0b6fb3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-inspiration-standard-value h4 {
  margin: 0 0 8px 0 !important;
  color: #0b2447 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-inspiration-standard-value p {
  margin: 0 !important;
  color: #66788f !important;
  font-size: 12.8px !important;
  line-height: 1.6 !important;
}

body.sjw-preview-home .sjw-inspiration-standard-close-wrap {
  margin-top: 30px !important;
  text-align: center !important;
}

/*------------- End: Expanded Area ----------*/


/*------------- Start: Responsive CSS ----------*/

@media (max-width: 1100px) {
  body.sjw-preview-home .sjw-inspiration-standard-grid {
    grid-template-columns: 1fr !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-profile {
    max-width: 460px !important;
    margin: 0 auto !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-values {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-inspiration-standard-section {
    padding: 58px 0 64px 0 !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-container {
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-head {
    margin-bottom: 28px !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-title {
    font-size: 30px !important;
    line-height: 1.18 !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-subtitle {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-profile,
  body.sjw-preview-home .sjw-inspiration-standard-content,
  body.sjw-preview-home .sjw-inspiration-standard-more-card {
    border-radius: 24px !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-photo {
    height: 320px !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-profile-body,
  body.sjw-preview-home .sjw-inspiration-standard-content,
  body.sjw-preview-home .sjw-inspiration-standard-more-card {
    padding: 22px 16px !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-quote {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-quote p {
    font-size: 17px !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-text p {
    font-size: 14px !important;
    line-height: 1.74 !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-facts {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-actions {
    text-align: center !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-values {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-more-head h3 {
    font-size: 24px !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-more-head p {
    font-size: 14px !important;
  }
}

@media (max-width: 420px) {
  body.sjw-preview-home .sjw-inspiration-standard-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-title {
    font-size: 27px !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-photo {
    height: 280px !important;
  }

  body.sjw-preview-home .sjw-inspiration-standard-profile-body,
  body.sjw-preview-home .sjw-inspiration-standard-content,
  body.sjw-preview-home .sjw-inspiration-standard-more-card {
    padding: 20px 14px !important;
  }
}

/*------------- End: Responsive CSS ----------*/

/*------------- End: New Home Our Inspiration ----------*/

/*------------- Start: New Home Principal / Leadership Message ----------*/

body.sjw-preview-home .sjw-leader-standard-wrap {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-leader-standard-section {
  width: 100% !important;
  padding: 84px 0 92px 0 !important;
  background:
    radial-gradient(circle at 12% 16%, rgba(11, 111, 179, 0.06), transparent 28%),
    radial-gradient(circle at 88% 86%, rgba(243, 178, 51, 0.10), transparent 26%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 100%) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-leader-standard-container {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

/*------------- Start: Leadership Heading ----------*/

body.sjw-preview-home .sjw-leader-standard-head {
  max-width: 760px !important;
  margin: 0 auto 40px auto !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-leader-standard-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  margin-bottom: 14px !important;
  border-radius: 999px !important;
  background: #eaf5ff !important;
  color: #0b6fb3 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.3px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-leader-standard-title {
  margin: 0 0 12px 0 !important;
  color: #0b2447 !important;
  font-size: 42px !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
  letter-spacing: -0.8px !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-leader-standard-subtitle {
  max-width: 660px !important;
  margin: 0 auto !important;
  color: #66788f !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

/*------------- End: Leadership Heading ----------*/


/*------------- Start: Leadership Carousel ----------*/

body.sjw-preview-home .sjw-leader-standard-carousel {
  position: relative !important;
  width: 100% !important;
}

body.sjw-preview-home .sjw-leader-standard-track {
  display: flex !important;
  gap: 22px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  padding: 8px 2px 20px 2px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #d8a12a #eef3f8 !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-leader-standard-track::-webkit-scrollbar {
  height: 7px !important;
}

body.sjw-preview-home .sjw-leader-standard-track::-webkit-scrollbar-track {
  background: #eef3f8 !important;
  border-radius: 20px !important;
}

body.sjw-preview-home .sjw-leader-standard-track::-webkit-scrollbar-thumb {
  background: #d8a12a !important;
  border-radius: 20px !important;
}

/*------------- End: Leadership Carousel ----------*/


/*------------- Start: Leadership Cards ----------*/

body.sjw-preview-home .sjw-leader-standard-card {
  position: relative !important;
  flex: 0 0 calc((100% - 44px) / 3) !important;
  max-width: calc((100% - 44px) / 3) !important;
  min-height: 430px !important;
  scroll-snap-align: start !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  border: 1px solid #e6edf5 !important;
  box-shadow: 0 16px 44px rgba(11, 36, 71, 0.08) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

body.sjw-preview-home .sjw-leader-standard-card:hover {
  transform: translateY(-6px) !important;
  border-color: #d3e2ef !important;
  box-shadow: 0 24px 58px rgba(11, 36, 71, 0.13) !important;
}

body.sjw-preview-home .sjw-leader-standard-photo-wrap {
  position: relative !important;
  width: 100% !important;
  height: 190px !important;
  overflow: hidden !important;
  background: #0b2447 !important;
}

body.sjw-preview-home .sjw-leader-standard-photo-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(4, 18, 42, 0.02) 0%, rgba(4, 18, 42, 0.30) 100%) !important;
}

body.sjw-preview-home .sjw-leader-standard-photo {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center top !important;
  transition: transform 0.7s ease !important;
}

body.sjw-preview-home .sjw-leader-standard-card:hover .sjw-leader-standard-photo {
  transform: scale(1.05) !important;
}

body.sjw-preview-home .sjw-leader-standard-body {
  padding: 24px 22px 24px 22px !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-leader-standard-name {
  margin: 0 0 8px 0 !important;
  color: #0b2447 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-leader-standard-role {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  padding: 0 14px !important;
  margin-bottom: 18px !important;
  border-radius: 999px !important;
  background: #eef5ff !important;
  color: #0b6fb3 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-leader-standard-message {
  position: relative !important;
  min-height: 154px !important;
  padding: 18px 18px 20px 18px !important;
  border-radius: 18px !important;
  background: #f8fbff !important;
  border: 1px solid #e6edf5 !important;
  border-left: 4px solid #f3b233 !important;
  text-align: left !important;
}

body.sjw-preview-home .sjw-leader-standard-quote {
  display: block !important;
  color: #9cc6ff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  margin-bottom: 4px !important;
}

body.sjw-preview-home .sjw-leader-standard-short {
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 0 16px 0 !important;
  color: #4f5f73 !important;
  font-size: 13px !important;
  line-height: 1.62 !important;
  font-weight: 500 !important;
  text-align: left !important;
}

body.sjw-preview-home .sjw-leader-standard-read {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #0b2447 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 12px 28px rgba(11, 36, 71, 0.16) !important;
  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease !important;
}

body.sjw-preview-home .sjw-leader-standard-read:hover {
  background: #f3b233 !important;
  color: #0b2447 !important;
  transform: translateY(-2px) !important;
}

/*------------- End: Leadership Cards ----------*/


/*------------- Start: Leadership Controls ----------*/

body.sjw-preview-home .sjw-leader-standard-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 24px !important;
}

body.sjw-preview-home .sjw-leader-standard-btn {
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid #d9e7f3 !important;
  background: #ffffff !important;
  color: #0b2447 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 10px 24px rgba(11, 36, 71, 0.10) !important;
  transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease !important;
}

body.sjw-preview-home .sjw-leader-standard-btn:hover {
  background: #f3b233 !important;
  color: #0b2447 !important;
  transform: translateY(-3px) !important;
}

/*------------- End: Leadership Controls ----------*/


/*------------- Start: Leadership Modal ----------*/

body.sjw-preview-home .sjw-leader-standard-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10050 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-leader-standard-modal.is-active {
  display: flex !important;
}

body.sjw-preview-home .sjw-leader-standard-modal-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(5, 20, 38, 0.60) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

body.sjw-preview-home .sjw-leader-standard-panel {
  position: relative !important;
  z-index: 2 !important;
  width: min(760px, 100%) !important;
  max-height: 86vh !important;
  overflow-y: auto !important;
  padding: 30px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  border: 1px solid #e6edf5 !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.28) !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-leader-standard-close {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f2f6fb !important;
  color: #0b2447 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

body.sjw-preview-home .sjw-leader-standard-panel-head {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  padding-right: 50px !important;
  margin-bottom: 22px !important;
}

body.sjw-preview-home .sjw-leader-standard-panel-photo {
  width: 116px !important;
  height: 116px !important;
  border-radius: 22px !important;
  object-fit: cover !important;
  object-position: center top !important;
  flex: 0 0 auto !important;
  border: 4px solid #ffffff !important;
  box-shadow: 0 16px 36px rgba(11, 36, 71, 0.16) !important;
}

body.sjw-preview-home .sjw-leader-standard-panel-name {
  margin: 0 0 8px 0 !important;
  color: #0b2447 !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-leader-standard-panel-role {
  display: inline-flex !important;
  min-height: 32px !important;
  align-items: center !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: #eef5ff !important;
  color: #0b6fb3 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-leader-standard-panel-text {
  padding: 22px 24px !important;
  border-radius: 22px !important;
  background: #f8fbff !important;
  border-left: 4px solid #f3b233 !important;
}

body.sjw-preview-home .sjw-leader-standard-panel-text p {
  margin: 0 0 15px 0 !important;
  color: #4f5f73 !important;
  font-size: 15px !important;
  line-height: 1.82 !important;
}

body.sjw-preview-home .sjw-leader-standard-panel-text p:last-child {
  margin-bottom: 0 !important;
}

body.sjw-preview-home .sjw-leader-standard-panel-footer {
  margin-top: 24px !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-leader-standard-close-bottom {
  min-height: 44px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #0b2447 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

/*------------- End: Leadership Modal ----------*/


/*------------- Start: Leadership Responsive ----------*/

@media (max-width: 1100px) {
  body.sjw-preview-home .sjw-leader-standard-card {
    flex-basis: calc((100% - 22px) / 2) !important;
    max-width: calc((100% - 22px) / 2) !important;
  }
}

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-leader-standard-section {
    padding: 58px 0 64px 0 !important;
  }

  body.sjw-preview-home .sjw-leader-standard-container {
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-head {
    margin-bottom: 28px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-title {
    font-size: 30px !important;
    line-height: 1.18 !important;
  }

  body.sjw-preview-home .sjw-leader-standard-subtitle {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  body.sjw-preview-home .sjw-leader-standard-track {
    gap: 10px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-card {
    flex-basis: calc((100% - 10px) / 2) !important;
    max-width: calc((100% - 10px) / 2) !important;
    min-height: 390px !important;
    border-radius: 20px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-photo-wrap {
    height: 145px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-body {
    padding: 18px 12px 18px 12px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-name {
    font-size: 15.5px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-role {
    font-size: 9.5px !important;
    padding: 0 10px !important;
    margin-bottom: 13px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-message {
    min-height: 162px !important;
    padding: 14px 12px 16px 12px !important;
    border-radius: 16px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-short {
    font-size: 11.5px !important;
    line-height: 1.5 !important;
    -webkit-line-clamp: 4 !important;
  }

  body.sjw-preview-home .sjw-leader-standard-read {
    min-height: 34px !important;
    padding: 0 14px !important;
    font-size: 11px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-panel {
    padding: 22px 16px !important;
    border-radius: 24px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-panel-head {
    align-items: flex-start !important;
    gap: 14px !important;
    padding-right: 42px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-panel-photo {
    width: 86px !important;
    height: 86px !important;
    border-radius: 18px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-panel-name {
    font-size: 22px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-panel-text {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-panel-text p {
    font-size: 14px !important;
    line-height: 1.72 !important;
  }
}

@media (max-width: 420px) {
  body.sjw-preview-home .sjw-leader-standard-container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-track {
    gap: 8px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-card {
    flex-basis: calc((100% - 8px) / 2) !important;
    max-width: calc((100% - 8px) / 2) !important;
  }

  body.sjw-preview-home .sjw-leader-standard-photo-wrap {
    height: 132px !important;
  }
}

/*------------- End: Leadership Responsive ----------*/

/*------------- Start: Leadership Desktop Image Visibility Fix ----------*/
/* Purpose:
   - Prevent leadership photos from being hidden/cropped under the card body
   - Increase desktop image height
   - Keep face visible and properly aligned
*/

@media (min-width: 769px) {
  body.sjw-preview-home .sjw-leader-standard-card {
    min-height: 520px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-photo-wrap {
    height: 270px !important;
    min-height: 270px !important;
    overflow: hidden !important;
    background: #eef5ff !important;
  }

  body.sjw-preview-home .sjw-leader-standard-photo {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  body.sjw-preview-home .sjw-leader-standard-body {
    position: relative !important;
    z-index: 2 !important;
    background: #ffffff !important;
    padding-top: 24px !important;
  }

  body.sjw-preview-home .sjw-leader-standard-message {
    min-height: 150px !important;
  }
}

/* For portraits where the face is still too cropped */
@media (min-width: 769px) {
  body.sjw-preview-home .sjw-leader-standard-card:nth-child(1) .sjw-leader-standard-photo {
    object-position: center 18% !important;
  }

  body.sjw-preview-home .sjw-leader-standard-card:nth-child(2) .sjw-leader-standard-photo {
    object-position: center 16% !important;
  }

  body.sjw-preview-home .sjw-leader-standard-card:nth-child(3) .sjw-leader-standard-photo {
    object-position: center 18% !important;
  }

  body.sjw-preview-home .sjw-leader-standard-card:nth-child(4) .sjw-leader-standard-photo {
    object-position: center 18% !important;
  }
}

/*------------- End: Leadership Desktop Image Visibility Fix ----------*/

/*------------- End: New Home Principal / Leadership Message ----------*/


/*------------- Start: New Home News & Events Premium Slider ----------*/
/* Purpose:
   - Center heading properly
   - Make cards cleaner and more premium
   - Keep horizontal left/right slider
   - Improve navigation buttons
   - Improve View All button
*/

/*---- Start: Section Shell ----*/
body.sjw-preview-home .sjw-news-module-shell {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  padding: 88px 0 96px 0 !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(11, 111, 179, 0.04), transparent 28%),
    radial-gradient(circle at 88% 84%, rgba(243, 178, 51, 0.06), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
/*---- End: Section Shell ----*/

/*---- Start: Hide Old Joomla Title ----*/
body.sjw-preview-home .sjw-news-module-shell > h3 {
  display: none !important;
}
/*---- End: Hide Old Joomla Title ----*/

/*---- Start: Section Header ----*/
body.sjw-preview-home .sjw-news-header {
  position: relative !important;
  max-width: 1240px !important;
  margin: 0 auto 34px auto !important;
  padding: 0 24px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-news-header-copy {
  width: 100% !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-news-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 999px !important;
  background: #eaf5ff !important;
  color: #0b6fb3 !important;
  border: 1px solid #d9e7f3 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-news-heading {
  margin: 0 !important;
  color: #0b2447 !important;
  font-size: 44px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.8px !important;
  text-align: center !important;
}
/*---- End: Section Header ----*/

/*---- Start: Slider Controls ----*/
body.sjw-preview-home .sjw-news-controls {
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body.sjw-preview-home .sjw-news-control {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border: 1px solid #d8e3ef !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #0b2447 !important;
  box-shadow: 0 12px 28px rgba(11, 36, 71, 0.08) !important;
  cursor: pointer !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transition: transform 0.22s ease, background 0.22s ease, color 0.22s ease, border-color 0.22s ease !important;
}

body.sjw-preview-home .sjw-news-control:hover {
  background: #0b2447 !important;
  color: #ffffff !important;
  border-color: #0b2447 !important;
  transform: translateY(-2px) !important;
}
/*---- End: Slider Controls ----*/

/*---- Start: News Track ----*/
body.sjw-preview-home .category-module.sjw-news-events-cms,
body.sjw-preview-home ul.sjw-news-events-cms {
  width: 100% !important;
  margin: 0 !important;
  padding: 8px max(24px, calc((100vw - 1240px) / 2 + 24px)) 18px max(24px, calc((100vw - 1240px) / 2 + 24px)) !important;
  list-style: none !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(300px, 360px) !important;
  gap: 24px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  box-sizing: border-box !important;
  scrollbar-width: thin !important;
  scrollbar-color: #c7d6e6 transparent !important;
}

body.sjw-preview-home .category-module.sjw-news-events-cms::-webkit-scrollbar,
body.sjw-preview-home ul.sjw-news-events-cms::-webkit-scrollbar {
  height: 8px !important;
}

body.sjw-preview-home .category-module.sjw-news-events-cms::-webkit-scrollbar-thumb,
body.sjw-preview-home ul.sjw-news-events-cms::-webkit-scrollbar-thumb {
  background: #c7d6e6 !important;
  border-radius: 999px !important;
}

body.sjw-preview-home .category-module.sjw-news-events-cms::-webkit-scrollbar-track,
body.sjw-preview-home ul.sjw-news-events-cms::-webkit-scrollbar-track {
  background: transparent !important;
}
/*---- End: News Track ----*/

/*---- Start: News Card ----*/
body.sjw-preview-home .category-module.sjw-news-events-cms > li,
body.sjw-preview-home ul.sjw-news-events-cms > li {
  position: relative !important;
  min-height: 240px !important;
  margin: 0 !important;
  padding: 26px 24px 24px 24px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid #e3edf6 !important;
  box-shadow: 0 16px 34px rgba(11, 36, 71, 0.06) !important;
  list-style: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  scroll-snap-align: start !important;
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease !important;
}

body.sjw-preview-home .category-module.sjw-news-events-cms > li:hover,
body.sjw-preview-home ul.sjw-news-events-cms > li:hover {
  transform: translateY(-5px) !important;
  border-color: #d2e0ec !important;
  box-shadow: 0 22px 42px rgba(11, 36, 71, 0.10) !important;
}

body.sjw-preview-home .category-module.sjw-news-events-cms > li::before,
body.sjw-preview-home ul.sjw-news-events-cms > li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 5px !important;
  background: linear-gradient(90deg, #0b6fb3 0%, #0b2447 100%) !important;
}
/*---- End: News Card ----*/

/*---- Start: Hide Joomla Raw Meta ----*/
body.sjw-preview-home .category-module.sjw-news-events-cms .mod-articles-category-date,
body.sjw-preview-home ul.sjw-news-events-cms .mod-articles-category-date,
body.sjw-preview-home .category-module.sjw-news-events-cms .mod-articles-category-hits,
body.sjw-preview-home ul.sjw-news-events-cms .mod-articles-category-hits {
  display: none !important;
}
/*---- End: Hide Joomla Raw Meta ----*/

/*---- Start: Date Pill ----*/
body.sjw-preview-home .sjw-news-date-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  margin: 0 0 18px 0 !important;
  border-radius: 999px !important;
  background: #eef5ff !important;
  color: #0b6fb3 !important;
  border: 1px solid #dbe8f5 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
}
/*---- End: Date Pill ----*/

/*---- Start: Title Link ----*/
body.sjw-preview-home .sjw-news-title-link,
body.sjw-preview-home .category-module.sjw-news-events-cms > li > a,
body.sjw-preview-home ul.sjw-news-events-cms > li > a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;
  margin: 0 0 22px 0 !important;
  color: #0b2447 !important;
  text-decoration: none !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  letter-spacing: -0.2px !important;
}

body.sjw-preview-home .sjw-news-title-link:hover,
body.sjw-preview-home .category-module.sjw-news-events-cms > li > a:hover,
body.sjw-preview-home ul.sjw-news-events-cms > li > a:hover {
  color: #0b6fb3 !important;
  text-decoration: none !important;
}
/*---- End: Title Link ----*/

/*---- Start: Read More Button ----*/
body.sjw-preview-home .sjw-news-read-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  min-height: 42px !important;
  padding: 0 20px !important;
  margin-top: auto !important;
  border-radius: 999px !important;
  background: #f7fafc !important;
  color: #0b2447 !important;
  border: 1px solid #d7e2ed !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, transform 0.22s ease !important;
}

body.sjw-preview-home .sjw-news-read-link:hover {
  background: #0b2447 !important;
  color: #ffffff !important;
  border-color: #0b2447 !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}
/*---- End: Read More Button ----*/

/*---- Start: Footer ----*/
body.sjw-preview-home .sjw-news-footer {
  max-width: 1240px !important;
  margin: 28px auto 0 auto !important;
  padding: 0 24px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-news-view-all-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 30px !important;
  border-radius: 999px !important;
  background: #0b2447 !important;
  color: #ffffff !important;
  border: 1px solid #0b2447 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 32px rgba(11, 36, 71, 0.14) !important;
  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, border-color 0.22s ease !important;
}

body.sjw-preview-home .sjw-news-view-all-link:hover {
  background: #f3b233 !important;
  color: #0b2447 !important;
  border-color: #f3b233 !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}
/*---- End: Footer ----*/

/*---- Start: Tablet ----*/
@media (max-width: 1100px) {
  body.sjw-preview-home .sjw-news-heading {
    font-size: 38px !important;
  }

  body.sjw-preview-home .category-module.sjw-news-events-cms,
  body.sjw-preview-home ul.sjw-news-events-cms {
    grid-auto-columns: minmax(290px, 330px) !important;
  }
}
/*---- End: Tablet ----*/

/*---- Start: Mobile ----*/
@media (max-width: 768px) {
  body.sjw-preview-home .sjw-news-module-shell {
    padding: 60px 0 66px 0 !important;
  }

  body.sjw-preview-home .sjw-news-header {
    padding: 0 14px !important;
    margin-bottom: 24px !important;
  }

  body.sjw-preview-home .sjw-news-heading {
    font-size: 32px !important;
    line-height: 1.16 !important;
  }

  body.sjw-preview-home .sjw-news-controls {
    position: static !important;
    transform: none !important;
    justify-content: center !important;
    margin-top: 18px !important;
  }

  body.sjw-preview-home .category-module.sjw-news-events-cms,
  body.sjw-preview-home ul.sjw-news-events-cms {
    padding: 8px 14px 16px 14px !important;
    grid-auto-columns: 84vw !important;
    gap: 16px !important;
  }

  body.sjw-preview-home .category-module.sjw-news-events-cms > li,
  body.sjw-preview-home ul.sjw-news-events-cms > li {
    min-height: 215px !important;
    padding: 22px 20px 22px 20px !important;
    border-radius: 22px !important;
  }

  body.sjw-preview-home .sjw-news-title-link,
  body.sjw-preview-home .category-module.sjw-news-events-cms > li > a,
  body.sjw-preview-home ul.sjw-news-events-cms > li > a {
    font-size: 20px !important;
    -webkit-line-clamp: 4 !important;
  }

  body.sjw-preview-home .sjw-news-footer {
    padding: 0 14px !important;
  }

  body.sjw-preview-home .sjw-news-view-all-link {
    width: 100% !important;
    max-width: 300px !important;
  }
}
/*---- End: Mobile ----*/

/*------------- Start: News Events Premium Card Final Fix ----------*/
/* Purpose:
   - Make News cards clean, modern, premium
   - Reduce visual heaviness
   - Improve typography hierarchy
   - Replace bulky Read More look with elegant action
*/

body.sjw-preview-home .category-module.sjw-news-events-cms > li,
body.sjw-preview-home ul.sjw-news-events-cms > li {
  min-height: 250px !important;
  padding: 26px 24px 24px 24px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border: 1px solid #e4edf6 !important;
  box-shadow: 0 16px 38px rgba(11, 36, 71, 0.07) !important;
}

body.sjw-preview-home .category-module.sjw-news-events-cms > li::before,
body.sjw-preview-home ul.sjw-news-events-cms > li::before {
  height: 3px !important;
  background: #0b6fb3 !important;
}

body.sjw-preview-home .sjw-news-date-pill {
  min-height: 28px !important;
  padding: 0 12px !important;
  margin-bottom: 18px !important;
  background: #f2f7fc !important;
  color: #0b6fb3 !important;
  border: 1px solid #dce9f5 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.7px !important;
}

body.sjw-preview-home .sjw-news-title-link,
body.sjw-preview-home .category-module.sjw-news-events-cms > li > a,
body.sjw-preview-home ul.sjw-news-events-cms > li > a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  margin: 0 0 22px 0 !important;
  color: #0b2447 !important;
  font-size: 21px !important;
  line-height: 1.36 !important;
  font-weight: 850 !important;
  letter-spacing: -0.25px !important;
  text-decoration: none !important;
}

body.sjw-preview-home .sjw-news-title-link:hover,
body.sjw-preview-home .category-module.sjw-news-events-cms > li > a:hover,
body.sjw-preview-home ul.sjw-news-events-cms > li > a:hover {
  color: #0b6fb3 !important;
}

body.sjw-preview-home .sjw-news-read-link {
  min-height: 0 !important;
  padding: 0 !important;
  margin-top: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #0b6fb3 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.1px !important;
}

body.sjw-preview-home .sjw-news-read-link::after {
  content: " →" !important;
}

body.sjw-preview-home .sjw-news-read-link:hover {
  background: transparent !important;
  color: #0b2447 !important;
  border: 0 !important;
  transform: none !important;
}

body.sjw-preview-home .category-module.sjw-news-events-cms > li:hover,
body.sjw-preview-home ul.sjw-news-events-cms > li:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 22px 48px rgba(11, 36, 71, 0.11) !important;
}

/* Cleaner desktop card width */
body.sjw-preview-home .category-module.sjw-news-events-cms,
body.sjw-preview-home ul.sjw-news-events-cms {
  grid-auto-columns: minmax(310px, 350px) !important;
}

/* Mobile refinement */
@media (max-width: 768px) {
  body.sjw-preview-home .category-module.sjw-news-events-cms > li,
  body.sjw-preview-home ul.sjw-news-events-cms > li {
    min-height: 220px !important;
    padding: 24px 20px 22px 20px !important;
  }

  body.sjw-preview-home .sjw-news-title-link,
  body.sjw-preview-home .category-module.sjw-news-events-cms > li > a,
  body.sjw-preview-home ul.sjw-news-events-cms > li > a {
    font-size: 19px !important;
    line-height: 1.38 !important;
    -webkit-line-clamp: 3 !important;
  }
}

/*------------- End: News Events Premium Card Final Fix ----------*/

/*------------- End: New Home News & Events Premium Slider ----------*/


 /*------------- Start: New Home Notice Board Slider ----------*/
/* Purpose:
   - Style Joomla Articles - Category notice list
   - Convert notices into clean professional cards
   - Add left/right scroll controls through JS
   - Add View All Notices button through JS
*/

body.sjw-preview-home .sjw-notice-module-shell {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  padding: 84px 0 92px 0 !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(243, 178, 51, 0.08), transparent 28%),
    radial-gradient(circle at 88% 84%, rgba(11, 111, 179, 0.05), transparent 26%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 100%) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-notice-module-shell > h3 {
  display: none !important;
}

/*------------- Start: Notice Header ----------*/

body.sjw-preview-home .sjw-notice-header {
  position: relative !important;
  max-width: 1240px !important;
  margin: 0 auto 34px auto !important;
  padding: 0 24px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-notice-header-copy {
  width: 100% !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-notice-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 999px !important;
  background: #fff4dc !important;
  color: #9b6808 !important;
  border: 1px solid #f1dfba !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-notice-heading {
  margin: 0 !important;
  color: #0b2447 !important;
  font-size: 44px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.8px !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-notice-subtitle {
  max-width: 650px !important;
  margin: 14px auto 0 auto !important;
  color: #66788f !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

/*------------- End: Notice Header ----------*/


/*------------- Start: Notice Controls ----------*/

body.sjw-preview-home .sjw-notice-controls {
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body.sjw-preview-home .sjw-notice-control {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border: 1px solid #d8e3ef !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #0b2447 !important;
  box-shadow: 0 12px 28px rgba(11, 36, 71, 0.08) !important;
  cursor: pointer !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transition: transform 0.22s ease, background 0.22s ease, color 0.22s ease, border-color 0.22s ease !important;
}

body.sjw-preview-home .sjw-notice-control:hover {
  background: #0b2447 !important;
  color: #ffffff !important;
  border-color: #0b2447 !important;
  transform: translateY(-2px) !important;
}

/*------------- End: Notice Controls ----------*/


/*------------- Start: Notice Track ----------*/

body.sjw-preview-home .category-module.sjw-notice-board-cms,
body.sjw-preview-home ul.sjw-notice-board-cms {
  width: 100% !important;
  margin: 0 !important;
  padding: 8px max(24px, calc((100vw - 1240px) / 2 + 24px)) 18px max(24px, calc((100vw - 1240px) / 2 + 24px)) !important;
  list-style: none !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(300px, 360px) !important;
  gap: 24px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  box-sizing: border-box !important;
  scrollbar-width: thin !important;
  scrollbar-color: #c7d6e6 transparent !important;
}

body.sjw-preview-home .category-module.sjw-notice-board-cms::-webkit-scrollbar,
body.sjw-preview-home ul.sjw-notice-board-cms::-webkit-scrollbar {
  height: 8px !important;
}

body.sjw-preview-home .category-module.sjw-notice-board-cms::-webkit-scrollbar-thumb,
body.sjw-preview-home ul.sjw-notice-board-cms::-webkit-scrollbar-thumb {
  background: #c7d6e6 !important;
  border-radius: 999px !important;
}

body.sjw-preview-home .category-module.sjw-notice-board-cms::-webkit-scrollbar-track,
body.sjw-preview-home ul.sjw-notice-board-cms::-webkit-scrollbar-track {
  background: transparent !important;
}

/*------------- End: Notice Track ----------*/


/*------------- Start: Notice Card ----------*/

body.sjw-preview-home .category-module.sjw-notice-board-cms > li,
body.sjw-preview-home ul.sjw-notice-board-cms > li {
  position: relative !important;
  min-height: 230px !important;
  margin: 0 !important;
  padding: 26px 24px 24px 24px !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid #e3edf6 !important;
  box-shadow: 0 16px 34px rgba(11, 36, 71, 0.06) !important;
  list-style: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  scroll-snap-align: start !important;
  transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease !important;
}

body.sjw-preview-home .category-module.sjw-notice-board-cms > li:hover,
body.sjw-preview-home ul.sjw-notice-board-cms > li:hover {
  transform: translateY(-5px) !important;
  border-color: #d2e0ec !important;
  box-shadow: 0 22px 42px rgba(11, 36, 71, 0.10) !important;
}

body.sjw-preview-home .category-module.sjw-notice-board-cms > li::before,
body.sjw-preview-home ul.sjw-notice-board-cms > li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 5px !important;
  background: linear-gradient(90deg, #f3b233 0%, #0b2447 100%) !important;
}

/*------------- End: Notice Card ----------*/


/*------------- Start: Notice Meta and Title ----------*/

body.sjw-preview-home .category-module.sjw-notice-board-cms .mod-articles-category-date,
body.sjw-preview-home ul.sjw-notice-board-cms .mod-articles-category-date,
body.sjw-preview-home .category-module.sjw-notice-board-cms .mod-articles-category-hits,
body.sjw-preview-home ul.sjw-notice-board-cms .mod-articles-category-hits {
  display: none !important;
}

body.sjw-preview-home .sjw-notice-date-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  margin: 0 0 18px 0 !important;
  border-radius: 999px !important;
  background: #fff4dc !important;
  color: #9b6808 !important;
  border: 1px solid #f1dfba !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-notice-title-link,
body.sjw-preview-home .category-module.sjw-notice-board-cms > li > a,
body.sjw-preview-home ul.sjw-notice-board-cms > li > a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  overflow: hidden !important;
  margin: 0 0 22px 0 !important;
  color: #0b2447 !important;
  text-decoration: none !important;
  font-size: 21px !important;
  line-height: 1.38 !important;
  font-weight: 850 !important;
  letter-spacing: -0.2px !important;
}

body.sjw-preview-home .sjw-notice-title-link:hover,
body.sjw-preview-home .category-module.sjw-notice-board-cms > li > a:hover,
body.sjw-preview-home ul.sjw-notice-board-cms > li > a:hover {
  color: #0b6fb3 !important;
  text-decoration: none !important;
}

/*------------- End: Notice Meta and Title ----------*/


/*------------- Start: Notice Read More ----------*/

body.sjw-preview-home .sjw-notice-read-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  min-height: 42px !important;
  padding: 0 20px !important;
  margin-top: auto !important;
  border-radius: 999px !important;
  background: #f7fafc !important;
  color: #0b2447 !important;
  border: 1px solid #d7e2ed !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, transform 0.22s ease !important;
}

body.sjw-preview-home .sjw-notice-read-link:hover {
  background: #0b2447 !important;
  color: #ffffff !important;
  border-color: #0b2447 !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

/*------------- End: Notice Read More ----------*/


/*------------- Start: Notice Footer ----------*/

body.sjw-preview-home .sjw-notice-footer {
  max-width: 1240px !important;
  margin: 28px auto 0 auto !important;
  padding: 0 24px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-notice-view-all-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 30px !important;
  border-radius: 999px !important;
  background: #0b2447 !important;
  color: #ffffff !important;
  border: 1px solid #0b2447 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 32px rgba(11, 36, 71, 0.14) !important;
  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, border-color 0.22s ease !important;
}

body.sjw-preview-home .sjw-notice-view-all-link:hover {
  background: #f3b233 !important;
  color: #0b2447 !important;
  border-color: #f3b233 !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

/*------------- End: Notice Footer ----------*/


/*------------- Start: Notice Responsive ----------*/

@media (max-width: 1100px) {
  body.sjw-preview-home .sjw-notice-heading {
    font-size: 38px !important;
  }

  body.sjw-preview-home .category-module.sjw-notice-board-cms,
  body.sjw-preview-home ul.sjw-notice-board-cms {
    grid-auto-columns: minmax(290px, 330px) !important;
  }
}

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-notice-module-shell {
    padding: 60px 0 66px 0 !important;
  }

  body.sjw-preview-home .sjw-notice-header {
    padding: 0 14px !important;
    margin-bottom: 24px !important;
  }

  body.sjw-preview-home .sjw-notice-heading {
    font-size: 32px !important;
    line-height: 1.16 !important;
  }

  body.sjw-preview-home .sjw-notice-subtitle {
    font-size: 14px !important;
  }

  body.sjw-preview-home .sjw-notice-controls {
    position: static !important;
    transform: none !important;
    justify-content: center !important;
    margin-top: 18px !important;
  }

  body.sjw-preview-home .category-module.sjw-notice-board-cms,
  body.sjw-preview-home ul.sjw-notice-board-cms {
    padding: 8px 14px 16px 14px !important;
    grid-auto-columns: 84vw !important;
    gap: 16px !important;
  }

  body.sjw-preview-home .category-module.sjw-notice-board-cms > li,
  body.sjw-preview-home ul.sjw-notice-board-cms > li {
    min-height: 215px !important;
    padding: 22px 20px 22px 20px !important;
    border-radius: 22px !important;
  }

  body.sjw-preview-home .sjw-notice-title-link,
  body.sjw-preview-home .category-module.sjw-notice-board-cms > li > a,
  body.sjw-preview-home ul.sjw-notice-board-cms > li > a {
    font-size: 20px !important;
    -webkit-line-clamp: 4 !important;
  }

  body.sjw-preview-home .sjw-notice-footer {
    padding: 0 14px !important;
  }

  body.sjw-preview-home .sjw-notice-view-all-link {
    width: 100% !important;
    max-width: 300px !important;
  }
}

/*------------- End: Notice Responsive ----------*/

/*------------- Start: Notice Board Mobile Compact Fix ----------*/
/* Purpose:
   - Reduce Notice Board card size on mobile
   - Make mobile view cleaner and easier to scroll
   - Keep desktop design unchanged
*/

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-notice-module-shell {
    padding: 50px 0 56px 0 !important;
  }

  body.sjw-preview-home .sjw-notice-header {
    margin-bottom: 18px !important;
  }

  body.sjw-preview-home .sjw-notice-heading {
    font-size: 28px !important;
  }

  body.sjw-preview-home .sjw-notice-subtitle {
    max-width: 320px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    margin-top: 10px !important;
  }

  body.sjw-preview-home .sjw-notice-controls {
    margin-top: 14px !important;
  }

  body.sjw-preview-home .sjw-notice-control {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    font-size: 15px !important;
  }

  body.sjw-preview-home .category-module.sjw-notice-board-cms,
  body.sjw-preview-home ul.sjw-notice-board-cms {
    grid-auto-columns: 76vw !important;
    gap: 12px !important;
    padding: 6px 14px 12px 14px !important;
  }

  body.sjw-preview-home .category-module.sjw-notice-board-cms > li,
  body.sjw-preview-home ul.sjw-notice-board-cms > li {
    min-height: 170px !important;
    padding: 18px 16px 18px 16px !important;
    border-radius: 18px !important;
  }

  body.sjw-preview-home .category-module.sjw-notice-board-cms > li::before,
  body.sjw-preview-home ul.sjw-notice-board-cms > li::before {
    height: 4px !important;
  }

  body.sjw-preview-home .sjw-notice-date-pill {
    min-height: 26px !important;
    padding: 0 10px !important;
    margin-bottom: 12px !important;
    font-size: 10px !important;
  }

  body.sjw-preview-home .sjw-notice-title-link,
  body.sjw-preview-home .category-module.sjw-notice-board-cms > li > a,
  body.sjw-preview-home ul.sjw-notice-board-cms > li > a {
    font-size: 16.5px !important;
    line-height: 1.34 !important;
    -webkit-line-clamp: 3 !important;
    margin-bottom: 14px !important;
  }

  body.sjw-preview-home .sjw-notice-read-link {
    min-height: 34px !important;
    padding: 0 14px !important;
    font-size: 11px !important;
  }

  body.sjw-preview-home .sjw-notice-footer {
    margin-top: 20px !important;
  }

  body.sjw-preview-home .sjw-notice-view-all-link {
    min-height: 44px !important;
    max-width: 260px !important;
    font-size: 13px !important;
  }
}

/* Extra small mobile */
@media (max-width: 420px) {
  body.sjw-preview-home .category-module.sjw-notice-board-cms,
  body.sjw-preview-home ul.sjw-notice-board-cms {
    grid-auto-columns: 74vw !important;
  }

  body.sjw-preview-home .category-module.sjw-notice-board-cms > li,
  body.sjw-preview-home ul.sjw-notice-board-cms > li {
    min-height: 160px !important;
    padding: 16px 14px !important;
  }

  body.sjw-preview-home .sjw-notice-title-link,
  body.sjw-preview-home .category-module.sjw-notice-board-cms > li > a,
  body.sjw-preview-home ul.sjw-notice-board-cms > li > a {
    font-size: 15.5px !important;
  }
}

/*------------- End: Notice Board Mobile Compact Fix ----------*/

/*------------- End: New Home Notice Board Slider ----------*/


/*------------- Start: New Home Gallery Coverflow Slider ----------*/
/* Purpose:
   - Modern coverflow style gallery
   - Center active photo with left/right preview
   - Auto slideshow
   - Image title/name visible
   - Lightbox with title and counter
   - Responsive mobile version
*/

body.sjw-preview-home .sjw-gallery-module-shell {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  padding: 88px 0 96px 0 !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(11, 111, 179, 0.08), transparent 28%),
    radial-gradient(circle at 88% 80%, rgba(243, 178, 51, 0.09), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

body.sjw-preview-home .sjw-gallery-source-hidden {
  display: none !important;
}

/*---- Start: Header ----*/

body.sjw-preview-home .sjw-gallery-coverflow-header {
  max-width: 1240px !important;
  margin: 0 auto 34px auto !important;
  padding: 0 24px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 999px !important;
  background: #eaf5ff !important;
  color: #0b6fb3 !important;
  border: 1px solid #d9e7f3 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 1.25px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-title {
  margin: 0 !important;
  color: #0b2447 !important;
  font-size: 44px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.85px !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-subtitle {
  max-width: 720px !important;
  margin: 14px auto 0 auto !important;
  color: #66788f !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

/*---- End: Header ----*/


/*---- Start: Coverflow Container ----*/

body.sjw-preview-home .sjw-gallery-coverflow-container {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-stage {
  position: relative !important;
  width: 100% !important;
  min-height: 430px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card {
  position: absolute !important;
  top: 44px !important;
  left: 50% !important;
  width: 390px !important;
  height: 285px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #0b2447 !important;
  box-shadow: 0 22px 54px rgba(11, 36, 71, 0.16) !important;
  cursor: pointer !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateX(-50%) scale(0.82) !important;
  transition:
    transform 0.55s ease,
    opacity 0.55s ease,
    filter 0.55s ease,
    box-shadow 0.55s ease !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card.is-active {
  z-index: 5 !important;
  width: 430px !important;
  height: 330px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateX(-50%) scale(1) !important;
  box-shadow: 0 34px 80px rgba(11, 36, 71, 0.22) !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card.is-prev {
  z-index: 3 !important;
  opacity: 0.86 !important;
  pointer-events: auto !important;
  filter: saturate(0.85) brightness(0.9) !important;
  transform: translateX(calc(-50% - 300px)) scale(0.86) !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card.is-next {
  z-index: 3 !important;
  opacity: 0.86 !important;
  pointer-events: auto !important;
  filter: saturate(0.85) brightness(0.9) !important;
  transform: translateX(calc(-50% + 300px)) scale(0.86) !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card.is-far-prev {
  z-index: 1 !important;
  opacity: 0.28 !important;
  filter: blur(1px) saturate(0.7) brightness(0.75) !important;
  transform: translateX(calc(-50% - 530px)) scale(0.72) !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card.is-far-next {
  z-index: 1 !important;
  opacity: 0.28 !important;
  filter: blur(1px) saturate(0.7) brightness(0.75) !important;
  transform: translateX(calc(-50% + 530px)) scale(0.72) !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card.is-hidden {
  opacity: 0 !important;
  pointer-events: none !important;
}

/*---- End: Coverflow Container ----*/


/*---- Start: Card Image and Overlay ----*/

body.sjw-preview-home .sjw-gallery-coverflow-image {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: scale(1.01) !important;
  transition: transform 0.7s ease !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card:hover .sjw-gallery-coverflow-image {
  transform: scale(1.06) !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(180deg, rgba(4, 18, 42, 0.02) 0%, rgba(4, 18, 42, 0.08) 42%, rgba(4, 18, 42, 0.78) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.35s ease !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card.is-active::before {
  opacity: 1 !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-meta {
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  bottom: 20px !important;
  z-index: 2 !important;
  opacity: 0 !important;
  transform: translateY(10px) !important;
  transition: opacity 0.35s ease, transform 0.35s ease !important;
  text-align: left !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card.is-active .sjw-gallery-coverflow-meta {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  margin-bottom: 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #0b2447 !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-name {
  display: block !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.22 !important;
  font-weight: 900 !important;
  letter-spacing: -0.25px !important;
  text-shadow: 0 14px 34px rgba(0, 0, 0, 0.32) !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-count {
  display: block !important;
  margin-top: 7px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/*---- End: Card Image and Overlay ----*/


/*---- Start: Controls ----*/

body.sjw-preview-home .sjw-gallery-coverflow-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 10px !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-control {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border: 1px solid #d8e3ef !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0b2447 !important;
  box-shadow: 0 12px 28px rgba(11, 36, 71, 0.08) !important;
  cursor: pointer !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, border-color 0.22s ease !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-control:hover {
  background: #0b2447 !important;
  color: #ffffff !important;
  border-color: #0b2447 !important;
  transform: translateY(-2px) !important;
}

/*---- End: Controls ----*/


/*---- Start: Progress and Footer ----*/

body.sjw-preview-home .sjw-gallery-coverflow-progress {
  width: min(360px, 88%) !important;
  height: 4px !important;
  margin: 22px auto 0 auto !important;
  border-radius: 999px !important;
  background: #dbe8f5 !important;
  overflow: hidden !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-progress-fill {
  display: block !important;
  width: 0 !important;
  height: 100% !important;
  background: #0b6fb3 !important;
  border-radius: 999px !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-progress-fill.is-running {
  animation: sjwGalleryCoverflowProgress 4s linear both !important;
}

@keyframes sjwGalleryCoverflowProgress {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

body.sjw-preview-home .sjw-gallery-coverflow-footer {
  margin-top: 28px !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-view-all {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 30px !important;
  border-radius: 999px !important;
  background: #0b2447 !important;
  color: #ffffff !important;
  border: 1px solid #0b2447 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 32px rgba(11, 36, 71, 0.14) !important;
  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, border-color 0.22s ease !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-view-all:hover {
  background: #f3b233 !important;
  color: #0b2447 !important;
  border-color: #f3b233 !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

/*---- End: Progress and Footer ----*/


/*---- Start: Lightbox ----*/

body.sjw-preview-home .sjw-gallery-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 28px !important;
  background: rgba(4, 15, 32, 0.92) !important;
  backdrop-filter: blur(10px) !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-gallery-lightbox.is-open {
  display: flex !important;
}

body.sjw-preview-home .sjw-gallery-lightbox-stage {
  position: relative !important;
  width: min(1120px, 100%) !important;
}

body.sjw-preview-home .sjw-gallery-lightbox-image {
  width: auto !important;
  max-width: 100% !important;
  max-height: 76vh !important;
  display: block !important;
  margin: 0 auto !important;
  border-radius: 20px !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.40) !important;
}

body.sjw-preview-home .sjw-gallery-lightbox-caption {
  max-width: 900px !important;
  margin: 18px auto 0 auto !important;
  padding: 18px 22px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.10) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-gallery-lightbox-title {
  display: block !important;
  margin-bottom: 8px !important;
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-gallery-lightbox-meta {
  display: block !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-gallery-lightbox-close,
body.sjw-preview-home .sjw-gallery-lightbox-prev,
body.sjw-preview-home .sjw-gallery-lightbox-next {
  position: absolute !important;
  z-index: 3 !important;
  width: 48px !important;
  height: 48px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-gallery-lightbox-close {
  top: -18px !important;
  right: -18px !important;
}

body.sjw-preview-home .sjw-gallery-lightbox-prev {
  left: 14px !important;
  top: 42% !important;
}

body.sjw-preview-home .sjw-gallery-lightbox-next {
  right: 14px !important;
  top: 42% !important;
}

/*---- End: Lightbox ----*/


/*---- Start: Responsive ----*/

@media (max-width: 1100px) {
  body.sjw-preview-home .sjw-gallery-coverflow-card.is-prev {
    transform: translateX(calc(-50% - 255px)) scale(0.82) !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-next {
    transform: translateX(calc(-50% + 255px)) scale(0.82) !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-far-prev,
  body.sjw-preview-home .sjw-gallery-coverflow-card.is-far-next {
    opacity: 0 !important;
  }
}

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-gallery-module-shell {
    padding: 60px 0 66px 0 !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-header,
  body.sjw-preview-home .sjw-gallery-coverflow-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-title {
    font-size: 32px !important;
    line-height: 1.16 !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-subtitle {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-stage {
    min-height: 360px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card,
  body.sjw-preview-home .sjw-gallery-coverflow-card.is-active {
    top: 20px !important;
    width: calc(100vw - 36px) !important;
    max-width: 390px !important;
    height: 270px !important;
    border-radius: 20px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-prev,
  body.sjw-preview-home .sjw-gallery-coverflow-card.is-next,
  body.sjw-preview-home .sjw-gallery-coverflow-card.is-far-prev,
  body.sjw-preview-home .sjw-gallery-coverflow-card.is-far-next {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-name {
    font-size: 19px !important;
    line-height: 1.26 !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-meta {
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-control {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-view-all {
    width: 100% !important;
    max-width: 300px !important;
  }

  body.sjw-preview-home .sjw-gallery-lightbox {
    padding: 14px !important;
  }

  body.sjw-preview-home .sjw-gallery-lightbox-close {
    top: 8px !important;
    right: 8px !important;
  }

  body.sjw-preview-home .sjw-gallery-lightbox-title {
    font-size: 18px !important;
  }
}

/*---- End: Responsive ----*/

/*------------- Start: Gallery Coverflow Size + Mobile 3-Image Fix ----------*/
/* Purpose:
   - Make center gallery image larger on desktop
   - Keep only 3 visible images: left, center, right
   - Show the same coverflow effect on mobile
   - Keep center image dominant and side images smaller
*/

/*---- Start: Desktop Larger Center Image ----*/

body.sjw-preview-home .sjw-gallery-coverflow-stage {
  min-height: 520px !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card {
  top: 64px !important;
  width: 430px !important;
  height: 300px !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card.is-active {
  width: 560px !important;
  height: 390px !important;
  transform: translateX(-50%) scale(1) !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card.is-prev {
  width: 430px !important;
  height: 300px !important;
  transform: translateX(calc(-50% - 390px)) scale(0.82) !important;
  opacity: 0.78 !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card.is-next {
  width: 430px !important;
  height: 300px !important;
  transform: translateX(calc(-50% + 390px)) scale(0.82) !important;
  opacity: 0.78 !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card.is-far-prev,
body.sjw-preview-home .sjw-gallery-coverflow-card.is-far-next {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Better title position on larger center card */
body.sjw-preview-home .sjw-gallery-coverflow-card.is-active .sjw-gallery-coverflow-meta {
  left: 28px !important;
  right: 28px !important;
  bottom: 26px !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-card.is-active .sjw-gallery-coverflow-name {
  font-size: 28px !important;
  line-height: 1.2 !important;
}

/*---- End: Desktop Larger Center Image ----*/


/*---- Start: Overlay Arrow Position ----*/

body.sjw-preview-home .sjw-gallery-coverflow-container {
  position: relative !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-controls {
  position: absolute !important;
  left: 50% !important;
  top: 260px !important;
  width: min(690px, calc(100% - 48px)) !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  justify-content: space-between !important;
  pointer-events: none !important;
  z-index: 20 !important;
  margin-top: 0 !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-control {
  pointer-events: auto !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(10px) !important;
}

/*---- End: Overlay Arrow Position ----*/


/*---- Start: Tablet Adjustment ----*/

@media (max-width: 1100px) {
  body.sjw-preview-home .sjw-gallery-coverflow-stage {
    min-height: 470px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-active {
    width: 500px !important;
    height: 350px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-prev {
    width: 380px !important;
    height: 270px !important;
    transform: translateX(calc(-50% - 320px)) scale(0.80) !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-next {
    width: 380px !important;
    height: 270px !important;
    transform: translateX(calc(-50% + 320px)) scale(0.80) !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-controls {
    top: 235px !important;
    width: min(620px, calc(100% - 40px)) !important;
  }
}

/*---- End: Tablet Adjustment ----*/


/*---- Start: Mobile 3-Image Coverflow ----*/

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-gallery-coverflow-stage {
    min-height: 360px !important;
    overflow: hidden !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card,
  body.sjw-preview-home .sjw-gallery-coverflow-card.is-active {
    top: 36px !important;
    width: 72vw !important;
    max-width: 310px !important;
    height: 235px !important;
    border-radius: 20px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-active {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(-50%) scale(1) !important;
    z-index: 5 !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-prev {
    width: 58vw !important;
    max-width: 240px !important;
    height: 195px !important;
    opacity: 0.64 !important;
    pointer-events: auto !important;
    filter: saturate(0.82) brightness(0.86) !important;
    transform: translateX(calc(-50% - 150px)) scale(0.82) !important;
    z-index: 3 !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-next {
    width: 58vw !important;
    max-width: 240px !important;
    height: 195px !important;
    opacity: 0.64 !important;
    pointer-events: auto !important;
    filter: saturate(0.82) brightness(0.86) !important;
    transform: translateX(calc(-50% + 150px)) scale(0.82) !important;
    z-index: 3 !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-far-prev,
  body.sjw-preview-home .sjw-gallery-coverflow-card.is-far-next,
  body.sjw-preview-home .sjw-gallery-coverflow-card.is-hidden {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-active::before {
    opacity: 1 !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-active .sjw-gallery-coverflow-meta {
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-active .sjw-gallery-coverflow-label {
    min-height: 24px !important;
    padding: 0 10px !important;
    margin-bottom: 8px !important;
    font-size: 9px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-active .sjw-gallery-coverflow-name {
    font-size: 18px !important;
    line-height: 1.24 !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-active .sjw-gallery-coverflow-count {
    font-size: 10px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-controls {
    top: 142px !important;
    width: calc(100% - 24px) !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-control {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    font-size: 15px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-progress {
    margin-top: 8px !important;
  }
}

/*---- End: Mobile 3-Image Coverflow ----*/


/*---- Start: Extra Small Mobile ----*/

@media (max-width: 420px) {
  body.sjw-preview-home .sjw-gallery-coverflow-stage {
    min-height: 330px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card,
  body.sjw-preview-home .sjw-gallery-coverflow-card.is-active {
    width: 74vw !important;
    height: 215px !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-prev {
    width: 56vw !important;
    height: 178px !important;
    transform: translateX(calc(-50% - 132px)) scale(0.80) !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-card.is-next {
    width: 56vw !important;
    height: 178px !important;
    transform: translateX(calc(-50% + 132px)) scale(0.80) !important;
  }

  body.sjw-preview-home .sjw-gallery-coverflow-controls {
    top: 128px !important;
  }
}

/*---- End: Extra Small Mobile ----*/

/*------------- End: Gallery Coverflow Size + Mobile 3-Image Fix ----------*/

/*------------- End: New Home Gallery Coverflow Slider ----------*/

/*------------- Start: New Home Contact Slider ----------*/

body.sjw-preview-home .sjw-contact-slider-wrap {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-contact-slider-section {
  padding: 88px 0 96px 0 !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(11, 111, 179, 0.06), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(243, 178, 51, 0.10), transparent 26%),
    linear-gradient(180deg, #f8fbff 0%, #ffffff 100%) !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

body.sjw-preview-home .sjw-contact-slider-container {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-contact-slider-head {
  max-width: 760px !important;
  margin: 0 auto 28px auto !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-contact-slider-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  margin-bottom: 16px !important;
  border-radius: 999px !important;
  background: #eaf5ff !important;
  color: #0b6fb3 !important;
  border: 1px solid #d9e7f3 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.25px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-contact-slider-title {
  margin: 0 !important;
  color: #0b2447 !important;
  font-size: 44px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.85px !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-contact-slider-subtitle {
  max-width: 680px !important;
  margin: 14px auto 0 auto !important;
  color: #66788f !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

/* Controls */
body.sjw-preview-home .sjw-contact-slider-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin: 0 0 24px 0 !important;
}

body.sjw-preview-home .sjw-contact-slider-control {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 999px !important;
  border: 1px solid #d8e3ef !important;
  background: #ffffff !important;
  color: #0b2447 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  box-shadow: 0 12px 28px rgba(11, 36, 71, 0.08) !important;
  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, border-color 0.22s ease !important;
}

body.sjw-preview-home .sjw-contact-slider-control:hover {
  background: #0b2447 !important;
  color: #ffffff !important;
  border-color: #0b2447 !important;
  transform: translateY(-2px) !important;
}

/* Track */
body.sjw-preview-home .sjw-contact-slider-track {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: calc((100% - 44px) / 3) !important;
  gap: 22px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  padding: 8px 4px 18px 4px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #c7d6e6 transparent !important;
}

body.sjw-preview-home .sjw-contact-slider-track::-webkit-scrollbar {
  height: 8px !important;
}

body.sjw-preview-home .sjw-contact-slider-track::-webkit-scrollbar-thumb {
  background: #c7d6e6 !important;
  border-radius: 999px !important;
}

body.sjw-preview-home .sjw-contact-slider-track::-webkit-scrollbar-track {
  background: transparent !important;
}

/* Card */
body.sjw-preview-home .sjw-contact-slider-card {
  position: relative !important;
  min-height: 260px !important;
  padding: 30px 24px 26px 24px !important;
  border-radius: 26px !important;
  background: #ffffff !important;
  border: 1px solid #e3edf6 !important;
  box-shadow: 0 16px 38px rgba(11, 36, 71, 0.07) !important;
  text-align: center !important;
  box-sizing: border-box !important;
  scroll-snap-align: start !important;
  overflow: hidden !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

body.sjw-preview-home .sjw-contact-slider-card:hover {
  transform: translateY(-5px) !important;
  border-color: #d2e0ec !important;
  box-shadow: 0 24px 54px rgba(11, 36, 71, 0.12) !important;
}

body.sjw-preview-home .sjw-contact-slider-card::before {
  content: "" !important;
  position: absolute !important;
  right: -48px !important;
  top: -48px !important;
  width: 130px !important;
  height: 130px !important;
  border-radius: 999px !important;
  background: rgba(11, 111, 179, 0.07) !important;
}

body.sjw-preview-home .sjw-contact-slider-card:nth-child(even)::before {
  background: rgba(243, 178, 51, 0.12) !important;
}

body.sjw-preview-home .sjw-contact-slider-icon {
  position: relative !important;
  z-index: 2 !important;
  width: 54px !important;
  height: 54px !important;
  margin: 0 auto 18px auto !important;
  border-radius: 18px !important;
  background: #eef5ff !important;
  color: #0b6fb3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

body.sjw-preview-home .sjw-contact-slider-card h3 {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 0 14px 0 !important;
  color: #0b2447 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-contact-slider-card p,
body.sjw-preview-home .sjw-contact-slider-card a {
  position: relative !important;
  z-index: 2 !important;
}

body.sjw-preview-home .sjw-contact-slider-card p {
  margin: 0 0 11px 0 !important;
  color: #66788f !important;
  font-size: 13px !important;
  line-height: 1.62 !important;
  font-weight: 500 !important;
}

body.sjw-preview-home .sjw-contact-slider-phone,
body.sjw-preview-home .sjw-contact-slider-mail {
  display: block !important;
  color: #0b6fb3 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  word-break: break-word !important;
}

body.sjw-preview-home .sjw-contact-slider-mail {
  margin-top: 6px !important;
  color: #66788f !important;
  font-weight: 700 !important;
}

body.sjw-preview-home .sjw-contact-slider-phone:hover,
body.sjw-preview-home .sjw-contact-slider-mail:hover {
  color: #0b2447 !important;
  text-decoration: none !important;
}

/* Footer */
body.sjw-preview-home .sjw-contact-slider-footer {
  margin-top: 26px !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-contact-slider-view-all {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 30px !important;
  border-radius: 999px !important;
  background: #0b2447 !important;
  color: #ffffff !important;
  border: 1px solid #0b2447 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 32px rgba(11, 36, 71, 0.14) !important;
  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, border-color 0.22s ease !important;
}

body.sjw-preview-home .sjw-contact-slider-view-all:hover {
  background: #f3b233 !important;
  color: #0b2447 !important;
  border-color: #f3b233 !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

/* Responsive */
@media (max-width: 1100px) {
  body.sjw-preview-home .sjw-contact-slider-track {
    grid-auto-columns: calc((100% - 22px) / 2) !important;
  }
}

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-contact-slider-section {
    padding: 60px 0 66px 0 !important;
  }

  body.sjw-preview-home .sjw-contact-slider-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.sjw-preview-home .sjw-contact-slider-title {
    font-size: 32px !important;
    line-height: 1.16 !important;
  }

  body.sjw-preview-home .sjw-contact-slider-subtitle {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  body.sjw-preview-home .sjw-contact-slider-track {
    grid-auto-columns: 82vw !important;
    gap: 14px !important;
    padding-bottom: 14px !important;
  }

  body.sjw-preview-home .sjw-contact-slider-card {
    min-height: 220px !important;
    padding: 24px 18px 22px 18px !important;
    border-radius: 22px !important;
  }

  body.sjw-preview-home .sjw-contact-slider-icon {
    width: 46px !important;
    height: 46px !important;
    margin-bottom: 14px !important;
    border-radius: 16px !important;
    font-size: 19px !important;
  }

  body.sjw-preview-home .sjw-contact-slider-card h3 {
    font-size: 18px !important;
  }

  body.sjw-preview-home .sjw-contact-slider-control {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }

  body.sjw-preview-home .sjw-contact-slider-view-all {
    width: 100% !important;
    max-width: 300px !important;
  }
}

/*------------- Start: Contact Slider 6 Cards Two Row Fix ----------*/
/* Purpose:
   - Show 6 contact cards at a time on desktop
   - Layout: 3 columns x 2 rows
   - Remaining cards slide left/right
   - Tablet: 2 columns x 2 rows
   - Mobile: compact horizontal slider
*/

body.sjw-preview-home .sjw-contact-slider-track {
  display: grid !important;
  grid-template-rows: repeat(2, minmax(220px, auto)) !important;
  grid-auto-flow: column !important;
  grid-auto-columns: calc((100% - 44px) / 3) !important;
  gap: 22px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  padding: 8px 4px 18px 4px !important;
}

body.sjw-preview-home .sjw-contact-slider-card {
  min-height: 220px !important;
  height: 100% !important;
  padding: 24px 22px 22px 22px !important;
}

body.sjw-preview-home .sjw-contact-slider-icon {
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 14px !important;
  border-radius: 16px !important;
  font-size: 19px !important;
}

body.sjw-preview-home .sjw-contact-slider-card h3 {
  font-size: 18px !important;
  margin-bottom: 10px !important;
}

body.sjw-preview-home .sjw-contact-slider-card p {
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

body.sjw-preview-home .sjw-contact-slider-phone,
body.sjw-preview-home .sjw-contact-slider-mail {
  font-size: 12.5px !important;
}

/* Tablet: 4 cards visible, 2 columns x 2 rows */
@media (max-width: 1100px) {
  body.sjw-preview-home .sjw-contact-slider-track {
    grid-template-rows: repeat(2, minmax(210px, auto)) !important;
    grid-auto-columns: calc((100% - 22px) / 2) !important;
  }
}

/* Mobile: keep it clean and compact */
@media (max-width: 768px) {
  body.sjw-preview-home .sjw-contact-slider-track {
    grid-template-rows: 1fr !important;
    grid-auto-columns: 82vw !important;
    gap: 14px !important;
  }

  body.sjw-preview-home .sjw-contact-slider-card {
    min-height: 210px !important;
    padding: 22px 18px 20px 18px !important;
  }
}

/*------------- End: Contact Slider 6 Cards Two Row Fix ----------*/

/*------------- End: New Home Contact Slider ----------*/


/*------------- Start: New Home Our Location / Google Map ----------*/
/* Purpose:
   - Premium Google Map section for SJWS homepage
   - Compact card size
   - Main Campus + Early Section Campus
   - Responsive desktop / tablet / mobile
*/

/*------------- Start: Full Width Wrapper ----------*/

body.sjw-preview-home .sjw-location-home-wrap {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/*------------- End: Full Width Wrapper ----------*/


/*------------- Start: Section Base ----------*/

body.sjw-preview-home .sjw-location-home-section {
  width: 100% !important;
  padding: 72px 0 78px 0 !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(11, 111, 179, 0.055), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(243, 178, 51, 0.09), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-location-home-container {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

/*------------- End: Section Base ----------*/


/*------------- Start: Section Heading ----------*/

body.sjw-preview-home .sjw-location-home-head {
  max-width: 760px !important;
  margin: 0 auto 30px auto !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-location-home-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  margin: 0 auto 16px auto !important;
  border-radius: 999px !important;
  background: #eaf5ff !important;
  color: #0b6fb3 !important;
  border: 1px solid #d9e7f3 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 1.25px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-location-home-title {
  margin: 0 !important;
  color: #0b2447 !important;
  font-size: 42px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -0.85px !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-location-home-subtitle {
  max-width: 680px !important;
  margin: 14px auto 0 auto !important;
  color: #66788f !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

/*------------- End: Section Heading ----------*/


/*------------- Start: Map Grid ----------*/

body.sjw-preview-home .sjw-location-home-grid {
  width: 100% !important;
  max-width: 1060px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
}

/*------------- End: Map Grid ----------*/


/*------------- Start: Map Card ----------*/

body.sjw-preview-home .sjw-location-home-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  border: 1px solid #e3edf6 !important;
  box-shadow: 0 14px 38px rgba(11, 36, 71, 0.08) !important;
  box-sizing: border-box !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important;
}

body.sjw-preview-home .sjw-location-home-card:hover {
  transform: translateY(-4px) !important;
  border-color: #d2e0ec !important;
  box-shadow: 0 20px 48px rgba(11, 36, 71, 0.12) !important;
}

/*------------- End: Map Card ----------*/


/*------------- Start: Map Embed Area ----------*/

body.sjw-preview-home .sjw-location-home-map-shell {
  position: relative !important;
  padding: 10px 10px 0 10px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-location-home-map-shell::before {
  content: "" !important;
  position: absolute !important;
  left: 28px !important;
  right: 28px !important;
  bottom: -10px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: rgba(11, 36, 71, 0.10) !important;
  filter: blur(20px) !important;
  z-index: 1 !important;
}

body.sjw-preview-home .sjw-location-home-map {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 300px !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #eef5ff !important;
  border: 1px solid #e0eaf4 !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-location-home-map iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
  filter: saturate(0.95) contrast(1.02) !important;
}

/*------------- End: Map Embed Area ----------*/


/*------------- Start: Campus Info ----------*/

body.sjw-preview-home .sjw-location-home-info {
  position: relative !important;
  z-index: 3 !important;
  padding: 22px 22px 24px 22px !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-location-home-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  margin: 0 0 12px 0 !important;
  border-radius: 999px !important;
  background: #eaf5ff !important;
  color: #0b6fb3 !important;
  border: 1px solid #d9e7f3 !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.9px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-location-home-main-card .sjw-location-home-label {
  background: #fff4dc !important;
  color: #9b6808 !important;
  border-color: #f1dfba !important;
}

body.sjw-preview-home .sjw-location-home-info h3 {
  margin: 0 0 10px 0 !important;
  color: #0b2447 !important;
  font-size: 21px !important;
  line-height: 1.26 !important;
  font-weight: 900 !important;
  letter-spacing: -0.3px !important;
}

body.sjw-preview-home .sjw-location-home-info p {
  margin: 0 0 18px 0 !important;
  color: #66788f !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  font-weight: 500 !important;
}

/*------------- End: Campus Info ----------*/


/*------------- Start: Map Button ----------*/

body.sjw-preview-home .sjw-location-home-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

body.sjw-preview-home .sjw-location-home-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #0b2447 !important;
  color: #ffffff !important;
  border: 1px solid #0b2447 !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(11, 36, 71, 0.14) !important;
  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, border-color 0.22s ease !important;
}

body.sjw-preview-home .sjw-location-home-btn:hover {
  background: #f3b233 !important;
  color: #0b2447 !important;
  border-color: #f3b233 !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

/*------------- End: Map Button ----------*/


/*------------- Start: Tablet Responsive ----------*/

@media (max-width: 1050px) {
  body.sjw-preview-home .sjw-location-home-grid {
    max-width: 680px !important;
    grid-template-columns: 1fr !important;
  }

  body.sjw-preview-home .sjw-location-home-map {
    height: 280px !important;
  }
}

/*------------- End: Tablet Responsive ----------*/


/*------------- Start: Mobile Responsive ----------*/

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-location-home-section {
    padding: 52px 0 58px 0 !important;
  }

  body.sjw-preview-home .sjw-location-home-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.sjw-preview-home .sjw-location-home-head {
    margin-bottom: 24px !important;
  }

  body.sjw-preview-home .sjw-location-home-title {
    font-size: 32px !important;
    line-height: 1.16 !important;
  }

  body.sjw-preview-home .sjw-location-home-subtitle {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  body.sjw-preview-home .sjw-location-home-grid {
    gap: 16px !important;
  }

  body.sjw-preview-home .sjw-location-home-card {
    border-radius: 20px !important;
  }

  body.sjw-preview-home .sjw-location-home-map-shell {
    padding: 8px 8px 0 8px !important;
  }

  body.sjw-preview-home .sjw-location-home-map {
    height: 230px !important;
    border-radius: 16px !important;
  }

  body.sjw-preview-home .sjw-location-home-info {
    padding: 20px 18px 20px 18px !important;
  }

  body.sjw-preview-home .sjw-location-home-info h3 {
    font-size: 19px !important;
  }

  body.sjw-preview-home .sjw-location-home-info p {
    font-size: 13px !important;
  }

  body.sjw-preview-home .sjw-location-home-btn {
    width: 100% !important;
    min-height: 40px !important;
  }
}

/*------------- End: Mobile Responsive ----------*/


/*------------- Start: Small Mobile ----------*/

@media (max-width: 420px) {
  body.sjw-preview-home .sjw-location-home-map {
    height: 210px !important;
  }
}

/*------------- End: Small Mobile ----------*/

/*------------- End: New Home Our Location / Google Map ----------*/

/*------------- Start: New Home Footer ----------*/
/* Purpose:
   - Premium footer for New Home page
   - Uses sjw-end-* classes only
   - Safe from old footer cleanup conflict
   - Fully responsive desktop/mobile
*/

body.sjw-preview-home .sjw-end-wrap {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-end-section {
  position: relative !important;
  width: 100% !important;
  padding: 76px 0 0 0 !important;
  background:
    radial-gradient(circle at 12% 20%, rgba(243, 178, 51, 0.10), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(11, 111, 179, 0.18), transparent 28%),
    linear-gradient(180deg, #081b33 0%, #061426 100%) !important;
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-end-container {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

/*------------- Start: Footer Top ----------*/

body.sjw-preview-home .sjw-end-top {
  display: grid !important;
  grid-template-columns: 1.35fr 0.85fr 0.85fr 1.1fr !important;
  gap: 34px !important;
  align-items: start !important;
  padding-bottom: 54px !important;
}

body.sjw-preview-home .sjw-end-brand {
  max-width: 380px !important;
}

body.sjw-preview-home .sjw-end-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

body.sjw-preview-home .sjw-end-logo {
  width: 92px !important;
  height: auto !important;
  display: block !important;
  margin-bottom: 20px !important;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.24)) !important;
}

body.sjw-preview-home .sjw-end-brand-text {
  margin: 0 0 22px 0 !important;
  color: rgba(255, 255, 255, 0.74) !important;
  font-size: 14px !important;
  line-height: 1.78 !important;
  font-weight: 500 !important;
}

/*------------- End: Footer Top ----------*/


/*------------- Start: Social Links ----------*/

body.sjw-preview-home .sjw-end-socials {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

body.sjw-preview-home .sjw-end-socials a {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.10) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.7px !important;
  text-decoration: none !important;
  backdrop-filter: blur(10px) !important;
  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, border-color 0.22s ease !important;
}

body.sjw-preview-home .sjw-end-socials a:hover {
  background: #f3b233 !important;
  color: #0b2447 !important;
  border-color: #f3b233 !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

/*------------- End: Social Links ----------*/


/*------------- Start: Footer Links ----------*/

body.sjw-preview-home .sjw-end-links h3,
body.sjw-preview-home .sjw-end-contact h3 {
  margin: 0 0 18px 0 !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  letter-spacing: -0.2px !important;
}

body.sjw-preview-home .sjw-end-links ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.sjw-preview-home .sjw-end-links li {
  margin: 0 0 11px 0 !important;
  padding: 0 !important;
}

body.sjw-preview-home .sjw-end-links a {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.22s ease, padding-left 0.22s ease !important;
}

body.sjw-preview-home .sjw-end-links a:hover {
  color: #f3b233 !important;
  padding-left: 4px !important;
  text-decoration: none !important;
}

/*------------- End: Footer Links ----------*/


/*------------- Start: Contact Footer ----------*/

body.sjw-preview-home .sjw-end-contact-item {
  margin-bottom: 16px !important;
}

body.sjw-preview-home .sjw-end-contact-item span {
  display: block !important;
  margin-bottom: 6px !important;
  color: #f3b233 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.9px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-end-contact-item p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.74) !important;
  font-size: 13.5px !important;
  line-height: 1.62 !important;
  font-weight: 500 !important;
}

body.sjw-preview-home .sjw-end-contact-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 20px !important;
}

body.sjw-preview-home .sjw-end-contact-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 0 17px !important;
  border-radius: 999px !important;
  background: #f3b233 !important;
  color: #0b2447 !important;
  border: 1px solid #f3b233 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, transform 0.22s ease !important;
}

body.sjw-preview-home .sjw-end-contact-btn:hover {
  background: #ffffff !important;
  color: #0b2447 !important;
  border-color: #ffffff !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

body.sjw-preview-home .sjw-end-contact-btn-light {
  background: rgba(255, 255, 255, 0.10) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

body.sjw-preview-home .sjw-end-contact-btn-light:hover {
  background: #ffffff !important;
  color: #0b2447 !important;
  border-color: #ffffff !important;
}

/*------------- End: Contact Footer ----------*/


/*------------- Start: Footer Bottom ----------*/

body.sjw-preview-home .sjw-end-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  padding: 22px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

body.sjw-preview-home .sjw-end-bottom p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
}

body.sjw-preview-home .sjw-end-bottom-links {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

body.sjw-preview-home .sjw-end-bottom-links a {
  color: rgba(255, 255, 255, 0.66) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body.sjw-preview-home .sjw-end-bottom-links a:hover {
  color: #f3b233 !important;
  text-decoration: none !important;
}

/*------------- End: Footer Bottom ----------*/


/*------------- Start: Responsive ----------*/

@media (max-width: 1100px) {
  body.sjw-preview-home .sjw-end-top {
    grid-template-columns: 1.2fr 1fr 1fr !important;
  }

  body.sjw-preview-home .sjw-end-contact {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-end-section {
    padding-top: 58px !important;
  }

  body.sjw-preview-home .sjw-end-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.sjw-preview-home .sjw-end-top {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    padding-bottom: 42px !important;
  }

  body.sjw-preview-home .sjw-end-brand {
    max-width: 100% !important;
    text-align: center !important;
  }

  body.sjw-preview-home .sjw-end-logo-link {
    justify-content: center !important;
  }

  body.sjw-preview-home .sjw-end-logo {
    width: 84px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.sjw-preview-home .sjw-end-socials {
    justify-content: center !important;
  }

  body.sjw-preview-home .sjw-end-links,
  body.sjw-preview-home .sjw-end-contact {
    text-align: center !important;
  }

  body.sjw-preview-home .sjw-end-contact-actions {
    justify-content: center !important;
  }

  body.sjw-preview-home .sjw-end-contact-btn {
    min-width: 150px !important;
  }

  body.sjw-preview-home .sjw-end-bottom {
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.sjw-preview-home .sjw-end-bottom-links {
    justify-content: center !important;
  }
}

@media (max-width: 420px) {
  body.sjw-preview-home .sjw-end-contact-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.sjw-preview-home .sjw-end-contact-btn {
    width: 100% !important;
  }
}

/*------------- End: Responsive ----------*/

/*------------- End: New Home Footer ----------*/

/*------------- Start: Global Section Scroll Motion ----------*/
/* Purpose:
   - Add modern scroll reveal for all sections except hero
   - Add soft graphic glow in each section
   - Keep animation light, premium, and safe
*/

/*---- Start: Motion Base ----*/

body.sjw-preview-home .sjw-scroll-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  opacity: 0 !important;
  transform: translate3d(0, 34px, 0) scale(0.985) !important;
  transition:
    opacity 0.8s ease,
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: opacity, transform !important;
}

body.sjw-preview-home .sjw-scroll-section.sjw-inview {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

/*---- End: Motion Base ----*/


/*---- Start: Decorative Graphics ----*/

body.sjw-preview-home .sjw-scroll-section::before,
body.sjw-preview-home .sjw-scroll-section::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0 !important;
  transition:
    opacity 1s ease,
    transform 1s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

body.sjw-preview-home .sjw-scroll-section::before {
  width: 260px !important;
  height: 260px !important;
  top: 28px !important;
  right: -90px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle, rgba(11, 111, 179, 0.14) 0%, rgba(11, 111, 179, 0.05) 42%, rgba(11, 111, 179, 0) 72%) !important;
  transform: translate3d(0, 28px, 0) scale(0.88) !important;
}

body.sjw-preview-home .sjw-scroll-section::after {
  width: 210px !important;
  height: 210px !important;
  left: -70px !important;
  bottom: 16px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle, rgba(243, 178, 51, 0.16) 0%, rgba(243, 178, 51, 0.06) 42%, rgba(243, 178, 51, 0) 72%) !important;
  transform: translate3d(0, 34px, 0) scale(0.9) !important;
}

body.sjw-preview-home .sjw-scroll-section.sjw-inview::before,
body.sjw-preview-home .sjw-scroll-section.sjw-inview::after {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

/*---- End: Decorative Graphics ----*/


/*---- Start: Section Inner Content Layer ----*/

body.sjw-preview-home .sjw-scroll-section > * {
  position: relative !important;
  z-index: 1 !important;
}

/*---- End: Section Inner Content Layer ----*/


/*---- Start: Footer Tone Adjustment ----*/

body.sjw-preview-home .sjw-end-wrap.sjw-scroll-section::before {
  background:
    radial-gradient(circle, rgba(243, 178, 51, 0.16) 0%, rgba(243, 178, 51, 0.06) 42%, rgba(243, 178, 51, 0) 72%) !important;
}

body.sjw-preview-home .sjw-end-wrap.sjw-scroll-section::after {
  background:
    radial-gradient(circle, rgba(11, 111, 179, 0.20) 0%, rgba(11, 111, 179, 0.06) 42%, rgba(11, 111, 179, 0) 72%) !important;
}


/*------------- Start: Footer Developer Credit ----------*/
/* Purpose:
   - Add professional website design/development credit
   - Keep footer clean and formal
*/

body.sjw-preview-home .sjw-end-bottom-left {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

body.sjw-preview-home .sjw-end-credit {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: 12.2px !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
}

body.sjw-preview-home .sjw-end-credit a {
  color: #f3b233 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.sjw-preview-home .sjw-end-credit a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

body.sjw-preview-home .sjw-end-credit span {
  display: inline-block !important;
  margin-left: 6px !important;
  color: rgba(255, 255, 255, 0.48) !important;
  font-weight: 600 !important;
}

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-end-bottom-left {
    align-items: center !important;
    text-align: center !important;
  }

  body.sjw-preview-home .sjw-end-credit span {
    display: block !important;
    margin-left: 0 !important;
    margin-top: 3px !important;
  }
}

/*------------- End: Footer Developer Credit ----------*/

/*---- End: Footer Tone Adjustment ----*/


/*---- Start: Reduced Motion ----*/

@media (prefers-reduced-motion: reduce) {
  body.sjw-preview-home .sjw-scroll-section {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  body.sjw-preview-home .sjw-scroll-section::before,
  body.sjw-preview-home .sjw-scroll-section::after {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/*---- End: Reduced Motion ----*/


/*---- Start: Mobile Graphic Size ----*/

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-scroll-section::before {
    width: 180px !important;
    height: 180px !important;
    top: 18px !important;
    right: -70px !important;
  }

  body.sjw-preview-home .sjw-scroll-section::after {
    width: 150px !important;
    height: 150px !important;
    left: -54px !important;
    bottom: 8px !important;
  }
}

/*---- End: Mobile Graphic Size ----*/

/*------------- End: Global Section Scroll Motion ----------*/

/* ---------- Start v93: Compatibility and Stability Patch ---------- */

/* This page uses global header/menu separately. Do not let New Home sections create page-level self-scroll. */
body.sjw-preview-home .sjw-new-hero,
body.sjw-preview-home .sjw-quick-links-section,
body.sjw-preview-home .sjw-about-beauty-wrap,
body.sjw-preview-home .sjw-inspiration-standard-wrap,
body.sjw-preview-home .sjw-leader-standard-wrap,
body.sjw-preview-home .sjw-news-module-shell,
body.sjw-preview-home .sjw-notice-module-shell,
body.sjw-preview-home .sjw-gallery-module-shell,
body.sjw-preview-home .sjw-contact-slider-wrap,
body.sjw-preview-home .sjw-location-home-wrap {
  overflow-x: hidden !important;
  overflow-y: visible !important;
  max-height: none !important;
  -webkit-overflow-scrolling: auto !important;
}

body.sjw-preview-home .sjw-new-hero,
body.sjw-preview-home .sjw-gallery-coverflow-stage,
body.sjw-preview-home .sjw-gallery-coverflow-card,
body.sjw-preview-home .sjw-new-hero-slider,
body.sjw-preview-home .sjw-new-hero-slide,
body.sjw-preview-home .sjw-new-hero-slide img,
body.sjw-preview-home .sjw-new-hero-shade {
  overflow: hidden !important;
}

/* Current Hero HTML uses h4 inside the kicker. */
body.sjw-preview-home .sjw-new-hero-kicker h4 {
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
}

/* Checkbox read-more controls must be hidden without off-screen focus jump. */
body.sjw-preview-home .sjw-about-beauty-toggle,
body.sjw-preview-home .sjw-inspiration-standard-toggle {
  position: fixed !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
  clip-path: inset(50%) !important;
}

body.sjw-preview-home .sjw-about-beauty-more,
body.sjw-preview-home .sjw-inspiration-standard-more {
  scroll-margin-top: 110px !important;
}

@media (max-width: 768px) {
  html.sjw-preview-home-html {
    scroll-behavior: auto !important;
  }

  body.sjw-preview-home .sjw-about-beauty-more,
  body.sjw-preview-home .sjw-inspiration-standard-more {
    scroll-margin-top: 86px !important;
  }
}

/* ---------- End v93: Compatibility and Stability Patch ---------- */

/* ---------- End v122: SJWS New Home Final CSS ---------- */


/* ---------- Start v122: New Home Design Restore + Safe Single Scroll ---------- */
/* Purpose:
   - Restore the original New Home design after v119/v121 width overrides.
   - Keep one native page scroll only.
   - Full-bleed sections use JS-set clientWidth, not raw 100vw overflow.
*/

html.sjw-preview-home-html {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  max-height: none !important;
  scrollbar-gutter: stable !important;
}

body.sjw-preview-home {
  overflow-x: hidden !important;
  overflow-y: visible !important;
  height: auto !important;
  max-height: none !important;
  touch-action: auto !important;
}

body.sjw-preview-home #sjwMain,
body.sjw-preview-home .sjw-main,
body.sjw-preview-home #sjwNewPageCanvas,
body.sjw-preview-home .sjw-new-page-canvas,
body.sjw-preview-home #content,
body.sjw-preview-home .sjw-component,
body.sjw-preview-home .sjw-new-home-page,
body.sjw-preview-home .sjw-new-home-canvas {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
}

/* Restore full-bleed section width without creating horizontal overflow. */
body.sjw-preview-home .sjw-new-hero,
body.sjw-preview-home .sjw-quick-links-section,
body.sjw-preview-home .sjw-about-beauty-wrap,
body.sjw-preview-home .sjw-inspiration-standard-wrap,
body.sjw-preview-home .sjw-leader-standard-wrap,
body.sjw-preview-home .sjw-news-module-shell,
body.sjw-preview-home .sjw-notice-module-shell,
body.sjw-preview-home .sjw-gallery-module-shell,
body.sjw-preview-home .sjw-contact-slider-wrap,
body.sjw-preview-home .sjw-location-home-wrap,
body.sjw-preview-home .sjw-end-wrap {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  width: var(--sjw-safe-vw, 100%) !important;
  max-width: var(--sjw-safe-vw, 100%) !important;
  margin-left: calc(var(--sjw-home-left, 0px) * -1) !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  max-height: none !important;
}

/* Hero must remain premium/full screen. */
body.sjw-preview-home .sjw-new-hero {
  min-height: 720px !important;
  height: 100vh !important;
  height: 100svh !important;
  max-height: none !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}

body.sjw-preview-home .sjw-new-hero-inner {
  width: 100% !important;
  max-width: 1320px !important;
  min-height: 100% !important;
  height: 100% !important;
  margin: 0 auto !important;
  padding: 150px 64px 92px 64px !important;
  display: flex !important;
  align-items: flex-end !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-new-hero-slider,
body.sjw-preview-home .sjw-new-hero-slide,
body.sjw-preview-home .sjw-new-hero-slide img,
body.sjw-preview-home .sjw-new-hero-shade {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

body.sjw-preview-home .sjw-new-hero-slide img {
  object-fit: cover !important;
  object-position: center center !important;
}

body.sjw-preview-home .sjw-new-hero-content {
  max-width: 760px !important;
}

body.sjw-preview-home .sjw-new-hero p {
  max-width: 660px !important;
  font-size: 19px !important;
  line-height: 1.72 !important;
}

body.sjw-preview-home .sjw-quick-links-section {
  margin-top: 0 !important;
  padding-top: 64px !important;
}

/* Restore native New Home reveal motion. */
body.sjw-preview-home .sjw-scroll-section {
  opacity: 0 !important;
  transform: translate3d(0, 34px, 0) scale(0.992) !important;
  transition:
    opacity 0.82s ease,
    transform 0.82s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: opacity, transform !important;
}

body.sjw-preview-home .sjw-scroll-section.sjw-inview,
body.sjw-preview-home .sjw-quick-links-section.sjw-quick-inview,
body.sjw-preview-home .sjw-about-beauty-wrap.sjw-about-inview,
body.sjw-preview-home .sjw-inspiration-standard-wrap.sjw-inspiration-inview,
body.sjw-preview-home .sjw-leader-standard-wrap.sjw-leader-inview,
body.sjw-preview-home .sjw-v91-inview {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
}

/* Keep horizontal movement only inside carousels/tracks. */
body.sjw-preview-home .sjw-quick-links-track,
body.sjw-preview-home .sjw-leader-standard-track,
body.sjw-preview-home .category-module.sjw-news-events-cms,
body.sjw-preview-home ul.sjw-news-events-cms,
body.sjw-preview-home .category-module.sjw-notice-board-cms,
body.sjw-preview-home ul.sjw-notice-board-cms,
body.sjw-preview-home .sjw-contact-slider-track {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-height: none !important;
}

/* Restore News/Notice/Gallery card visibility and premium layout. */
body.sjw-preview-home .sjw-news-module-shell,
body.sjw-preview-home .sjw-notice-module-shell,
body.sjw-preview-home .sjw-gallery-module-shell {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.sjw-preview-home .category-module.sjw-news-events-cms,
body.sjw-preview-home ul.sjw-news-events-cms,
body.sjw-preview-home .category-module.sjw-notice-board-cms,
body.sjw-preview-home ul.sjw-notice-board-cms {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(310px, 350px) !important;
  gap: 22px !important;
}

body.sjw-preview-home .category-module.sjw-news-events-cms > li,
body.sjw-preview-home ul.sjw-news-events-cms > li,
body.sjw-preview-home .category-module.sjw-notice-board-cms > li,
body.sjw-preview-home ul.sjw-notice-board-cms > li {
  list-style: none !important;
  min-height: 224px !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(216, 233, 245, 0.96) !important;
  box-shadow: 0 18px 46px rgba(11, 36, 71, 0.08) !important;
}

body.sjw-preview-home .sjw-gallery-coverflow-container,
body.sjw-preview-home .sjw-gallery-coverflow-stage {
  overflow: hidden !important;
}

@media (max-width: 980px) {
  body.sjw-preview-home .sjw-new-hero {
    min-height: 720px !important;
    height: 100svh !important;
  }

  body.sjw-preview-home .sjw-new-hero-inner {
    padding: 132px 28px 82px 28px !important;
  }
}

@media (max-width: 640px) {
  body.sjw-preview-home .sjw-new-hero {
    min-height: 100svh !important;
    height: 100svh !important;
  }

  body.sjw-preview-home .sjw-new-hero-inner {
    padding: 126px 24px 74px 24px !important;
  }

  body.sjw-preview-home .sjw-new-hero p {
    font-size: 18px !important;
    line-height: 1.62 !important;
  }

  body.sjw-preview-home .sjw-new-hero-actions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.sjw-preview-home .sjw-new-hero-btn {
    width: 100% !important;
    max-width: 410px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sjw-preview-home .sjw-scroll-section,
  body.sjw-preview-home .sjw-scroll-section.sjw-inview {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}

/* ---------- End v122: New Home Design Restore + Safe Single Scroll ---------- */

/* ---------- Start v126: Single Scroll Owner Fix ---------- */

html.sjw-preview-home-html {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
}

body.sjw-preview-home {
  overflow-x: hidden !important;
  overflow-y: visible !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  position: static !important;
}

/* Joomla/page wrappers must not become vertical scroll owners */
body.sjw-preview-home #sjwMain,
body.sjw-preview-home .sjw-main,
body.sjw-preview-home #sjwNewPageCanvas,
body.sjw-preview-home .sjw-new-page-canvas,
body.sjw-preview-home #content,
body.sjw-preview-home .sjw-component,
body.sjw-preview-home .item-page,
body.sjw-preview-home .blog,
body.sjw-preview-home .component-content {
  overflow-y: visible !important;
  max-height: none !important;
}

/* Only carousel tracks may scroll horizontally */
body.sjw-preview-home .sjw-quick-links-track,
body.sjw-preview-home .sjw-leader-standard-track,
body.sjw-preview-home .category-module.sjw-news-events-cms,
body.sjw-preview-home .category-module.sjw-notice-board-cms,
body.sjw-preview-home .sjw-contact-slider-track {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

/* ---------- End v126: Single Scroll Owner Fix ---------- */

/* ---------- Start v126: True Single Scroll Owner Fix ---------- */

html.sjw-preview-home-html {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  scrollbar-gutter: stable !important;
}

body.sjw-preview-home {
  overflow-x: visible !important;
  overflow-y: visible !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  position: static !important;
}

/* Important: do not use overflow-x:hidden with overflow-y:visible here */
body.sjw-preview-home #sjwMain,
body.sjw-preview-home .sjw-main,
body.sjw-preview-home #sjwNewPageCanvas,
body.sjw-preview-home .sjw-new-page-canvas,
body.sjw-preview-home #content,
body.sjw-preview-home .sjw-component,
body.sjw-preview-home .item-page,
body.sjw-preview-home .blog,
body.sjw-preview-home .component-content,
body.sjw-preview-home .sjw-new-home-page,
body.sjw-preview-home .sjw-new-home-canvas {
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Only real horizontal sliders may scroll */
body.sjw-preview-home .sjw-quick-links-track,
body.sjw-preview-home .sjw-leader-standard-track,
body.sjw-preview-home .category-module.sjw-news-events-cms,
body.sjw-preview-home .category-module.sjw-notice-board-cms,
body.sjw-preview-home .sjw-contact-slider-track {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

/* ---------- End v126: True Single Scroll Owner Fix ---------- */

/* ---------- Start v126: True New Home Single Scroll Owner ---------- */

html.sjw-preview-home-html {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  scrollbar-gutter: stable !important;
}

body.sjw-preview-home {
  overflow-x: visible !important;
  overflow-y: visible !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  position: static !important;
}

body.sjw-preview-home #sjwMain,
body.sjw-preview-home .sjw-main,
body.sjw-preview-home #sjwNewPageCanvas,
body.sjw-preview-home .sjw-new-page-canvas,
body.sjw-preview-home #content,
body.sjw-preview-home .sjw-component,
body.sjw-preview-home .item-page,
body.sjw-preview-home .blog,
body.sjw-preview-home .component-content,
body.sjw-preview-home .sjw-new-home-page,
body.sjw-preview-home .sjw-new-home-canvas {
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Only horizontal sliders may scroll */
body.sjw-preview-home .sjw-quick-links-track,
body.sjw-preview-home .sjw-leader-standard-track,
body.sjw-preview-home .category-module.sjw-news-events-cms,
body.sjw-preview-home .category-module.sjw-notice-board-cms,
body.sjw-preview-home .sjw-contact-slider-track {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

/* ---------- End v126: True New Home Single Scroll Owner ---------- */

/* ---------- Start v133: New Home Mobile Hero Button Center Fix ---------- */

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-new-hero-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.sjw-preview-home .sjw-new-hero-actions {
    width: 100% !important;
    max-width: 430px !important;
    margin: 28px auto 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    justify-items: center !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  body.sjw-preview-home .sjw-new-hero-btn {
    width: 100% !important;
    max-width: 410px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 430px) {
  body.sjw-preview-home .sjw-new-hero-actions {
    max-width: 100% !important;
  }

  body.sjw-preview-home .sjw-new-hero-btn {
    max-width: 100% !important;
  }
}

/* ---------- End v133: New Home Mobile Hero Button Center Fix ---------- */

/* ---------- Start v135: New Home Footer Mobile Button True Center Fix ---------- */

@media (max-width: 768px) {
  body.sjw-preview-home #sjwNewGlobalFooter,
  body.sjw-preview-home .sjw-new-global-footer,
  body.sjw-preview-home #sjwNewGlobalFooter .sjw-end-wrap,
  body.sjw-preview-home .sjw-new-global-footer .sjw-end-wrap,
  body.sjw-preview-home #sjwNewGlobalFooter .sjw-end-inner,
  body.sjw-preview-home .sjw-new-global-footer .sjw-end-inner {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: visible !important;
    box-sizing: border-box !important;
  }

  body.sjw-preview-home #sjwNewGlobalFooter .sjw-end-contact,
  body.sjw-preview-home .sjw-new-global-footer .sjw-end-contact {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  body.sjw-preview-home #sjwNewGlobalFooter .sjw-end-contact a,
  body.sjw-preview-home .sjw-new-global-footer .sjw-end-contact a {
    width: 100% !important;
    max-width: 430px !important;
    min-height: 58px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  body.sjw-preview-home #sjwNewGlobalFooter .sjw-end-contact a + a,
  body.sjw-preview-home .sjw-new-global-footer .sjw-end-contact a + a {
    margin-top: 16px !important;
  }
}

@media (max-width: 430px) {
  body.sjw-preview-home #sjwNewGlobalFooter .sjw-end-contact,
  body.sjw-preview-home .sjw-new-global-footer .sjw-end-contact {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  body.sjw-preview-home #sjwNewGlobalFooter .sjw-end-contact a,
  body.sjw-preview-home .sjw-new-global-footer .sjw-end-contact a {
    max-width: 100% !important;
  }
}

/* ---------- End v135: New Home Footer Mobile Button True Center Fix ---------- */


/* ---------- Start v137: New Home Light Mobile Scroll Motion Restore ---------- */
/*
   Purpose:
   - Restore soft section reveal on mobile.
   - Keep the confirmed single-scroll logic unchanged.
   - Keep motion light: opacity + small translate only.
*/

@media (max-width: 980px) {
  body.sjw-preview-home .sjw-scroll-section {
    opacity: 0 !important;
    transform: translate3d(0, 16px, 0) scale(0.997) !important;
    transition:
      opacity 0.48s ease,
      transform 0.48s cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: opacity, transform !important;
  }

  body.sjw-preview-home .sjw-scroll-section.sjw-inview,
  body.sjw-preview-home .sjw-quick-links-section.sjw-quick-inview,
  body.sjw-preview-home .sjw-about-beauty-wrap.sjw-about-inview,
  body.sjw-preview-home .sjw-inspiration-standard-wrap.sjw-inspiration-inview,
  body.sjw-preview-home .sjw-leader-standard-wrap.sjw-leader-inview,
  body.sjw-preview-home .sjw-v91-inview {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    will-change: auto !important;
  }

  body.sjw-preview-home .sjw-scroll-section::before,
  body.sjw-preview-home .sjw-scroll-section::after {
    transition:
      opacity 0.50s ease,
      transform 0.50s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }
}

@media (max-width: 640px) {
  body.sjw-preview-home .sjw-scroll-section {
    transform: translate3d(0, 12px, 0) scale(0.998) !important;
    transition:
      opacity 0.42s ease,
      transform 0.42s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sjw-preview-home .sjw-scroll-section,
  body.sjw-preview-home .sjw-scroll-section.sjw-inview {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}

/* ---------- End v137: New Home Light Mobile Scroll Motion Restore ---------- */

/* ---------- Start v146: New Home Android Mobile Header Width Fix ---------- */

/*
  Fix:
  Some Android browsers calculate 100vw differently when browser UI is visible.
  The header becomes wider than the visual screen and the hamburger moves/cuts outside.
  This keeps the header inside the real viewport and prevents brand text from pushing the menu button.
*/

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-new-header-shell {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.sjw-preview-home .sjw-new-header-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 56px !important;
    align-items: center !important;
    gap: 10px !important;
    box-sizing: border-box !important;
  }

  body.sjw-preview-home .sjw-new-brand {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.sjw-preview-home .sjw-new-brand-copy {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.sjw-preview-home .sjw-new-brand-copy strong,
  body.sjw-preview-home .sjw-new-brand-copy small {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.sjw-preview-home .sjw-new-menu-toggle {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    margin-left: auto !important;
    justify-self: end !important;
    flex: 0 0 52px !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
  }
}

@media (max-width: 390px) {
  body.sjw-preview-home .sjw-new-header-shell {
    left: 10px !important;
    right: 10px !important;
  }

  body.sjw-preview-home .sjw-new-header-inner {
    grid-template-columns: minmax(0, 1fr) 50px !important;
    gap: 8px !important;
  }

  body.sjw-preview-home .sjw-new-menu-toggle {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    flex-basis: 48px !important;
  }

  body.sjw-preview-home .sjw-new-brand-logo {
    width: 44px !important;
    height: auto !important;
    flex: 0 0 44px !important;
  }

  body.sjw-preview-home .sjw-new-brand-copy strong {
    font-size: 16px !important;
  }

  body.sjw-preview-home .sjw-new-brand-copy small {
    font-size: 11px !important;
  }
}

/* ---------- End v146: New Home Android Mobile Header Width Fix ---------- */

/* ---------- Start v147: New Home Android Header Final Fit Fix ---------- */

/*
  Fix target:
  - New Home mobile header must stay fully inside the visible screen.
  - Hamburger must remain inside the white rounded header.
  - Brand text must not push the hamburger outside.
  - Do not touch scroll logic.
*/

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-new-header-shell {
    position: fixed !important;
    top: 14px !important;
    left: 12px !important;
    right: auto !important;

    width: calc(var(--sjw-safe-vw, 100vw) - 24px) !important;
    max-width: calc(var(--sjw-safe-vw, 100vw) - 24px) !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;

    border-radius: 24px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.sjw-preview-home .sjw-new-header-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 86px !important;
    min-height: 86px !important;

    padding: 0 16px !important;
    margin: 0 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px !important;
    align-items: center !important;
    justify-content: normal !important;
    gap: 10px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.sjw-preview-home .sjw-new-brand {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.sjw-preview-home .sjw-new-brand-logo {
    width: 50px !important;
    max-width: 50px !important;
    height: auto !important;
    flex: none !important;
  }

  body.sjw-preview-home .sjw-new-brand-copy {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    display: block !important;
  }

  body.sjw-preview-home .sjw-new-brand-copy strong {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  body.sjw-preview-home .sjw-new-brand-copy small {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: 1.8px !important;
  }

  body.sjw-preview-home .sjw-new-menu-toggle {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;

    margin: 0 !important;
    padding: 0 !important;

    justify-self: end !important;
    align-self: center !important;

    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;

    flex: none !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 390px) {
  body.sjw-preview-home .sjw-new-header-shell {
    top: 12px !important;
    left: 10px !important;
    width: calc(var(--sjw-safe-vw, 100vw) - 20px) !important;
    max-width: calc(var(--sjw-safe-vw, 100vw) - 20px) !important;
    border-radius: 22px !important;
  }

  body.sjw-preview-home .sjw-new-header-inner {
    height: 82px !important;
    min-height: 82px !important;
    padding: 0 14px !important;
    grid-template-columns: minmax(0, 1fr) 50px !important;
    gap: 8px !important;
  }

  body.sjw-preview-home .sjw-new-brand {
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.sjw-preview-home .sjw-new-brand-logo {
    width: 46px !important;
    max-width: 46px !important;
  }

  body.sjw-preview-home .sjw-new-brand-copy strong {
    font-size: 16px !important;
  }

  body.sjw-preview-home .sjw-new-brand-copy small {
    font-size: 10.5px !important;
    letter-spacing: 1.5px !important;
  }

  body.sjw-preview-home .sjw-new-menu-toggle {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
  }
}

@media (max-width: 350px) {
  body.sjw-preview-home .sjw-new-brand-copy strong {
    font-size: 15px !important;
  }

  body.sjw-preview-home .sjw-new-brand-copy small {
    font-size: 10px !important;
  }

  body.sjw-preview-home .sjw-new-brand {
    grid-template-columns: 44px minmax(0, 1fr) !important;
  }

  body.sjw-preview-home .sjw-new-brand-logo {
    width: 42px !important;
    max-width: 42px !important;
  }
}

/* ---------- End v147: New Home Android Header Final Fit Fix ---------- */

/* ==================================================
   Start v148: New Home Facilities Highlights
   Purpose:
   - Marketing-focused facilities image card slider
   - New Home only
   - CSS-only horizontal scroll
   - No JS required
================================================== */

body.sjw-preview-home .sjw-facilities-home-wrap {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 82px 0 88px 0 !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(11, 111, 179, 0.10), transparent 32%),
    radial-gradient(circle at 92% 12%, rgba(243, 178, 51, 0.13), transparent 30%),
    linear-gradient(180deg, #f7fbff 0%, #ffffff 48%, #eef7ff 100%) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

body.sjw-preview-home .sjw-facilities-home-container {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-facilities-home-head {
  max-width: 780px !important;
  margin: 0 auto 34px auto !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-facilities-home-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 15px !important;
  margin-bottom: 14px !important;
  border-radius: 999px !important;
  background: #fff4dc !important;
  color: #9b6808 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.3px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-facilities-home-head h2 {
  margin: 0 0 14px 0 !important;
  color: #0b2447 !important;
  font-size: 40px !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
  letter-spacing: -0.8px !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-facilities-home-head p {
  max-width: 680px !important;
  margin: 0 auto !important;
  color: #5d728a !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

body.sjw-preview-home .sjw-facilities-home-slider {
  display: flex !important;
  gap: 20px !important;
  width: 100% !important;
  padding: 8px 2px 20px 2px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  scrollbar-width: thin !important;
  scrollbar-color: #d8a12a #eef3f8 !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-facilities-home-slider::-webkit-scrollbar {
  height: 7px !important;
}

body.sjw-preview-home .sjw-facilities-home-slider::-webkit-scrollbar-track {
  background: #eef3f8 !important;
  border-radius: 20px !important;
}

body.sjw-preview-home .sjw-facilities-home-slider::-webkit-scrollbar-thumb {
  background: #d8a12a !important;
  border-radius: 20px !important;
}

body.sjw-preview-home .sjw-facilities-home-card {
  flex: 0 0 calc((100% - 40px) / 3) !important;
  max-width: calc((100% - 40px) / 3) !important;
  min-height: 360px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  scroll-snap-align: start !important;
  background: #071b33 !important;
  box-shadow: 0 22px 58px rgba(11, 36, 71, 0.14) !important;
  border: 1px solid rgba(216, 233, 245, 0.96) !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-facilities-home-card a {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 360px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  overflow: hidden !important;
  border-radius: 28px !important;
}

body.sjw-preview-home .sjw-facilities-home-card img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.01) !important;
  transition: transform 0.42s ease !important;
}

body.sjw-preview-home .sjw-facilities-home-card:hover img {
  transform: scale(1.06) !important;
}

body.sjw-preview-home .sjw-facilities-home-card-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    linear-gradient(180deg, rgba(4, 16, 34, 0.10) 0%, rgba(4, 16, 34, 0.30) 42%, rgba(4, 16, 34, 0.88) 100%) !important;
}

body.sjw-preview-home .sjw-facilities-home-card-content {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  padding: 0 24px 26px 24px !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-facilities-home-card-content strong {
  display: block !important;
  margin: 0 0 8px 0 !important;
  color: #ffffff !important;
  font-size: 25px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -0.3px !important;
}

body.sjw-preview-home .sjw-facilities-home-card-content small {
  display: block !important;
  max-width: 92% !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
}

body.sjw-preview-home .sjw-facilities-home-action {
  display: flex !important;
  justify-content: center !important;
  margin-top: 28px !important;
}

body.sjw-preview-home .sjw-facilities-home-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 210px !important;
  min-height: 50px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #0b2447 0%, #0d3565 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(11, 36, 71, 0.96) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow:
    0 18px 42px rgba(11, 36, 71, 0.18),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
  transition:
    transform 0.24s ease,
    background 0.24s ease,
    color 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease !important;
}

body.sjw-preview-home .sjw-facilities-home-btn:hover,
body.sjw-preview-home .sjw-facilities-home-btn:focus {
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, #f3b233 0%, #ffd66d 100%) !important;
  color: #071b33 !important;
  border-color: #f3b233 !important;
  text-decoration: none !important;
  box-shadow:
    0 22px 52px rgba(243, 178, 51, 0.22),
    inset 0 1px 0 rgba(255,255,255,0.36) !important;
}

@media (max-width: 1024px) {
  body.sjw-preview-home .sjw-facilities-home-card {
    flex-basis: calc((100% - 20px) / 2) !important;
    max-width: calc((100% - 20px) / 2) !important;
  }
}

@media (max-width: 768px) {
  body.sjw-preview-home .sjw-facilities-home-wrap {
    padding: 58px 0 64px 0 !important;
  }

  body.sjw-preview-home .sjw-facilities-home-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.sjw-preview-home .sjw-facilities-home-head {
    margin-bottom: 24px !important;
  }

  body.sjw-preview-home .sjw-facilities-home-head h2 {
    font-size: 32px !important;
    line-height: 1.16 !important;
  }

  body.sjw-preview-home .sjw-facilities-home-head p {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  body.sjw-preview-home .sjw-facilities-home-slider {
    gap: 14px !important;
    padding-bottom: 16px !important;
  }

  body.sjw-preview-home .sjw-facilities-home-card {
    flex-basis: 82% !important;
    max-width: 82% !important;
    min-height: 320px !important;
    border-radius: 22px !important;
  }

  body.sjw-preview-home .sjw-facilities-home-card a {
    min-height: 320px !important;
    border-radius: 22px !important;
  }

  body.sjw-preview-home .sjw-facilities-home-card-content {
    padding: 0 20px 22px 20px !important;
  }

  body.sjw-preview-home .sjw-facilities-home-card-content strong {
    font-size: 22px !important;
  }

  body.sjw-preview-home .sjw-facilities-home-card-content small {
    font-size: 13px !important;
  }

  body.sjw-preview-home .sjw-facilities-home-btn {
    width: 100% !important;
    max-width: 280px !important;
    min-height: 46px !important;
  }
}

@media (max-width: 420px) {
  body.sjw-preview-home .sjw-facilities-home-card {
    flex-basis: 88% !important;
    max-width: 88% !important;
  }
}

/* ==================================================
   End v148: New Home Facilities Highlights
================================================== */

/* ==================================================
   Start v160: New Home FAQ Section
   Scope: New Home only
================================================== */

body.sjw-preview-home .sjw-home-faq {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 78px 0 86px 0 !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(11, 111, 179, 0.10), transparent 32%),
    radial-gradient(circle at 92% 8%, rgba(243, 178, 51, 0.12), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  overflow: hidden !important;
}

body.sjw-preview-home .sjw-home-faq-container {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

body.sjw-preview-home .sjw-home-faq-kicker {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 15px !important;
  margin-bottom: 14px !important;
  border-radius: 999px !important;
  background: #fff4dc !important;
  color: #9b6808 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.3px !important;
  text-transform: uppercase !important;
}

body.sjw-preview-home .sjw-home-faq h2 {
  max-width: 760px !important;
  margin: 0 0 14px 0 !important;
  color: #071b33 !important;
  font-size: clamp(36px, 4.5vw, 56px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: -1.2px !important;
}

body.sjw-preview-home .sjw-home-faq-intro {
  max-width: 720px !important;
  margin: 0 0 34px 0 !important;
  color: #5d728a !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  font-weight: 500 !important;
}

body.sjw-preview-home .sjw-home-faq-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

body.sjw-preview-home .sjw-home-faq-grid article {
  min-height: 230px !important;
  padding: 28px 24px !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid #dceaf5 !important;
  box-shadow: 0 16px 44px rgba(11, 36, 71, 0.08) !important;
}

body.sjw-preview-home .sjw-home-faq-grid h3 {
  margin: 0 0 12px 0 !important;
  color: #071b33 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

body.sjw-preview-home .sjw-home-faq-grid p {
  margin: 0 !important;
  color: #5d728a !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
}

@media (max-width: 980px) {
  body.sjw-preview-home .sjw-home-faq-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body.sjw-preview-home .sjw-home-faq {
    padding: 58px 0 64px 0 !important;
  }

  body.sjw-preview-home .sjw-home-faq-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.sjw-preview-home .sjw-home-faq-grid {
    grid-template-columns: 1fr !important;
  }

  body.sjw-preview-home .sjw-home-faq-grid article {
    min-height: 0 !important;
  }
}

/* ==================================================
   End v160: New Home FAQ Section
================================================== */