.header-left{
    max-width: 140px !important;
    width: 100%;
}
.navbar-brand {
    display: block;
}
img{
    width: 100%;
}

.features-section .features-preview img
{
    width: 100%;
}

.navbar-brand img.landing_logo
{
    width: 100%;
    height: 50px;
}

.container img.landing_logo
{
    width: 100%;
    height: 50px;
}

.features-section .features-preview{
    max-width: 80%;
    margin: 0 auto -390px;
}
.img-wrapper{
    position: relative;
    padding-top: 50%;
    width: 100%;
}
.img-wrapper img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*object-fit: scale-down;*/
    display: block;
    margin: 0 !important;
}
.features-preview .img-fluid{
    border-radius: 15px;
}
.screenshot-card  h5{
    margin-top: 20px;
}

.screenshot-card  .img-wrapper{
    margin-bottom: 20px;
    padding-top: 60% ;
}

.footer-logo a{
    display: block;
    max-width: 180px;
    width: 100%;
}

.announcement p {
    margin-bottom: 0rem !important;
}

.img-wrapper{
box-shadow: 0 0.125rem 1rem 1px rgb(0 0 0 / 11%) !important;
    border-radius: 10px;
}
html[dir="rtl"] .container-offset{
    margin-right: calc((100% - 1540px) / 2);
    margin-left: 0;
    padding-right: 15px;
    padding-left: 0;
}
html[dir="rtl"]  .main-banner .dash-preview{
right: 0;
    left: -80px;
}

@media (max-width:1500px) {
    .container {
        max-width: 1320px;
    }
    .main-banner .container-offset{
        margin-left: calc((100% - 1320px) / 2);
    }
    html[dir="rtl"] .container-offset{
        margin-right: calc((100% - 1320px) / 2);
    }
}

