/*
=========================================================
PluginOrbit - Main Theme Components
=========================================================
*/

html {
    overflow-x: hidden;
}

body {
    background-color: #ffffff;
    font-family: "Outfit", sans-serif;
    margin: 0 !important;
    overflow-x: clip;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #45505f;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #171923;
}

ul {
    margin: 0;
    padding: 0;
}

ul, ol {
    margin-left: 35px;
    margin-bottom: 15px;
}
ol {
    padding-left: 0;
}
.po-page-entry-content ul li {
    margin: 0 0 10px 0;
}

img {
    max-width: 100%;
}

strong, .strong {
    font-weight: 600 !important;
}

h1 {
    font-size: 38px;
}
h2 {
    font-size: 32px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}

.po-page-entry-content h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-bottom: 18px;
}

/* =========================================
   PluginOrbit - Buttons
========================================= */

button, .button, .btn, .po-btn, .po-btn-dark, .po-btn-outline, .po-btn-free, .submit, input[type="submit"], .woocommerce button.button, .woocommerce button, .woocommerce.woocommerce-page .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-page.woocommerce-account .button, .woocommerce-page.woocommerce-account .woocommerce-info .button, .woocommerce-page .woocommerce-table a.woocommerce-MyAccount-downloads-file.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 20px;
    border: 0;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    cursor: pointer;
    background: var(--po-primary);
    color: #fff;
}
.btn:hover, button:hover, .button:hover, .woocommerce button.button:hover, .po-btn:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background: var(--po-primary-dark);
    color: #fff;
}
.po-btn-primary {
    background: var(--po-primary);
    color: #fff;
    box-shadow: 0 10px 24px rgba(104, 82, 244, 0.22);
}
.po-btn-primary:hover {
    background: var(--po-primary-dark);
    color: #fff;
}
.po-btn-dark {
    background: var(--po-ink);
    color: #fff;
}
.po-btn-dark:hover {
    background: #242733;
    color: #fff;
}
.po-btn-outline {
    border-color: var(--po-border);
    background: #fff;
    color: var(--po-primary);
}
.po-btn-outline:hover {
    border-color: var(--po-primary);
    background-color: var(--po-heading);
    color: #fff;
}
.po-btn-free {
    background: var(--po-free);
    color: #fff;
}
.po-btn-free:hover {
    background: #198456;
    color: #fff;
}


/* =========================================
   PluginOrbit - Header
========================================= */

.po-site-header {
    position: sticky;
    top: 0;
    z-index: 999;
    background: var(--po-white);
    border-bottom: 1px solid rgba(231, 233, 239, 0.8);
}
.po-site-header button.navbar-toggler {
    background: var(--po-primary);
}
.po-navbar {
    min-height: 78px;
    padding: 0;
}
.po-site-header .logo-wrapper {
    max-width: 180px;
}
.po-site-logo {
    display: inline-flex;
    align-items: center;
    max-width: 40%;
}
.po-logo-mark {
    position: relative;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 11px;
    background: var(--po-primary);
    box-shadow: 0 8px 20px rgba(104, 82, 244, 0.25);
}
.po-logo-mark::before,
.po-logo-mark::after,
.po-logo-mark span {
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    content: "";
}
.po-logo-mark::before {
    transform: translate(-8px, -6px);
}
.po-logo-mark::after {
    transform: translate(9px, 7px);
}
.po-logo-mark span {
    width: 12px;
    height: 12px;
}
.po-logo-text {
    font-size: 20px;
}
.po-logo-text span {
    color: var(--po-primary);
}
.po-primary-menu {
    gap: 4px;
}
.po-primary-menu .menu-item a {
    display: block;
    padding: 10px 10px;
    color: var(--po-text);
/*     font-size: 14px; */
    text-decoration: unset;
}
.po-primary-menu .menu-item.current-menu-item a {
    color: var(--po-primary);
}
.po-primary-menu .menu-item a:hover {
    color: var(--po-primary);
}
.po-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 24px;
}
.po-header-actions .po-btn-primary {
    font-size: 13px;
    font-weight: 600;
}
.po-header-account {
    gap: 8px;
    padding: 10px;
    background: transparent;
    color: #374151;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.po-header-account:hover {
    color: #111827;
    background: var(--po-primary-light);
    text-decoration: none;
}
.po-account-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.po-account-text {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
/*     font-size: 13px; */
    line-height: 1.2;
    white-space: nowrap;
}
.po-account-greeting {
    color: #6b7280;
    font-weight: 400;
}
.po-account-name {
    color: #111827;
    font-weight: 600;
}
.po-header-cart {
    gap: 7px;
    padding: 10px;
    background: transparent;
    color: #374151;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.po-header-cart:hover {
    color: #111827;
    background: var(--po-primary-light);
    text-decoration: none;
}
.po-cart-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.po-cart-text {
/*     font-size: 13px; */
    font-weight: 600;
}


