html {
  font-size: 100% !important;
}

body.logo-2019 {
  width: 6.2rem;
}
nav ul, nav li {
  margin:0;
  padding:0;
  list-style:none;
}
.dropdown-content ul.main-drop li:nth-child(4):before{
  background: #F2EBFF;
  content: "";
  position: absolute;
  width: 50%;
  /* left: 0; */
  right: -24%;
  height: 119%;
  top: 0;
  z-index: -1;
  top: -2.4rem;
}
.button-group {
  position: relative;
}
.dropdown-content ul.main-drop {
  position: relative;
}

.dropdown-content {
  /* overflow: hidden; */
}

.dropdown-content ul li.with-image .svg-img img {
  width: auto;
  height: auto;
}

.dropdown-content ul ul li.with-image >a:not(.button) span.svg-img {
  width: auto;
  height: auto;
}

.dropdown-content ul li.with-image  a {
  flex-direction: column;
}

.dropdown-content ul ul li.with-image >a:not(.button) {
  flex-direction: column;
}

.dropdown-content ul ul li.with-image >a:not(.button) span.svg-img img {
  opacity: 1;
  transition: none;
  margin-bottom: 2rem;
}
/* Navbar container */
nav {
  flex: 1;
}
.nav-main {
  display: flex;
  flex-direction: column;
  position: fixed;
  padding: 0 2rem;
  width: 100%;
  top: 0;
  z-index: 999997;
  color: rgb(var(--color-dark));
  background-color: rgb(var(--color-white));
  transition: transform .3s ease-in-out,
    box-shadow .3s ease-in-out,
    background-color .3s ease-in-out;
  background: #FAFAFA;
  border-bottom: 1px solid #DAD9DD;
}
.nav-mobile--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height:4.1rem;
}
.nav-up {
  transform: translateY(-100%);
}
.nav-down {
  transform: translateY(0);
}
.solid-bkg {
  /* background-color: rgb(var(--color-white)); */
  box-shadow: 0 1px 0 rgba(var(--color-dark), .1);
}
.nav-container,
.dropdown-container {
  display: flex;
  width: 100%;
  margin: 0 auto;
  align-items: center;
  position: static;
  padding: 0;
}

.dropdown-content ul li a span.nv-lable {
  font-size: 1rem;
  font-weight: 500;
  margin-top: -4px
}
nav ul li:nth-child(4) {}
nav ul li:nth-child(4) .dropdown:hover .dropdown-content .dropdown-container.container ul.main-drop {
  justify-content: flex-start;
}
nav ul li:nth-child(4) .dropdown:hover .dropdown-content {}

nav ul li:nth-child(4) .dropdown:hover .dropdown-content .dropdown-container.container {}

nav ul li:nth-child(4) .dropdown:hover .dropdown-content .dropdown-container.container ul.main-drop>li {}

nav ul li:nth-child(4) .dropdown:hover .dropdown-content .dropdown-container.container ul.main-drop>li {
  flex: unset;
  width: 21%;
}
.dropdown-content ul li a span.nv-lable small {

  font-family: IBM Plex Sans;
  font-size: 0.857rem;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0px;
  text-align: left;
  margin-bottom: 0;
  margin-top: 3px;
}
/* 
.dropdown-content ul li.no-small-text a:not(.button):hover,
.dropdown-content ul li.integrations.with-image a:hover */
.dropdown-content ul li.single-type-link a:hover{
  background: transparent;
}



.dropdown-content ul li[class*="manage_your_social_media_at_scale"] a span.icon {
  margin-top: 3px;
}

.dropdown-content ul li[class*="manage_your_social_media_at_scale"] a:hover span.nv-lable span.nv-lable {
  border-bottom: 1px solid #4d36ff !important;
  background: transparent;
}
.dropdown-content ul li[class*="manage_your_social_media_at_scale"] a span.nv-lable span.nv-lable {
  border-bottom: 1px solid transparent !important;
  transition: all 0.3s ease-in-out;
}
.dropdown-content ul li[class*="manage_your_social_media_at_scale"] a:hover {}

