:root {

  --blue: #3eb0ef;
  --green: #a4d037;
  --yellow: #F0AB21;
  --red: #f05230;
  --darkgrey: #6c6c6c;
  --midgrey: #738a94;
  --lightgrey: #c5d2d9;
  --whitegrey: #e5eff5;
  --brandColor: #ff5252;
  --white: #f9f8f5;
  --black: #09100f;
  --dark-grey: #aeaeae;
  --coral: #ff5252;
  --royal-blue: #3841FA;
  --coral-gradient: linear-gradient(90deg, #FF7369 0%, #D83848 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: 58px;
background-color: var(--white);
border-radius: 0 0 12px 12px;
display: none;
min-height: 420px;
border: 1px solid #D4D4D4;
}
.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: bottom 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: #FF5C4D;
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: #FF5C4D33;
color: #FF5C4D;
}
.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: #FF5C4D;
}
.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 #FF5C4D;
}
.navbar .nav-menu:after {
content: url("https://www.productmarketingalliance.com/assets/img/dropdown-16-16.svg");
margin-left: 8px;
margin-bottom: -3px;
}
.navbar .nav-menu:hover:after {
content: url("https://www.productmarketingalliance.com/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 #FF5C4D !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/notifications.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;
}
@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: #FF5C4D33;
  color: #FF5C4D;
}
.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;
}
.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%;
}