:root{
  --ca-mm-bg:#101114;
  --ca-mm-panel:#ffffff;
  --ca-mm-text:#222;
  --ca-mm-muted:#6f7682;
  --ca-mm-line:#e8ebef;
  --ca-mm-accent:#ff4d4f;
  --ca-mm-shadow:0 18px 50px rgba(0,0,0,0.14);
  --ca-mm-radius:16px;
  --ca-mm-container:1280px;
}

.ca-mega-menu,
.ca-mega-menu *{box-sizing:border-box}

.ca-mega-menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.ca-mega-menu > li{
    position:relative;
}
.ca-mega-menu .mega{
    pointer-events:none;
}

.ca-mega-menu .mega-inner{
    pointer-events:auto;
    max-width:1280px;
    margin:auto;
}
.ca-mega-menu > li > a.menu-link{
  display:flex;align-items:center;gap:8px;padding:28px 18px;text-decoration:none;
}

.ca-link-caret{
  display:inline-block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);margin-left:2px;opacity:.8;flex:0 0 auto;
}

/* DEFAULT (before scroll) */
.ca-mega-menu .mega {
  position: fixed;
  top: 122px;
  left: 0;
  width: 100%;
  /* background: var(--ca-mm-panel); */
  /* box-shadow: var(--ca-mm-shadow); */
  overflow: visible;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px);
  transition: all .28s ease;
  border-top: 1px solid rgba(255,255,255,.06);
  z-index: 9999;
}