/* =========================================
   Cart Count
========================================= */

.po-cart-count {
    position: absolute;
    top: -8px;
    right: -9px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 50px;
    background: #111827;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}


/* =========================================
   Home Page Start
========================================= */

/* Hero Section */

.po-hero-section {
    position: relative;
    overflow: hidden;
    padding: 100px 0 110px;
    background: var(--po-primary-light);
    color: #fff;
}
.po-hero-section::before {
    position: absolute;
    top: -250px;
    right: -150px;
    width: 600px;
    height: 600px;
    border: 1px solid rgba(104, 82, 244, 0.2);
    border-radius: 50%;
    content: "";
}
.po-hero-content {
    position: relative;
    z-index: 2;
}
.po-hero-content h1 {
    margin: 0 0 25px;
}
.po-hero-content h1 span {
    color: var(--po-primary);
}
.po-hero-content > p {
    max-width: 650px;
    margin: 0 0 30px;
    color: #575962;
    font-size: 18px;
}
.po-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.po-hero-actions .po-btn-outline {
    border-color: #3a3d49;
    background: transparent;
    color: #fff;
}
.po-hero-actions .po-btn-outline:hover {
    border-color: #6852f4;
    color: #fff;
}
.po-hero-note {
    margin-top: 20px;
    color: #8f94a5;
    font-size: 13px;
}
.po-hero-note span {
    color: #48c68a;
}

/* ORBIT */
.orbit-stage {
    position:relative;
    min-height:420px;
    display:grid;
    place-items:center;
}
.orbit-core {
    width:138px;
    height:138px;
    border-radius:50%;
    display:grid;
    place-items:center;
    position:relative;
    z-index:4; 
    font-weight:800; 
    font-size:38px;
    background:radial-gradient(circle at 40% 35%,#9b8fff,#5c4be0 48%,#2a286c 100%);
    border:1px solid rgba(255,255,255,.6);
    box-shadow:0 0 0 12px rgba(105,86,233,.09),0 0 65px rgba(91,111,255,.6);
}
.orbit-core:after {
    content:"";
    position:absolute;
    width:170px;
    height:58px;
    border:1px solid rgba(114,140,255,.55);
    border-radius:50%; transform:rotate(-25deg);
}
.ring {
    position:absolute;
    border:1px solid rgba(107,137,255,.34);
    border-radius:50%;
}
.ring.r1 {
    width:285px;
    height:165px;
    transform:rotate(-24deg);
}
.ring.r2 {
    width:390px;
    height:225px;
    transform:rotate(18deg);
}
.ring.r3 {
    width:475px;
    height:280px;
    transform:rotate(-12deg);
    opacity:.65;
}
.satellite {
  position:absolute;
  width:62px;
  height:62px;
  border-radius:16px;
  display:grid;
  place-items:center;
  font-size:24px;
  border:1px solid rgba(255,255,255,.3);
  box-shadow:0 15px 35px rgba(0,0,0,.25);
}
.sat-1 {
    top:25px;
    right:25%;
    background:#20285e;
    color:#80a5ff;
}
.sat-2 {
    top:38%;
    right:4%;
    background:#153d2a;
    color:#57e293;
}
.sat-3 {
    bottom:17%;
    left:12%;
    background:#2e245d;
    color:#b09cff;
}
.sat-4 {
    bottom:3%;
    right:29%;
    background:#50351c;
    color:#ffc86b;
}
.star {
    position:absolute;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#fff;
    opacity:.8;
    box-shadow:0 0 12px #fff;
}
.s1 {
    top:11%;
    left:21%
}
.s2 {
    top:23%;
    right:12%
}
.s3 {
    bottom:15%;
    right:8%
}
.s4 {
    bottom:32%;
    left:2%
}

@media (prefers-reduced-motion: no-preference) {
    .orbit-stage .satellite {
        animation:float 7s ease-in-out infinite;
    }
    .orbit-stage .sat-2 {
        animation-delay:-2s;
    }
    .orbit-stage .sat-3 {
        animation-delay:-4s;
    }
    .orbit-stage .sat-4 {
        animation-delay:-6s;
    }
    .orbit-core {
        animation:pulse 5s ease-in-out infinite;
    }
    @keyframes float {
        0%,100% {
            transform:translateY(0)
        }
        50% {
            transform:translateY(-12px)
        } 
    }
    @keyframes pulse {
        0%,100% {
            box-shadow:0 0 0 12px rgba(105,86,233,.09),0 0 65px rgba(91,111,255,.6)
        }
        50% {
            box-shadow:0 0 0 20px rgba(105,86,233,.07),0 0 90px rgba(91,111,255,.72)
        } 
    }
}


/* =========================================
   PluginOrbit - Orbit Visual
========================================= */

/*.po-orbit-visual {
    position: relative;
    width: min(420px, 100%);
    aspect-ratio: 1;
    margin-inline: auto;
}

.po-orbit-ring {
    position: absolute;
    inset: 12%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.po-orbit-ring-two {
    inset: 25%;
    border-color: rgba(104, 82, 244, 0.28);
}

.po-orbit-core {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    width: 150px;
    height: 150px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 35px;
    background: #20232f;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
}

.po-core-icon {
    display: grid;
    width: 48px;
    height: 48px;
    margin-bottom: 8px;
    place-items: center;
    border-radius: 14px;
    background: var(--po-primary);
    font-size: 22px;
}

.po-orbit-core strong {
    color: #fff;
    font-size: 12px;
    letter-spacing: 0.12em;
}

.po-orbit-core small {
    color: #777d8d;
    font-size: 9px;
    letter-spacing: 0.15em;
}

.po-orbit-item {
    position: absolute;
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    background: #242733;
    color: #fff;
    font-family: "Outfit", sans-serif;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.po-orbit-item-one {
    top: 6%;
    left: 50%;
    transform: translateX(-50%);
}

.po-orbit-item-two {
    right: 7%;
    top: 47%;
}

.po-orbit-item-three {
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
}

.po-orbit-item-four {
    top: 47%;
    left: 7%;
}*/


/* Process Cards Section */

.po-process-card {
    position: relative;
    height: 100%;
    padding: 35px;
    overflow: hidden;
    border: 1px solid var(--po-border);
    border-radius: var(--po-radius-lg);
    background: #fff;
}
.po-process-card::after {
    content: "";
    position: absolute;
    right: -60px;
    bottom: -60px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: var(--po-primary-light);
}
.po-process-free {
    border-top: 4px solid var(--po-free);
}
.po-process-pro {
    border-top: 4px solid var(--po-primary);
}
.po-process-number {
    margin-bottom: 20px;
    color: #c5c8d1;
    font-family: "Outfit", sans-serif;
    font-size: 14px;
}
.po-process-card h3 {
    margin: 18px 0 12px;
}
.po-process-card ul li::marker {
    color: var(--po-free);
}
.po-process-card.po-process-pro ul li::marker {
    color: var(--po-primary);
}


/* Plugin Cards Section */

.po-plugin-card {
    height: 100%;
    padding: 28px;
    border: 1px solid var(--po-border);
    border-radius: var(--po-radius-lg);
    background: #fff;
    box-shadow: var(--po-shadow-sm);
    transition: var(--po-transition);
}
.po-plugin-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--po-shadow-md);
}
.po-plugin-card-featured {
    border-color: rgba(104, 82, 244, 0.25);
    box-shadow: 0 15px 40px rgba(104, 82, 244, 0.08);
}
.po-plugin-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}
.po-plugin-icon {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 15px;
    background: var(--po-primary-light);
    color: var(--po-primary);
    font-size: 22px;
    font-weight: 800;
}
.po-plugin-card-top img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}
.po-plugin-slug {
    display: inline-block;
    margin-bottom: 9px;
    overflow: hidden;
    background: #f1f5f9;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    color: var(--po-text-light);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.po-plugin-card h3 {
    margin-bottom: 12px;
}
.po-plugin-card p {
    min-height: 78px;
    font-size: 14px;
}
.po-plugin-features {
    margin: 20px 0;
    padding: 0;
    list-style: none;
}
.po-plugin-features li {
    position: relative;
    padding: 5px 0 5px 20px;
    font-size: 13px;
}
.po-plugin-features li::before {
    position: absolute;
    left: 0;
    color: var(--po-primary);
    content: "✓";
    font-weight: 800;
}
.po-plugin-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 24px;
}
.po-plugin-actions .po-btn {
    min-height: 44px;
    padding-inline: 10px;
}
.po-plugin-card-all {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    background: var(--po-ink);
    color: #fff;
}
.po-plugin-card-all h3 {
    color: #fff;
}
.po-plugin-card-all p {
    color: #a9adba;
}
.po-plugin-card-all .po-section-eyebrow {
    margin-top: 22px;
}
.po-all-plugin-icon {
    display: grid;
    width: 60px;
    height: 60px;
    place-items: center;
    border: 1px dashed #4a4d59;
    border-radius: 17px;
    color: #fff;
    font-size: 25px;
}


