/* Keep native submenu icon + make desktop hover dropdown work (DESKTOP ONLY) */
@media (min-width: 768px) {
  .elementor-nav-menu--main .menu-item-has-children > .sub-menu,
  .elementor-nav-menu--main .menu-item-has-children > .elementor-nav-menu--dropdown {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity .2s ease, transform .2s ease;
  }
  .elementor-nav-menu--main .menu-item-has-children:hover > .sub-menu,
  .elementor-nav-menu--main .menu-item-has-children:hover > .elementor-nav-menu--dropdown,
  .elementor-nav-menu--main .menu-item-has-children:focus-within > .sub-menu,
  .elementor-nav-menu--main .menu-item-has-children:focus-within > .elementor-nav-menu--dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
    transform: none;
  }
  .elementor-nav-menu--main .menu-item-has-children.oc-open > .sub-menu,
  .elementor-nav-menu--main .menu-item-has-children.oc-open > .elementor-nav-menu--dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
    transform: none;
  }
}


/* Consistent top spacing under header */
#content.site-content, .site-main { margin-top: 0 !important; padding-top: 0 !important; }

/* About-us video swiper UI (match home style) */
.oc-video-swiper{
  position:relative;
  width:min(1120px,92vw);
  margin:16px auto 28px;
  overflow:visible;
}
.oc-video-swiper .swiper-slide{height:auto}
.oc-video-card{
  position:relative;
  border-radius:14px;
  overflow:hidden;
  background:#111;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(0,0,0,.16);
}
.oc-video-card::before{content:'';display:block;padding-top:56.25%}
.oc-video-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.oc-video-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,.08));}
.oc-video-title{position:absolute;left:10px;right:10px;bottom:8px;color:#fff;font-size:14px;font-weight:500;z-index:2}
.oc-swiper-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:34px;height:34px;border-radius:50%;
  background:rgba(0,0,0,.45);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;line-height:1;z-index:5;cursor:pointer;
}
.oc-swiper-prev{left:-12px}
.oc-swiper-next{right:-12px}
@media (max-width:767px){.oc-swiper-prev{left:-6px}.oc-swiper-next{right:-6px}}

.oc-video-modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:none;z-index:99999}
.oc-video-modal.show{display:block}
.oc-video-modal-inner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,960px);aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}
.oc-video-modal iframe{width:100%;height:100%;border:0}
.oc-video-close{position:absolute;right:12px;top:10px;color:#fff;font-size:26px;cursor:pointer;z-index:2}


/* Fix large blank areas caused by untriggered Elementor animation states */
.elementor-invisible{
  visibility: visible !important;
}
.elementor-invisible[class*="elementor-animation"],
.elementor-invisible[class*="animated"]{
  opacity: 1 !important;
  animation: none !important;
  transform: none !important;
}
/* oc-open state moved into @media (min-width:768px) block above */
/* Remove extra vertical gap in sticky header banner area (match contact page) */
#masthead .elementor.elementor-278 > .elementor-element-617bcd1,
#masthead .elementor.elementor-278 > .elementor-element-617bcd1.elementor-sticky__spacer {
  gap: 0 !important;
  --gap: 0px !important;
}

/* Normalize sticky header container spacing to match contact page */
#masthead .elementor-element-617bcd1.elementor-sticky--active,
#masthead .elementor-element-617bcd1.elementor-sticky__spacer {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Remove side whitespace in header banner/navigation container */
#masthead .elementor-element-617bcd1,
#masthead .elementor-element-617bcd1.elementor-sticky--active,
#masthead .elementor-element-617bcd1.elementor-sticky__spacer {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Home hero banner text/button hard-center */
.home .elementor-element-22ac00ee .sina-banner-container,
.home .elementor-element-22ac00ee .sina-banner-title,
.home .elementor-element-22ac00ee .sina-banner-subtitle,
.home .elementor-element-22ac00ee .sina-banner-desc {
  text-align: center !important;
}
.home .elementor-element-22ac00ee .sina-banner-btns {
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  margin-left: 0 !important;
}
.home .elementor-element-22ac00ee .sina-banner-sbtn,
.home .elementor-element-22ac00ee .sina-banner-pbtn {
  margin-left: 0 !important;
}

/* Home hero: force true horizontal centering for title + buttons */
.home .elementor-element-22ac00ee .sina-slider-content {
  display: flex !important;
  justify-content: center !important;
}
.home .elementor-element-22ac00ee .sina-banner-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  text-align: center !important;
}
.home .elementor-element-22ac00ee .sina-banner-title,
.home .elementor-element-22ac00ee .sina-banner-subtitle,
.home .elementor-element-22ac00ee .sina-banner-desc {
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.home .elementor-element-22ac00ee .sina-banner-btns {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.home .elementor-element-22ac00ee .sina-banner-btns a,
.home .elementor-element-22ac00ee .sina-banner-btns .sina-banner-pbtn,
.home .elementor-element-22ac00ee .sina-banner-btns .sina-banner-sbtn {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Home hero: unify vertical position across all slides */
.home .elementor-element-22ac00ee .sina-slider-content {
  padding-top: 170px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
}
@media (max-width: 767px) {
  .home .elementor-element-22ac00ee .sina-slider-content {
    padding-top: 60px !important;
    align-items: center !important;
  }
  /* Push button above the swiper dots on mobile */
  .home .elementor-element-22ac00ee .sina-banner-btns {
    margin-bottom: 48px !important;
  }
}
.home .elementor-element-22ac00ee .sina-banner-container {
  position: relative !important;
  top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.home .elementor-element-22ac00ee .sina-banner-title {
  margin-top: 0 !important;
  margin-bottom: 48px !important;
}
.home .elementor-element-22ac00ee .sina-banner-subtitle {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

/* Home hero: remove subtitle row to keep consistent title->button spacing */
.home .elementor-element-22ac00ee .sina-banner-subtitle {
  display: none !important;
}

/* Home hero: remove hidden span placeholder inside title to keep true horizontal centering */
.home .elementor-element-22ac00ee .sina-banner-title > span {
  display: none !important;
}
/* Ensure title box itself centers the same axis as button */
.home .elementor-element-22ac00ee .sina-banner-title {
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* short-term-education: hide top slider block on tablet/mobile so only the project image shows */
@media (max-width: 1024px) {
  body.page-id-5875 .elementor-5875 .elementor-element-4aec2473 {
    display: none !important;
  }

  /* keep the image section in normal flow */
  body.page-id-5875 .elementor-5875 .elementor-element-d58eb50,
  body.page-id-5875 .elementor-5875 .elementor-element-d58eb50 .e-con-inner {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
  }
}