.dropdown-content ul li[class*="manage_your_social_media_at_scale"] a:hover span.nv-lable {
  color: rgb(32, 30, 36);
}
.dropdown-content ul.main-drop li:nth-child(4):after {
  background: #F2EBFF;
  content: "";
  position: absolute;
  width: 100%;
  left: 100%;
  right: auto;
  height: 119%;
  top: 0;
  z-index: -1;
  top: -2.4rem;
}
.dropdown-content ul li[class*="manage_your_social_media_at_scale"] a:hover span.nv-lable span.nv-lable {
  color: #4d36ff;
}
.dropdown-content ul li.integrations.with-image a:hover {
  color:rgba(32, 30, 36, 0.6);
}
.dropdown:hover .dropdown-content {
  overflow: hidden;
}
.dropdown-container {
  padding: 0;
}
/* Links inside the navbar */
header nav ul {
  color: inherit;
  font-size: inherit;
  display: flex;
  margin: 0;
  padding: 0;
  margin-left: 2.8rem;
  margin-bottom: 0 !important; /* overriding blog style */
}
nav ul li {
  list-style: none !important;
}
header nav .icon {
  display: block;
  margin: 0;
}
.dropdown-container .icon {
  width: 1.5rem;
  height: 1.5rem;
  /*   margin: -.25rem; */
}
.dropdown-container .icon.icon-big {
  width: 4rem;
  height: 4rem;
}
.dropdown-container .icon.icon-sm {
  width: 1rem;
  height: 1rem;
  display: none;
  vertical-align: middle;
}
nav .dropbtn > .icon {
  width: 1.1rem;
  height: 1.1rem;
  margin: -1px 0 0 -1px;
}
nav .icon + span {
  margin-top: 1rem;
}
nav .icon-big + span {
  margin-top: 1.5rem;
}
/* The dropdown container */

/* Dropdown button */
.dropdown:hover  a.dropbtn>svg {
  transform: rotateZ(-180deg);
}

.dropdown  a.dropbtn>svg {
  transition: all ease-in-out 0.3s;
  transform: rotateZ(0deg);
}

.dropdown-content ul li h3,
.dropdown-content ul li.integrations.with-image a span.nv-lable small{
  font-family: IBM Plex Sans;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.30000001192092896px;
  text-align: left;
  text-transform: uppercase;
  color: #71717F;
  margin: 0;
  padding-bottom: 15px;
  min-height: 31px;
  padding: 0 0.7rem;
}

.dropdown-content ul li.integrations.with-image a span.nv-lable small{
  min-height:0;
  padding:0;
}

.dropdown-content ul li.integrations.with-image a {
  cursor: text;
  background: none !important;
}
.dropdown {
  padding-right: 1.5rem;
}
.nav-main .nav-container nav a.nav-link,
.dropdown .dropbtn {
  font-weight: var(--font-weight-bold);
  border: 0 !important;
  outline: none;
  padding: 2rem 0rem;
  background-color: inherit;
  margin: 0;
  display: flex;
  align-items: center;
  color: #585764;
  text-decoration: none;
  transition: color .15s ease-in-out;
  box-shadow .15s ease-in-out;
  font-size: 0.857rem;
  position: relative;
  z-index: 9;
  font-weight: 500;
}
.nav-main .nav-container nav a.nav-link:hover {
  color: #625AFA;
}
.dropdown:hover .dropbtn {

  color: #625AFA;
}

.dropdown .dropbtn:after {
  width: 0;
  box-shadow: 0 2px 0 #625AFA;
  content: "";
  height: 2px;
  position: absolute;
  bottom: 1px;
  transition: all 0.4s ease-in-out;
}

.dropdown .dropbtn {
  position: relative;
}

.dropdown:hover .dropbtn:after {
  width: 100%;
}
/* Add a red background color to navbar links on hover */
nav a:hover, .dropdown:hover .dropbtn {/* background-color: red; */}

/* Dropdown content (hidden by default) */

@media(min-width:992px){
  .dropdown-content {
    position: absolute;
    background-color: #fafafa;
    width: 100%;
    left: 0;
    box-shadow: 0 1rem 2rem -2.5rem rgba(var(--color-dark),.2), 
      0 2rem 3rem -4.5rem rgba(var(--color-dark),.3), 
      0 3rem 4rem -1rem rgba(var(--color-dark),.2);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: translateY(.5rem) scale(.95);
    pointer-events: none;
    padding:2.4rem 2rem;
    transition: transform .3s ease-in-out,
      opacity .3s ease-in-out,
      visibility .3s ease-in-out;
    will-change: transform, opacity, visibility;
    border-bottom: 1px solid #DAD9DD;
    border-top: 1px solid #DAD9DD;
  }

}

