@charset "utf-8";
/* CSS Document  Event Scroll*/

  .events-section{
    /*padding: 28px 0;
    background: #f6f7fb;*/
  }
  .events-wrap{
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;
  }
  .events-head{
    display:flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
  }
  .events-title{
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    color: #0b0b1a;
  }
  .events-all{
    font-size: 14px;
    text-decoration: none;
    color: #0c1895;
    font-weight: 600;
  }

  /* Ticker */
  .events-ticker{
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid #e9eaf2;
   /* padding: 10px 0;
    margin-bottom: 18px;*/
  }
  .events-track{
  display:flex;
  width: max-content;
  will-change: transform;
  transform: translate3d(0,0,0);
  animation: scroll 22s linear infinite;
}



  .events-row{
    display:flex;
    gap: 10px;
    padding: 0 10px;
  }
  .tick{
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    text-decoration:none;
    color: #0b0b1a;
    border: 1px solid #f0f1f6;
    background: #fbfbfe;
    white-space: nowrap;
  }
  .tick:hover{ border-color:#dfe2f4; background:#f7f8ff; }
  .tick-date{
    font-size: 12px;
    font-weight: 700;
    color:#0c1895;
  }
  .tick-name{
    font-size: 14px;
    font-weight: 600;
  }
  .tick-pill{
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 999px;
    background:#eef1ff;
    color:#0c1895;
  }
.h-cta{
  font-size:12px;
  font-weight:800;
  padding:6px 10px;
  border-radius:999px;
  background:#fff;
  color:#020954;
}
  /* Pause animation on hover */
  .events-ticker:hover .events-track{
    animation-play-state: paused;
  }

 @keyframes scroll{
  from { transform: translate3d(0,0,0); }
  to   { transform: translate3d(-50%,0,0); }
}

 
  /* Responsive */
  @media (max-width: 900px){
    .event-card{ grid-column: span 12; }
  }
  
  
  
  
  /*********************** Header & Menu ******************************/
  
  .site-header{
  position: sticky; top: 0; z-index: 1000;
  background:#fff; border-bottom:1px solid #e8e8ef;
  will-change: transform, box-shadow, background;
}
.site-header.is-stuck{ box-shadow: 0 8px 20px rgba(7,13,65,.08); }
.site-header.is-compact .header-bar{ height: 88px; transition: height .18s ease; }
.header-bar{
  height:125px; display:flex; align-items:center; justify-content:space-between;
}
.left-group{ display:flex; align-items:center; gap:12px; }
.logo img, .drawer-logo img{ display:block; height:40px; }

/* ===== Desktop main menu ===== */
.main-menu{
  list-style:none; margin:0; padding:0; gap:24px; align-items:center;
  display:none; /* mobile default */
}
.menu-item{ position:relative; }
.menu-item > a, .menu-item > button{
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 6px; color:#0b0b1a; text-decoration:none; border-radius:6px;
}
.menu-item > a:hover, .menu-item > button:hover{ background:#f5f7ff; }

/* Level-1 dropdown (desktop hover) */
.menu-item.has-dropdown > .dropdown{
  position:absolute; top:100%; left:0; min-width:260px;
  background:#0C1895; color:#fff; border-radius:10px; padding:10px;
  box-shadow:0 16px 32px rgba(7,13,65,.3); display:none; z-index:1000;
}
.menu-item.has-dropdown:hover > .dropdown,
.menu-item.has-dropdown:focus-within > .dropdown{ display:block; }

.dropdown-list{ list-style:none; margin:0; padding:0; }
.dropdown-list > li > a{
  display:block; padding:10px 12px; color:#fff; text-decoration:none; border-radius:8px;
}
.dropdown-list > li > a:hover{ background:rgba(255,255,255,.12); }

/* Level-2 flyout */
.dropdown-list > li.has-sub{ position:relative; padding-right:10px; }
.dropdown-list > li.has-sub::after{
  content:""; position:absolute; top:-8px; bottom:-8px; left:100%; width:14px;
}
.dropdown-list > li.has-sub > .sub{
  position:absolute; top:-8px; left:calc(100% - 8px); min-width:300px;
  background:#0C1895; color:#fff; border-radius:10px; padding:8px 0; display:none;
  box-shadow:0 16px 32px rgba(7,13,65,.3); z-index:1001;
}
.dropdown-list > li.has-sub:hover > .sub,
.dropdown-list > li.has-sub > .sub:hover{ display:block; }
.sub .sub-list{ list-style:none; margin:0; padding:0; }
.sub .sub-list > li > a{
  display:block; padding:10px 14px; color:#fff; text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.sub .sub-list > li:last-child > a{ border-bottom:0; }
.dropdown-list > li.has-sub > .sub-heading-link{ position:relative; padding-right:28px; }
.dropdown-list > li.has-sub > .sub-heading-link::after{
  content:"›"; position:absolute; right:12px; top:50%; transform:translateY(-50%); opacity:.8;
}

/* Unclip sticky header + menus */
.site-header, .header-bar, .container, .main-menu{ overflow:visible !important; }

/* ===== Burger (always visible) ===== */
.burger{
  width:40px; height:40px; display:inline-grid; place-content:center; gap:4px;
  border:1px solid #d8d8e8; background:#fff; border-radius:8px; cursor:pointer;
}
.burger-line{ width:20px; height:2px; background:#0b0b1a; }

/* ===== Scrim ===== */
.scrim{
  position:fixed; inset:0; background:rgba(2,9,84,.5);
  backdrop-filter:saturate(120%) blur(1px);
}
.scrim[hidden]{ display:none !important; }

/* ===== Drawer (off-canvas) ===== */
.side-drawer{
  position:fixed; top:0; left:0; height:100dvh; width:min(88vw,360px);
  background:#020954; color:#fff; translate:-100% 0; transition:translate 240ms ease;
  z-index:1200; display:flex; flex-direction:column;
}
.side-drawer.open{ translate:0 0; }

/* Open from RIGHT when .drawer-right is present */
.side-drawer.drawer-right{ left:auto; right:0; translate:100% 0; }
.side-drawer.drawer-right.open{ translate:0 0; }

.drawer-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.15);
}
.drawer-close{
  font-size:28px; line-height:1; background:transparent; border:0; color:#fff; cursor:pointer;
}
.drawer-nav{ overflow:auto; padding:10px 8px 28px; }
.drawer-list{ list-style:none; margin:0; padding:0; }
.drawer-item{ border-bottom:1px solid rgba(255,255,255,.08); }
.drawer-link, .drawer-button{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  width:100%; padding:14px 12px; background:transparent; border:0;
  color:#fff; text-align:left; cursor:pointer; text-decoration:none;
  font:500 15px/1.2 system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
}
.chev{ display:inline-block; transition:transform 180ms ease; }
.drawer-item.open .chev{ transform:rotate(90deg); }

/* Drawer accordion */
.drawer-submenu{
  display:grid; grid-template-rows:0fr; transition:grid-template-rows .2s ease;
}
.drawer-item.open > .drawer-submenu{ grid-template-rows:1fr; }
.drawer-submenu > div{ overflow:hidden; }

/* Nested group */
.drawer-inner-group{ display:none; background:rgba(255,255,255,.05); }
.drawer-submenu li.open > .drawer-inner-group{ display:block; }
.drawer-subheading{
  width:100%; background:transparent; border:0; color:#fff;
  display:flex; justify-content:space-between; align-items:center;
  padding:12px 22px; text-align:left; cursor:pointer;
}
.drawer-submenu li.open > .drawer-subheading .chev{ transform:rotate(90deg); }
.drawer-inner-group ul{ list-style:none; margin:0; padding:0; }
.drawer-inner-group li > a{
  display:block; padding:10px 28px 10px 32px; color:#e6ebff; text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.drawer-inner-group li:last-child > a{ border-bottom:0; }
.drawer-inner-group li > a:hover{ color:#fff; background:rgba(255,255,255,.08); border-radius:6px; }

/* Body lock when drawer open */
.body-lock{ overflow:hidden; }

/* ===== Desktop rules (IMPORTANT) ===== */
@media (min-width: 1024px){
  /* Show BOTH burger and main menu on desktop */
  .burger{ display:inline-grid !important; }
  .main-menu{ display:flex !important; }

  /* Ensure the drawer can open on desktop (don’t hide it) */
  .side-drawer{ display:flex !important; }

  /* Scrim visibility is controlled only by [hidden] */
  .scrim{ display:block !important; }
}
/* === Add down-arrow on items with submenus (desktop) === */
@media (min-width:1024px){
  .menu-item.has-dropdown > a{
    position:relative;
    padding-right:16px; /* room for the arrow */
  }
  .menu-item.has-dropdown > a::after{
    content:"▾";                 /* simple, accessible arrow */
    font-size:12px;
    line-height:1;
    margin-left:6px;
    opacity:.75;
    transition:transform .18s ease, opacity .18s ease;
  }
  .menu-item.has-dropdown:hover > a::after,
  .menu-item.has-dropdown:focus-within > a::after{
    transform: translateY(1px);  /* tiny nudge on open */
    opacity:1;
  }
}


@media (min-width:1024px){
  .menu-item.has-dropdown > a::after{
    content:"";
    width:10px; height:10px;
    background: currentColor;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M2 4l4 4 4-4" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
            mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path d="M2 4l4 4 4-4" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
    margin-left:6px; opacity:.75; transition:transform .18s ease, opacity .18s ease;
  }
}



    .text-purple-600 {
      color: #00a0e3 !important;
    }

    .hidden.not-munu.block {
      display: none !important;
    }

    .block.not-munu {
      display: none;
    }

    .z-10.not-munu.view.block {
      display: block !important;
    }

    span.float-left {
      float: right;
      padding-left: 10px;
      padding-top: 7px;
    }
    .resultBox {
      background-color: #ffffff99;
    }
    .video-banner-wrapper {
      width: 100%;
      height: 720px;
      object-fit: cover;
    }
    .resultBox li {
      list-style: none;
      padding: 15px;
    }
    .resultBox li a {
      text-decoration: none;
    }
 

   .site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #ffffff;
  border-bottom: 1px solid #e8e8ef;
}
.header-bar {
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Left cluster */
.left-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Logo */
.logo img,
.drawer-logo img {
  display: block;
  height: 40px;
}

/* Burger */
.burger {
  width: 40px;
  height: 40px;
  display: inline-grid;
  place-content: center;
  gap: 4px;
  border: 1px solid #d8d8e8;
  background: #fff;
  border-radius: 8px;
  cursor: pointer;
}
.burger-line {
  width: 20px;
  height: 2px;
  background: #0b0b1a;
}

/* Main menu (desktop baseline) */
.main-menu {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 24px;
  align-items: center;
}
.menu-item {
  position: relative;
}
.menu-item > a,
.menu-item > button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 6px;
  color: #0b0b1a;
  text-decoration: none;
  border-radius: 6px;
}
.menu-item > a:hover,
.menu-item > button:hover {
  background: #f5f7ff;
}

/* Dropdown (desktop) */
.has-dropdown .dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 260px;
  background: #0C1895;
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 16px 32px rgba(7, 13, 65, 0.3);
  padding: 10px;
  display: none;
}
.has-dropdown:hover > .dropdown,
.has-dropdown:focus-within > .dropdown {
  display: block; /* hover/focus open */
}
.dropdown-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dropdown-list > li > a {
  display: block;
  padding: 10px 12px;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
}
.dropdown-list > li > a:hover {
  background: rgba(255,255,255,0.12);
}

/* Off-canvas scrim */
.scrim {
  position: fixed;
  inset: 0;
  background: rgba(2, 9, 84, 0.5);
  backdrop-filter: saturate(120%) blur(1px);
}

/* Side drawer */
.side-drawer {
  position: fixed;
  top: 0;
  left: 0;
  height: 100dvh;
  width: min(88vw, 360px);
  background: #020954;
  color: #fff;
  translate: -100% 0;
  transition: translate 240ms ease;
  z-index: 1200;
  display: flex;
  flex-direction: column;
}
.side-drawer.open {
  translate: 0 0;
}
.drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.drawer-close {
  font-size: 28px;
  line-height: 1;
  background: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
}
.drawer-nav {
  overflow: auto;
  padding: 10px 8px 28px 8px;
}
.drawer-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.drawer-list .drawer-item {
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.drawer-list .drawer-link,
.drawer-list .drawer-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 14px 12px;
  color: #fff;
  text-decoration: none;
  font: 500 15px/1.2 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial;
  background: transparent;
  border: 0;
  width: 100%;
  text-align: left;
  cursor: pointer;
}
.chev {
  display: inline-block;
  transition: transform 180ms ease;
}
.drawer-item.open .chev {
  transform: rotate(90deg);
}

/* Drawer submenu (accordion) */
.drawer-submenu {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 200ms ease;
}
.drawer-item.open .drawer-submenu {
  grid-template-rows: 1fr;
}
.drawer-submenu > div {
  overflow: hidden;
}
.drawer-submenu a {
  display: block;
  padding: 10px 16px 10px 28px;
  color: #e6ebff;
  text-decoration: none;
}
.drawer-submenu a:hover {
  color: #fff;
  background: rgba(255,255,255,0.06);
  border-radius: 6px;
}

/* Desktop breakpoint */
@media (min-width: 1024px) {
  .burger { display: none; }
  .main-menu { display: flex; }
  .side-drawer, .scrim { display: none; }
}

/* Body lock when drawer open */
.body-lock {
  overflow: hidden;
}
/* ===== Drawer visibility (top level) ===== */
#side-drawer .drawer-submenu{
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .2s ease;
}
#side-drawer .drawer-item.open > .drawer-submenu{
  grid-template-rows: 1fr;
}
#side-drawer .drawer-submenu > div{ overflow: hidden; }

