:root {
    --header-height: 70px;
    --header-height-sticky: 50px;
    --body-font-size: 14px;
    --body-line-height: 1.6rem;
}

body,
body button {
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
}

body.noscroll {
    overflow: hidden;
}
body:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
    z-index: 30;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
body.noscroll:before {
    opacity: 1;
}

h1, .largeheader {
    line-height: normal;
}

.btn.lt {
    font-size: inherit;
}
.paddingbottom {
    /*padding-bottom: var(--header-height);*/
    padding-bottom: 30px;
}
.paddingtop,
.paddingtop-small {
    /*padding-top: var(--header-height);*/
    padding-top: 30px;
}

.fullwidth-mobile,
.container.large.fullwidth-mobile,
.usp.fullwidth-mobile {
    width: 100vw;
    max-width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
}
.horisontal-scroll-mobile,
.usp.horisontal-scroll-mobile {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    padding-left: 5vw;
    padding-right: 5vw;
}

.header-container .logo {
    width: auto;
    max-width: none;
    height: 25px;
    transition: all 0.3s ease-in-out;
}
.header-container.sticky .logo {
    height: 17px;
    width: auto;
}
.header-container header > div.header-account {
    display: none;
}

.header-menu {
    position: relative;
    z-index: 1000;
}
.header-menu nav {
    display: none;
}

.mobilemenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    z-index: 1000;
    
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 0;
    pointer-events: none;
}
.mobilemenu.active {
    opacity: 1;
    pointer-events: all;
}

.mobilemenu .nav-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex-direction: column;
    border-radius: 15px 15px 0 0;
    background-color: #fff;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
    transform: translateY(100%);
    height: 100%;
    max-height: calc(100vh - 70px);
    -webkit-overflow-scrolling:touch;
    overflow-y:auto;
	overflow-x:hidden;
}
.mobilemenu.active .nav-list {
    transform: translateY(0);
}
.mobilemenu .nav-list:before {
    content: "";
    position: absolute;
    width:50%;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.3);
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
}
.mobilemenu .nav-list > li > a {
    display: flex;
    gap: 10px;
    padding: 25px 20px;
    text-decoration: none;
    align-items: center;
    font-size: 18px;
}
.mobilemenu .nav-list > li > a > svg {
    width: 16px;
    height: auto;
    align-self: center;
}
.mobilemenu .nav-list > li:not(:last-child) {
    border-bottom: 1px solid #eee;
}

.mobilemenu .nav-list .dropdown-toggler {
    margin-left: auto;
}
.mobilemenu .nav-list .dropdown-toggler svg {
    width: 20px;
    height: auto;
    transition: all 0.4s ease;
}
.mobilemenu .nav-list .active > a .dropdown-toggler svg {
    transform: rotate(180deg);
}
.mobilemenu .nav-list li > div {
    position: relative;
    top: auto;
    left: auto;
    pointer-events: all;
    transform: none;
    opacity: 1;
    display: none;
}
.mobilemenu .nav-list li.active > div {
    display: block;
}

.mobilemenu .mega-grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 0 0 30px
}
.mobilemenu .mega-section-title {
    padding: 0 20px 20px;
    font-weight: bold;
    font-size: 16px;
}
.mobilemenu .mega-section-title:not(:first-child) {
    margin-top: 25px;
}
.mobilemenu .mega-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.mobilemenu .mega-list .mega-item {
    position: relative;
    display: flex;
    text-decoration: none;
    padding: 0 20px;
    gap: 15px;
    align-items: flex-start;
}
.mobilemenu .mega-list .mega-item .mega-icon {
    width: 40px;
    flex: none;
}
.mobilemenu .mega-list .mega-item .mega-text {
    flex: auto;
}
.mobilemenu .mega-list .mega-item .mega-text .mega-label {
    font-size: inherit;
}
.mobilemenu .mega-list .mega-item .mega-text .mega-desc {
    font-size: 12px;
    white-space: normal; /* vigtigt: fjerner nowrap */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: normal;
    text-overflow: ellipsis;
}
.mobilemenu .mega-list .mega-item .mega-badge {
    align-self: flex-start;
    flex: none;
}




.main-section {
    height: auto;
    padding-bottom: var(--header-height);
    padding-top: 150px;
}
.main-section.paddingtop ,
.body-knowledge .knowledge-wrapper {
    padding-top: var(--header-height);
}