/* Featured Plugin Section */

.po-featured-plugin-section {
    background: #fff;
}
.po-feature-list {
    margin: 30px 0;
}
.po-feature-list > div {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 14px 0;
    border-bottom: 1px solid var(--po-border);
}
.po-feature-list span {
    color: var(--po-primary);
    font-size: 12px;
}
.po-feature-list strong {
    color: var(--po-heading);
}
.po-terminal {
    overflow: hidden;
    border: 1px solid #30333e;
    border-radius: 18px;
    background: #171921;
    box-shadow: 0 30px 70px rgba(20, 22, 31, 0.2);
}
.po-terminal-header {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px 18px;
    border-bottom: 1px solid #2b2e39;
    color: #777d8d;
    font-size: 11px;
}
.po-terminal-dots {
    display: flex;
    gap: 6px;
}
.po-terminal-dots span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #555965;
}
.po-terminal-body {
    min-height: 330px;
    padding: 28px;
    color: #b8bdc9;
    font-size: 12px;
}
.po-terminal-body p {
    margin-bottom: 20px;
}
.po-terminal-muted {
    color: #686e7d;
}
.po-terminal-success {
    color: #59ca91;
}
.po-terminal-cursor {
    display: inline-block;
    color: #9c8fff;
}


/* Value Cards Section */