/* ===== Drawer visibility (nested level) ===== */
#side-drawer .drawer-inner-group{ display:none; background: rgba(255,255,255,.05); }
#side-drawer .drawer-submenu li.open > .drawer-inner-group{ display:block; }

/* ===== Chevrons rotate when open ===== */
#side-drawer .drawer-item.open > .drawer-button .chev,
#side-drawer .drawer-submenu li.open > .drawer-subheading .chev{
  transform: rotate(90deg);
  transition: transform .2s ease;
}

/* ===== Nested link styling ===== */
#side-drawer .drawer-inner-group ul{ list-style:none; margin:0; padding:0; }
#side-drawer .drawer-inner-group li > a{
  display:block; padding:10px 28px 10px 32px; color:#e6ebff; text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.12);
}
#side-drawer .drawer-inner-group li:last-child > a{ border-bottom:0; }
#side-drawer .drawer-inner-group li > a:hover{ background:rgba(255,255,255,.08); border-radius:6px; }

/* ===== Scrim can actually hide ===== */
.scrim[hidden]{ display:none !important; }

/* ===== Desktop flyouts safety (no clipping) ===== */
.site-header, .header-bar, .container, .main-menu {  overflow: visible !important; }
#site-header .has-dropdown > .dropdown{ overflow: visible; z-index: 1000; }

