.elementor-kit-55{--e-global-color-primary:#222222;--e-global-color-secondary:#808080;--e-global-color-text:#484848;--e-global-color-accent:#7C3AED;--e-global-color-8c6c493:#F0F0F0;--e-global-color-127c203:#FFFFFF;--e-global-color-a8f4902:#FFE6D8;--e-global-color-e56a609:#E3F5EE;--e-global-color-55e8208:#E8F0FE;--e-global-color-2e36928:#E9E6FB;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Nunito";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Nunito Sans", Sans-serif;font-size:18px;font-weight:400;line-height:25px;}.elementor-kit-55 e-page-transition{background-color:#FFBC7D;}.elementor-kit-55 a{color:var( --e-global-color-accent );}.elementor-kit-55 a:hover{color:var( --e-global-color-primary );}.elementor-kit-55 h1{font-family:"Manrope", Sans-serif;font-size:62px;font-weight:500;line-height:73px;}.elementor-kit-55 h2{font-family:"Manrope", Sans-serif;font-size:39px;font-weight:800;line-height:44px;}.elementor-kit-55 h3{font-family:"Manrope", Sans-serif;font-size:39px;font-weight:400;}.elementor-kit-55 h5{font-size:24px;}.elementor-kit-55 button,.elementor-kit-55 input[type="button"],.elementor-kit-55 input[type="submit"],.elementor-kit-55 .elementor-button{font-family:"Nunito Sans", Sans-serif;font-size:17px;font-weight:600;letter-spacing:0px;color:#FFFFFF;border-radius:45px 45px 45px 45px;padding:14px 22px 14px 22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@media (max-width: 1024px) {

  /* ===== Lock page scroll when menu is open ===== */
  body:has(.elementor-menu-toggle[aria-expanded="true"]),
  html:has(.elementor-menu-toggle[aria-expanded="true"]) {
    overflow: hidden !important;
    height: 100% !important;
    position: fixed !important;
    width: 100% !important;
    touch-action: none !important;
  }

  /* ===== Fullscreen dropdown panel ===== */
  .elementor-nav-menu--dropdown {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100vh !important;

    z-index: 99999 !important;
    background: #ffffff !important;

    padding-top: calc(72px + env(safe-area-inset-top)) !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: calc(16px + env(safe-area-inset-bottom)) !important;

    overflow: hidden !important;
    overscroll-behavior: none !important;
  }

  /* ===== Logo in dropdown ===== */
  .elementor-nav-menu--dropdown::before {
    content: "" !important;
    position: fixed !important;
    top: calc(14px + env(safe-area-inset-top)) !important;
    left: 16px !important;

    width: 180px !important;
    height: 44px !important;

    background-image: url("https://abstractedstudio.com/wp-content/uploads/2026/01/Abstracted_logo4.svg") !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;

    z-index: 100000 !important;
    pointer-events: none !important;
  }

  /* ===== Toggle ===== */
  .elementor-menu-toggle {
    position: fixed !important;
    top: calc(12px + env(safe-area-inset-top)) !important;
    right: 12px !important;
    z-index: 100001 !important;

    width: 48px !important;
    height: 48px !important;

    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(17, 17, 17, 0.12) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .elementor-menu-toggle i,
  .elementor-menu-toggle svg {
    color: #7c3aed !important;
    fill: #7c3aed !important;
  }

  /* ===== Menu list ===== */
  .elementor-nav-menu--dropdown > ul,
  .elementor-nav-menu--dropdown .elementor-nav-menu {
    height: calc(
      100dvh
      - (72px + env(safe-area-inset-top))
      - (16px + env(safe-area-inset-bottom))
    ) !important;

    display: flex !important;
    flex-direction: column !important;

    padding-top: 2rem !important;
    padding-bottom: calc(56px + env(safe-area-inset-bottom)) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    margin: 0 !important;
    list-style: none !important;

    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;

    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }

  /* ===== Regular items ===== */
  .elementor-nav-menu--dropdown li.menu-item:not(.nav-button) > a.elementor-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding: 16px 46px 16px 4px !important;

    font-size: 20px !important;
    font-weight: 650 !important;
    color: #7c3aed !important;

    border-bottom: 1px solid rgba(124, 58, 237, 0.16) !important;
    text-decoration: none !important;

    background: transparent !important;
    border-radius: 0 !important;

    -webkit-tap-highlight-color: transparent !important;
  }

  /* ===== NO background hover (arrow only) ===== */
  .elementor-nav-menu--dropdown li.menu-item:not(.nav-button) > a.elementor-item:hover,
  .elementor-nav-menu--dropdown li.menu-item:not(.nav-button) > a.elementor-item:focus,
  .elementor-nav-menu--dropdown li.menu-item:not(.nav-button) > a.elementor-item:active,
  .elementor-nav-menu--dropdown li.menu-item:not(.nav-button) > a.elementor-item.elementor-item-active {
    background-color: transparent !important;
  }

  /* ===== Arrow ===== */
  .elementor-nav-menu--dropdown li.menu-item:not(.nav-button) > a.elementor-item::after {
    content: "›" !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    font-size: 28px !important;
    color: #7c3aed !important;

    transition: transform 0.15s ease, color 0.15s ease !important;
  }

  .elementor-nav-menu--dropdown li.menu-item:not(.nav-button) > a.elementor-item:hover::after,
  .elementor-nav-menu--dropdown li.menu-item:not(.nav-button) > a.elementor-item:focus::after {
    transform: translate(4px, -50%) !important;
    color: #5B21B6 !important;
  }

  /* ===== CTA ===== */
  .elementor-nav-menu--dropdown li.nav-button {
    margin-top: auto !important;
  }

  .elementor-nav-menu--dropdown li.nav-button > a.elementor-item {
    width: 100% !important;
    padding: 16px 20px !important;
    border-radius: 40px !important;

    background: #7c3aed !important;
    color: #FAFAFA !important;

    font-weight: 700 !important;
    font-size: 16px !important;
    text-decoration: none !important;
  }

  .elementor-nav-menu--dropdown li.nav-button > a.elementor-item::after {
    content: none !important;
  }

  /* ===== Icons ===== */
  .elementor-icon svg {
    fill: none !important;
    stroke: currentColor;
    stroke-width: 1.75;
  }
}/* End custom CSS */