.po-value-card {
    height: 100%;
    padding: 28px;
    border: 1px solid var(--po-border);
    border-radius: 18px;
    background: #fff;
}
.po-value-card > span {
    display: block;
    margin-bottom: 20px;
    color: var(--po-primary);
    font-size: 12px;
    font-weight: 600;
}
.po-value-card h3 {
    font-size: 20px;
}
.po-value-card p {
    margin-bottom: 0;
    font-size: 14px;
}


/* FAQ Section */

.po-faq-section {
    background: #f1f2f6;
}
.po-faq-accordion .accordion-item {
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid var(--po-border);
    border-radius: 14px !important;
    background: #fff;
}
.po-faq-accordion .accordion-button {
    padding: 21px;
    color: var(--po-heading);
    background: #fff;
    box-shadow: none;
    font-weight: 600;
}
.po-faq-accordion .accordion-button:not(.collapsed) {
    color: var(--po-primary);
}
.po-faq-accordion .accordion-body {
    padding: 0 21px 21px;
    color: var(--po-text);
}


/* Closing CTA Section */

.po-closing-cta-section {
    padding: 40px 0 90px;
    background: #f1f2f6;
}
.po-closing-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    padding: 55px;
    border-radius: 28px;
    background-color: #6852f4;
    background-image: url(https://pluginorbit.com/wp-content/uploads/2022/04/digial-download-store-cta-vector-image-background.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.po-closing-cta h2 {
    max-width: 650px;
    margin: 0 0 12px;
    color: #fff;
    font-size: clamp(32px, 3vw, 48px);
}
.po-closing-cta p {
    margin: 0;
    color: #ffffff;
}
.po-closing-cta .po-section-eyebrow {
    color: #ffffff;
}
.po-closing-actions {
    display: flex;
    flex-shrink: 0;
    gap: 10px;
}