/* Keep level-2 flyout open on hover */
#site-header .dropdown-list > li.has-sub:hover > .sub,
#site-header .dropdown-list > li.has-sub > .sub:hover{ display:block; }

/* Optional: comfy level-2 panel (matches your theme) */
#site-header .dropdown-list > li.has-sub{ position: relative; padding-right:10px; }
#site-header .dropdown-list > li.has-sub::after{
  content:""; position:absolute; top:-8px; bottom:-8px; left:100%; width:14px;
}
#site-header .dropdown-list > li.has-sub > .sub{
  position:absolute; top:-8px; left:calc(100% - 8px);
  min-width:300px; background:#0C1895; color:#fff; border-radius:10px;
  box-shadow:0 16px 32px rgba(7,13,65,.3); padding:8px 0; display:none; z-index:1001;
}
#site-header .sub .sub-list > li > a{
  display:block; padding:10px 14px; color:#fff; text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.12);
}
#site-header .sub .sub-list > li:last-child > a{ border-bottom:0; }
#site-header .sub .sub-list > li > a:hover{ background:rgba(255,255,255,.12); border-radius:6px; }
#site-header .dropdown-list > li.has-sub > .sub-heading-link{ position:relative; padding-right:28px; }
#site-header .dropdown-list > li.has-sub > .sub-heading-link::after{
  content:"›"; position:absolute; right:12px; top:50%; transform:translateY(-50%); opacity:.8;
}
.site-header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #ffffff;
}