.dropdown-content ul {
  display: flex;
  margin: 0;
  width: 100%;
  justify-content: center;
}
.dropdown-content ul li {
  text-align: left;
  flex: 1 0;
}
.dropdown-content ul li a:not(.button), 
.nav-mobile .sub-panel > ul > li a {
  border: 0 !important;
  color: inherit;
  font-weight: 900;
  font-size: 1rem;
  padding: 1rem 0.7rem;
  display: flex;
  flex-direction: column;
  border-radius: .5rem;
  height: 100%;
  text-decoration: none;
  transition: background-color .15s ease-in-out,
    color .15s ease-in-out;
}
.dropdown-content ul li small,
.nav-mobile .sub-panel ul li small {
  display: block;
  font-weight: 400;
  font-size: .875rem;
  margin: .5rem 0;
  line-height: 1.42857;
  color:rgba(var(--color-dark), .6);
  transition: color .15s ease-in-out;
}
.dropdown-content ul li a:not(.button):hover {
  color: rgb(var(--color-primary));
  background-color: rgb(var(--color-primary),.05);
}

.dropdown-content ul li a:not(.button):hover .icon * {
  transition: all .15s ease-in-out;
}

.dropdown-content ul li a:not(.button):hover .icon-sm {
  display: inline-flex;
}
.dropdown-content ul li a:not(.button) .icon.icon-big *,
.nav-mobile .sub-panel ul li a:not(.button) .icon.icon-big * {
  fill: rgba(var(--color-dark), .2);
}
/* .dropdown-content ul li a:not(.button):hover .icon * {
fill: currentColor;
} */
.dropdown-content ul li a:not(.button):hover small {
  color: inherit;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: all;
}


.nav-mobile .dropdown-container.container {
  display: block;
  padding: 0;
}

.nav-mobile .dropdown-content ul.main-drop {
  display: block;
}

.nav-mobile .dropdown-content ul.main-drop li:nth-child(4):before {
  display: none;
}

.nav-mobile .dropdown-content ul.main-drop>li {
  padding: 1rem 1rem;
}
/* Add a background color on hover */

/* .row {
display:flex;
} */
/* Clear floats after the columns */
/* .row:after {
content: "";
display: table;
clear: both;
} */

.logo a,
.logo-2019 {
  width: 8.1rem;
  max-height: 2rem;
  display: flex;
  border: 0 !important;
  /*   color: #313131 !important; */
  color: rgb(var(--color-dark)) !important;
}
.logo img{
  opacity: 1!important;
}
.logo-2019 svg {
  width: 200px;
  fill: currentColor;
}

.nav-mobile--header .logo-2019 {
  width: 8.2rem;
  margin: 1.5rem 0;
  position: relative;
  z-index: 1;
}

.nav-mobile--header .logo img{
  width: 8.2rem;
  position: relative;
  z-index: 1;
}

.badge {
  font-size: .75rem;
  padding: calc(.125rem - 1px) calc(.25rem - 1px);
  border-radius: .25rem;
}
.badge--new {
  background: rgb(var(--color-primary));
  color: white;
  border: 1px solid transparent;
}
.badge--external {
  color: rgb(var(--color-primary));
  border: 1px solid rgb(var(--color-primary));
}
.badge + .badge {
  margin-left: .25rem;
}



/* Mobile Navigation */

.nav-mobile--header .search-bar {
  position: absolute;
  margin-top: 2px;
  width: 300px;
  transition: width 0.5s ease-in-out,opacity 0.8s ease-in-out,left 0.3s ease-in-out;
  /* opacity: 0; */
  left: 0;
  left: auto;
  right: 30px;
}
.search-open .nav-mobile--header  .nav-mobile--btn, .search-open .nav-mobile--header  a.logo-2019 {
  opacity: 0;
  z-index: -1;
}

.search-bar .search-close {}

nav.nav-mobile--content {}

.nav-mobile--header .search-bar .search-close {
  top: 6px;
}