/* =========================================
   Home Page End
========================================= */

/* =========================================
   PluginOrbit - Page Hero
========================================= */

.po-page-hero-section {
    padding: 90px 0;
    background: #dee8ff33;
    text-align: center;
}
.po-page-hero-section h1 {
    margin: 0 0 18px;
    color: #0b0a0a;
    text-align: center;
}
.po-page-hero-section > .container > p {
    max-width: 680px;
    margin: 0 auto;
}


/* =========================================
   Blog Listing Start
========================================= */

.po-blog-card {
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--po-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: var(--po-shadow-sm);
}
.po-blog-card-image {
    display: block;
    overflow: hidden;
    background: #eceef4;
}
.po-blog-placeholder {
    display: grid;
    place-items: center;
    background: var(--po-ink);
    color: #fff;
    font-size: 35px;
    font-weight: 800;
}
.po-blog-card-content {
    padding: 25px;
}
.po-blog-meta {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    color: var(--po-text-light);
    font-size: 12px;
    text-transform: uppercase;
}
.po-blog-card h2 {
    margin-bottom: 12px;
    font-size: 23px;
}
.po-blog-card h2 a {
    color: var(--po-heading);
    text-decoration: none;
}
.po-blog-card h2 a:hover {
    color: var(--po-primary);
}
.po-text-link {
    display: inline-flex;
    color: var(--po-primary);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
.po-text-link:hover {
    color: var(--po-primary-dark);
}
.po-blog-listing-section .load-more-btn-container {
    margin-top: 50px;
}

/* =========================================
   Blog Listing End
========================================= */


/* =========================================
   Single Blog Start
========================================= */

.po-single-post-hero {
    padding: 60px 0 60px;
    background: #dee8ff33;
}
.po-single-post-hero .po-single-post-hero-main {
    display: grid;
    /*grid-template-columns: repeat(2, 1fr);*/
}
.po-single-post-hero-left {
    margin-bottom: 25px;
}
.po-single-post-meta {
    display: flex;
    gap: 9px;
    margin-bottom: 18px;
    color: #8e94a3;
    font-size: 13px;
    text-transform: uppercase;
}
.po-single-post-meta a, .po-post-categories a {
    color: var(--po-primary);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
}
.po-single-post-hero h1 {
    margin: 18px 0;
    font-size: 42px;
}
.po-single-post-excerpt {
    margin-top: 22px;
    font-size: 18px;
}
.po-single-post-image img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 22px;
}
.po-post-layout {
    display: grid;
    /*grid-template-columns: minmax(0, 1fr) 300px;*/
    gap: 70px;
    max-width: 1100px;
    margin: auto;
}
.po-entry-content {
    color: #515665;
}
.po-entry-content h2 {
    margin: 20px 0 10px;
}
.po-entry-content h3 {
    margin: 20px 0 10px;
}
.po-entry-content a {
    text-decoration: none;
    font-weight: 600;
    color: var(--po-primary);
}
.po-entry-content strong {
    /*color: var(--po-primary);*/
    font-weight: 600;
}
.po-entry-content ul.wp-block-list, .po-entry-content ol.wp-block-list {
    margin-left: 35px;
    margin-bottom: 15px;
}
.po-entry-content ul.wp-block-list li, .po-entry-content ol.wp-block-list li {
    margin: 10px 0;
    font-weight: 500;
}
.po-entry-content ol.wp-block-list li::marker {
    color: #6852f4;
}
.po-entry-content ul.wp-block-list {
    margin-left: 0;
}
.po-entry-content ul.wp-block-list li {
    position: relative;
    padding-left: 1.5em;
    list-style: none;
}
.po-entry-content ul.wp-block-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #6852f4;
}
.po-entry-content img {
    border-radius: 15px;
}
.entry-content .wp-block-image, .po-entry-content img, .po-entry-content .wp-block-image img {
    margin-bottom: 20px;
}
.po-entry-content blockquote {
    margin: 30px 0;
    padding: 20px 25px;
    border-left: 4px solid var(--po-primary);
    border-radius: 0 12px 12px 0;
    background: var(--po-primary-light);
    color: var(--po-heading);
}
/*.po-post-sidebar-card {
    position: sticky;
    top: 110px;
    padding: 25px;
    border: 1px solid var(--po-border);
    border-radius: 18px;
    background: #fff;
}
.po-post-sidebar-card h3 {
    font-size: 20px;
}*/
.po-related-posts-section {
    padding: 0 0 50px 0;
}