/* When the header is past the very top, add a soft shadow + solid bg */
.site-header.is-stuck{
  box-shadow: 0 8px 20px rgba(7,13,65,.08);
  background: #ffffff; /* ensure solid when over content */
}

/* Optional: compact mode when scrolling further */
.site-header.is-compact .header-bar{
  height: 88px;               /* down from your 125px */
  transition: height .18s ease;
}

/* Smooth hide/show (optional; only if you enable hide-on-scroll in JS) */
.site-header.is-hidden{
  transform: translateY(-100%);
  transition: transform .22s ease;
}

/* Ensure nothing clips dropdowns while sticky */
.site-header, .header-bar, .container, .main-menu{
 
  overflow: visible !important;
}

/* === Sticky-first header === */
.site-header{
  position: sticky;               /* modern browsers */
  position: -webkit-sticky;       /* Safari */
  top: 0;
  z-index: 1000;
  background: #fff;
  border-bottom: 1px solid #e8e8ef;
  will-change: transform, box-shadow, background;
}

/* shadow when stuck (JS toggles .is-stuck) */
.site-header.is-stuck{
  box-shadow: 0 8px 20px rgba(7,13,65,.08);
}

/* compact on scroll (JS toggles .is-compact) */
.site-header.is-compact .header-bar{
  height: 88px;
  transition: height .18s ease;
}

