.elementor-15854 .elementor-element.elementor-element-73119b69{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-15854 .elementor-element.elementor-element-73119b69:not(.elementor-motion-effects-element-type-background), .elementor-15854 .elementor-element.elementor-element-73119b69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-15854 .elementor-element.elementor-element-6dedf899{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:15px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:120px;--padding-right:0px;}.elementor-15854 .elementor-element.elementor-element-5aef83d0{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-15854 .elementor-element.elementor-element-5743f2d0{width:100%;max-width:100%;}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-15854 .elementor-element.elementor-element-2f79f486{width:var( --container-widget-width, 83.158% );max-width:83.158%;--container-widget-width:83.158%;--container-widget-flex-grow:0;}.elementor-15854 .elementor-element.elementor-element-2f79f486 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15854 .elementor-element.elementor-element-2f79f486.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15854 .elementor-element.elementor-element-2f79f486 .elementor-menu-toggle{margin:0 auto;}.elementor-15854 .elementor-element.elementor-element-2f79f486 .elementor-nav-menu .elementor-item{font-family:"MazzardH", Sans-serif;font-size:18px;font-weight:700;}.elementor-15854 .elementor-element.elementor-element-2f79f486 .elementor-nav-menu--main .elementor-item{color:#1E2A1C;fill:#1E2A1C;}.elementor-15854 .elementor-element.elementor-element-2f79f486 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-15854 .elementor-element.elementor-element-2f79f486 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-15854 .elementor-element.elementor-element-2f79f486 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-15854 .elementor-element.elementor-element-2f79f486 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-15854 .elementor-element.elementor-element-2f79f486 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-15854 .elementor-element.elementor-element-1da97ae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15854 .elementor-element.elementor-element-28a6c03{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:100;}.elementor-15854 .elementor-element.elementor-element-28a6c03:not(.elementor-motion-effects-element-type-background), .elementor-15854 .elementor-element.elementor-element-28a6c03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5c1ea0e3 );}.elementor-15854 .elementor-element.elementor-element-171e009{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:15px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:120px;--padding-right:0px;}.elementor-15854 .elementor-element.elementor-element-f72cfdd{--display:flex;}.elementor-15854 .elementor-element.elementor-element-f272c27{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-15854 .elementor-element.elementor-element-f272c27 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15854 .elementor-element.elementor-element-f272c27.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15854 .elementor-element.elementor-element-f272c27 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-5c1ea0e3 );}.elementor-15854 .elementor-element.elementor-element-f272c27 .elementor-nav-menu--dropdown a, .elementor-15854 .elementor-element.elementor-element-f272c27 .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-15854 .elementor-element.elementor-element-f272c27 div.elementor-menu-toggle{color:var( --e-global-color-secondary );}.elementor-15854 .elementor-element.elementor-element-f272c27 div.elementor-menu-toggle svg{fill:var( --e-global-color-secondary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-15854 .elementor-element.elementor-element-28a6c03{--padding-top:5px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-15854 .elementor-element.elementor-element-171e009{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-15854 .elementor-element.elementor-element-94d4a37{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-15854 .elementor-element.elementor-element-f272c27{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}}@media(min-width:768px){.elementor-15854 .elementor-element.elementor-element-5aef83d0{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-5743f2d0 *//* 👉 默认 logo 图片状态 */
.logo-img img {
  width: 100%;
  height: 100%;
  max-width: 80px; /* ← 桌面原始 logo 尺寸 */
  transition: all 0.3s ease;
}

/* 👉 Sticky 状态下缩小 logo（滑动时自动变化） */
.elementor-sticky--effects .logo-img img {
  max-width: 40px !important;  /* ← 注意加上 !important 才能覆盖其他设置 */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-2f79f486 *//* 主菜单文字设置 */
.elementor-nav-menu .elementor-item {
  position: relative;
  padding-left: 10px;
  transition: color 0.3s ease;
}

/* 左侧箭头图标 - 默认隐藏 */
/* 初始隐藏箭头 */
.elementor-nav-menu .elementor-item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background-color: transparent;
  mask-image: url('https://assumption.edu.my/wp-content/uploads/2025/06/active_icon_v7.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;

  -webkit-mask-image: url('https://assumption.edu.my/wp-content/uploads/2025/06/active_icon_v7.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  opacity: 0;
  transition: opacity 0.3s ease, background-color 0.3s ease;
}

/* Hover 效果：箭头出现 + 变绿，文字变青色 */
.elementor-nav-menu .elementor-item:hover {
  color: #0B9D53; /* 文字颜色 */
}
.elementor-nav-menu .elementor-item:hover::before {
  opacity: 1;
  background-color: #A6D248; /* 箭头颜色 */
}

/* Active 效果：箭头常驻 + 变金黄，文字变青色 */
.elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: #0B9D53; /* 文字颜色 */
}
.elementor-nav-menu--main .elementor-item.elementor-item-active::before {
  opacity: 1;
  background-color: #A6D248; /* Active 时箭头变金黄 */
}

/* 可选：隐藏手机菜单图标 */
@media (max-width: 767px) {
  .elementor-nav-menu .elementor-item::before {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6dedf899 */.logo-container {
  transition: all 0.3s ease;
  padding: 0px 0;
}

.logo-img {
  transition: all 0.3s ease;
}

.logo-img img {
  width: auto;
  height: auto;
  max-width: 100px;
  transition: all 0.3s ease;
}

.elementor-sticky--effects .logo-container {
  padding: 4px 0;
}

.elementor-sticky--effects .logo-img img {
  max-width: 40px !important;
}

/* 原始狀態（透明背景） */
.elementor-sticky--effects {
  transition: background-color 0.3s ease;
  background-color: transparent !important;
}

/* 滑動後變白色背景 */
.elementor-sticky--effects.elementor-sticky--active {
  background-color: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(6px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* 預設靠上對齊 */
.scroll-menu-shift {
  margin-top: 0px;
  transition: margin-top 0.3s ease;
}

/* 滾動後往中間偏移 */
.elementor-sticky--effects .scroll-menu-shift {
  margin-top: 5px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73119b69 */.elementor-15854 .elementor-element.elementor-element-73119b69 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-f272c27 */@media (max-width: 1024px) {
  /* ✅ 手機選單整體白底 */
  .elementor-nav-menu--dropdown {
    background-color: #ffffff !important;
    padding: 12px;
    border-radius: 12px;
  }

  /* ✅ 手機主項樣式 */
  .elementor-nav-menu--dropdown a.elementor-item {
    font-family: 'MazzardH-Bold', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #122618;
    display: flex;
    align-items: center;
    padding: 10px 16px;
    position: relative;
    background-color: transparent !important;
    transition: color 0.3s ease;
  }

  /* ✅ Hover 效果 */
  .elementor-nav-menu--dropdown a.elementor-item:hover {
    color: #0b9d53;
  }

  /* ✅ Active 狀態字體顏色 */
  .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
    color: #0b9d53 !important;
  }

  /* ✅ Submenu 樣式 */
  .elementor-nav-menu--dropdown .sub-menu {
    margin-top: 6px;
    background-color: #f9f5ef;
    border-radius: 8px;
    padding: 8px 0;
  }

  .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item {
    font-family: 'MazzardH-Bold', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #122618;
    padding: 10px 16px;
    transition: color 0.3s ease;
  }

  .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item:hover {
    color: #0b9d53;
  }

  /* ✅ 含 submenu 的主項：加向下箭頭在右側 */
  .elementor-nav-menu--dropdown .menu-item-has-children > a::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    margin-left: auto;
    margin-right: 10px;
    color: #122618;
  }

  /* ✅ 移除第一項（Home）下方分隔線 */
  .elementor-nav-menu--dropdown li:first-child::after {
    display: none !important;
  }

  /* ✅ 左側箭頭圖片樣式 (JS 插入用) */
  .elementor-nav-menu--dropdown .active-icon {
    width: 14px;
    height: 14px;
    margin-right: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28a6c03 */.elementor-15854 .elementor-element.elementor-element-28a6c03 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.smart-header {
  transition: transform 0.4s ease;
  will-change: transform;
  backface-visibility: hidden;
}/* End custom CSS */
/* Start custom CSS *//* Dropdown submenu 外框样式 */
.elementor-nav-menu--dropdown {
  background-color: #f9f5ef;
  border-radius: 12px;
  padding: 12px;
  text-align: left; /* 确保容器整体左对齐 */
}

/* 每个子菜单项 */
.elementor-nav-menu--dropdown a {
  font-weight: 700;
  font-family: 'MazzardH-Bold', sans-serif;
  font-size: 16px;
  text-align: left;
  padding: 10px 16px;
  display: block;
  color: #122618;
  transition: color 0.3s ease;
  background-color: transparent !important;
}

/* Hover 效果 */
.elementor-nav-menu--dropdown a:hover {
  color: #0b9d53;
}

/* 分隔线（第一项下方） */
.elementor-nav-menu--dropdown li:first-child::after {
  content: "";
  display: block;
  margin: 8px auto;
  width: 80%;
  border-bottom: 1px solid #b5c9ba;
}
/* ✅ Submenu active 项设定为青色 */
.elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active {
  color: #0b9d53;
}/* End custom CSS */