.nav-mobile,
.nav-mobile--content { display: none; }

.nav-mobile--content {
  position: fixed;
  background: #fff;
  right: 0;
  top: 66px;
  bottom: 0;
  transform: translateX(100%);
  width: 100%;
  transition: transform .5s cubic-bezier(.19, 1, .22, 1);
  transition-delay: .3s;
  will-change: transform;
  border-top: 1px solid #dddddd;
}
html.menu-open, body.menu-open {
  overflow: hidden;
}
body.menu-open .nav-mobile--content {
  transform: translateX(0);
}
body.menu-open .nav-mobile--overlay {
  opacity: 0;
  pointer-events: all;
}
.nav-mobile .sub-panel ul li small {
  font-size: .875em;
  margin-bottom: 1em;
  width: 100%
}
.nav-mobile--content .icon {
  width: 1.2em;
  height: 1.2em;
}
.nav-mobile--content .icon.icon-big {
  width: 4em;
  height: 4em;
}
.nav-mobile--content .sub-panel--header + ul {
  height: 100%
}
.nav-mobile--content .button-group {
  flex-direction: column;
  padding: 1em;
  margin-top: auto;
}
nav.nav-mobile--content .icon + span {
  display: flex;
  flex-flow: wrap;
}



.nav-mobile--content .button-group {
  background: #fafafa;
  border-top: 1px solid #EEEEEF;
}

.nav-mobile--content > ul > li:first-child ul.main-drop>li:nth-child(3) {
  padding-top: 0;
  margin-top: -0.9rem;
}

body:not(.menu-open) .nav-mobile--btn .line {
  position: relative;
}

body:not(.menu-open) .nav-mobile--btn span.line.line-1 {
  top: 2px;
}

body:not(.menu-open) .nav-mobile--btn span.line.line-3 {
  top: -2px;
}
.nav-mobile--content .button-group a {
  margin-left: 0;
  margin-bottom: 1em;
  font-size: 1.1rem;
  width: 100%;
  padding: 0.8rem 1rem;
  height: auto;
}
.nav-mobile--overlay {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(var(--color-dark),.5);
  transition: opacity .5s cubic-bezier(.19, 1, .22, 1);
  transition-delay: .3s;
}
.nav-mobile--btn {
  display: flex;
  position: relative;
  height: 2em;
  width: 2em;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-around;
  padding: .25em;
  right: -9px;
}
body.menu-open .nav-mobile--btn {
  position: absolute;
  top: 1.1rem;
  right: 1.5rem;
}
.nav-mobile--btn .line {
  /* position: absolute; */
  display: block;
  background: rgb(var(--color-dark));
  width: 1.1rem;
  height: 2px;
  border-radius: 2rem;
  left: .25rem;
  transition: background-color 1s cubic-bezier(.5, .1, 0, 1.2);
}

.nav-mobile--btn .line-1 {
  /* top: .375rem; */
  animation: navMobileIcon_Line1_Start 1s cubic-bezier(.5, .1, 0, 1.2) forwards;
}
.nav-mobile--btn .line-2 {
  /* top: calc(1rem - 1px); */

  animation: navMobileIcon_Line2_Start 1s cubic-bezier(.5, .1, 0, 1.2) forwards;
}
.nav-mobile--btn .line-3 {
  /* top: calc(1.625rem - 2px); */
  animation: navMobileIcon_Line3_Start 1s cubic-bezier(.5, .1, 0, 1.2) forwards;
}
.search-bar form {
    margin: 0;
}
body.menu-open .nav-mobile--btn .line-1 { animation: navMobileIcon_Line1 1s cubic-bezier(.5, .1, 0, 1.2) forwards; }
body.menu-open .nav-mobile--btn .line-2 { animation: navMobileIcon_Line2 1s cubic-bezier(.5, .1, 0, 1.2) forwards; }
body.menu-open .nav-mobile--btn .line-3 { animation: navMobileIcon_Line3 1s cubic-bezier(.5, .1, 0, 1.2) forwards; }


.icon svg {
  width: 100%;
  height: 100%;
}
.badge + .icon {
  margin-left: .5rem
}
.dropdown-content ul ul {
  display: block;
  padding-right: 1.5rem;
}

.dropdown-content ul ul li>a:not(.button) {
  flex-direction: inherit;
  /* display: inline-block; */
}