.header-bar{
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* fallback: when sticky can’t work, we switch the <html> to .no-sticky */
html.no-sticky .site-header{
  position: fixed;
  top: 0; left: 0; right: 0;
}

/* spacer appears only in fallback to keep layout from jumping */
.header-spacer{ display: none; }
html.no-sticky .header-spacer{ display: block; height: var(--header-h, 125px); }

/* important: ensure no clipping around menus while sticky/fixed */
.site-header, .header-bar, .container, .main-menu{
 
  overflow: visible !important;
}
main#main{
padding-top:0px !important;	
}
/* Make ONLY the header fluid/full-width */
.site-header .container.header-bar{
  max-width: none !important;   /* ignore global container cap */
  width: 100% !important;       /* span the viewport */
  padding-left: 24px;           /* add comfy gutters */
  padding-right: 24px;
}

/* If you want tighter/larger gutters on big screens */
@media (min-width:1280px){
  .site-header .container.header-bar{
    padding-left: 32px;
    padding-right: 32px;
  }
}

/* Ensure full-width dropdown aligns nicely with the fluid header */


/* Safety: avoid clipping while sticky */
.site-header, .header-bar, .main-menu{ overflow: visible !important; }

	
	
	/********/	
	
.subscroll {
    
    min-height: 700px;
    max-height: 700px;       
    overflow-y: auto;        
    -webkit-overflow-scrolling: touch; 
  }
	
 
  .subscroll > .sub-list,
  .subscroll .new {
    margin: 0;
    padding: 0.5rem 0; 
    list-style: none;
  }

  
  .subscroll {
    background: #fff;      
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    z-index: 50;          
  }

  
  .subscroll::-webkit-scrollbar { width: 10px; }
  .subscroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: rgba(0,0,0,0.15);
  }


@media (max-width: 767.98px) {
  .subscroll {
    max-height: none;
    min-height: 0;
    overflow: visible;
    box-shadow: none;
  }
}