.elementor-2805 .elementor-element.elementor-element-33d31af{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#565656;--border-color:#565656;}.elementor-2805 .elementor-element.elementor-element-33d31af:not(.elementor-motion-effects-element-type-background), .elementor-2805 .elementor-element.elementor-element-33d31af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2B2B2B;}.elementor-2805 .elementor-element.elementor-element-f76a738{--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;--align-items:center;}.elementor-2805 .elementor-element.elementor-element-f241de3{--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;--align-items:center;}.elementor-2805 .elementor-element.elementor-element-b8756f5{--display:flex;}.elementor-2805 .elementor-element.elementor-element-2a1b924{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999999;}.elementor-2805 .elementor-element.elementor-element-2a1b924:not(.elementor-motion-effects-element-type-background), .elementor-2805 .elementor-element.elementor-element-2a1b924 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2B2B2B;}.elementor-2805 .elementor-element.elementor-element-9a82bc4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#565656;--border-color:#565656;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99999;}.elementor-2805 .elementor-element.elementor-element-5712859{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-2805 .elementor-element.elementor-element-17ae4f0{--display:flex;}.elementor-2805 .elementor-element.elementor-element-c8160aa{--display:flex;}.elementor-2805 .elementor-element.elementor-element-39b0f90{--display:flex;}.elementor-2805 .elementor-element.elementor-element-da1f3fe{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:26px;--n-menu-title-font-size:18px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:#FFFFFF;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-2805 .elementor-element.elementor-element-da1f3fe > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:#565656;}.elementor-2805 .elementor-element.elementor-element-da1f3fe > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-2805 .elementor-element.elementor-element-da1f3fe > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-2805 .elementor-element.elementor-element-da1f3fe > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-weight:400;}.elementor-2805 .elementor-element.elementor-element-da1f3fe {--n-menu-title-color-hover:var( --e-global-color-primary );--n-menu-title-color-active:var( --e-global-color-primary );}.elementor-2805 .elementor-element.elementor-element-28f0606{--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:center;--align-items:center;}.elementor-2805 .elementor-element.elementor-element-bf848a7 .elementor-button{background-color:#FF742500;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );word-spacing:var( --e-global-typography-text-word-spacing );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;}.elementor-2805 .elementor-element.elementor-element-bf848a7 .elementor-button:hover, .elementor-2805 .elementor-element.elementor-element-bf848a7 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-2805 .elementor-element.elementor-element-bf848a7 .elementor-button .elementor-button-content-wrapper{justify-content:center;}@media(max-width:1200px){.elementor-2805 .elementor-element.elementor-element-bf848a7 .elementor-button{line-height:var( --e-global-typography-text-line-height );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(min-width:768px){.elementor-2805 .elementor-element.elementor-element-f76a738{--width:30%;}.elementor-2805 .elementor-element.elementor-element-2a1b924{--width:80%;}.elementor-2805 .elementor-element.elementor-element-9a82bc4{--content-width:1423px;}.elementor-2805 .elementor-element.elementor-element-28f0606{--width:30%;}}@media(max-width:767px){.elementor-2805 .elementor-element.elementor-element-f76a738{--width:50%;}.elementor-2805 .elementor-element.elementor-element-f241de3{--width:43%;}.elementor-2805 .elementor-element.elementor-element-da1f3fe{--n-menu-title-space-between:0px;}.elementor-2805 .elementor-element.elementor-element-bf848a7 .elementor-button{line-height:var( --e-global-typography-text-line-height );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS for html, class: .elementor-element-7917786 *//* ===== MEGA MENU — paste in Elementor > Site Settings > Custom CSS ===== */

.mega-wrap * { box-sizing: border-box; margin: 0; padding: 0; }

.mega-wrap {
  background: #2B2B2B;
  width: 100%;
}

.mega-inner {
  display: grid;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  min-height: 500px;
}
.mega-cat-icon img, .mega-sub-icon img {
    max-width: 24px;
}
.mega-divider { background: #565656; width: 1px; }

.mega-col { padding: 1.5rem 1.75rem; }

.mega-cat-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mega-cat-btn {
  width: 100%;
  text-align: left;
  background: none;
  border: 1px solid transparent;
  padding: 0.8rem 0.9rem;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  transition: background 0.15s;
  height:auto;
}

.mega-cat-btn:hover { background: #272727; }

.mega-cat-btn.active {
  background: #2a1f1a;
  border-color: #565656;
}

.mega-cat-icon {
  width: 36px;
  height: 36px;
  border-radius: 7px;
  background: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 16px;
  color: #666;
}

.mega-cat-btn.active .mega-cat-icon {
  background: #7a3a1e;
  color: #FF6400;
}

.mega-cat-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mega-cat-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #ddd;
  line-height: 1.3;
}

.mega-cat-btn.active .mega-cat-name { color: #fff; }

.mega-cat-desc {
  font-size: 12px;
  color: #666;
  line-height: 1.55;
}

.mega-cat-btn.active .mega-cat-desc { color: #888; }

.mega-see-more {
  font-size: 12px;
  color: #555;
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.mega-cat-btn.active .mega-see-more { color: #FF6400; }

.mega-sub-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mega-sub-item {
  border: 1px solid #2e2e2e;
  border-radius: 8px;
  transition: border-color 0.15s, background 0.15s;
  cursor: pointer;
}

.mega-sub-item:hover {
  border-color: #565656;
  background: #252525;
}

.mega-sub-item.active {
  border-color: #7a3a1e;
  background: #1f1812;
}

.mega-sub-inner {
  padding: 0.8rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

.mega-sub-icon {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  color: #666;
}

.mega-sub-item.active .mega-sub-icon {
  background: #7a3a1e;
  color: #FF6400;
}

.mega-sub-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #bbb;
  line-height: 1.3;
}

.mega-sub-item.active .mega-sub-name { color: #fff; }

.mega-sub-item .mega-see-more { color: #555; margin-top: 3px; }
.mega-sub-item.active .mega-see-more { color: #FF6400; }

.mega-detail-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1.35;
}

.mega-detail-desc {
  font-size: 13px;
  color: #777;
  line-height: 1.65;
  margin-bottom: 10px;
}

.mega-detail-link {
  font-size: 13px;
  color: #FF6400;
  display: block;
  text-decoration: none;
  margin-bottom: 16px;
}

.mega-detail-link:hover { color: #ff7a4a; }

.mega-download-btn {
  display: inline-block;
  margin-top: 8px;
  background: #2c2c2c;
  border: none;
  border-radius: 50px;
  padding: 10px 18px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #aaa;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s, color 0.15s;
  text-decoration: none;
}

.mega-download-btn:hover { background: #3a3a3a; color: #fff; }

.mega-panels > div { display: none; }
.mega-panels > div.active { display: block; }


/* ===== MOBILE RESPONSIVE STYLES ===== */
@media (max-width: 1024px) {
  .mega-inner {
    display: flex;
    flex-direction: column;
    min-height: auto;
  }

  .mega-divider {
    display: none; /* Hide vertical lines on mobile */
  }

  .mega-col {
    padding: 1.25rem;
    border-bottom: 1px solid #2e2e2e;
  }

  /* Add a slight background variation to distinguish the sections */
  .mega-col:nth-child(3) {
    background: rgba(0, 0, 0, 0.15); /* Sub-items section */
  }

  .mega-col:nth-child(5) {
    background: rgba(0, 0, 0, 0.25); /* Detail section */
    border-bottom: none;
  }

  /* Make icons slightly smaller for mobile screens */
  .mega-cat-icon {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  /* Optimize button padding for touch */
  .mega-cat-btn, .mega-sub-inner {
    padding: 0.7rem;
  }

  .mega-cat-name, .mega-sub-name {
    font-size: 14px;
  }

  /* Ensure the detail panel has enough room */
  .mega-detail-title {
    font-size: 18px;
    margin-top: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7917786 *//* ===== MEGA MENU — paste in Elementor > Site Settings > Custom CSS ===== */

.mega-wrap * { box-sizing: border-box; margin: 0; padding: 0; }

.mega-wrap {
  background: #2B2B2B;
  width: 100%;
}

.mega-inner {
  display: grid;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  min-height: 500px;
}
.mega-cat-icon img, .mega-sub-icon img {
    max-width: 24px;
}
.mega-divider { background: #565656; width: 1px; }

.mega-col { padding: 1.5rem 1.75rem; }

.mega-cat-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mega-cat-btn {
  width: 100%;
  text-align: left;
  background: none;
  border: 1px solid transparent;
  padding: 0.8rem 0.9rem;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  transition: background 0.15s;
  height:auto;
}

.mega-cat-btn:hover { background: #272727; }

.mega-cat-btn.active {
  background: #2a1f1a;
  border-color: #565656;
}

.mega-cat-icon {
  width: 36px;
  height: 36px;
  border-radius: 7px;
  background: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 16px;
  color: #666;
}

.mega-cat-btn.active .mega-cat-icon {
  background: #7a3a1e;
  color: #FF6400;
}

.mega-cat-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mega-cat-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #ddd;
  line-height: 1.3;
}

.mega-cat-btn.active .mega-cat-name { color: #fff; }

.mega-cat-desc {
  font-size: 12px;
  color: #666;
  line-height: 1.55;
}

.mega-cat-btn.active .mega-cat-desc { color: #888; }

.mega-see-more {
  font-size: 12px;
  color: #555;
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.mega-cat-btn.active .mega-see-more { color: #FF6400; }

.mega-sub-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mega-sub-item {
  border: 1px solid #2e2e2e;
  border-radius: 8px;
  transition: border-color 0.15s, background 0.15s;
  cursor: pointer;
}

.mega-sub-item:hover {
  border-color: #565656;
  background: #252525;
}

.mega-sub-item.active {
  border-color: #7a3a1e;
  background: #1f1812;
}

.mega-sub-inner {
  padding: 0.8rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

.mega-sub-icon {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  color: #666;
}

.mega-sub-item.active .mega-sub-icon {
  background: #7a3a1e;
  color: #FF6400;
}

.mega-sub-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #bbb;
  line-height: 1.3;
}

.mega-sub-item.active .mega-sub-name { color: #fff; }

.mega-sub-item .mega-see-more { color: #555; margin-top: 3px; }
.mega-sub-item.active .mega-see-more { color: #FF6400; }

.mega-detail-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1.35;
}

.mega-detail-desc {
  font-size: 13px;
  color: #777;
  line-height: 1.65;
  margin-bottom: 10px;
}

.mega-detail-link {
  font-size: 13px;
  color: #FF6400;
  display: block;
  text-decoration: none;
  margin-bottom: 16px;
}

.mega-detail-link:hover { color: #ff7a4a; }

.mega-download-btn {
  display: inline-block;
  margin-top: 8px;
  background: #2c2c2c;
  border: none;
  border-radius: 50px;
  padding: 10px 18px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #aaa;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s, color 0.15s;
  text-decoration: none;
}

.mega-download-btn:hover { background: #3a3a3a; color: #fff; }

.mega-panels > div { display: none; }
.mega-panels > div.active { display: block; }


/* ===== MOBILE RESPONSIVE STYLES ===== */
@media (max-width: 1024px) {
  .mega-inner {
    display: flex;
    flex-direction: column;
    min-height: auto;
  }

  .mega-divider {
    display: none; /* Hide vertical lines on mobile */
  }

  .mega-col {
    padding: 1.25rem;
    border-bottom: 1px solid #2e2e2e;
  }

  /* Add a slight background variation to distinguish the sections */
  .mega-col:nth-child(3) {
    background: rgba(0, 0, 0, 0.15); /* Sub-items section */
  }

  .mega-col:nth-child(5) {
    background: rgba(0, 0, 0, 0.25); /* Detail section */
    border-bottom: none;
  }

  /* Make icons slightly smaller for mobile screens */
  .mega-cat-icon {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  /* Optimize button padding for touch */
  .mega-cat-btn, .mega-sub-inner {
    padding: 0.7rem;
  }

  .mega-cat-name, .mega-sub-name {
    font-size: 14px;
  }

  /* Ensure the detail panel has enough room */
  .mega-detail-title {
    font-size: 18px;
    margin-top: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7917786 *//* ===== MEGA MENU — paste in Elementor > Site Settings > Custom CSS ===== */

.mega-wrap * { box-sizing: border-box; margin: 0; padding: 0; }

.mega-wrap {
  background: #2B2B2B;
  width: 100%;
}

.mega-inner {
  display: grid;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  min-height: 500px;
}
.mega-cat-icon img, .mega-sub-icon img {
    max-width: 24px;
}
.mega-divider { background: #565656; width: 1px; }

.mega-col { padding: 1.5rem 1.75rem; }

.mega-cat-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mega-cat-btn {
  width: 100%;
  text-align: left;
  background: none;
  border: 1px solid transparent;
  padding: 0.8rem 0.9rem;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  transition: background 0.15s;
  height:auto;
}

.mega-cat-btn:hover { background: #272727; }

.mega-cat-btn.active {
  background: #2a1f1a;
  border-color: #565656;
}

.mega-cat-icon {
  width: 36px;
  height: 36px;
  border-radius: 7px;
  background: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 16px;
  color: #666;
}

.mega-cat-btn.active .mega-cat-icon {
  background: #7a3a1e;
  color: #FF6400;
}

.mega-cat-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mega-cat-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #ddd;
  line-height: 1.3;
}

.mega-cat-btn.active .mega-cat-name { color: #fff; }

.mega-cat-desc {
  font-size: 12px;
  color: #666;
  line-height: 1.55;
}

.mega-cat-btn.active .mega-cat-desc { color: #888; }

.mega-see-more {
  font-size: 12px;
  color: #555;
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.mega-cat-btn.active .mega-see-more { color: #FF6400; }

.mega-sub-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mega-sub-item {
  border: 1px solid #2e2e2e;
  border-radius: 8px;
  transition: border-color 0.15s, background 0.15s;
  cursor: pointer;
}

.mega-sub-item:hover {
  border-color: #565656;
  background: #252525;
}

.mega-sub-item.active {
  border-color: #7a3a1e;
  background: #1f1812;
}

.mega-sub-inner {
  padding: 0.8rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

.mega-sub-icon {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  color: #666;
}

.mega-sub-item.active .mega-sub-icon {
  background: #7a3a1e;
  color: #FF6400;
}

.mega-sub-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #bbb;
  line-height: 1.3;
}

.mega-sub-item.active .mega-sub-name { color: #fff; }

.mega-sub-item .mega-see-more { color: #555; margin-top: 3px; }
.mega-sub-item.active .mega-see-more { color: #FF6400; }

.mega-detail-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1.35;
}

.mega-detail-desc {
  font-size: 13px;
  color: #777;
  line-height: 1.65;
  margin-bottom: 10px;
}

.mega-detail-link {
  font-size: 13px;
  color: #FF6400;
  display: block;
  text-decoration: none;
  margin-bottom: 16px;
}

.mega-detail-link:hover { color: #ff7a4a; }

.mega-download-btn {
  display: inline-block;
  margin-top: 8px;
  background: #2c2c2c;
  border: none;
  border-radius: 50px;
  padding: 10px 18px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #aaa;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s, color 0.15s;
  text-decoration: none;
}

.mega-download-btn:hover { background: #3a3a3a; color: #fff; }

.mega-panels > div { display: none; }
.mega-panels > div.active { display: block; }


/* ===== MOBILE RESPONSIVE STYLES ===== */
@media (max-width: 1024px) {
  .mega-inner {
    display: flex;
    flex-direction: column;
    min-height: auto;
  }

  .mega-divider {
    display: none; /* Hide vertical lines on mobile */
  }

  .mega-col {
    padding: 1.25rem;
    border-bottom: 1px solid #2e2e2e;
  }

  /* Add a slight background variation to distinguish the sections */
  .mega-col:nth-child(3) {
    background: rgba(0, 0, 0, 0.15); /* Sub-items section */
  }

  .mega-col:nth-child(5) {
    background: rgba(0, 0, 0, 0.25); /* Detail section */
    border-bottom: none;
  }

  /* Make icons slightly smaller for mobile screens */
  .mega-cat-icon {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  /* Optimize button padding for touch */
  .mega-cat-btn, .mega-sub-inner {
    padding: 0.7rem;
  }

  .mega-cat-name, .mega-sub-name {
    font-size: 14px;
  }

  /* Ensure the detail panel has enough room */
  .mega-detail-title {
    font-size: 18px;
    margin-top: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7917786 *//* ===== MEGA MENU — paste in Elementor > Site Settings > Custom CSS ===== */

.mega-wrap * { box-sizing: border-box; margin: 0; padding: 0; }

.mega-wrap {
  background: #2B2B2B;
  width: 100%;
}

.mega-inner {
  display: grid;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  min-height: 500px;
}
.mega-cat-icon img, .mega-sub-icon img {
    max-width: 24px;
}
.mega-divider { background: #565656; width: 1px; }

.mega-col { padding: 1.5rem 1.75rem; }

.mega-cat-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mega-cat-btn {
  width: 100%;
  text-align: left;
  background: none;
  border: 1px solid transparent;
  padding: 0.8rem 0.9rem;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  transition: background 0.15s;
  height:auto;
}

.mega-cat-btn:hover { background: #272727; }

.mega-cat-btn.active {
  background: #2a1f1a;
  border-color: #565656;
}

.mega-cat-icon {
  width: 36px;
  height: 36px;
  border-radius: 7px;
  background: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 16px;
  color: #666;
}

.mega-cat-btn.active .mega-cat-icon {
  background: #7a3a1e;
  color: #FF6400;
}

.mega-cat-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mega-cat-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #ddd;
  line-height: 1.3;
}

.mega-cat-btn.active .mega-cat-name { color: #fff; }

.mega-cat-desc {
  font-size: 12px;
  color: #666;
  line-height: 1.55;
}

.mega-cat-btn.active .mega-cat-desc { color: #888; }

.mega-see-more {
  font-size: 12px;
  color: #555;
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.mega-cat-btn.active .mega-see-more { color: #FF6400; }

.mega-sub-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mega-sub-item {
  border: 1px solid #2e2e2e;
  border-radius: 8px;
  transition: border-color 0.15s, background 0.15s;
  cursor: pointer;
}

.mega-sub-item:hover {
  border-color: #565656;
  background: #252525;
}

.mega-sub-item.active {
  border-color: #7a3a1e;
  background: #1f1812;
}

.mega-sub-inner {
  padding: 0.8rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

.mega-sub-icon {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  color: #666;
}

.mega-sub-item.active .mega-sub-icon {
  background: #7a3a1e;
  color: #FF6400;
}

.mega-sub-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #bbb;
  line-height: 1.3;
}

.mega-sub-item.active .mega-sub-name { color: #fff; }

.mega-sub-item .mega-see-more { color: #555; margin-top: 3px; }
.mega-sub-item.active .mega-see-more { color: #FF6400; }

.mega-detail-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1.35;
}

.mega-detail-desc {
  font-size: 13px;
  color: #777;
  line-height: 1.65;
  margin-bottom: 10px;
}

.mega-detail-link {
  font-size: 13px;
  color: #FF6400;
  display: block;
  text-decoration: none;
  margin-bottom: 16px;
}

.mega-detail-link:hover { color: #ff7a4a; }

.mega-download-btn {
  display: inline-block;
  margin-top: 8px;
  background: #2c2c2c;
  border: none;
  border-radius: 50px;
  padding: 10px 18px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #aaa;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s, color 0.15s;
  text-decoration: none;
}

.mega-download-btn:hover { background: #3a3a3a; color: #fff; }

.mega-panels > div { display: none; }
.mega-panels > div.active { display: block; }


/* ===== MOBILE RESPONSIVE STYLES ===== */
@media (max-width: 1024px) {
  .mega-inner {
    display: flex;
    flex-direction: column;
    min-height: auto;
  }

  .mega-divider {
    display: none; /* Hide vertical lines on mobile */
  }

  .mega-col {
    padding: 1.25rem;
    border-bottom: 1px solid #2e2e2e;
  }

  /* Add a slight background variation to distinguish the sections */
  .mega-col:nth-child(3) {
    background: rgba(0, 0, 0, 0.15); /* Sub-items section */
  }

  .mega-col:nth-child(5) {
    background: rgba(0, 0, 0, 0.25); /* Detail section */
    border-bottom: none;
  }

  /* Make icons slightly smaller for mobile screens */
  .mega-cat-icon {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  /* Optimize button padding for touch */
  .mega-cat-btn, .mega-sub-inner {
    padding: 0.7rem;
  }

  .mega-cat-name, .mega-sub-name {
    font-size: 14px;
  }

  /* Ensure the detail panel has enough room */
  .mega-detail-title {
    font-size: 18px;
    margin-top: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7917786 *//* ===== MEGA MENU — paste in Elementor > Site Settings > Custom CSS ===== */

.mega-wrap * { box-sizing: border-box; margin: 0; padding: 0; }

.mega-wrap {
  background: #2B2B2B;
  width: 100%;
}

.mega-inner {
  display: grid;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  min-height: 500px;
}
.mega-cat-icon img, .mega-sub-icon img {
    max-width: 24px;
}
.mega-divider { background: #565656; width: 1px; }

.mega-col { padding: 1.5rem 1.75rem; }

.mega-cat-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mega-cat-btn {
  width: 100%;
  text-align: left;
  background: none;
  border: 1px solid transparent;
  padding: 0.8rem 0.9rem;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  transition: background 0.15s;
  height:auto;
}

.mega-cat-btn:hover { background: #272727; }

.mega-cat-btn.active {
  background: #2a1f1a;
  border-color: #565656;
}

.mega-cat-icon {
  width: 36px;
  height: 36px;
  border-radius: 7px;
  background: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 16px;
  color: #666;
}

.mega-cat-btn.active .mega-cat-icon {
  background: #7a3a1e;
  color: #FF6400;
}

.mega-cat-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mega-cat-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #ddd;
  line-height: 1.3;
}

.mega-cat-btn.active .mega-cat-name { color: #fff; }

.mega-cat-desc {
  font-size: 12px;
  color: #666;
  line-height: 1.55;
}

.mega-cat-btn.active .mega-cat-desc { color: #888; }

.mega-see-more {
  font-size: 12px;
  color: #555;
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.mega-cat-btn.active .mega-see-more { color: #FF6400; }

.mega-sub-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mega-sub-item {
  border: 1px solid #2e2e2e;
  border-radius: 8px;
  transition: border-color 0.15s, background 0.15s;
  cursor: pointer;
}

.mega-sub-item:hover {
  border-color: #565656;
  background: #252525;
}

.mega-sub-item.active {
  border-color: #7a3a1e;
  background: #1f1812;
}

.mega-sub-inner {
  padding: 0.8rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

.mega-sub-icon {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  color: #666;
}

.mega-sub-item.active .mega-sub-icon {
  background: #7a3a1e;
  color: #FF6400;
}

.mega-sub-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #bbb;
  line-height: 1.3;
}

.mega-sub-item.active .mega-sub-name { color: #fff; }

.mega-sub-item .mega-see-more { color: #555; margin-top: 3px; }
.mega-sub-item.active .mega-see-more { color: #FF6400; }

.mega-detail-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1.35;
}

.mega-detail-desc {
  font-size: 13px;
  color: #777;
  line-height: 1.65;
  margin-bottom: 10px;
}

.mega-detail-link {
  font-size: 13px;
  color: #FF6400;
  display: block;
  text-decoration: none;
  margin-bottom: 16px;
}

.mega-detail-link:hover { color: #ff7a4a; }

.mega-download-btn {
  display: inline-block;
  margin-top: 8px;
  background: #2c2c2c;
  border: none;
  border-radius: 50px;
  padding: 10px 18px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #aaa;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s, color 0.15s;
  text-decoration: none;
}

.mega-download-btn:hover { background: #3a3a3a; color: #fff; }

.mega-panels > div { display: none; }
.mega-panels > div.active { display: block; }


/* ===== MOBILE RESPONSIVE STYLES ===== */
@media (max-width: 1024px) {
  .mega-inner {
    display: flex;
    flex-direction: column;
    min-height: auto;
  }

  .mega-divider {
    display: none; /* Hide vertical lines on mobile */
  }

  .mega-col {
    padding: 1.25rem;
    border-bottom: 1px solid #2e2e2e;
  }

  /* Add a slight background variation to distinguish the sections */
  .mega-col:nth-child(3) {
    background: rgba(0, 0, 0, 0.15); /* Sub-items section */
  }

  .mega-col:nth-child(5) {
    background: rgba(0, 0, 0, 0.25); /* Detail section */
    border-bottom: none;
  }

  /* Make icons slightly smaller for mobile screens */
  .mega-cat-icon {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  /* Optimize button padding for touch */
  .mega-cat-btn, .mega-sub-inner {
    padding: 0.7rem;
  }

  .mega-cat-name, .mega-sub-name {
    font-size: 14px;
  }

  /* Ensure the detail panel has enough room */
  .mega-detail-title {
    font-size: 18px;
    margin-top: 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7917786 *//* ===== MEGA MENU — paste in Elementor > Site Settings > Custom CSS ===== */

.mega-wrap * { box-sizing: border-box; margin: 0; padding: 0; }

.mega-wrap {
  background: #2B2B2B;
  width: 100%;
}

.mega-inner {
  display: grid;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  min-height: 500px;
}
.mega-cat-icon img, .mega-sub-icon img {
    max-width: 24px;
}
.mega-divider { background: #565656; width: 1px; }

.mega-col { padding: 1.5rem 1.75rem; }

.mega-cat-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mega-cat-btn {
  width: 100%;
  text-align: left;
  background: none;
  border: 1px solid transparent;
  padding: 0.8rem 0.9rem;
  border-radius: 8px;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  transition: background 0.15s;
  height:auto;
}

.mega-cat-btn:hover { background: #272727; }

.mega-cat-btn.active {
  background: #2a1f1a;
  border-color: #565656;
}

.mega-cat-icon {
  width: 36px;
  height: 36px;
  border-radius: 7px;
  background: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 2px;
  font-size: 16px;
  color: #666;
}

.mega-cat-btn.active .mega-cat-icon {
  background: #7a3a1e;
  color: #FF6400;
}

.mega-cat-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mega-cat-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #ddd;
  line-height: 1.3;
}

.mega-cat-btn.active .mega-cat-name { color: #fff; }

.mega-cat-desc {
  font-size: 12px;
  color: #666;
  line-height: 1.55;
}

.mega-cat-btn.active .mega-cat-desc { color: #888; }

.mega-see-more {
  font-size: 12px;
  color: #555;
  margin-top: 2px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.mega-cat-btn.active .mega-see-more { color: #FF6400; }

.mega-sub-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mega-sub-item {
  border: 1px solid #2e2e2e;
  border-radius: 8px;
  transition: border-color 0.15s, background 0.15s;
  cursor: pointer;
}

.mega-sub-item:hover {
  border-color: #565656;
  background: #252525;
}

.mega-sub-item.active {
  border-color: #7a3a1e;
  background: #1f1812;
}

.mega-sub-inner {
  padding: 0.8rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.85rem;
}

.mega-sub-icon {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 15px;
  color: #666;
}

.mega-sub-item.active .mega-sub-icon {
  background: #7a3a1e;
  color: #FF6400;
}

.mega-sub-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #bbb;
  line-height: 1.3;
}

.mega-sub-item.active .mega-sub-name { color: #fff; }

.mega-sub-item .mega-see-more { color: #555; margin-top: 3px; }
.mega-sub-item.active .mega-see-more { color: #FF6400; }

.mega-detail-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1.35;
}

.mega-detail-desc {
  font-size: 13px;
  color: #777;
  line-height: 1.65;
  margin-bottom: 10px;
}

.mega-detail-link {
  font-size: 13px;
  color: #FF6400;
  display: block;
  text-decoration: none;
  margin-bottom: 16px;
}

.mega-detail-link:hover { color: #ff7a4a; }

.mega-download-btn {
  display: inline-block;
  margin-top: 8px;
  background: #2c2c2c;
  border: none;
  border-radius: 50px;
  padding: 10px 18px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #aaa;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s, color 0.15s;
  text-decoration: none;
}

.mega-download-btn:hover { background: #3a3a3a; color: #fff; }

.mega-panels > div { display: none; }
.mega-panels > div.active { display: block; }


/* ===== MOBILE RESPONSIVE STYLES ===== */
@media (max-width: 1024px) {
  .mega-inner {
    display: flex;
    flex-direction: column;
    min-height: auto;
  }

  .mega-divider {
    display: none; /* Hide vertical lines on mobile */
  }

  .mega-col {
    padding: 1.25rem;
    border-bottom: 1px solid #2e2e2e;
  }

  /* Add a slight background variation to distinguish the sections */
  .mega-col:nth-child(3) {
    background: rgba(0, 0, 0, 0.15); /* Sub-items section */
  }

  .mega-col:nth-child(5) {
    background: rgba(0, 0, 0, 0.25); /* Detail section */
    border-bottom: none;
  }

  /* Make icons slightly smaller for mobile screens */
  .mega-cat-icon {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  /* Optimize button padding for touch */
  .mega-cat-btn, .mega-sub-inner {
    padding: 0.7rem;
  }

  .mega-cat-name, .mega-sub-name {
    font-size: 14px;
  }

  /* Ensure the detail panel has enough room */
  .mega-detail-title {
    font-size: 18px;
    margin-top: 5px;
  }
}/* End custom CSS */