.dropdown-content ul ul li>a:not(.button) span.svg-img {
  width: 29px;
  height: 21px;
  margin-right: 7px;
}

.dropdown-content ul ul li>a:not(.button) span.svg-img svg {
  width: 100%;
  height: 100%;
}

/* Search */



.search-bar {
  position: absolute;
  margin-top: -1px;
  width: 340px;
  transition: width 0.5s ease-in-out,opacity 0.8s ease-in-out,left 0.3s ease-in-out;
  /* opacity: 0; */
  left: 0;
  left: -90%;

}

.search-bar>div.hs_cos_wrapper_type_module {
  /* position: absolute; */
}
.dropdown-content ul li.no-small-text a:not(.button):hover {
  /* text-decoration: underline; */
}
.dropdown-content ul li.single-type-link a,
.dropdown-content ul li[class*="manage_your_social_media_at_scale"] a,
.dropdown-content ul li a span.nv-lable span.nv-lable{
  position: relative;
}

.dropdown-content ul li.single-type-link a span.icon:after,
.dropdown-content ul li[class*="manage_your_social_media_at_scale"] a span.icon:after{
  content: "→";
}

.dropdown-content ul li.single-type-link a span.icon,
.dropdown-content ul li[class*="manage_your_social_media_at_scale"] a span.icon{
  position: absolute;
  right: -2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: right ease-in-out 0.3s;
}

.dropdown-content ul li.single-type-link:hover a span.icon,
.dropdown-content ul li[class*="manage_your_social_media_at_scale"]:hover a span.icon{
  right: -2.5rem;
}
.dropdown-content ul li.single-type-link a{
  border-bottom: 1px solid transparent !important;
  display: inline-block;
  padding: 0 !important;
  border-radius: 0;
  margin: 1rem 0.7rem;
  transition: all 0.3s ease-in-out;
}

.dropdown-content ul li.single-type-link a:hover {
  border-bottom: 1px solid #4d36ff !important;
  background: transparent;
}
.search-bar .search-icon {
  width: 1.1rem;
  height: 1.1rem;
  position: absolute;
  margin-right: 2.75rem;
  cursor: pointer;
  right: 0;
  top: 11px;
  transition: all ease-in-out 0.3s;
}

.search-bar  svg {
  width: 100%;
  height: 100%;
}

.search-bar  .search-close {
  width: 26px;
  height: 26px;
  position: absolute;
  top: 10px;
  right: -50%;
  transition: right ease-in-out 0.8s,opacity ease-in-out 0.3s;
  cursor: pointer;
  opacity: 0;
}



.search-bar>div.hs_cos_wrapper_type_module input.hs-search-field__input {
color: #71717F;
  padding: 0.5rem 1rem;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  background: #F2EBFF;
  border: 1px solid #625AFA;
  font-size: 1rem;
  line-height: 1.5rem;
  border-radius: 0.5rem;
}
.search-open nav {
  opacity: 0;
  visibility: hidden;
  z-index: -5;
}
.search-open .search-bar .search-close {
  opacity: 1;
  right: 0.5rem;
  transition: right ease-in-out 0.3s,opacity ease-in-out 0.8s;
}
.search-bar .hs-search-field__suggestions a {

    color: #1C1C1C;
 
}
.search-open  .search-bar>div.hs_cos_wrapper_type_module input.hs-search-field__input {
  /* width: 340px; */
  opacity: 1;
}

.search-open .search-bar {
  width: 340px;
  padding-right: 2.5rem;
  /* opacity: 0; */
  position: absolute;
  left: -130%;
  z-index: 1;

}

.search-open .search-bar .search-icon {
  right: 1.5rem;
}
.button-group a {
  font-size: 0.875rem;
  font-weight: 500;
}
.button + .button {
  margin-left: 1.5rem;
}

.button-group a {
  font-size: 0.875rem;
  font-weight: 500;
  font-family: "IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  padding: calc(0.1rem - 1px) 0.8rem;
  height: 1.875rem;
  z-index: 999;
}
.button-group .button--hollow {
  border-color: rgba(81,61,217,0.2);
}
nav {

}
.button-group  a.button.button--accent {
  background: #625AFA;
}

.button-group a:hover {}