@media (max-width:1260px) {
    .main-banner .container-offset{
        margin-left: 0;
    }
    html[dir="rtl"] .container-offset{
        margin-right:0;
    }
}
@media (max-width:991px) {
    html[dir="rtl"] .main-banner .dash-preview{
        left:-15px;
    }
}
@media (max-width:767px){
    html[dir="rtl"] .main-banner .dash-preview{
        left:0;
    }
    .container-offset{
        padding: 0 15px !important;
    }
}
body.landing-dark .bg-gray-100{
    background: linear-gradient(141.55deg, #22242C 3.46%, #22242C 99.86%);
    color: var(--bs-body-color);
}
body.landing-dark  .site-footer .footer-row .ftr-col .list-unstyled li a{
    color: var(--bs-body-color);
}
body.landing-dark  .site-footer{
    border-top: 1px solid #9d9d9d4a;
}

/* =============================================================================
   MODERN LANDING REFRESH  (safe overlay — no layout/positioning changes)
   Only touches: typography, colors, borders, shadows, button styles, hover.
   Does NOT touch: position, transform, padding, margin, display, flex/grid.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

body.theme-3 {
    --m-primary:        #6366f1;
    --m-primary-strong: #4f46e5;
    --m-primary-soft:   #eef2ff;
    --m-ink:            #0f172a;
    --m-ink-soft:       #475569;
    --m-border:         rgba(15, 23, 42, .08);
    --m-shadow-sm:      0 1px 2px rgba(15, 23, 42, .05), 0 2px 6px rgba(15, 23, 42, .06);
    --m-shadow-md:      0 8px 24px -10px rgba(79, 70, 229, .25);

    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    color: var(--m-ink);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body.theme-3 h1, body.theme-3 h2, body.theme-3 h3,
body.theme-3 h4, body.theme-3 h5 {
    font-family: inherit;
    letter-spacing: -.018em;
    color: var(--m-ink);
}
body.theme-3 h1 { font-weight: 800; }
body.theme-3 h2 { font-weight: 700; }
body.theme-3 h3 { font-weight: 700; }

/* Headings on dark sections stay white (don't override the template's intent) */
body.theme-3 .bg-dark h1,
body.theme-3 .bg-dark h2,
body.theme-3 .bg-dark h3,
body.theme-3 .bg-primary h1,
body.theme-3 .bg-primary h2,
body.theme-3 .bg-primary h3,
body.theme-3 .text-white { color: #fff; }

/* ---- Brand color: smoother indigo for primary ---- */
body.theme-3 .bg-primary {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 60%, #7c3aed 100%) !important;
}

/* ---- Buttons: softer radius, gentle hover (no transform) ---- */
body.theme-3 .btn {
    font-weight: 600;
    border-radius: 10px;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;
}
body.theme-3 .btn-primary {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    border-color: transparent;
    box-shadow: 0 6px 16px -8px rgba(79, 70, 229, .55);
}
body.theme-3 .btn-primary:hover {
    background: linear-gradient(135deg, #5b5cf0 0%, #4338ca 100%);
    box-shadow: 0 10px 22px -8px rgba(79, 70, 229, .65);
}
body.theme-3 .btn.rounded-pill { border-radius: 999px !important; }
body.theme-3 .btn-outline-dark { border-width: 1.5px; }
body.theme-3 .btn-outline-dark:hover { background: var(--m-ink); border-color: var(--m-ink); color: #fff; }

/* ---- Cards: soft borders + subtle shadow + hover only on shadow ---- */
body.theme-3 .card {
    border: 1px solid var(--m-border);
    border-radius: 14px;
    box-shadow: var(--m-shadow-sm);
    transition: box-shadow .25s ease, border-color .25s ease;
}
body.theme-3 .card:hover {
    box-shadow: var(--m-shadow-md);
    border-color: rgba(99, 102, 241, .25);
}
/* keep dark/primary cards in their original look but with the new radius */
body.theme-3 .card.bg-dark, body.theme-3 .card.bg-primary { border: none; }

/* ---- Section accent labels (the small uppercase text above headings) ---- */
body.theme-3 .title span.text-uppercase {
    color: var(--m-primary);
    font-weight: 700;
    letter-spacing: .12em;
    font-size: .8rem;
}
body.theme-3 .bg-dark .title span.text-uppercase,
body.theme-3 .bg-primary .title span.text-uppercase { color: #c4b5fd; }

/* ---- FAQ accordion: cleaner ---- */
body.theme-3 .accordion-item {
    border: 1px solid var(--m-border) !important;
    border-radius: 12px !important;
    margin-bottom: .6rem;
    background: #fff;
    box-shadow: var(--m-shadow-sm);
}
body.theme-3 .accordion-button {
    border-radius: 12px !important;
    background: transparent !important;
    color: var(--m-ink) !important;
}
body.theme-3 .accordion-button:not(.collapsed) {
    background: var(--m-primary-soft) !important;
    color: var(--m-primary-strong) !important;
    box-shadow: none;
}
body.theme-3 .accordion-button:focus { box-shadow: none; border-color: transparent; }
body.theme-3 .accordion-body { color: var(--m-ink-soft); }

/* ---- Pricing cards ---- */
body.theme-3 .price-card { border-radius: 18px; }
body.theme-3 .price-card .price-badge {
    background: var(--m-primary-soft) !important;
    color: var(--m-primary-strong) !important;
    font-weight: 700;
    border-radius: 999px;
    font-size: .75rem;
    letter-spacing: .06em;
    text-transform: uppercase;
}
body.theme-3 .price-card.bg-dark .price-badge {
    background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%) !important;
    color: #fff !important;
}
body.theme-3 .price-card .p-price { font-weight: 800; letter-spacing: -.02em; }

/* ---- Inputs ---- */
body.theme-3 .site-footer .input-wrapper {
    border-radius: 999px !important;
    border-color: var(--m-border) !important;
}

/* ---- Footer links ---- */
body.theme-3 .site-footer ul li a { color: var(--m-ink-soft); transition: color .2s; }
body.theme-3 .site-footer ul li a:hover { color: var(--m-primary-strong); }

/* ---- Selection / focus ---- */
body.theme-3 ::selection { background: var(--m-primary); color: #fff; }
body.theme-3 a, body.theme-3 button { transition: color .15s ease, background-color .15s ease; }