:root {
   --blue: #3eb0ef;
   --green: #a4d037;
   --yellow: #F0AB21;
   --red: #f05230;
   --darkgrey: #6c6c6c;
   --midgrey: #738a94;
   --lightgrey: #c5d2d9;
   --whitegrey: #e5eff5;
   --brandColor: #FF8A36;
   --white: #f9f8f5;
   --black: #09100f;
   --dark-grey: #aeaeae;
   --coral: #FF8A36;
   --royal-blue: #3841FA;
   --coral-gradient: linear-gradient(90deg, #FF8A36 0%, #FFBE2D 111.81%);
}

.navbar {
   display: flex;
   background-color: #F9F8F5;
}
.navbar .logo {
   margin-right: 40px;
}
.navbar .nav-links-container {
   position: relative;
}
.navbar .nav-links-container,
.navbar .nav-account {
   display: flex;
   gap: 24px;
   align-items: center;
}
.navbar .nav-dropdown {
   position: absolute;
   top: 59px;
   background-color: var(--white);
   border-radius: 0 0 12px 12px;
   display: none;
   min-height: 420px;
   border: 1px solid #D4D4D4;
   border-top: none;
}
.navbar .nav-dropdown .nav-cta {
   width: 300px;
   background-color: #09100F;
   background-image: url("https://www.productmarketingalliance.com/assets/img/nav-bg-top-right.svg");
   background-position: center right;
   background-repeat: no-repeat;
   padding: 24px;
   border-radius: 0 0 12px 0;
   display: flex;
   align-items: center;
}
.navbar .nav-dropdown .nav-cta .nav-info-item {
   display: none;
}
.navbar .nav-dropdown .nav-cta .nav-info-item:not(:first-of-type) p {
   font-size: 32px;
   line-height: 31px;
   font-weight: 400;
}
.navbar .nav-dropdown .nav-cta .nav-info-item.active {
   display: flex;
}
.navbar .nav-dropdown .nav-info-item {
   display: flex;
   flex-direction: column;
   gap: 16px;
   align-items: flex-start;
}
.navbar .nav-dropdown .nav-cta p {
   color: #F9F8F5;
   margin-bottom: 0;
}
.navbar .nav-dropdown .nav-cta p span {
   color: var(--brandColor);
   display: block;
   font-family: IvyJournal !important;
   font-style: italic;
}
.navbar .nav-dropdown .nav-cta p.title {
   font-family: Poppins, sans-serif;
   font-weight: 400;
   font-size: 24px;
   line-height: 29px;
   letter-spacing: -4%;
}
.navbar .nav-dropdown .nav-cta p.description {
   font-family: Poppins, sans-serif;
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
   letter-spacing: 0%;
}
.navbar .nav-dropdown .nav-cta a {
   padding: 8px 18px;
   border-radius: 5px;
}

.navbar .nav-dropdown.opened {
   display: flex;
}
.navbar .nav-dropdown .nav-links {
   display: flex;
   flex-direction: column;
   gap: 16px;
   width: 300px;
   padding: 24px 0;
}
.navbar .nav-dropdown .secondary-links {
   padding: 24px 0;
   display: none;
   flex-direction: column;
   width: 310px;
   border-left: 1px solid #D4D4D4;
}
.navbar .nav-dropdown .secondary-links .submenu {
   display: none;
}
.navbar .nav-dropdown .secondary-links .submenu.active {
   display: flex;
   flex-direction: column;
   gap: 16px;
}
.navbar .nav-dropdown .nav-links a {
   display: flex;
   justify-content: space-between;
}
.navbar .nav-dropdown .nav-links a:after {
   content: url("https://www.productmarketingalliance.com/assets/img/arrow_forward_ios.svg");
}
.navbar .nav-dropdown .nav-links a.active:after {
   content: url("https://www.productmarketingalliance.com/assets/img/arrow_forward_ios_coral.svg");
}
.navbar .nav-dropdown .nav-links a:hover,
.navbar .nav-dropdown .secondary-links a:hover {
   background: #D4D4D4;
   color: #09100F;
}
.navbar .nav-dropdown .nav-links a.active {
   background: var(--brandColor)33;
   color: var(--brandColor);
}
.navbar .nav-dropdown a {
   padding: 4px 16px;
}
.navbar .nav-right {
   display: flex;
   gap: 32px;
   align-items: center;
}
.navbar .nav-container {
   display: flex;
   justify-content: space-between;
   width: 100%;
}
.navbar .nav-wrapper {
   padding: 17.5px 3rem;
   display: flex;
   background-color: #F9F8F5;
   border-bottom: 1px solid #D4D4D4;
   z-index: 9999;
}
.navbar .algolia-search-bar {
   border-radius: 5px;
   border: 1px solid #d4d4d4;
   height: 41px;
   width: 320px;
   padding: 8px 38px;
   background-image: url("https://www.productmarketingalliance.com/assets/img/search-sm.svg");
   background-position: 11.26px 50%;
   background-repeat: no-repeat;
   background-color: #F9F8F5;
   font-family: Poppins, sans-serif;
   font-weight: 300;
   font-size: 16px;
   line-height: 20px;
}
.navbar .algolia-search-bar.suggestion-opened {
   border-radius: 5px 5px 0 0;
   border-bottom: none;
}
.navbar .algolia-search-bar:focus {
   border: 1px solid #d4d4d4;
}
.navbar a {
   font-family: Poppins, sans-serif;
   font-weight: 300 !important;
   font-size: 16px;
   line-height: 24px;
   color: #09100F;
}
.navbar a:hover {
   text-decoration: none;
   cursor: pointer;
   color: var(--brandColor);
}
.navbar .nav-menu {
   display: flex;
   align-items: center;
   border: 1px solid #09100F;
   padding: 11px 18px;
   border-radius: 5px;
   font-family: Poppins, sans-serif;
   font-weight: 400 !important;
   font-size: 14px;
   line-height: 17px;
   letter-spacing: 0%;
}
.navbar .nav-menu:hover {
   border: 1px solid var(--brandColor);
}
.navbar .nav-menu:after {
   content: url("/assets/img/dropdown-16-16.svg");
   margin-left: 8px;
   margin-bottom: -3px;
}
.navbar .nav-menu:hover:after {
   content: url("/assets/img/dropdown-16-16-coral.svg");
}
.navbar .site-logo {
   height: 40px;
   width: auto;
   max-width: unset;
}
.navbar .btn-tertiary {
   border: none;
}
.navbar .nav-account .btn {
   height: 41px;
   padding: 8px 18px;
   display: flex;
   align-items: center;
}
.navbar .btn-outline {
   padding: 10px 18px;
}
.navbar .search-input-container {
   position: relative;
}
.navbar .btn.btn-tertiary {
   background: linear-gradient(90deg, #ff7369 0%, #d83848 111.81%);
   color: #f9f8f5;
   text-decoration: none;
   border-radius: 5px;
}
.navbar .btn.btn-tertiary:hover {
   color: #f9f8f5;
   background: #09100f;
}
.navbar .btn.btn-outline {
   background: #09100f;
   border: 1px solid #09100f;
   color: #f9f8f5;
   border-radius: 5px;
}
.navbar .btn.btn-outline:hover {
   background: linear-gradient(90deg, #ff7369 0%, #d83848 111.81%) !important;
   color: #f9f8f5 !important;
   border: 1px solid var(--brandColor) !important;
}
.navbar .btn.btn-primary {
   background: #f9f8f5;
   color: #09100f;
}
.navbar .btn.btn-primary:hover {
   background: linear-gradient(90deg, #ff7369 0%, #d83848 111.81%);
   color: #f9f8f5;
   text-decoration: none;
   cursor: pointer;
}
.navbar .nav-container-mobile {
   display: none;
   gap: 32px;
}
.navbar .nav-controller-mobile {
   display: none;
}
.navbar .mobile-menu:before {
   content: url("https://www.productmarketingalliance.com/assets/img/menu.svg");
}
.navbar .mobile-menu.opened:before {
   content: url("https://www.productmarketingalliance.com/assets/img/close-26.svg");
}
.navbar .mobile-search:before {
   content: url("https://www.productmarketingalliance.com/assets/img/search.svg");
}
.navbar .beamer_beamerSelector:before {
   content: url("https://www.productmarketingalliance.com/assets/img/dashboard/campaign.svg");
}
.navbar .beamer_icon.active {
   padding: 1px 2px;
   border-radius: 5px;
   font-family: Poppins, sans-serif;
   font-weight: 500;
   font-size: 8px;
   line-height: 12px;
   letter-spacing: 0%;
   width: 12px;
   height: 14px;
   right: -2px;
}

/* ─── Third-level menu (column 3) ──────────────────────────── */
.navbar .nav-dropdown .third-menu {
   padding: 24px 0;
   display: none;
   flex-direction: column;
   gap: 16px;
   width: 310px;
   border-left: 1px solid #D4D4D4;
}
.navbar .nav-dropdown .third-menu.active {
   display: flex;
}
.navbar .nav-dropdown .third-menu .third-menu-item {
   padding: 4px 16px;
}
.navbar .nav-dropdown .third-menu .third-menu-item:hover {
   background: #D4D4D4;
   color: #09100F;
}

/* Active "has-children" parent in column 2 */
.navbar .nav-dropdown .secondary-links .submenu-item.has-children {
   cursor: pointer;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}
.navbar .nav-dropdown .secondary-links .submenu-item.has-children.active {
   background: rgba(255, 138, 54, 0.12);
   color: var(--coral);
}

.navbar .nav-dropdown .secondary-links .submenu-item.has-children:after {
   content: url("https://www.productmarketingalliance.com/assets/img/arrow_forward_ios.svg");
   margin-left: 8px;
   align-self: center;
}
.navbar .nav-dropdown .secondary-links .submenu-item.has-children.active:after {
   content: url("https://www.productmarketingalliance.com/assets/img/arrow_forward_ios.svg");
}

@media (max-width: 800px) {
   .navbar .nav-dropdown .secondary-links {
      width: 100vw;
      padding: 0;
      height: 100dvh;
      overflow-y: scroll;
   }
}

@media (max-width: 1200px) {
   .nav-container-mobile {
      display: flex;
   }
   .navbar .nav-links-container .nav-menu {
      display: none;
   }
   .navbar .nav-links-container .search-input-container {
      display: none;
   }
   .navbar .nav-right {
      display: none;
   }
   .navbar .nav-wrapper {
      justify-content: space-between;
      align-items: flex-end;
   }
   .navbar .nav-container {
      justify-content: flex-end;
      gap: 32px;
   }
   .navbar .nav-controller-mobile {
      display: flex;
      gap: 32px;
   }
   .navbar .nav-dropdown {
      top: 75px;
      left: 0;
   }
   .navbar .nav-dropdown .nav-cta {
      display: none;
   }
   .navbar .nav-dropdown .nav-links {
      width: 100vw;
   }
   .navbar .nav-dropdown.opened {
      flex-direction: column;
      gap: 16px;
      height: 100vh;
   }
   .navbar .nav-account {
      flex-direction: column;
      padding: 0 32px;
   }
   .navbar .nav-dropdown .nav-links {
      padding: 0;
   }
   .new-nav-right {
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 16px 0;
      border-bottom: 1px solid #d4d4d4;
   }
   .new-nav-right a:hover {
      background: var(--brandColor)33;
      color: var(--brandColor);
   }
   .navbar .nav-account .btn {
      width: 100%;
      text-align: center;
   }
   .navbar .nav-dropdown a {
      padding: 4px 32px;
   }
   .navbar .nav-dropdown .secondary-links {
      width: 100vw;
      padding: 0;
   }
   .navbar .nav-dropdown .third-menu {
      width: 100vw;
      padding: 0;
      border-left: none;
   }
   .navbar .nav-dropdown .third-menu .third-menu-item {
      padding: 4px 32px;
   }
   .nav-back-mobile {
      display: none;
   }
   .nav-back-mobile:before {
      content: url("https://www.productmarketingalliance.com/assets/img/arrow_back_lg.svg");
      margin-top: 4px;
   }
   .nav-back-mobile:hover:before {
      content: url("https://www.productmarketingalliance.com/assets/img/arrow_back_lg_coral.svg");
   }
   .nav-back-mobile.show {
      display: flex;
      align-items: center;
      gap: 14px;
      font-weight: 500 !important;
      padding-top: 24px !important;
      padding-bottom: 16px !important;
      border-bottom: 1px solid #d4d4d4;
   }
   .navbar .nav-dropdown {
      border-radius: 0;
   }
   .navbar .beamer_beamerSelector:before {
      content: "What's new";
   }
   .navbar .beamer_icon.active {
      right: unset;
      margin-left: 8px;
   }
}

/* Add icons and description */
.submenu-inner {
   display: flex;
   align-items: flex-start;
   gap: 8px;
}
.submenu-inner img {
   width: 16px;
   max-width: 16px;
}
.submenu-text {
   display: flex;
   flex-direction: column;
}
h4.submenu-title {
   font-family: 'Poppins';
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
   line-height: 24px;
   letter-spacing: normal !important;
   margin: 0 !important;
}
p.submenu-description {
   color: var(--darkgrey);
   font-family: 'Poppins';
   font-size: 12px;
   font-style: normal;
   font-weight: 300;
   line-height: 17px;
   margin: 0 !important;
   width: 90%;
}