.button-group a:hover {
  background: rgba(81,61,217,0.1);
}

.button-group .button--hollow:hover {
  border-color: rgba(81,61,217,1);
  background: transparent;
}
.search-bar-wrapper {
  display: none;
}
.button-group a.button.button--accent:hover {
  background: #513DD9;
}
.nav-cta{
  display: flex;
  align-items: center;
  margin-left: 1.5rem;
}
.nav-cta-first{
  margin-left: 0;
}

/* Remove top spacing caused of the Global - Top CTA Banner */
body.hs-web-interactives-top-banner-open #hs-web-interactives-top-push-anchor{
  height: auto!important;
}

/* MEDIA QUERIES */
@media screen and (max-width: 1664px) {
  .search-bar {

  }
  .search-open .search-bar {

  }
}

@media screen and (max-width: 1215px) {
  .search-bar {
    left: -86%;
  }
  .dropdown {
    padding-right: 1rem;
  }
  .search-open .search-bar {

    left: -110%;
  }
}
@media screen and (max-width: 991px) {
  body.menu-open .nav-down {
    transform: none;
  }
  .dropdown-content ul li.single-type-link a:hover * {
    color: rgb(var(--color-primary));
  }
  .dropdown-content ul li a:not(.button):hover small {
    color: rgb(var(--color-primary));
  }
  .dropdown-content ul li a span.nv-lable {
    font-size: 1rem;
    font-weight: 500;
    color: inherit;
  }
      .search-open .search-bar {
        left: auto;
    }
  .search-bar .search-icon {

    margin-right: 3.5rem;
  }
  .search-open .nav-mobile--header .search-bar {
    right: 8px;
  }
  .search-open .search-bar .search-icon {
    right: 0.2rem;
  }
  .nav-mobile .sub-panel>ul>li a {
    border-bottom: 1px solid rgba(var(--color-dark), .1) !important;
    border-radius: 0;
    padding-left: 0;
    margin-left: 1.5rem;
  }
  .nav-mobile .sub-panel > ul > li a {
    font-size: 1em;
  }
  .badge {
    font-size: .75em;
    padding: calc(.125em - 1px) calc(.25em - 1px);
    border-radius: .25em;
    align-self: center;
  }
  .hidden-xs { display: none; }
  .nav-desktop { display: none; }

  .nav-mobile,
  .nav-mobile--content { 
    display: flex;
    justify-content: space-between;
  }
  .nav-mobile--content {
    padding: 0;
    overflow-x: hidden;
  }
  .nav-mobile--content.active {
    overflow-y: hidden;
    background: #fafafa;
    top: 0;
  }
  .nav-mobile--content > ul {
    margin: 0;
    flex-direction: column;
    width: 100%;
    padding-top: 0;
    transition: transform .5s ease-in-out;

  }
  .nav-mobile--content.active > ul {
    transform: translateX(-100%);
  }
  .nav-mobile--content.active+.nav-mobile--header .search-bar {
    display: none;
  }
  .nav-mobile--content > ul > li {
    width: 100%;
    background: #fafafa;
  }
  .nav-mobile--content > ul > li .sub-panel {
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;

  }
  .dropdown-content ul li.single-type-link a span.icon {

    top: 45%;
  }
  .dropdown-content {
    overflow: auto;
    padding-top: 4.7rem;
  }
  .sub-panel--header + ul {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    grid-gap: 1rem;
    padding: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .nav-mobile--content>ul>li:last-child {
    margin-bottom: 3rem;
  }
  .nav-mobile--content>ul>li a.has-sub-panel,
  .nav-mobile--content>ul>li>a {
    display: flex;
    padding: 0.7rem 1rem;
    font-size: 1rem;
    line-height: 1.44444;
    font-weight: 500;
    /*     color: #313131; */
    color: #585764;
    align-items: center;
    border-bottom: 1px solid rgba(var(--color-dark), .1) !important;
    text-decoration: none !important;
  }
  .nav-mobile--content>ul>li a.has-sub-panel .icon {
    margin-left: auto;
  }
  .sub-panel {
    position: absolute;
    transform: translateX(100%);
    visibility: hidden;
    transition: visibility .5s ease-in-out;
  }

  a.has-sub-panel.active + .sub-panel {
    visibility: visible;
  }
  .sub-panel--header {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    flex-shrink: 0;
    border-top: 1px solid #EEEEEF;
    border-bottom: 1px solid #EEEEEF;
    position: fixed;
    width: 100%;
    top: 0;
    background: #fafafa;
    z-index: 99;
  }
  .dropdown-content {
    overflow: auto;
  }
  .dropdown-content ul li h3,
  .dropdown-content ul li.integrations.with-image a span.nv-lable small{
    min-height:0;
    padding:0;
  }
  .dropdown-content ul li a:not(.button){
    padding: 1.3rem 0.7rem;
  }
  .sub-panel--header .icon.back {
    margin-right: 1.2rem;
    padding: 0.5rem 0;
    box-sizing: content-box;
  }
  .sub-panel--header h3 {
    margin: 0;
    font-weight: 500;
  }
  .btn-group {
    flex-direction: column;
    margin-top: auto;
    margin-bottom: 2rem;
    margin: auto 2rem 2rem;
  }
  .btn-group .btn {
    width: 100%;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1rem;
  }
  .btn-group .btn span {
    margin: 0;
  }
  .dropdown-content ul ul li.with-image >a:not(.button) span.svg-img {
    margin: 0;
    text-align: left;
  }

  .dropdown-content ul ul li.with-image >a:not(.button) span.svg-img img {
    margin: 0 0 2rem;
  }

  .nav-mobile .dropdown-content ul.main-drop>li:nth-child(4) {
    background: #F2EBFF;
  }
  .button-group > span.hs_cos_wrapper_type_cta{
    width: 100%;
    display: block;
    text-align: center;
  }
  .button-group > span.hs_cos_wrapper_type_cta a.cta_button{
    padding: 0.5rem 1rem !important;
  }
  
  .nav-main.nav-mobile.sub-panel--open .logo-2019{
    display: none;
  }
  
}
@media screen and (max-width: 767px) {
  .nav-mobile--content {
    position: fixed;
    background: #fff;
    right: 0;
    top: 66px;
  }
  .search-open .search-bar {
    width: 367px;
  }
  .search-bar .hs-search-field--open .hs-search-field__suggestions {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 51px;
    left: 0;
    max-width: 100%;
    border-radius: 0;
}
  .sub-panel--header {

    cursor: pointer;
  }
  .dropdown-content ul li a span.nv-lable {
    font-size: 1rem;
    font-weight: 400;
    color: #1B1B20;
  }
  .sub-panel--header h3 {
    margin: 0;
    font-weight: 500;
    font-size: 1rem;
  }
  .nav-mobile--content>ul>li a.has-sub-panel, .nav-mobile--content>ul>li>a {

    font-size: 1rem;
  }
  
}
@media screen and (max-width: 460px) {
  .nav-mobile--content>ul>li a.has-sub-panel,
  .nav-mobile--content>ul>li>a {

  }
}


/* ANIMATIONS */
@keyframes navMobileIcon_Line1_Start {
  from {
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes navMobileIcon_Line2_Start {
  from {
    opacity: 1;
  }
}
@keyframes navMobileIcon_Line3_Start {
  from {
    transform: translateY(0) rotate(0deg);
  }
}
@keyframes navMobileIcon_Line1 {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(.5rem) rotate(0deg);
  }
  100% {
    transform: translateY(.5rem) rotate(45deg);
  }
}
@keyframes navMobileIcon_Line2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes navMobileIcon_Line3 {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-.5rem) rotate(0deg);
  }
  100% {
    transform: translateY(-.5rem) rotate(-45deg);
  }
}
/* Temporary hide current used navigation */
.header-container-wrapper { display: none }

/* Hack to hide "Sign up button" on pricing page */
[class*="19543956016"] header .btn-group a:last-child,
[class*="29030020859"] header .btn-group a:last-child{
  display: none;
}
@media screen and (min-width: 1024px){
  .custom-header section.nav-container.container {
    max-width: 960px;
  }


}

@media screen and (min-width: 1216px){
  .custom-header section.nav-container.container{
    max-width: 1136px;
  }

}


@media screen and (min-width: 1408px){
  .custom-header section.nav-container.container {
    max-width: 1136px;
  }

}

@media print {
  .nav-main {
    display: none
  }
}