/* =========================================
   Single Blog End
========================================= */


/* =========================================
   Support Page Start
========================================= */

.po-support-hero-section {
    background: #dee8ff33;
}
.po-support-hero-inner {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 70px;
    align-items: center;
}
.po-support-title {
    margin: 0 0 22px;
}
.po-support-title span {
    color: var(--po-primary);
}
.po-support-intro {
    margin: 0;
}
.po-support-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}
.po-support-status-card {
    padding: 25px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    backdrop-filter: blur(12px);
    box-shadow: 0 30px 80px rgba(0,0,0,.20);
}
.po-status-top {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 20px;
    font-size: 11px;
}
.po-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--po-free);
    box-shadow: 0 0 0 4px rgba(34,160,107,.12);
}
.po-status-terminal {
    padding: 20px;
    background: #0e1017;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 12px;
    font-size: 12px;
    line-height: 2;
    letter-spacing: .9px;
}
.po-terminal-line {
    margin-bottom: 12px;
    color: #b5b8c3;
    display: block;
}
.po-terminal-line span {
    margin-right: 7px;
    color: #8b79ff;
}
.po-terminal-result {
    color: #7e8391;
}
.po-terminal-result strong {
    color: #64d49c;
}
.po-status-note {
    margin-top: 18px;
    font-size: 12px;
    line-height: 1.7;
    color: #8e93a1;
}
.po-support-options-section {
    background: #f6f7fb;
}
.po-support-card {
    height: 100%;
    padding: 28px;
    background: #ffffff;
    border: 1px solid var(--po-border);
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(20,22,31,.035);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.po-support-card:hover {
    transform: translateY(-5px);
    border-color: rgba(104,82,244,.25);
    box-shadow: 0 20px 50px rgba(20,22,31,.08);
}
.po-support-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 22px;
    border-radius: 11px;
    background: #eeeaff;
    color: var(--po-primary);
    font-family: monospace;
    font-size: 17px;
    font-weight: 800;
}
.po-icon-free {
    background: #eaf8f1;
    color: var(--po-free);
}
.po-icon-pro {
    background: #fff7df;
    color: var(--po-amber);
}
.po-support-card h3 {
    margin: 0 0 10px;
}
.po-support-card-tag {
    display: inline-block;
    padding: 6px 9px;
    border-radius: 5px;
    background: #f2f1ff;
    color: var(--po-primary);
    font-size: 12px;
}
.po-support-form-card {
    padding: 35px;
    border: 1px solid var(--po-border);
    border-radius: 22px;
    background: #f8f9fc;
}

