.convertr-public-layout > nav {
    width: 100% !important;
    max-width: 100vw !important;
}

.convertr-public-content:has(main[data-shared-image-pair="true"]) main {
    background-color: #f9fafb !important;
}

.convertr-public-layout > nav > .max-w-7xl {
    width: 100% !important;
    max-width: 80rem !important;
}

.convertr-public-content main > header:has(select[id$="-language"]):not(:has(h1)):not(:has(h2)) {
    display: none !important;
}

.convertr-public-content main > header > div > div:has(> a[href]):has(select[id$="-language"]) {
    display: none !important;
}

.convertr-public-content main nav.breadcrumb-nav,
.convertr-public-content main nav[aria-label="Breadcrumb"] {
    display: none !important;
}

.convertr-public-content main section:has(> h2) a:has(> strong + span) {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 0 0.75rem !important;
    border: 1px solid #dbe3ee !important;
    border-radius: 0.5rem !important;
    background: #fff !important;
    padding: 1rem !important;
    color: inherit !important;
    text-decoration: none !important;
}

.convertr-public-content main section:has(> h2) a:has(> strong + span) > strong {
    display: block !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    line-height: 1.5rem !important;
}

.convertr-public-content main section:has(> h2) a:has(> strong + span) > span {
    display: block !important;
    margin-top: 0.5rem !important;
    color: #475569 !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}

.convertr-public-content main section:has(> div > div h2) h3 + div:has(> span) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.375rem 0.5rem !important;
}

.convertr-public-content main:has([data-react-mount="audio-tools"]) > div:has(> nav.breadcrumb-nav) {
    padding-top: 7rem !important;
}

.convertr-public-content main:has([data-react-mount="audio-tools"]) article.public-page-article > header {
    margin: 0 0 2rem !important;
}

.convertr-public-content main:has([data-react-mount="audio-tools"]) article.public-page-article h1 {
    margin: 0 !important;
    color: #0f172a !important;
    font-size: 2rem !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    line-height: 1.05 !important;
}

.convertr-public-content main:has([data-react-mount="audio-tools"]) article.public-page-article p {
    margin: 1rem 0 0 !important;
    color: #475569 !important;
    font-size: 1.125rem !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
}

.convertr-public-content main:has([data-react-mount="audio-tools"]) section.mt-8 {
    margin-top: 0 !important;
}

.convertr-public-content main > header:has([data-react-mount="video-encoder"]) {
    min-height: 47.5rem !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 0 50% 50% / 0 0 4rem 4rem !important;
    background: linear-gradient(125deg, #a13bff 0%, #5148ed 100%) !important;
    color: #fff !important;
}

.convertr-public-content main > header:has([data-react-mount="video-encoder"]) > div {
    max-width: 80rem !important;
    padding: 3rem 1rem !important;
    text-align: center !important;
}

.convertr-public-content main > header:has([data-react-mount="video-encoder"]) h1 {
    margin: 0 auto 1rem !important;
    color: #fff !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.convertr-public-content main > header:has([data-react-mount="video-encoder"]) p {
    margin: 0.75rem auto 1.5rem !important;
    color: #fff !important;
    font-size: 1.125rem !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
}

@media (max-width: 639px) {
    .convertr-public-content main > header:has([data-react-mount="video-encoder"]) {
        min-height: 47.5rem !important;
    }
}