.ca-mega-menu > li:hover > .mega,
.ca-mega-menu > li.ca-mega-open > .mega{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.mega-main .wsm-page-list-grid-section{
  padding: 0;
}

.ca-mega-menu .mega-inner{max-width:var(--ca-mm-container);margin:0 auto;padding:0 18px}
.ca-mega-menu .mega-grid{display:grid;grid-template-columns:260px 1fr;min-height:420px}
.ca-mega-menu .mega-side{background:#f7f8fa;border-right:1px solid var(--ca-mm-line);padding:18px 0}
.ca-mega-menu .mega-side h4{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--ca-mm-muted);padding:0 20px 14px;margin:0}
.ca-mega-menu .mega-tab-list {
  display: block !important;
  flex-direction: column !important;
  gap: 0 !important;
  align-items: stretch !important;
}
.ca-mega-menu .mega-tab-btn{
  width:100%;border:0;background:transparent;text-align:left;padding:15px 20px;cursor:pointer;
  font-size:15px;font-weight:600;color:#20242c;border-left:3px solid transparent;transition:.22s ease;
}
.ca-mega-menu .mega-tab-btn:hover,
.ca-mega-menu .mega-tab-btn.is-active{background:#fff;border-left-color:var(--ca-mm-accent);color:var(--ca-mm-accent)}
.ca-mega-menu .mega-main{background:#fff}
.ca-mega-menu .tab-panel{display:none;animation:caMegaFadeIn .25s ease}
.ca-mega-menu .tab-panel.is-active{display:block}
@keyframes caMegaFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

.ca-mega-menu .panel-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}
.ca-mega-menu .panel-title{font-size:28px;line-height:1.2;margin:0 0 6px}
.ca-mega-menu .panel-subtitle{font-size:14px;color:var(--ca-mm-muted);margin:0}
.ca-mega-menu .view-all{color:var(--ca-mm-accent);font-weight:700;font-size:14px;white-space:nowrap;text-decoration:none}
.ca-mega-menu .ca-mega-placeholder{padding:18px;border:1px dashed var(--ca-mm-line);border-radius:14px;background:#fff}
.ca-mega-menu .sub-menu{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border-radius:0 0 14px 14px;box-shadow:var(--ca-mm-shadow);padding:12px 0;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s ease;list-style:none;margin:0;z-index:9998}
.ca-mega-menu li:hover > .sub-menu,
.ca-mega-menu li.ca-submenu-open > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.ca-mega-menu .sub-menu li{position:relative;list-style:none}
.ca-mega-menu .sub-menu a{display:block;padding:12px 18px;color:#222;text-decoration:none;font-size:14px;font-weight:600}
.ca-mega-menu .sub-menu a:hover{background:#f7f8fa;color:var(--ca-mm-accent)}
.ca-mega-menu .sub-menu .sub-menu{top:0;left:100%;border-radius:14px}

@media (max-width:1100px){
  .ca-mega-menu .mega-grid{grid-template-columns:220px 1fr}
}

@media (max-width:860px){
  .ca-mega-menu{
    position:fixed;top:92px;left:0;right:0;background:var(--ca-mm-bg);flex-direction:column;align-items:stretch;gap:0;
    padding:10px 0 18px;max-height:calc(100vh - 72px);overflow:auto;border-top:1px solid rgba(255,255,255,.08);margin:0;z-index:9998;
  }
  .ca-mega-menu.is-open{display:flex}
  .ca-mega-menu > li{width:100%}
  .ca-mega-menu > li > a.menu-link{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06)}
  .ca-mega-menu .mega,
  .ca-mega-menu .sub-menu{
    position:static;width:100%;min-width:100%;opacity:1;visibility:visible;transform:none;display:none;box-shadow:none;border-radius:0;border-top:0;
  }
  .ca-mega-menu > li.open > .mega,
  .ca-mega-menu > li.open > .sub-menu {
    display: block;
  }
  .ca-mega-menu .mega-grid{grid-template-columns:1fr}
  .ca-mega-menu .mega-side{border-right:0;border-bottom:1px solid var(--ca-mm-line)}
  .ca-mega-menu .mega-main{padding:18px}
  .ca-mega-menu .panel-head{flex-direction:column;align-items:flex-start}
  .ca-mega-menu .sub-menu{padding:0;background:#121419}
  .ca-mega-menu .sub-menu a{color:#fff;border-bottom:1px solid rgba(255,255,255,.06);padding-left:30px}
  .ca-mega-menu .sub-menu .sub-menu a{padding-left:42px}
}

.ca-mega-menu .mega.scrolled {
  top: 80px !important;
}
.ca-mega-menu .mega {
  transition: top 0.3s ease;
}

.mobile-arrow {
  display: none;
  margin-left: auto;
}

@media (max-width:1024px) {
  .mobile-arrow {
    display: inline-block;
  }

  .ca-link-caret {
    display: none;
  }
}


.ca-mega-menu .mega-grid{
    display:grid;
    grid-template-columns:260px 1fr;
    height:500px; /* menu top space remove */
    overflow:hidden;
}

.ca-mega-menu .mega-side{
    overflow-y:auto;
}

.ca-mega-menu .mega-main{
    overflow-y:auto;
    height:100%;
}

/* Nice scrollbar */
/* =====================================
   CUSTOM SCROLLBAR (MEGA MENU)
===================================== */

/* Chrome / Edge / Safari */
.ca-mega-menu .mega-main::-webkit-scrollbar,
.ca-mega-menu .mega-side::-webkit-scrollbar{
    width:4px;
}

.ca-mega-menu .mega-main::-webkit-scrollbar-track,
.ca-mega-menu .mega-side::-webkit-scrollbar-track{
    background:transparent;
}

.ca-mega-menu .mega-main::-webkit-scrollbar-thumb,
.ca-mega-menu .mega-side::-webkit-scrollbar-thumb{
    background:rgba(255, 0, 104, 0.6);
    border-radius:10px;
    transition:background .3s ease;
}

.ca-mega-menu .mega-main::-webkit-scrollbar-thumb:hover,
.ca-mega-menu .mega-side::-webkit-scrollbar-thumb:hover{
    background:#ff0068;
}

/* Firefox */
.ca-mega-menu .mega-main,
.ca-mega-menu .mega-side{
    scrollbar-width:thin;
    scrollbar-color:#ff0068 transparent;
}

.ca-mega-menu .wsm-page-list-grid-cols-3 {
  grid-template-columns: repeat(5,1fr);
}
.ca-mega-menu .wsm-page-list-grid-tag-cols-3 {
  grid-template-columns: repeat(4,1fr);
}

.ca-mega-menu .wsm-page-list-grid-cols-4 {
  grid-template-columns: repeat(5,1fr);
}

.ca-mega-menu .wsm-page-list-grid__card-title--bottom {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  min-height: 55px;
  font-family: 'Poppins', Arial, sans-serif;
}
.ca-mega-menu  .wsm-page-list-grid__card a {
  padding: 0;
}
.ca-mega-menu  .wsm-page-list-grid-section {
  padding: 15px 0;
}

/* =====================================
   SMOOTH MEGA MENU TRANSITIONS
===================================== */

/* Main Mega Panel */
.ca-mega-menu .mega{
  transition:
    opacity .35s ease,
    visibility .35s ease,
    transform .35s cubic-bezier(.22,.61,.36,1),
    top .3s ease;
}

/* Open State */
.ca-mega-menu > li:hover > .mega,
.ca-mega-menu > li.ca-mega-open > .mega{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* Menu Links */
.ca-mega-menu > li > a.menu-link{
  transition:
    color .25s ease,
    background-color .25s ease;
}

/* Arrow Animation */
.ca-link-caret{
  transition:transform .25s ease;
}

.ca-mega-menu > li:hover > a .ca-link-caret,
.ca-mega-menu > li.ca-mega-open > a .ca-link-caret{
  transform:rotate(225deg);
}

/* Sidebar Tabs */
.ca-mega-menu .mega-tab-btn{
  transition:
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease,
    padding-left .25s ease;
}

.ca-mega-menu .mega-tab-btn:hover{
  padding-left:24px;
}

/* Tab Content Animation */
.ca-mega-menu .tab-panel{
  display:none;
  animation:caMegaFadeIn .3s ease;
}

.ca-mega-menu .tab-panel.is-active{
  display:block;
}

/* Sidebar Smooth Scroll */
.ca-mega-menu .mega-side,
.ca-mega-menu .mega-main{
  scroll-behavior:smooth;
}

/* Sub Menu Animation */
.ca-mega-menu .sub-menu{
  transition:
    opacity .25s ease,
    visibility .25s ease,
    transform .25s ease;
}

/* Sub Menu Links */
.ca-mega-menu .sub-menu a{
  transition:
    background-color .2s ease,
    color .2s ease,
    padding-left .2s ease;
}

.ca-mega-menu .sub-menu a:hover{
  padding-left:22px;
}

/* Fade Animation */
@keyframes caMegaFadeIn{
  from{
    opacity:0;
    transform:translateY(10px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}