.po-support-form-card form.wpcf7-form label, .po-support-form label {
    display: inline-block;
    margin-bottom: 7px;
    color: var(--po-heading);
    font-size: 14px;
    font-weight: 500;
}
.po-support-form .wpcf7-form input:not([type="submit"]), .po-support-form .wpcf7-form textarea, .po-support-form .wpcf7-form select {
    display: block;
    width: 100%;
    padding: 13px 14px;
    border: 1px solid var(--po-border);
    border-radius: 10px;
    background: #fff;
    font-size: 14px;
    color: var(--po-text);
}
.po-support-form .wpcf7-form input:focus,
.po-support-form .wpcf7-form textarea:focus,
.po-support-form .wpcf7-form select:focus {
    border-color: var(--po-primary);
    outline: none;
    box-shadow: 0 0 0 4px rgba(104, 82, 244, 0.08);
}
.po-support-form .wpcf7-not-valid-tip {
    margin-top: 5px;
    font-size: 13px;
}
.po-support-sidebar {
    display: grid;
    gap: 15px;
}
.po-sidebar-card {
    padding: 22px;
    background: #ffffff;
    border: 1px solid var(--po-border);
    border-radius: 18px;
}
.po-sidebar-label {
    display: block;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .6px;
    color: var(--po-primary);
}
.po-sidebar-card h3 {
    margin: 0 0 13px;
    font-size: 20px;
}
.po-sidebar-card p {
    font-size: 14px;
    line-height: 1.7;
    color: var(--po-muted);
}
.po-sidebar-pro {
    background: #f7f5ff;
    border-color: #ddd7ff;
}
.po-sidebar-free {
    background: #f3fbf7;
    border-color: #ccebdd;
}
.po-sidebar-note {
    margin-top: 18px;
    padding: 12px 14px;
    background: rgba(104,82,244,.07);
    border-radius: 8px;
    font-size: 10px;
    line-height: 1.6;
    letter-spacing: .6px;
    color: #6258a0;
}
.po-support-checklist {
    margin: 0;
    padding: 0;
    list-style: none;
}
.po-support-checklist li {
    display: flex;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid #eef0f4;
    font-size: 14px;
    line-height: 1.5;
    color: #626774;
}
.po-support-checklist li:last-child {
    border-bottom: 0;
}
.po-support-checklist li span {
    color: var(--po-free);
    font-weight: 800;
}
.po-troubleshooting-section {
    background: #f6f7fb;
}
.po-troubleshooting {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
    gap: 60px;
    align-items: center;
    padding: 50px;
    background: var(--po-dark);
    border-radius: 24px;
    color: #ffffff;
    overflow: hidden;
}
.po-troubleshooting-content h2 {
    max-width: 600px;
    margin: 0 0 18px;
    font-size: clamp(32px, 4vw, 40px);
    color: #ffffff;
}
.po-troubleshooting-content h2 span {
    color: var(--po-primary);
}
.po-troubleshooting-content p {
    margin: 0;
    color: #aeb2bf;
}
.po-debug-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.po-debug-item {
    padding: 18px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 10px;
}
.po-debug-item span {
    display: block;
    margin-bottom: 7px;
    font-size: 9px;
    letter-spacing: .7px;
    color: #777d8b;
}
.po-debug-item strong {
    font-size: 12px;
    color: #d8dae1;
}
.po-support-faq-section {
    background: #ffffff;
}
.po-support-faq-section .po-faq-accordion {
    max-width: 850px;
    margin: 0 auto;
}
.po-support-cta-section {
    background: #ffffff;
}
.po-support-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    color: #fff;
    padding: 45px;
    border-radius: 20px;
    background-color: #6852f4;
    background-image: url(https://pluginorbit.com/wp-content/uploads/2022/04/digial-download-store-cta-vector-image-background.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.po-support-cta .po-section-eyebrow {
    color: #ffffff;
}
.po-support-cta h2 {
    margin: 0 0 7px;
    color: #ffffff;
}
.po-support-cta p {
    margin: 0;
    color: #d8d4ff;
}

/* =========================================
   Support Page End
========================================= */

/* =========================================
   About Us Page Start
========================================= */

.po-about-page {
    background: #ffffff;
}

/* About Hero Section */