ul.usp {
    gap: 15px;
    margin: 20px 0;
}
ul.usp li {
    gap: 10px;
}
ul.usp li svg {
    width: 20px;
}
ul.usp li > div > span {
    font-size: inherit;
}

.getstartded-container,
.widget-page-container {
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
    min-height: calc(100vh - 250px);
    justify-content: center;
    gap: 40px
}
.widget-page-container.reverse {
    flex-direction: column;
}
.getstartded-left,
.widget-page-left {
    width: 100%;
}
.getstartded-btn {
    flex-direction: column;
    align-items: center;
}
.getstartded-right,
.widget-page-right {
    width: 100%;
    justify-content: center;
}
.getstartded-right img,
.widget-page-right img {
    width: 90%;
}

.widget-page-left  {
    align-items: center;
}
.widget-page-left h1 {
    line-height: normal;
}
.widget-page-left h1 small, p.hero-sub {
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
}


.widget-container {
    flex-direction: column;
    gap: 15px
}
.widget-menu {
    width: 100%;    
}
.widget-menu > ul {
    width: 100vw;
    margin-left: -5vw;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
    -webkit-overflow-scrolling:touch;
    overflow-x:auto;
	overflow-y:hidden;
    gap: 16px;
}
.widget-menu a {
    white-space: nowrap;
    padding: 5px 15px;
    border-radius: 30px;
    background-color: #673de6;
    color: #fff;
}
.widget-menu a svg {
    fill: #fff;
    stroke: #fff;
}
.widget-overview {
    width: 100%;
    padding: 0;
    border: none;
}
.widgets-list {
    gap: 15px;
}
.widget-card {
    width: 100%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.vertical-card {
    box-shadow: none;
}
.vertical-card-txt {
    padding: 5vw 5vw 0;
}
.vertical-cards > div.horisontal-scroll-mobile > div {
    width: 80vw;
}

.testimonials {
    padding: 40px 0;
}
.testimonials .header-double {
    margin-bottom: 20px;
}
.testimonials-card {
    width: 80vw;
    flex: none;
    box-shadow: none;
    margin-top: 46px;
}

footer > .flex {
    flex-direction: column;
    gap: 20px;
}
.footer-fullwidth {
    flex-direction: column;
    gap: 20px;
}
.footer-fullwidth-end {
    align-items: flex-start;
}
/*
.grid {
    grid-template-columns: 1fr;
    gap: 20px;
}
*/
.grid {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.grid > div {
    width: 100%;
}
.kpi-counter {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
}

.hubspoke {
    width: 100%;
    height: auto;
    border-radius: none;
}
.hubspoke__lines {
    display: none;
}
.hubspoke__center {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    display: flex;
    padding: 0 5vw;
    width: 100%;
    transform: none;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.hubspoke__center > span {
    margin: 0;
}
.hubspoke__cards {
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
}
.hubspoke__card {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    width: calc(90vw - 80px);
    flex: none;
}
.hubspoke__center img {
    max-width: 32vw;
    padding: 16px;
}

.timeline {
    padding-top: 30px;
}
.timeline-track {
    display: none;
}
.timeline-step {
    width: calc(90vw - 80px);
    flex: none;
    gap: 15px;
    padding: 0;
}
.timeline-step-content {
    padding: 10px 0 0;
}

.intelligence-search-demo {
    margin-top: 40px;
}
.intelligence-search-demo .image-label:nth-child(1) {
    top: 0;
}
.intelligence-search-demo .image-label:nth-child(2) {
    left: 0;
}
.intelligence-search-demo svg {
    top: 35px;
    left: -30px;
}
.intelligence-search-video-demo-phone > div {
    display: flex;
    flex-direction: column;    
}

.intelligence-search-video-demo-phone > div > video,
.intelligence-search-video-demo-phone > div > img {
    order: 0;
}
.intelligence-search-video-demo-phone video {
    top: 4.6%;
    border-radius: 19px;
}
.intelligence-search-video-demo-phone > div > img {
    width: 100%;
}
.intelligence-search-video-demo-phone > div > * {
    order: 1;
}
.image-label-container {
    transform: translateY(-100%);
    top: 80vw;
}
.review-small {
    position: relative;
    max-width: 100%;
    width: 100%;
}

.widgets-reviews > div {
    flex-direction: column;
    gap: 30px;
}
.widgets-reviews-txt {
    width: 100%;
}
.reviews-outer {
    width: 100%;
    height: 400px;
    
}
.widget-review-card {
    width: 100%;
    flex-direction: column;
    gap: 5px;
    padding: 20px
}
.widget-review-card-signature {
    flex-direction: row;
    width: 100%;
    line-height: normal;
    text-align: left;
}
.widget-review-card-signature .review-small-stars {
    justify-content: flex-start;
}
.widget-review-card-profile {
    width: 30px;
}
.review-small-txt {
    width: 100%;
    flex: none;
}
.review-swiper-wrapper {
    animation: clientCarouselScroll 50s linear infinite;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 20px;
}
.review-swiper-wrapper > div:nth-child(even) {
    transform: none;
}

.search-typing {
    top: 29%;
    left: 20%;
}

.cta-container > div {
    flex-direction: column;
}
.btn-menu svg {
    width: 30px;
}

ul.usp.small-gap > li {
    width: 100%;
}

body *.hideonmobile {
    display: none;
}

.body-livesearch .widget-page-right {
    padding-bottom: 40px;
}

.highlight-functions > div > div {
    padding: 30px;
}
.highlight-functions ul.usp {
    margin: 30px 0 0;
}
.bounce-rate-inner {
    display: flex;
    flex-direction: column;
    gap: 30px
}
.bounce-card {
    padding: 20px
}
.brace {
    font-size: 20px;
}
.formula-multiply {
    font-size: 16px;
    margin-left: 15px;
    line-height: normal;
}
.formula-content {
    padding: 0 15px;
}
.bounce-columns {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.platform-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 15px
}

.widget-recommendations-usp ul.usp {
    display: flex;
    flex-direction: column;
    gap: 20px
}
.widget-recommendations-usp .paddingbottom {
    padding-bottom: var(--header-height)
}
ul.usp.column li > div {
    
    
}
ul.usp.column li > div > span {
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    margin: 0;
}

.hl-card {
    padding: 15px
}
.hb-num {
    width: 25px;
    font-size: 9px;
}
.hb-step:not(:last-child)::after {
    left: 11px;
    top: 36px;
}
.hb-title {
    font-size: var(--body-font-size);
}

.widget-recommendations-carousel-text {
    width: 100%;
}
.widget-recommendations-carousel-slider {
    width: 100%;
    margin: 30px 0 0;
}
.widget-recommendations-browser .browser {
    width: 100%;
    padding-bottom: 0;
}
.widget-recommendations-browser > div {
    margin-top: 5vw;
}
.browser-content-filter > div > span:nth-child(n+3) {
    display: none;
}
.widget-recommendations-browser .browser-content {
    height: auto;
    padding: 15px 0
}
.widget-recommendations-txtblock {
    padding-top: 30px;

}
.browser-content-slider-container {
    padding: 0;
}
.browser-highlightbox {
    z-index: 5;
    top: 90px;
    right: 20px;
}
.browser-content-normallist {
    margin: 40px 0 0;
    gap: 10px
}
.browser-content-normallist > span {
    margin: 20px 0 10px;
}
.browser-content-normallist .product {
    width: calc(50% - 5px);
    margin: 0;
}

.image-label {
    font-size: 11px;;
}
.grid:has(.iphone) {
    display: flex;
    flex-direction: column;
}

.iphone {
    max-width: 90vw;
}

.explanation-map-content {
    display: none;
}
.explanation-map {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}
.explanation-map-left,
.explanation-map-right {
    gap: 20px
}
.explanation-map-content-info:before,
.explanation-map-content-info:after {
    display: none;
}
.explanation-map-content-info {
    width: 100%;
    max-width: 100%;
}

.push-runner-message {
    flex-direction: column;
}

.header-center {
    margin-bottom: 30px;
    
}

.salesbooster-row {
    padding-top: 30px;
    padding-bottom: 30px;
}
.salesbooster-row > div {
    width: 80vw;
    flex: none;
}

.sb-phone {
    width: 100%;
}

.widgets-reviews {
    padding: 40px 0
}

.cc-num {
    font-size: 25px;
}

.background {
    pointer-events: none;
}

.shipping-countdown-card {
    padding: 0;
    border: none;
}

.body-seo .widget-page-container,
.body-feed .widget-page-container,
.body-webapp .widget-page-container,
.body-spintowin .widget-page-container,
.body-chromeextension .widget-page-container,
.body-apps .widget-page-container{
    flex-direction: column;
}
div.seocheck {
    display: flex;
    justify-content: center;
    gap: 5px;
    padding: 0;
}
.seocheck-card {
    width: 33%;
}
.seocheck-card.is-good {
    order: 1
}
.seocheck-card.is-mid {
    order: 3
}
.seocheck-card.is-bad {
    order: 2
}
span.seocheck-card-titel {
    max-width: 110px;
    font-size: 10px;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}
svg.bw-gauge__svg {
    width: 114%;
}
span.bw-gauge__num {
    font-size: 27px;
}
span.bw-gauge__den {
    font-size: 12px;
}
div.bw-gauge__label {
    font-size: 9px;
    line-height: normal;
}

.seocontainer-content {
    font-size: 12px;
    line-height: normal;
}

.seo-dashboard-description ul.usp {
    margin-bottom: 30px;
}
.seo-dashboard-description ul.usp > li {
    width: 80vw;
    flex: none;
}

.seo-dashboard-row.seo-dashboard-head {
    display: flex;
    justify-content: space-between;
}
.seo-dashboard-cell {
    font-size: var(--body-font-size);
    line-height: normal;
}
.seo-dashboard-row.seo-dashboard-head .seo-dashboard-cell:nth-child(2),
.seo-dashboard-row.seo-dashboard-head .seo-dashboard-cell:nth-child(3),
.seo-dashboard-row.seo-dashboard-head .seo-dashboard-cell:nth-child(5),
.seo-dashboard-cell.seo-dashboard-actions {
    display: none;
}

.seo-dashboard-row {
    padding: 10px 13px;
    row-gap: 7px;
}
.seo-dashboard-row .seo-dashboard-cell:nth-child(3) {
    display: flex;
    justify-content: center;
    padding: 0 10px
}
.seo-dashboard-row .seo-dashboard-cell:nth-child(4) {
    display: flex;
    justify-content: flex-end;
}

.browser-content {
    line-height: normal;
}

.feed-outer {
    line-height: normal;
}
.feed-card-header,
.feed-panel {
    padding: 15px;
}
.feed-card-header-text h2 {
    font-size: 12px;
    margin: 0 0 5px;
}
.feed-panel,
.feed-card-header-text p {
    font-size: 10px;
}
.feed-panel {
    height: auto;
}

.ch-outer {
    height: auto;
    min-height: 254px;
}
.ch-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    height: auto;
}
.ch-grid .ch-card {
    flex: none;
    width: calc(33.33% - 7px);
    line-height: normal;
    padding: 12px;
}
.ch-icon svg {
    height: 19px;
}
.ch-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}
.ch-badge {
    font-size: 10px;
    padding: 0 5px;
}

.lt-stage {
    padding: 15px 5px;
    white-space: nowrap;
}
.lt-connector {
    width: 20px;
}

.lt-labels {
    flex-direction: column;
}

.pf-container {
    flex-direction: column;
}
.pf-left {
    width: 100%;
}

.body-klaviyo .widget-page-right {
    padding-top: 0;
}
.klaviyo-container > .container {
    flex-direction: column;
    gap: 30px;
}

.small-stat {
    line-height: normal;
}

.ss-icon {

}
.ss-icon svg {
    height: 9px;
}
.ss-num {
    font-size: 13px;
}
.big-stat-num {
    font-size: 40px;
}

.google-review-row {
    margin-top: 30px;
}
.google-review-row > div {
    width: 80vw;
    flex: none;
}

.google-review-employee {
    left: 50%;
    transform: translateX(-50%);
    max-width: 80vw;
}
.google-review-carouselle-slider {
    width: 100%;
    flex: none;
}

.google-review-container > div {
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
}
.google-review-container > div > div {
    padding: 20px
}

.cc-wrap {
    padding: 0;
}
.cc-card {
    padding: 17px;
    align-items: flex-start;
}
.cc-value {
    font-size: 17px;
    width: 60px;
}
.cc-icon {
    width: 35px;
    height: 35px;
}
.cc-lead-dot {
    display: none;
}
.cc-title {
    font-size: 13px;
}

.ka-wrap {
    padding: 20px
}

.fc-wrap {
    line-height: normal;
    gap: 12px
}
.fq-card {
    padding: 10px
}
.fc-editor-bar {
    gap: 3px;
}
.fc-prev-q,
.fc-field-input {
    padding: 10px;
    font-size: 11px;
}

.mc-wrap {
    flex-direction: column;
}
.mc-url {
    font-size: 11px;
    line-height: normal;
}
.mf-card {
    padding: 10px;
}
.mf-phone {
    width: 100%;
    height: auto;
    padding: 0 0 9px;
}
.ce2-bar {
    padding: 9px 9px;
}
.ce2-dots {
    gap: 3px;
}
.mc-browser-dot,
.fc-editor-dot,
.ce2-dots span {
    width: 5px;
    height: auto;
    aspect-ratio: 1/1;
}

.ce1-body {
    padding: 13px;
}
.ce2-split {
    line-height: normal;
    min-height: 327px;
}
.ce2-table td {
    font-size: 11px;
    padding: 7px 7px;
}
.ce2-before, .ce2-after {
    padding: 50px 13px 0;
}
.ce2-head {
    display: none;
}
.ce2-table th {
    text-align: center;
}

.ce1-table > thead > tr > th:nth-child(1),
.ce1-table > tbody > tr > td:nth-child(1),
.ce1-table > thead > tr > th:nth-child(3),
.ce1-table > tbody > tr > td:nth-child(3),
.ce2-after .ce2-table > thead > tr > th:nth-child(1),
.ce2-after .ce2-table > tbody > tr > td:nth-child(1) {
    display: none;
}

.kb-header-text {
    margin-bottom: 20px;
}
.plugly-kb .kb-filters {
    gap: 6px;
}
.plugly-kb .pill {
    font-size: var(--body-font-size);
    line-height: normal;
}
.plugly-article-cover {
    height: auto;
}
.plugly-article-content {
    padding: 20px;
}
.plugly-article-prose blockquote {
    line-height: normal;
    font-size: 23px;
    margin: 30px 0;
}
.plugly-article-prose p {
    margin: 0 0 15px;
    line-height: var(--body-line-height);
}

.plugly-article-faq-list {
    line-height: normal;
}
.plugly-article-faq-icon {
    font-family: 'Arial', sans-serif;
}

body.body-pricing .main-section {
    padding-top: var(--header-height);
}
.body-pricing .widget-page-right {
    display: none;
}
.pricing-top-container {
    gap: 0;
}
.getstartded-btn {
    margin: 20px 0 0;
}
.getstartded-clients {
    padding: 20px 0
}
.getstartded-clients .swiper-slide img {
    width: 140px;
    height: auto;
    aspect-ratio: 16/2;
    object-fit: contain;
    object-position: 50% 50%;
}

.visitors-range-ticks .lbl {
    font-size: 10px;
    transform: rotate(20deg);
    transform-origin: 0;
    line-height: normal;
    white-space: nowrap;
}
.plan-grid {
    gap: 15px;
    
}
.plan-card {
    width: 80vw;
    flex: none;
    line-height: normal;
    padding: 20px;
    order: 1;
}
.plan-card.plan-premium {
    order: 0;
}
.plan-features__item {
    display: flex;
    align-items: flex-start;
    font-size: 11px;
}
.plan-features__item > * {
    flex: none;
}
.plan-features__item > span:not(.plan-features__tag) {
    flex: auto;
}
.plan-features__item > svg {
    width: 9px;
    margin-top: 5px;
}
.plan-card__price {

    font-size: 36px;
 }

 .sb3-app-col {
    display: flex;
    flex-wrap: wrap;

 }
 .sb3-app-row {
    flex: none;
    width: 100%;
 }
 .ag2-stat-val {
    font-size: 20px;
 }
 .vp1-right {

 }
 .vp1-col {
    width: 80vw;
    flex: none;
 }

 .sb1-stack {
    padding: 0
 }
  .sb1-stack .sb1-block {
    width: calc(50% - 8px);
    flex: none;
    padding: 7px;
 }
 .sb1-block-ico {
    width: 35px;
    height: 35px;
 }
 .sb1-block-name {
    font-size: 12px;
    line-height: normal;
 }
body.body-aichat .widget-page-right {
    width: 100%;
}
.acb-window {
    width: calc(100%);
}
.acb-bubble {
    bottom:-70px;
}