.po-about-hero {
    padding: 110px 0 90px;
    background: #ffffff;
    border-bottom: 1px solid var(--po-border);
}
.po-about-hero-inner {
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}
.po-about-hero h1 {
    margin: 0;
    color: #111827;
    font-size: clamp(38px, 4vw, 64px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -0.045em;
}
.po-about-hero h1 span {
    color: var(--po-primary);
}
.po-about-hero-description {
    max-width: 680px;
    margin: 26px auto 0;
    color: #6b7280;
    font-size: 17px;
    line-height: 1.75;
}


/* About Introduction Section */

.po-about-content {
    max-width: 760px;
}
.po-about-content h2 {
    font-size: 32px;
}


/* About Section Heading Section */

.po-about-section-heading {
    max-width: 720px;
    margin-bottom: 45px;
}
.po-about-section-heading h2 {
    font-size: 32px;
}

/* Free / Pro Section */

.po-about-model {
    background: #f8f9fb;
    border-top: 1px solid var(--po-border);
    border-bottom: 1px solid var(--po-border);
}
.po-about-model-card {
    height: 100%;
    padding: 35px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
}
.po-about-model-card h3 {
    margin: 18px 0 12px;
}

/* Principles Section */

.po-about-principle {
    height: 100%;
    padding: 30px;
    border-top: 1px solid #dfe3e8;
}
.po-about-principle h3 {
    margin: 0 0 12px;
    color: #111827;
    font-size: 22px;
    font-weight: 700;
}
.po-about-principle p {
    margin: 0;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.75;
}

/* About Focus Section */

.po-about-focus {
    background: #f8f9fb;
    border-top: 1px solid var(--po-border);
    border-bottom: 1px solid var(--po-border);
}
.po-about-focus-content .po-btn {
    margin-top: 12px;
}

/* Focus Information Box Section */

.po-about-focus-box {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}
.po-about-focus-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--po-border);
}
.po-about-focus-item:last-child {
    border-bottom: 0;
}
.po-about-focus-item strong {
    color: #111827;
    font-size: 14px;
    font-weight: 600;
}
.po-about-focus-item span {
    color: #6b7280;
    font-size: 13px;
    text-align: right;
}

/* About CTA Section */

.po-about-cta {
    padding: 100px 0;
    background-color: #6852f4;
    background-image: url(https://pluginorbit.com/wp-content/uploads/2022/04/digial-download-store-cta-vector-image-background.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.po-about-cta-inner {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
}
.po-about-cta .po-section-eyebrow {
    color: var(--po-white);
}
.po-about-cta-inner h2 {
    color: #ffffff;
    font-size: 38px;
}
.po-about-cta-inner p {
    max-width: 620px;
    margin: 0 auto 28px;
    color: #ffffff;
}

/* =========================================
   About Us Page End
========================================= */

/* =========================================
   PluginOrbit - Pagination
========================================= */

.po-pagination {
    margin-top: 50px;
    text-align: center;
}
.po-blog-listing-section .po-pagination nav.navigation.pagination {
    justify-content: center;
}
.po-pagination .nav-links {
    display: flex;
    justify-content: center;
    gap: 7px;
}
.po-pagination .page-numbers {
    display: inline-flex;
    min-width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid var(--po-border);
    border-radius: 9px;
    background: #fff;
    color: var(--po-heading);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
.po-pagination .page-numbers.current,
.po-pagination .page-numbers:hover {
    border-color: var(--po-primary);
    background: var(--po-primary);
    color: #fff;
}


/* =========================================
   PluginOrbit - Footer
========================================= */

.po-site-footer {
    padding: 75px 0 25px;
    background: var(--po-ink);
    color: #fffFFFB2;
}
.po-footer-main {
    display: grid;
    grid-template-columns: 2fr repeat(3, 1fr);
    gap: 50px;
    padding-bottom: 55px;
}
.po-footer-brand p {
    max-width: 350px;
    margin: 20px 0;
}
.po-footer-logo .po-logo-text {
    color: #fff;
}
.po-footer-column h3 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 22px;
}
.po-footer-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.po-footer-column li {
    padding: 6px 0;
    margin: 0;
}
.po-footer-column a {
    color: #fffFFFB2;
    font-weight: 400;
    text-decoration: none;
}
.po-footer-column a:hover {
    color: #fff;
}
.po-footer-mono-link {
    color: #a99dff;
    font-size: 14px;
}
.po-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 25px;
    border-top: 1px solid #292c37;
}
.po-footer-bottom p {
    margin: 0;
}
.po-footer-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.po-footer-status span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #42c58b;
}