/* =========================================================
   AVIDSANJ PUBLIC WEBSITE
   V1.0 — FULL LANDING AUDIT & POLISH
   Based on approved V0.9.1
========================================================= */

/* =========================================================
   V1.0 DESIGN TOKENS
========================================================= */
:root {
    --as-font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
    --as-container-width: 1180px;
    --as-primary: #4F46E5;
    --as-primary-dark: #3730A3;
    --as-primary-soft: #EEF2FF;
    --as-secondary: #7C3AED;
    --as-success: #059669;
    --as-success-soft: #ECFDF5;
    --as-background: #F8FAFC;
    --as-surface: #FFFFFF;
    --as-text-strong: #111827;
    --as-text-secondary: #334155;
    --as-text-muted: #64748B;
    --as-text-light: #94A3B8;
    --as-border: #E2E8F0;
    --as-border-light: #EEF2F7;
    --as-radius-sm: 10px;
    --as-radius-lg: 22px;
    --as-radius-pill: 999px;
    --as-shadow-sm: 0 8px 25px rgba(15,23,42,.05);
    --as-transition-fast: .18s ease;
    --as-transition: .25s ease;
}

/* =========================================================
   V1.0 GLOBAL FOUNDATION
========================================================= */
html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    margin: 0;
    color: var(--as-text-secondary);
    background: #FFFFFF;
    font-family: var(--as-font-family);
    font-weight: 400;
    line-height: 1.8;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button,
input,
select,
textarea {
    font: inherit;
}

img,
svg {
    max-width: 100%;
}

img {
    height: auto;
}

:focus-visible {
    outline: 3px solid rgba(79,70,229,.28);
    outline-offset: 3px;
}

/* Never allow decorative links to inherit browser underlines. */
a,
a:hover,
a:focus {
    text-decoration: none;
}

/* =========================================================
   V1.0 TYPOGRAPHY
========================================================= */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    font-family: var(--as-font-family);
    color: var(--as-text-strong);
    text-wrap: balance;
}

h1 { font-size: clamp(2.35rem, 4.8vw, 4.2rem); line-height: 1.3; font-weight: 800; }
h2 { font-size: clamp(1.8rem, 3.1vw, 2.55rem); line-height: 1.45; font-weight: 800; }
h3 { font-size: clamp(1rem, 1.45vw, 1.3rem); line-height: 1.6; font-weight: 800; }

p {
    text-wrap: pretty;
}

/* =========================================================
   V1.0 CONTAINER
========================================================= */
.as-container {
    width: min(100% - 32px, var(--as-container-width));
    margin-right: auto;
    margin-left: auto;
}

/* =========================================================
   V1.0 HEADER / NAVIGATION POLISH
========================================================= */
.as-nav-link {
    padding: 9px 10px !important;
    color: var(--as-text-secondary);
    font-size: .78rem !important;
    font-weight: 700;
    line-height: 1.5;
    white-space: nowrap;
}

.as-header-contact {
    font-size: .76rem !important;
    line-height: 1.5;
}

.as-header-cta,
.as-btn-header {
    font-size: .72rem !important;
    line-height: 1.5;
}

.as-brand-text strong {
    font-family: var(--as-font-family);
    font-weight: 800;
}

/* =========================================================
   V1.0 SECTION RHYTHM
========================================================= */
.as-section-eyebrow,
.as-eyebrow {
    font-family: var(--as-font-family);
    font-weight: 700;
}

.as-section-eyebrow {
    font-size: .68rem;
    line-height: 1.6;
}

.as-hero-title {
    font-family: var(--as-font-family);
    font-size: clamp(2.45rem, 5vw, 4.25rem);
    line-height: 1.32;
    letter-spacing: -0.035em;
    font-weight: 800;
}

.as-hero-description {
    font-size: .98rem;
    line-height: 2;
}

/* =========================================================
   V1.0 FORM / CONTENT READABILITY
========================================================= */
.as-form-group label {
    font-size: .68rem;
}

.as-form-group input,
.as-form-group select,
.as-form-group textarea {
    font-size: .78rem;
    line-height: 1.7;
}

/* =========================================================
   V1.0 REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}
/* =========================================================
   AVIDSANJ PUBLIC WEBSITE
   CLEAN CSS REFACTOR — V0.9.1
========================================================= */


/* =========================================================
   FONT
========================================================= */

@font-face {

    font-family: "Vazirmatn";

    src:
        url("../fonts/Vazirmatn/Vazirmatn-Regular.woff2")
        format("woff2");

    font-style: normal;

    font-weight: 400;

    font-display: swap;
}


@font-face {

    font-family: "Vazirmatn";

    src:
        url("../fonts/Vazirmatn/Vazirmatn-Medium.woff2")
        format("woff2");

    font-style: normal;

    font-weight: 500;

    font-display: swap;
}


@font-face {

    font-family: "Vazirmatn";

    src:
        url("../fonts/Vazirmatn/Vazirmatn-SemiBold.woff2")
        format("woff2");

    font-style: normal;

    font-weight: 600;

    font-display: swap;
}


@font-face {

    font-family: "Vazirmatn";

    src:
        url("../fonts/Vazirmatn/Vazirmatn-Bold.woff2")
        format("woff2");

    font-style: normal;

    font-weight: 700;

    font-display: swap;
}


@font-face {

    font-family: "Vazirmatn";

    src:
        url("../fonts/Vazirmatn/Vazirmatn-ExtraBold.woff2")
        format("woff2");

    font-style: normal;

    font-weight: 800;

    font-display: swap;
}


/* =========================================================
   GLOBAL
========================================================= */

*,
*::before,
*::after {

    box-sizing: border-box;

}

html {

    scroll-behavior: smooth;

}

body,
button,
input,
select,
textarea {

    font-family: var(--as-font-family);

}


/* =========================================================
   GLOBAL LINK RESET
========================================================= */

a {

    color: inherit;

    text-decoration: none;

}


a:hover {

    text-decoration: none;

}
.as-container {

    max-width:
        var(--as-container-width);

}


/* =========================================================
   BUTTON SYSTEM
========================================================= */

.as-btn {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    border:
        1px solid transparent;

    border-radius:
        var(--as-radius-sm);

    font-family:
        var(--as-font-family);

    font-size:
        0.92rem;

    font-weight:
        700;

    line-height:
        1;

    transition:
        transform var(--as-transition-fast),
        box-shadow var(--as-transition-fast),
        background var(--as-transition-fast),
        border-color var(--as-transition-fast);

}


.as-btn:hover {

    transform:
        translateY(-2px);

}


.as-btn-primary {

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--as-primary),
            var(--as-secondary)
        );

    box-shadow:
        0 12px 28px
        rgba(79, 70, 229, 0.20);

}


.as-btn-primary:hover {

    color:
        #FFFFFF;

    box-shadow:
        0 16px 34px
        rgba(79, 70, 229, 0.28);

}


.as-btn-secondary {

    color:
        var(--as-text-strong);

    background:
        rgba(255, 255, 255, 0.9);

    border-color:
        var(--as-border);

}


.as-btn-secondary:hover {

    color:
        var(--as-primary);

    border-color:
        #C7D2FE;

    background:
        #FFFFFF;

}


.as-btn-light {

    color:
        var(--as-primary);

    background:
        #FFFFFF;

}


.as-btn-header {

    padding:
        12px 17px;

}


.as-btn-large {

    min-height:
        52px;

    padding:
        0 21px;

}


.as-btn-arrow {

    font-size:
        1.05rem;

    transition:
        transform var(--as-transition-fast);

}


.as-btn:hover .as-btn-arrow {

    transform:
        translateX(-4px);

}


/* =========================================================
   MOBILE MENU BUTTON
========================================================= */

.as-navbar-toggler {

    padding:
        8px;

    border:
        0;

}


.as-menu-icon {

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    gap:
        5px;

}


.as-menu-icon span {

    width:
        24px;

    height:
        2px;

    border-radius:
        10px;

    background:
        var(--as-text-strong);

}


/* =========================================================
   HERO
========================================================= */

.as-hero {

    position:
        relative;

    min-height:
        760px;

    display:
        flex;

    align-items:
        center;

    padding:
        9rem 0 5rem;

    overflow:
        hidden;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F7F8FF 100%
        );

}


.as-hero-background {

    position:
        absolute;

    inset:
        0;

    overflow:
        hidden;

    pointer-events:
        none;

}


.as-grid-pattern {

    position:
        absolute;

    inset:
        0;

    opacity:
        0.35;

    background-image:
        radial-gradient(
            #C7D2FE 1px,
            transparent 1px
        );

    background-size:
        30px 30px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 75%
        );

}


.as-hero-glow {

    position:
        absolute;

    border-radius:
        50%;

    filter:
        blur(5px);

}


.as-glow-one {

    width:
        520px;

    height:
        520px;

    top:
        -250px;

    right:
        -120px;

    background:
        rgba(99, 102, 241, 0.12);

}


.as-glow-two {

    width:
        420px;

    height:
        420px;

    bottom:
        -200px;

    left:
        -130px;

    background:
        rgba(124, 58, 237, 0.08);

}


/* =========================================================
   HERO CONTENT
========================================================= */

.as-hero-content {

    position:
        relative;

    z-index:
        5;

}


.as-eyebrow {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    padding:
        7px 13px;

    color:
        var(--as-primary-dark);

    background:
        var(--as-primary-soft);

    border:
        1px solid #E0E7FF;

    border-radius:
        var(--as-radius-pill);

    font-size:
        0.84rem;

    font-weight:
        700;

}


.as-eyebrow-icon {

    color:
        var(--as-primary);

    font-size:
        1rem;

}


.as-hero-title {

    max-width:
        680px;

    margin:
        25px 0 22px;

    color:
        var(--as-text-strong);

    font-size:
        clamp(2.7rem, 5vw, 4.4rem);

    font-weight:
        800;

    letter-spacing:
        -0.055em;

    line-height:
        1.28;

}


.as-hero-title span {

    color:
        var(--as-primary);

}


.as-hero-title strong {

    font-weight:
        800;

}


.as-hero-description {

    max-width:
        650px;

    margin-bottom:
        28px;

    color:
        var(--as-text-muted);

    font-size:
        1.08rem;

    line-height:
        2.05;

}


.as-hero-actions {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        10px;

    margin-bottom:
        27px;

}


.as-hero-trust {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        12px 20px;

}


.as-trust-item {

    display:
        inline-flex;

    align-items:
        center;

    color:
        var(--as-text-muted);

    font-size:
        0.83rem;

    font-weight:
        600;

}


.as-trust-check {

    margin-left:
        6px;

    color:
        var(--as-success);

    font-weight:
        900;

}


/* =========================================================
   INTELLIGENCE VISUAL
========================================================= */

.as-intelligence-visual {

    position:
        relative;

    min-height:
        540px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

}


.as-orbit {

    position:
        absolute;

    border:
        1px dashed
        rgba(79, 70, 229, 0.20);

    border-radius:
        50%;

    pointer-events:
        none;

}


.as-orbit-one {

    width:
        480px;

    height:
        480px;

    animation:
        asOrbitOne 30s linear infinite;

}


.as-orbit-two {

    width:
        370px;

    height:
        370px;

    border-color:
        rgba(124, 58, 237, 0.16);

    animation:
        asOrbitTwo 22s linear infinite reverse;

}


@keyframes asOrbitOne {

    from {
        transform:
            rotate(0deg);
    }

    to {
        transform:
            rotate(360deg);
    }

}


@keyframes asOrbitTwo {

    from {
        transform:
            rotate(0deg);
    }

    to {
        transform:
            rotate(360deg);
    }

}


/* =========================================================
   MAIN INTELLIGENCE CARD
========================================================= */

.as-intelligence-card {

    position:
        relative;

    z-index:
        5;

    width:
        390px;

    min-height:
        455px;

    padding:
        22px;

    background:
        rgba(255, 255, 255, 0.90);

    border:
        1px solid
        rgba(255, 255, 255, 0.85);

    border-radius:
        30px;

    box-shadow:
        0 25px 70px
        rgba(15, 23, 42, 0.11);

    backdrop-filter:
        blur(22px);

    -webkit-backdrop-filter:
        blur(22px);

}


.as-profile-header {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    padding-bottom:
        18px;

    border-bottom:
        1px solid
        var(--as-border-light);

}


.as-profile-avatar {

    width:
        48px;

    height:
        48px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--as-primary),
            var(--as-secondary)
        );

    border-radius:
        16px;

    font-weight:
        800;

    box-shadow:
        0 10px 25px
        rgba(79, 70, 229, 0.20);

}


.as-profile-info {

    display:
        flex;

    flex-direction:
        column;

    gap:
        1px;

    flex: 1;

}


.as-profile-info strong {

    color:
        var(--as-text-strong);

    font-size:
        0.92rem;

}


.as-profile-info span {

    color:
        var(--as-text-muted);

    font-size:
        0.7rem;

}


.as-profile-status {

    width:
        9px;

    height:
        9px;

    border-radius:
        50%;

    background:
        #22C55E;

    box-shadow:
        0 0 0 5px
        rgba(34, 197, 94, 0.10);

}


/* =========================================================
   INTELLIGENCE MAP
========================================================= */

.as-intelligence-map {

    position:
        relative;

    height:
        300px;

    margin:
        18px 0;

}


.as-map-center {

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    z-index:
        5;

    width:
        82px;

    height:
        82px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    gap:
        2px;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--as-primary),
            var(--as-secondary)
        );

    border:
        5px solid
        #FFFFFF;

    border-radius:
        50%;

    box-shadow:
        0 15px 35px
        rgba(79, 70, 229, 0.25);

    transform:
        translate(-50%, -50%);

}


.as-center-icon {

    font-size:
        1rem;

}


.as-map-center span {

    font-size:
        0.8rem;

    font-weight:
        700;

}


/* =========================================================
   MAP NODES
========================================================= */

.as-map-node {

    position:
        absolute;

    z-index:
        4;

    width:
        115px;

    padding:
        10px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    gap:
        2px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        15px;

    box-shadow:
        0 10px 25px
        rgba(15, 23, 42, 0.07);

    text-align:
        center;

}


.as-node-icon {

    width:
        30px;

    height:
        30px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        2px;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        10px;

}


.as-map-node strong {

    color:
        var(--as-text-strong);

    font-size:
        0.75rem;

}


.as-map-node small {

    color:
        var(--as-text-muted);

    font-size:
        0.6rem;

}


.as-node-personality {

    top:
        8px;

    right:
        0;

}


.as-node-talent {

    top:
        8px;

    left:
        0;

}


.as-node-interest {

    bottom:
        8px;

    right:
        0;

}


.as-node-career {

    bottom:
        8px;

    left:
        0;

}


/* =========================================================
   MAP CONNECTIONS
========================================================= */

.as-map-line {

    position:
        absolute;

    z-index:
        1;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            rgba(79,70,229,0),
            rgba(79,70,229,.35),
            rgba(79,70,229,0)
        );

    transform-origin:
        center;

}


.as-line-one {

    width:
        135px;

    top:
        87px;

    right:
        77px;

    transform:
        rotate(-27deg);

}


.as-line-two {

    width:
        135px;

    top:
        87px;

    left:
        77px;

    transform:
        rotate(27deg);

}


.as-line-three {

    width:
        135px;

    bottom:
        87px;

    right:
        77px;

    transform:
        rotate(27deg);

}


.as-line-four {

    width:
        135px;

    bottom:
        87px;

    left:
        77px;

    transform:
        rotate(-27deg);

}


/* =========================================================
   PROFILE FOOTER
========================================================= */

.as-profile-footer {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        10px;

    padding-top:
        15px;

    border-top:
        1px solid
        var(--as-border-light);

}


.as-profile-footer div {

    padding:
        10px;

    background:
        #F9FAFF;

    border-radius:
        13px;

}


.as-profile-footer span {

    display:
        block;

    margin-bottom:
        3px;

    color:
        var(--as-text-muted);

    font-size:
        0.65rem;

}


.as-profile-footer strong {

    color:
        var(--as-text-strong);

    font-size:
        0.72rem;

}


/* =========================================================
   FLOATING CARDS
========================================================= */

.as-floating-card {

    position:
        absolute;

    z-index:
        8;

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    min-width:
        150px;

    padding:
        11px 13px;

    background:
        rgba(255, 255, 255, 0.94);

    border:
        1px solid
        rgba(255, 255, 255, 0.8);

    border-radius:
        15px;

    box-shadow:
        0 18px 35px
        rgba(15, 23, 42, 0.10);

    backdrop-filter:
        blur(14px);

    animation:
        asFloat 4s ease-in-out infinite;

}


.as-floating-card span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.65rem;

}


.as-floating-card strong {

    display:
        block;

    color:
        var(--as-primary-dark);

    font-size:
        1rem;

}


.as-floating-icon {

    width:
        35px;

    height:
        35px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        11px;

}


.as-floating-career {

    top:
        8%;

    right:
        0;

}


.as-floating-education {

    bottom:
        8%;

    left:
        0;

    animation-delay:
        -1.5s;

}


@keyframes asFloat {

    0%,
    100% {
        transform:
            translateY(0);
    }

    50% {
        transform:
            translateY(-8px);
    }

}


/* =========================================================
   SCROLL INDICATOR
========================================================= */

.as-scroll-indicator {

    position:
        absolute;

    right:
        50%;

    bottom:
        22px;

    z-index:
        5;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    gap:
        2px;

    color:
        var(--as-text-light);

    font-size:
        0.68rem;

    transform:
        translateX(50%);

}


.as-scroll-indicator i {

    font-style:
        normal;

    font-size:
        1rem;

    animation:
        asScroll 1.8s ease-in-out infinite;

}


@keyframes asScroll {

    0%,
    100% {
        transform:
            translateY(0);
    }

    50% {
        transform:
            translateY(5px);
    }

}


/* =========================================================
   INTRO SECTION
========================================================= */

.as-intro-section {

    position:
        relative;

    padding:
        105px 0;

    background:
        #FFFFFF;

}


.as-section-eyebrow {

    margin-bottom:
        12px;

    color:
        var(--as-primary);

    font-size:
        0.84rem;

    font-weight:
        700;

}


.as-section-heading h2 {

    max-width:
        500px;

    margin:
        0 0 20px;

    color:
        var(--as-text-strong);

    font-size:
        clamp(2rem, 3.4vw, 2.9rem);

    font-weight:
        800;

    letter-spacing:
        -0.04em;

    line-height:
        1.45;

}


.as-section-heading h2 span {

    color:
        var(--as-primary);

}


.as-section-heading p {

    max-width:
        520px;

    margin:
        0;

    color:
        var(--as-text-muted);

    font-size:
        1rem;

    line-height:
        2;

}


/* =========================================================
   DISCOVERY CARD
========================================================= */

.as-discovery-card {

    padding:
        28px;

    background:
        #FBFCFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        26px;

    box-shadow:
        var(--as-shadow-sm);

}


.as-discovery-item {

    display:
        flex;

    align-items:
        center;

    gap:
        15px;

}


.as-discovery-number {

    flex:
        0 0 auto;

    width:
        50px;

    height:
        50px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        15px;

    font-size:
        0.8rem;

    font-weight:
        800;

}


.as-discovery-item strong {

    display:
        block;

    margin-bottom:
        2px;

    color:
        var(--as-text-strong);

    font-size:
        0.95rem;

}


.as-discovery-item span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.78rem;

}


.as-discovery-connector {

    width:
        1px;

    height:
        24px;

    margin:
        5px 0 5px 24px;

    background:
        #D8DDF0;

}


/* =========================================================
   START SECTION
========================================================= */

.as-start-section {

    padding:
        80px 0;

    background:
        #F8FAFC;

}


.as-start-card {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        30px;

    padding:
        45px 50px;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--as-primary-dark),
            var(--as-primary),
            var(--as-secondary)
        );

    border-radius:
        28px;

    box-shadow:
        0 25px 60px
        rgba(55, 48, 163, 0.20);

}


.as-start-eyebrow {

    margin-bottom:
        5px;

    color:
        #C7D2FE;

    font-size:
        0.8rem;

    font-weight:
        700;

}


.as-start-card h2 {

    margin:
        0 0 6px;

    font-size:
        clamp(1.7rem, 3vw, 2.3rem);

    font-weight:
        800;

}


.as-start-card p {

    margin:
        0;

    color:
        #E0E7FF;

}


.as-start-card .as-btn-light:hover {

    color:
        var(--as-primary-dark);

}


/* =========================================================
   FOOTER TEMPORARY
========================================================= */

.as-footer {

    padding:
        40px 0 25px;

    color:
        #9CA3AF;

    background:
        #111827;

}


.as-footer-brand {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    margin-bottom:
        12px;

    color:
        #FFFFFF;

    font-size:
        1.1rem;

    font-weight:
        800;

}


.as-footer-brand .as-brand-mark {

    width:
        36px;

    height:
        36px;

    border-radius:
        11px;

    font-size:
        1rem;

}


.as-footer p {

    margin-bottom:
        20px;

    color:
        #9CA3AF;

}


.as-footer-copy {

    padding-top:
        20px;

    border-top:
        1px solid
        rgba(255,255,255,.08);

    font-size:
        0.75rem;

}


/* =========================================================
   REVEAL ANIMATION
========================================================= */

.as-reveal {

    opacity:
        0;

    transform:
        translateY(20px);

    transition:
        opacity .75s ease,
        transform .75s ease;

}


.as-reveal.is-visible {

    opacity:
        1;

    transform:
        translateY(0);

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199.98px) {

    .as-navigation {

        gap:
            0;

    }


    .as-nav-link {

        padding-left:
            9px !important;

        padding-right:
            9px !important;

    }


    .as-btn-header {

        font-size:
            0.82rem;

    }

}


@media (max-width: 991.98px) {

    .as-header .navbar {

        min-height:
            70px;

    }


    .as-header-actions {

        padding:
            15px 0 20px;

        flex-direction:
            column;

        align-items:
            stretch;

    }


    .as-login-link {

        text-align:
            center;

    }


    .as-btn-header {

        width:
            100%;

    }


    .as-navigation {

        padding-top:
            15px;

        border-top:
            1px solid
            var(--as-border-light);

    }


    .as-nav-link {

        padding:
            11px 4px !important;

    }


    .as-nav-link::after {

        display:
            none;

    }


    .as-hero {

        min-height:
            auto;

        padding:
            125px 0 80px;

    }


    .as-intelligence-visual {

        min-height:
            510px;

        margin-top:
            15px;

    }


    .as-scroll-indicator {

        display:
            none;

    }

}


@media (max-width: 767.98px) {

    .as-hero-title {

        font-size:
            2.65rem;

    }


    .as-hero-description {

        font-size:
            0.98rem;

        line-height:
            1.95;

    }


    .as-hero-actions {

        flex-direction:
            column;

    }


    .as-btn-large {

        width:
            100%;

    }


    .as-hero-trust {

        gap:
            9px 15px;

    }


    .as-intelligence-visual {

        min-height:
            450px;

    }


    .as-intelligence-card {

        width:
            350px;

        min-height:
            425px;

    }


    .as-orbit-one {

        width:
            430px;

        height:
            430px;

    }


    .as-orbit-two {

        width:
            330px;

        height:
            330px;

    }


    .as-node-personality,
    .as-node-talent {

        top:
            5px;

    }


    .as-node-interest,
    .as-node-career {

        bottom:
            5px;

    }


    .as-floating-career {

        right:
            -5px;

    }


    .as-floating-education {

        left:
            -5px;

    }


    .as-intro-section {

        padding:
            75px 0;

    }


    .as-start-card {

        flex-direction:
            column;

        align-items:
            flex-start;

        padding:
            35px 28px;

    }


    .as-start-card .as-btn {

        width:
            100%;

    }

}


@media (max-width: 575.98px) {

    .as-container {

        padding-left:
            18px;

        padding-right:
            18px;

    }


    .as-hero {

        padding-top:
            110px;

    }


    .as-hero-title {

        font-size:
            2.3rem;

        line-height:
            1.38;

    }


    .as-hero-description {

        font-size:
            0.92rem;

    }


    .as-intelligence-visual {

        min-height:
            390px;

    }


    .as-intelligence-card {

        width:
            285px;

        min-height:
            380px;

        padding:
            17px;

        border-radius:
            24px;

    }


    .as-intelligence-map {

        height:
            240px;

    }


    .as-map-node {

        width:
            90px;

        padding:
            7px;

    }


    .as-map-node strong {

        font-size:
            0.68rem;

    }


    .as-map-node small {

        font-size:
            0.52rem;

    }


    .as-node-icon {

        width:
            25px;

        height:
            25px;

        font-size:
            0.75rem;

    }


    .as-map-center {

        width:
            68px;

        height:
            68px;

    }


    .as-line-one,
    .as-line-two,
    .as-line-three,
    .as-line-four {

        width:
            95px;

    }


    .as-orbit-one {

        width:
            315px;

        height:
            315px;

    }


    .as-orbit-two {

        width:
            255px;

        height:
            255px;

    }


    .as-floating-card {

        min-width:
            120px;

        padding:
            8px 9px;

    }


    .as-floating-card span {

        font-size:
            0.55rem;

    }


    .as-floating-card strong {

        font-size:
            0.8rem;

    }


    .as-floating-icon {

        width:
            29px;

        height:
            29px;

    }


    .as-floating-career {

        top:
            2px;

        right:
            -3px;

    }


    .as-floating-education {

        bottom:
            2px;

        left:
            -3px;

    }


    .as-profile-footer {

        gap:
            6px;

    }


    .as-profile-footer div {

        padding:
            7px;

    }


    .as-profile-footer span {

        font-size:
            0.55rem;

    }


    .as-profile-footer strong {

        font-size:
            0.62rem;

    }


    .as-discovery-card {

        padding:
            20px;

    }

}

/* =========================================================
   V0.2
   TRUST SECTION
========================================================= */

.as-trust-section {

    position: relative;

    padding: 25px 0 70px;

    background: #FFFFFF;

}


.as-trust-panel {

    display: flex;

    align-items: center;

    gap: 35px;

    padding: 25px 30px;

    background:
        #FBFCFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        var(--as-radius-lg);

}


.as-trust-heading {

    flex:
        0 0 180px;

    color:
        var(--as-text-strong);

    font-size:
        0.8rem;

    font-weight:
        700;

}


.as-trust-items {

    flex:
        1;

    display:
        grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap:
        15px;

}


.as-trust-feature {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

}


.as-trust-feature-icon {

    flex:
        0 0 auto;

    width:
        36px;

    height:
        36px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        11px;

    font-size:
        0.85rem;

    font-weight:
        800;

}


.as-trust-feature strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.73rem;

}


.as-trust-feature span {

    display:
        block;

    margin-top:
        1px;

    color:
        var(--as-text-muted);

    font-size:
        0.61rem;

    line-height:
        1.6;

}


/* =========================================================
   V0.2
   PROBLEM SECTION
========================================================= */

.as-problem-section {

    position:
        relative;

    padding:
        110px 0;

    background:
        var(--as-background);

}


.as-problem-content h2 {

    max-width:
        560px;

    margin:
        0 0 22px;

    color:
        var(--as-text-strong);

    font-size:
        clamp(2rem, 3.6vw, 3rem);

    font-weight:
        800;

    line-height:
        1.45;

    letter-spacing:
        -0.04em;

}


.as-problem-content h2 span {

    color:
        var(--as-primary);

}


.as-problem-content p {

    max-width:
        560px;

    margin:
        0 0 12px;

    color:
        var(--as-text-muted);

    font-size:
        0.98rem;

    line-height:
        2;

}


.as-problem-list {

    padding:
        10px;

}


.as-problem-item {

    position:
        relative;

    display:
        grid;

    grid-template-columns:
        36px 46px 1fr;

    align-items:
        center;

    gap:
        13px;

    padding:
        17px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        18px;

    box-shadow:
        0 8px 25px
        rgba(15, 23, 42, 0.035);

    transition:
        transform var(--as-transition),
        box-shadow var(--as-transition),
        border-color var(--as-transition);

}


.as-problem-item + .as-problem-item {

    margin-top:
        10px;

}


.as-problem-item:hover {

    transform:
        translateX(-5px);

    border-color:
        #D9DDF8;

    box-shadow:
        0 15px 35px
        rgba(15, 23, 42, 0.07);

}


.as-problem-number {

    color:
        #A5ADBF;

    font-size:
        0.68rem;

    font-weight:
        800;

}


.as-problem-icon {

    width:
        42px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        13px;

    font-weight:
        800;

}


.as-problem-text strong {

    display:
        block;

    margin-bottom:
        2px;

    color:
        var(--as-text-strong);

    font-size:
        0.84rem;

}


.as-problem-text span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.7rem;

    line-height:
        1.7;

}


/* =========================================================
   V0.2
   INTELLIGENCE SECTION
========================================================= */

.as-intelligence-section {

    position:
        relative;

    padding:
        115px 0;

    overflow:
        hidden;

    background:
        #FFFFFF;

}


.as-section-heading-centered {

    max-width:
        720px;

    margin:
        0 auto 65px;

    text-align:
        center;

}


.as-section-heading-centered h2 {

    margin:
        8px 0 16px;

    color:
        var(--as-text-strong);

    font-size:
        clamp(2rem, 4vw, 3.1rem);

    font-weight:
        800;

    line-height:
        1.4;

    letter-spacing:
        -0.045em;

}


.as-section-heading-centered h2 span {

    color:
        var(--as-primary);

}


.as-section-heading-centered p {

    max-width:
        680px;

    margin:
        auto;

    color:
        var(--as-text-muted);

    font-size:
        0.98rem;

    line-height:
        2;

}


/* =========================================================
   INTELLIGENCE FLOW
========================================================= */

.as-intelligence-flow {

    position:
        relative;

    width:
        900px;

    max-width:
        100%;

    height:
        590px;

    margin:
        0 auto;

}


.as-flow-center {

    position:
        absolute;

    top:
        205px;

    right:
        50%;

    z-index:
        5;

    width:
        150px;

    height:
        150px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--as-primary-dark),
            var(--as-primary),
            var(--as-secondary)
        );

    border:
        7px solid
        #FFFFFF;

    border-radius:
        50%;

    box-shadow:
        0 25px 60px
        rgba(79, 70, 229, 0.24);

    transform:
        translateX(50%);

}


.as-flow-center-glow {

    position:
        absolute;

    inset:
        -18px;

    z-index:
        -1;

    border-radius:
        50%;

    background:
        rgba(99, 102, 241, 0.12);

    filter:
        blur(15px);

}


.as-flow-center-icon {

    margin-bottom:
        3px;

    font-size:
        1.3rem;

}


.as-flow-center strong {

    font-size:
        1rem;

    font-weight:
        800;

}


.as-flow-center span {

    color:
        #C7D2FE;

    font-size:
        0.6rem;

}


/* =========================================================
   FLOW NODES
========================================================= */

.as-flow-node {

    position:
        absolute;

    z-index:
        4;

    width:
        155px;

    min-height:
        105px;

    padding:
        15px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    text-align:
        center;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border);

    border-radius:
        20px;

    box-shadow:
        0 12px 35px
        rgba(15, 23, 42, 0.055);

    transition:
        transform var(--as-transition),
        box-shadow var(--as-transition),
        border-color var(--as-transition);

}


.as-flow-node:hover {

    z-index:
        8;

    border-color:
        #C7D2FE;

    box-shadow:
        0 20px 45px
        rgba(79, 70, 229, 0.12);

    transform:
        translateY(-7px);

}


.as-flow-node-icon {

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        6px;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        12px;

    font-size:
        0.95rem;

}


.as-flow-node strong {

    margin-bottom:
        2px;

    color:
        var(--as-text-strong);

    font-size:
        0.82rem;

}


.as-flow-node span {

    color:
        var(--as-text-muted);

    font-size:
        0.65rem;

}


/* Position */

.as-flow-personality {

    top:
        0;

    right:
        28%;

}


.as-flow-talent {

    top:
        120px;

    right:
        0;

}


.as-flow-interest {

    bottom:
        95px;

    right:
        4%;

}


.as-flow-values {

    bottom:
        95px;

    left:
        4%;

}


.as-flow-abilities {

    top:
        120px;

    left:
        0;

}


/* =========================================================
   FLOW CONNECTORS
========================================================= */

.as-flow-connector {

    position:
        absolute;

    z-index:
        1;

    height:
        1px;

    background:
        linear-gradient(
            90deg,
            rgba(99,102,241,0),
            rgba(99,102,241,.35),
            rgba(99,102,241,0)
        );

    transform-origin:
        center;

}


.connector-1 {

    width:
        145px;

    top:
        125px;

    right:
        36%;

    transform:
        rotate(50deg);

}


.connector-2 {

    width:
        150px;

    top:
        205px;

    right:
        27%;

    transform:
        rotate(8deg);

}


.connector-3 {

    width:
        145px;

    bottom:
        145px;

    right:
        30%;

    transform:
        rotate(-35deg);

}


.connector-4 {

    width:
        145px;

    bottom:
        145px;

    left:
        30%;

    transform:
        rotate(35deg);

}


.connector-5 {

    width:
        150px;

    top:
        205px;

    left:
        27%;

    transform:
        rotate(-8deg);

}


/* =========================================================
   FLOW RESULT
========================================================= */

.as-flow-result {

    position:
        absolute;

    right:
        50%;

    bottom:
        0;

    z-index:
        5;

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    min-width:
        235px;

    padding:
        14px 18px;

    background:
        #F8FAFF;

    border:
        1px solid
        #E0E7FF;

    border-radius:
        17px;

    box-shadow:
        0 12px 30px
        rgba(79, 70, 229, 0.06);

    transform:
        translateX(50%);

}


.as-flow-result-icon {

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #FFFFFF;

    background:
        var(--as-primary);

    border-radius:
        12px;

    font-weight:
        800;

}


.as-flow-result strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.8rem;

}


.as-flow-result span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.65rem;

}


/* =========================================================
   INTELLIGENCE MESSAGE
========================================================= */

.as-intelligence-message {

    display:
        flex;

    align-items:
        center;

    gap:
        15px;

    max-width:
        780px;

    margin:
        15px auto 0;

    padding:
        18px 22px;

    background:
        #F8FAFF;

    border:
        1px solid
        #E4E7FF;

    border-radius:
        18px;

}


.as-intelligence-message-icon {

    flex:
        0 0 auto;

    width:
        42px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-success);

    background:
        var(--as-success-soft);

    border-radius:
        13px;

    font-weight:
        900;

}


.as-intelligence-message strong {

    display:
        block;

    margin-bottom:
        2px;

    color:
        var(--as-text-strong);

    font-size:
        0.82rem;

}


.as-intelligence-message span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.7rem;

    line-height:
        1.8;

}


/* =========================================================
   V0.2 RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .as-trust-panel {

        flex-direction:
            column;

        align-items:
            flex-start;

    }


    .as-trust-heading {

        flex:
            none;

    }


    .as-trust-items {

        width:
            100%;

    }


    .as-problem-section {

        padding:
            85px 0;

    }


    .as-intelligence-section {

        padding:
            85px 0;

    }


    .as-intelligence-flow {

        height:
            620px;

    }

}


@media (max-width: 767.98px) {

    .as-trust-section {

        padding:
            15px 0 50px;

    }


    .as-trust-panel {

        padding:
            20px;

    }


    .as-trust-items {

        grid-template-columns:
            1fr 1fr;

    }


    .as-problem-section {

        padding:
            75px 0;

    }


    .as-problem-list {

        padding:
            0;

    }


    .as-problem-item {

        grid-template-columns:
            32px 42px 1fr;

        gap:
            9px;

        padding:
            13px;

    }


    .as-problem-text strong {

        font-size:
            0.75rem;

    }


    .as-problem-text span {

        font-size:
            0.62rem;

    }


    .as-intelligence-section {

        padding:
            75px 0;

    }


    .as-section-heading-centered {

        margin-bottom:
            35px;

    }


    .as-intelligence-flow {

        height:
            600px;

    }


    .as-flow-center {

        top:
            200px;

        width:
            125px;

        height:
            125px;

    }


    .as-flow-node {

        width:
            125px;

        min-height:
            95px;

        padding:
            10px;

    }


    .as-flow-personality {

        top:
            0;

        right:
            50%;

        transform:
            translateX(50%);

    }


    .as-flow-personality:hover {

        transform:
            translateX(50%) translateY(-7px);

    }


    .as-flow-talent {

        top:
            155px;

        right:
            2%;

    }


    .as-flow-interest {

        bottom:
            100px;

        right:
            2%;

    }


    .as-flow-values {

        bottom:
            100px;

        left:
            2%;

    }


    .as-flow-abilities {

        top:
            155px;

        left:
            2%;

    }


    .as-flow-result {

        bottom:
            0;

        min-width:
            215px;

    }


    .connector-1,
    .connector-2,
    .connector-3,
    .connector-4,
    .connector-5 {

        opacity:
            0.5;

    }


    .as-intelligence-message {

        align-items:
            flex-start;

        padding:
            15px;

    }

}


@media (max-width: 575.98px) {

    .as-trust-items {

        grid-template-columns:
            1fr;

    }


    .as-trust-feature {

        padding:
            5px 0;

    }


    .as-problem-content h2 {

        font-size:
            2rem;

    }


    .as-problem-item {

        grid-template-columns:
            28px 38px 1fr;

    }


    .as-problem-icon {

        width:
            36px;

        height:
            36px;

        border-radius:
            11px;

    }


    .as-intelligence-flow {

        height:
            570px;

    }


    .as-flow-center {

        top:
            190px;

        width:
            110px;

        height:
            110px;

    }


    .as-flow-center strong {

        font-size:
            0.82rem;

    }


    .as-flow-node {

        width:
            105px;

        min-height:
            88px;

        border-radius:
            16px;

    }


    .as-flow-node-icon {

        width:
            31px;

        height:
            31px;

        border-radius:
            10px;

    }


    .as-flow-node strong {

        font-size:
            0.7rem;

    }


    .as-flow-node span {

        font-size:
            0.54rem;

    }


    .as-flow-personality {

        top:
            0;

    }


    .as-flow-talent {

        top:
            145px;

    }


    .as-flow-interest {

        bottom:
            95px;

    }


    .as-flow-values {

        bottom:
            95px;

    }


    .as-flow-abilities {

        top:
            145px;

    }


    .as-flow-result {

        min-width:
            195px;

        padding:
            11px 13px;

    }


    .as-flow-result-icon {

        width:
            34px;

        height:
            34px;

    }


    .as-flow-result strong {

        font-size:
            0.72rem;

    }


    .as-flow-result span {

        font-size:
            0.56rem;

    }


    .as-intelligence-message {

        gap:
            10px;

    }

}


/* =========================================================
   AVIDSANJ V0.3
   TESTS SECTION
========================================================= */

.as-tests-section {

    position: relative;

    padding:
        115px 0 120px;

    background:
        var(--as-background);

}


.as-tests-heading {

    margin-bottom:
        55px;

}


/* =========================================================
   TEST CARD
========================================================= */

.as-test-card {

    position: relative;

    height: 100%;

    display: flex;

    flex-direction: column;

    padding:
        25px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        24px;

    box-shadow:
        0 8px 30px
        rgba(15, 23, 42, 0.035);

    overflow:
        hidden;

    transition:
        transform var(--as-transition),
        box-shadow var(--as-transition),
        border-color var(--as-transition);

}


.as-test-card::before {

    content:
        "";

    position:
        absolute;

    top:
        0;

    right:
        0;

    left:
        0;

    height:
        3px;

    background:
        linear-gradient(
            90deg,
            var(--as-primary),
            var(--as-secondary)
        );

    transform:
        scaleX(0);

    transform-origin:
        right;

    transition:
        transform var(--as-transition);

}


.as-test-card:hover {

    transform:
        translateY(-7px);

    border-color:
        #DCE1F7;

    box-shadow:
        0 20px 50px
        rgba(15, 23, 42, 0.08);

}


.as-test-card:hover::before {

    transform:
        scaleX(1);

}


/* =========================================================
   CARD TOP
========================================================= */

.as-test-card-top {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    margin-bottom:
        23px;

}


.as-test-icon {

    width:
        55px;

    height:
        55px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        17px;

    font-size:
        1.15rem;

    font-weight:
        800;

}


.as-test-icon-personality {

    color:
        #4F46E5;

    background:
        #EEF2FF;

}


.as-test-icon-talent {

    color:
        #7C3AED;

    background:
        #F5F3FF;

}


.as-test-icon-interest {

    color:
        #0891B2;

    background:
        #ECFEFF;

}


.as-test-icon-values {

    color:
        #D97706;

    background:
        #FFFBEB;

}


.as-test-icon-cognitive {

    color:
        #059669;

    background:
        #ECFDF5;

}


.as-test-icon-learning {

    color:
        #DB2777;

    background:
        #FDF2F8;

}


.as-test-number {

    color:
        #B0B7C7;

    font-size:
        0.72rem;

    font-weight:
        800;

}


/* =========================================================
   CARD BODY
========================================================= */

.as-test-card-body {

    flex:
        1;

}


.as-test-card-body h3 {

    margin:
        0 0 10px;

    color:
        var(--as-text-strong);

    font-size:
        1.08rem;

    font-weight:
        800;

    letter-spacing:
        -0.02em;

}


.as-test-card-body p {

    margin:
        0;

    color:
        var(--as-text-muted);

    font-size:
        0.82rem;

    line-height:
        1.95;

}


/* =========================================================
   CARD META
========================================================= */

.as-test-card-meta {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin:
        22px 0 17px;

    padding-top:
        16px;

    border-top:
        1px solid
        var(--as-border-light);

}


.as-test-card-meta span {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        4px;

    padding:
        5px 8px;

    color:
        var(--as-text-muted);

    background:
        #F9FAFC;

    border-radius:
        8px;

    font-size:
        0.62rem;

    font-weight:
        600;

}


.as-test-card-meta i {

    font-style:
        normal;

    color:
        var(--as-primary);

    font-size:
        0.7rem;

}


/* =========================================================
   CARD LINK
========================================================= */

.as-test-card-link {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding-top:
        3px;

    color:
        var(--as-primary);

    font-size:
        0.8rem;

    font-weight:
        800;

}


.as-test-card-link span {

    font-size:
        1rem;

    transition:
        transform var(--as-transition-fast);

}


.as-test-card-link:hover {

    color:
        var(--as-primary-dark);

}


.as-test-card-link:hover span {

    transform:
        translateX(-5px);

}


/* =========================================================
   TESTS FOOTER
========================================================= */

.as-tests-footer {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        25px;

    margin-top:
        35px;

    padding:
        20px 24px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        18px;

}


.as-tests-footer-text {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

}


.as-tests-footer-icon {

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        12px;

}


.as-tests-footer-text strong {

    display:
        inline;

    color:
        var(--as-text-strong);

    font-size:
        0.78rem;

}


.as-tests-footer-text span {

    color:
        var(--as-text-muted);

    font-size:
        0.75rem;

}


/* =========================================================
   TESTS RESPONSIVE
========================================================= */

@media (max-width: 767.98px) {

    .as-tests-section {

        padding:
            80px 0;

    }


    .as-tests-heading {

        margin-bottom:
            35px;

    }


    .as-test-card {

        padding:
            21px;

        border-radius:
            20px;

    }


    .as-tests-footer {

        flex-direction:
            column;

        align-items:
            flex-start;

    }


    .as-tests-footer .as-btn {

        width:
            100%;

    }

}


@media (max-width: 575.98px) {

    .as-tests-section {

        padding:
            70px 0;

    }


    .as-test-card-top {

        margin-bottom:
            18px;

    }


    .as-test-icon {

        width:
            48px;

        height:
            48px;

        border-radius:
            14px;

    }


    .as-test-card-body h3 {

        font-size:
            1rem;

    }


    .as-test-card-body p {

        font-size:
            0.77rem;

    }


    .as-tests-footer {

        padding:
            17px;

    }


    .as-tests-footer-text {

        align-items:
            flex-start;

    }

}


/* =========================================================
   AVIDSANJ V0.4
   EDUCATION GUIDANCE
========================================================= */

.as-education-section {

    position: relative;

    padding:
        120px 0;

    overflow: hidden;

    background:
        #FFFFFF;

}


/* =========================================================
   CONTENT
========================================================= */

.as-education-content h2 {

    max-width:
        600px;

    margin:
        0 0 22px;

    color:
        var(--as-text-strong);

    font-size:
        clamp(2.05rem, 3.8vw, 3.15rem);

    font-weight:
        800;

    line-height:
        1.45;

    letter-spacing:
        -0.045em;

}


.as-education-content h2 span {

    display:
        inline;

    color:
        var(--as-primary);

}


.as-education-lead {

    max-width:
        570px;

    margin:
        0 0 28px;

    color:
        var(--as-text-muted);

    font-size:
        0.98rem;

    line-height:
        2.05;

}


/* =========================================================
   POINTS
========================================================= */

.as-education-points {

    display:
        flex;

    flex-direction:
        column;

    gap:
        12px;

}


.as-education-point {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

}


.as-education-point-icon {

    flex:
        0 0 auto;

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-success);

    background:
        var(--as-success-soft);

    border-radius:
        12px;

    font-size:
        0.75rem;

    font-weight:
        900;

}


.as-education-point strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.8rem;

}


.as-education-point span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.68rem;

}


/* =========================================================
   ACTIONS
========================================================= */

.as-education-actions {

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        18px;

    margin-top:
        30px;

}


.as-education-secondary-link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    color:
        var(--as-text-secondary);

    font-size:
        0.78rem;

    font-weight:
        700;

}


.as-education-secondary-link span {

    transition:
        transform var(--as-transition-fast);

}


.as-education-secondary-link:hover {

    color:
        var(--as-primary);

}


.as-education-secondary-link:hover span {

    transform:
        translateX(-4px);

}


/* =========================================================
   VISUAL
========================================================= */

.as-education-visual {

    position:
        relative;

    min-height:
        560px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

}


.as-education-glow {

    position:
        absolute;

    width:
        420px;

    height:
        420px;

    border-radius:
        50%;

    background:
        rgba(79, 70, 229, 0.08);

    filter:
        blur(35px);

}


.as-education-orbit {

    position:
        absolute;

    width:
        500px;

    height:
        500px;

    border:
        1px dashed
        rgba(79, 70, 229, 0.15);

    border-radius:
        50%;

    animation:
        asEducationOrbit
        35s linear infinite;

}


@keyframes asEducationOrbit {

    from {
        transform:
            rotate(0deg);
    }

    to {
        transform:
            rotate(360deg);
    }

}


/* =========================================================
   MAIN CARD
========================================================= */

.as-education-map-card {

    position:
        relative;

    z-index:
        4;

    width:
        410px;

    padding:
        25px;

    background:
        rgba(255,255,255,0.94);

    border:
        1px solid
        rgba(255,255,255,0.9);

    border-radius:
        28px;

    box-shadow:
        0 28px 75px
        rgba(15,23,42,0.12);

    backdrop-filter:
        blur(20px);

    -webkit-backdrop-filter:
        blur(20px);

}


/* =========================================================
   CARD HEADER
========================================================= */

.as-education-card-header {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding-bottom:
        17px;

    border-bottom:
        1px solid
        var(--as-border-light);

}


.as-education-card-header span {

    display:
        block;

    margin-bottom:
        2px;

    color:
        var(--as-text-muted);

    font-size:
        0.63rem;

}


.as-education-card-header strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.9rem;

}


.as-education-card-status {

    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-success);

    background:
        var(--as-success-soft);

    border-radius:
        11px;

    font-weight:
        900;

}


/* =========================================================
   PROFILE
========================================================= */

.as-education-profile {

    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    padding:
        18px 0;

}


.as-education-avatar {

    width:
        45px;

    height:
        45px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--as-primary),
            var(--as-secondary)
        );

    border-radius:
        14px;

    font-weight:
        800;

}


.as-education-profile strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.78rem;

}


.as-education-profile span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.61rem;

}


/* =========================================================
   MATCH
========================================================= */

.as-education-match {

    padding:
        15px;

    background:
        #F8FAFF;

    border:
        1px solid
        #E8EBFF;

    border-radius:
        15px;

}


.as-education-match-title {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    margin-bottom:
        9px;

}


.as-education-match-title span {

    color:
        var(--as-text-muted);

    font-size:
        0.65rem;

}


.as-education-match-title strong {

    color:
        var(--as-primary);

    font-size:
        1rem;

    font-weight:
        800;

}


.as-progress {

    width:
        100%;

    height:
        7px;

    overflow:
        hidden;

    background:
        #E8EBF5;

    border-radius:
        99px;

}


.as-progress-bar {

    height:
        100%;

    background:
        linear-gradient(
            90deg,
            var(--as-primary),
            var(--as-secondary)
        );

    border-radius:
        inherit;

}


/* =========================================================
   EDUCATION FIELDS
========================================================= */

.as-education-fields {

    display:
        flex;

    flex-direction:
        column;

    gap:
        8px;

    margin-top:
        15px;

}


.as-education-field {

    display:
        grid;

    grid-template-columns:
        36px 1fr auto;

    align-items:
        center;

    gap:
        9px;

    padding:
        9px;

    border:
        1px solid
        transparent;

    border-radius:
        12px;

    transition:
        background var(--as-transition-fast),
        border-color var(--as-transition-fast);

}


.as-education-field:hover {

    background:
        #FAFBFF;

    border-color:
        var(--as-border-light);

}


.as-education-field-icon {

    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        10px;

    font-size:
        0.75rem;

}


.as-education-field strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.7rem;

}


.as-education-field span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.56rem;

}


.as-education-field b {

    color:
        var(--as-primary);

    font-size:
        0.75rem;

}


/* =========================================================
   CARD FOOTER
========================================================= */

.as-education-card-footer {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        10px;

    margin-top:
        12px;

    padding-top:
        12px;

    border-top:
        1px solid
        var(--as-border-light);

}


.as-education-card-footer span {

    color:
        var(--as-text-light);

    font-size:
        0.5rem;

}


/* =========================================================
   FLOATING CARD
========================================================= */

.as-education-floating {

    position:
        absolute;

    left:
        -5px;

    bottom:
        75px;

    z-index:
        7;

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    padding:
        12px 14px;

    background:
        rgba(255,255,255,0.95);

    border:
        1px solid
        rgba(255,255,255,0.8);

    border-radius:
        15px;

    box-shadow:
        0 18px 40px
        rgba(15,23,42,0.10);

    animation:
        asEducationFloat
        4.5s ease-in-out infinite;

}


.as-education-floating-icon {

    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        10px;

}


.as-education-floating span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.58rem;

}


.as-education-floating strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.66rem;

}


@keyframes asEducationFloat {

    0%,
    100% {

        transform:
            translateY(0);

    }

    50% {

        transform:
            translateY(-8px);

    }

}


/* =========================================================
   EDUCATION JOURNEY
========================================================= */

.as-education-journey {

    margin-top:
        95px;

    padding:
        35px;

    background:
        #F8FAFF;

    border:
        1px solid
        #E7E9F7;

    border-radius:
        26px;

}


.as-education-journey-heading {

    margin-bottom:
        30px;

    text-align:
        center;

}


.as-education-journey-heading .as-section-eyebrow {

    margin-bottom:
        4px;

}


.as-education-journey-heading h3 {

    margin:
        0;

    color:
        var(--as-text-strong);

    font-size:
        1.25rem;

    font-weight:
        800;

}


.as-education-journey-items {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

}


.as-journey-item {

    flex:
        1;

    min-width:
        0;

    padding:
        16px;

    text-align:
        center;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        16px;

}


.as-journey-number {

    display:
        block;

    margin-bottom:
        3px;

    color:
        var(--as-primary);

    font-size:
        0.62rem;

    font-weight:
        800;

}


.as-journey-item strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.78rem;

}


.as-journey-item small {

    display:
        block;

    margin-top:
        2px;

    color:
        var(--as-text-muted);

    font-size:
        0.58rem;

}


.as-journey-final {

    border-color:
        #D8DDF8;

    background:
        #F5F6FF;

}


.as-journey-arrow {

    flex:
        0 0 auto;

    color:
        var(--as-primary);

    font-size:
        1rem;

    font-weight:
        800;

}


/* =========================================================
   EDUCATION RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .as-education-section {

        padding:
            90px 0;

    }


    .as-education-visual {

        min-height:
            530px;

        margin-top:
            15px;

    }


    .as-education-journey {

        margin-top:
            70px;

    }

}


@media (max-width: 767.98px) {

    .as-education-section {

        padding:
            75px 0;

    }


    .as-education-content h2 {

        font-size:
            2.15rem;

    }


    .as-education-actions {

        flex-direction:
            column;

        align-items:
            stretch;

    }


    .as-education-actions .as-btn {

        width:
            100%;

    }


    .as-education-secondary-link {

        justify-content:
            center;

    }


    .as-education-visual {

        min-height:
            480px;

    }


    .as-education-map-card {

        width:
            370px;

        max-width:
            calc(100% - 30px);

        padding:
            20px;

    }


    .as-education-orbit {

        width:
            430px;

        height:
            430px;

    }


    .as-education-floating {

        left:
            0;

        bottom:
            45px;

    }


    .as-education-journey {

        padding:
            25px 18px;

    }


    .as-education-journey-items {

        flex-direction:
            column;

        gap:
            7px;

    }


    .as-journey-item {

        width:
            100%;

    }


    .as-journey-arrow {

        transform:
            rotate(-90deg);

    }

}


@media (max-width: 575.98px) {

    .as-education-content h2 {

        font-size:
            1.95rem;

    }


    .as-education-lead {

        font-size:
            0.9rem;

    }


    .as-education-visual {

        min-height:
            430px;

    }


    .as-education-map-card {

        width:
            320px;

        padding:
            16px;

        border-radius:
            23px;

    }


    .as-education-orbit {

        width:
            350px;

        height:
            350px;

    }


    .as-education-glow {

        width:
            300px;

        height:
            300px;

    }


    .as-education-field {

        grid-template-columns:
            32px 1fr auto;

    }


    .as-education-field-icon {

        width:
            30px;

        height:
            30px;

    }


    .as-education-field strong {

        font-size:
            0.64rem;

    }


    .as-education-field span {

        font-size:
            0.51rem;

    }


    .as-education-floating {

        padding:
            9px 10px;

    }

}


/* =========================================================
   AVIDSANJ V0.5
   CAREER GUIDANCE
========================================================= */

.as-career-section {

    position:
        relative;

    padding:
        125px 0;

    overflow:
        hidden;

    background:
        #F8FAFC;

}


/* =========================================================
   CONTENT
========================================================= */

.as-career-content h2 {

    max-width:
        590px;

    margin:
        0 0 22px;

    color:
        var(--as-text-strong);

    font-size:
        clamp(2.05rem, 3.8vw, 3.15rem);

    font-weight:
        800;

    line-height:
        1.45;

    letter-spacing:
        -0.045em;

}


.as-career-content h2 span {

    color:
        var(--as-primary);

}


.as-career-lead {

    max-width:
        570px;

    margin:
        0 0 28px;

    color:
        var(--as-text-muted);

    font-size:
        0.98rem;

    line-height:
        2.05;

}


/* =========================================================
   CAREER FEATURES
========================================================= */

.as-career-features {

    display:
        flex;

    flex-direction:
        column;

    gap:
        13px;

}


.as-career-feature {

    display:
        flex;

    align-items:
        center;

    gap:
        13px;

    padding:
        12px 0;

}


.as-career-feature-number {

    flex:
        0 0 auto;

    width:
        39px;

    height:
        39px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border:
        1px solid
        #E0E7FF;

    border-radius:
        12px;

    font-size:
        0.64rem;

    font-weight:
        800;

}


.as-career-feature strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.82rem;

}


.as-career-feature span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.67rem;

}


/* =========================================================
   ACTIONS
========================================================= */

.as-career-actions {

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        18px;

    margin-top:
        28px;

}


.as-career-secondary-link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    color:
        var(--as-text-secondary);

    font-size:
        0.78rem;

    font-weight:
        700;

}


.as-career-secondary-link:hover {

    color:
        var(--as-primary);

}


.as-career-secondary-link span {

    transition:
        transform var(--as-transition-fast);

}


.as-career-secondary-link:hover span {

    transform:
        translateX(-4px);

}


/* =========================================================
   CAREER VISUAL
========================================================= */

.as-career-visual {

    position:
        relative;

    min-height:
        590px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

}


.as-career-glow {

    position:
        absolute;

    width:
        500px;

    height:
        500px;

    border-radius:
        50%;

    background:
        rgba(124,58,237,0.08);

    filter:
        blur(45px);

}


.as-career-grid {

    position:
        absolute;

    inset:
        0;

    opacity:
        0.25;

    background-image:
        linear-gradient(
            rgba(99,102,241,.12) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(99,102,241,.12) 1px,
            transparent 1px
        );

    background-size:
        35px 35px;

    mask-image:
        radial-gradient(
            ellipse,
            black 20%,
            transparent 70%
        );

}


/* =========================================================
   COMPASS
========================================================= */

.as-career-compass {

    position:
        relative;

    z-index:
        4;

    width:
        430px;

    padding:
        24px;

    background:
        rgba(255,255,255,0.94);

    border:
        1px solid
        rgba(255,255,255,0.9);

    border-radius:
        28px;

    box-shadow:
        0 30px 80px
        rgba(15,23,42,0.12);

    backdrop-filter:
        blur(20px);

    -webkit-backdrop-filter:
        blur(20px);

}


/* =========================================================
   COMPASS HEADER
========================================================= */

.as-career-compass-header {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding-bottom:
        16px;

    border-bottom:
        1px solid
        var(--as-border-light);

}


.as-career-compass-header span {

    display:
        block;

    margin-bottom:
        2px;

    color:
        var(--as-text-muted);

    font-size:
        0.61rem;

}


.as-career-compass-header strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.9rem;

}


.as-career-live {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        5px;

    padding:
        5px 8px;

    color:
        var(--as-success);

    background:
        var(--as-success-soft);

    border-radius:
        8px;

    font-size:
        0.54rem;

    font-weight:
        700;

}


.as-career-live i {

    width:
        6px;

    height:
        6px;

    border-radius:
        50%;

    background:
        #22C55E;

    box-shadow:
        0 0 0 4px
        rgba(34,197,94,.1);

}


/* =========================================================
   COMPASS AREA
========================================================= */

.as-compass {

    position:
        relative;

    width:
        290px;

    height:
        290px;

    margin:
        22px auto;

}


.as-compass-ring {

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    border:
        1px solid
        rgba(99,102,241,.18);

    border-radius:
        50%;

    transform:
        translate(-50%,-50%);

}


.ring-one {

    width:
        100%;

    height:
        100%;

}


.ring-two {

    width:
        73%;

    height:
        73%;

}


.ring-three {

    width:
        45%;

    height:
        45%;

}


/* =========================================================
   AXIS
========================================================= */

.as-compass-axis {

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    background:
        rgba(99,102,241,.16);

}


.axis-horizontal {

    width:
        100%;

    height:
        1px;

    transform:
        translate(-50%,-50%);

}


.axis-vertical {

    width:
        1px;

    height:
        100%;

    transform:
        translate(-50%,-50%);

}


/* =========================================================
   COMPASS LABELS
========================================================= */

.as-compass-label {

    position:
        absolute;

    color:
        var(--as-text-muted);

    font-size:
        0.55rem;

    font-weight:
        600;

    white-space:
        nowrap;

}


.label-top {

    top:
        -2px;

    left:
        50%;

    transform:
        translateX(-50%);

}


.label-right {

    top:
        50%;

    right:
        -28px;

    transform:
        translateY(-50%);

}


.label-bottom {

    bottom:
        -2px;

    left:
        50%;

    transform:
        translateX(-50%);

}


.label-left {

    top:
        50%;

    left:
        -28px;

    transform:
        translateY(-50%);

}


/* =========================================================
   COMPASS CENTER
========================================================= */

.as-compass-center {

    position:
        absolute;

    top:
        50%;

    left:
        50%;

    z-index:
        5;

    width:
        85px;

    height:
        85px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--as-primary),
            var(--as-secondary)
        );

    border:
        5px solid
        #FFFFFF;

    border-radius:
        50%;

    box-shadow:
        0 15px 35px
        rgba(79,70,229,.25);

    transform:
        translate(-50%,-50%);

}


.as-compass-center-icon {

    font-size:
        0.9rem;

}


.as-compass-center strong {

    font-size:
        0.7rem;

}


/* =========================================================
   CAREER POINTS
========================================================= */

.as-career-point {

    position:
        absolute;

    z-index:
        6;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    gap:
        3px;

}


.as-career-point span {

    width:
        14px;

    height:
        14px;

    border:
        3px solid
        #FFFFFF;

    border-radius:
        50%;

    box-shadow:
        0 4px 12px
        rgba(79,70,229,.22);

}


.as-career-point small {

    color:
        var(--as-text-strong);

    font-size:
        0.55rem;

    font-weight:
        700;

}


.point-tech {

    top:
        27%;

    right:
        24%;

}


.point-tech span {

    background:
        var(--as-primary);

}


.point-design {

    top:
        36%;

    left:
        20%;

}


.point-design span {

    background:
        #7C3AED;

}


.point-management {

    bottom:
        23%;

    right:
        20%;

}


.point-management span {

    background:
        #F59E0B;

}


.point-research {

    bottom:
        28%;

    left:
        28%;

}


.point-research span {

    background:
        #059669;

}


/* =========================================================
   CAREER MATCHES
========================================================= */

.as-career-matches {

    display:
        flex;

    flex-direction:
        column;

    gap:
        7px;

}


.as-career-match {

    display:
        grid;

    grid-template-columns:
        34px 1fr auto;

    align-items:
        center;

    gap:
        9px;

    padding:
        8px;

    border:
        1px solid
        transparent;

    border-radius:
        12px;

    transition:
        background var(--as-transition-fast),
        border-color var(--as-transition-fast);

}


.as-career-match:hover {

    background:
        #FAFBFF;

    border-color:
        var(--as-border-light);

}


.as-career-match-icon {

    width:
        32px;

    height:
        32px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        10px;

    font-size:
        0.72rem;

}


.as-career-match strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.68rem;

}


.as-career-match span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.53rem;

}


.as-career-match b {

    color:
        var(--as-primary);

    font-size:
        0.74rem;

}


/* =========================================================
   DEMO NOTE
========================================================= */

.as-career-demo-note {

    margin-top:
        10px;

    padding-top:
        10px;

    border-top:
        1px solid
        var(--as-border-light);

    color:
        var(--as-text-light);

    font-size:
        0.5rem;

    text-align:
        center;

}


/* =========================================================
   FLOATING CARD
========================================================= */

.as-career-floating {

    position:
        absolute;

    top:
        80px;

    left:
        -15px;

    z-index:
        8;

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    padding:
        11px 13px;

    background:
        rgba(255,255,255,.95);

    border:
        1px solid
        rgba(255,255,255,.8);

    border-radius:
        14px;

    box-shadow:
        0 18px 40px
        rgba(15,23,42,.10);

    animation:
        asCareerFloat
        4.5s ease-in-out infinite;

}


.as-career-floating-icon {

    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        10px;

}


.as-career-floating span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.55rem;

}


.as-career-floating strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.65rem;

}


@keyframes asCareerFloat {

    0%,
    100% {
        transform:
            translateY(0);
    }

    50% {
        transform:
            translateY(-8px);
    }

}


/* =========================================================
   CAREER JOURNEY
========================================================= */

.as-career-journey {

    position:
        relative;

    margin-top:
        100px;

    padding:
        35px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        26px;

    box-shadow:
        0 8px 30px
        rgba(15,23,42,.035);

}


.as-career-journey-heading {

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        30px;

    margin-bottom:
        35px;

}


.as-career-journey-heading h3 {

    margin:
        0;

    color:
        var(--as-text-strong);

    font-size:
        1.25rem;

    font-weight:
        800;

}


.as-career-journey-heading p {

    max-width:
        380px;

    margin:
        0;

    color:
        var(--as-text-muted);

    font-size:
        0.68rem;

    line-height:
        1.8;

}


/* =========================================================
   JOURNEY ITEMS
========================================================= */

.as-career-journey-items {

    position:
        relative;

    display:
        grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:
        15px;

}


.as-career-step {

    position:
        relative;

    z-index:
        2;

    padding:
        20px;

    text-align:
        center;

    background:
        #FAFBFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        16px;

}


.as-career-step-number {

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin:
        0 auto 8px;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        12px;

    font-size:
        0.62rem;

    font-weight:
        800;

}


.as-career-step strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.78rem;

}


.as-career-step span {

    display:
        block;

    margin-top:
        2px;

    color:
        var(--as-text-muted);

    font-size:
        0.58rem;

}


.as-career-step-final {

    background:
        #F5F6FF;

    border-color:
        #DCE1FF;

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .as-career-section {

        padding:
            90px 0;

    }


    .as-career-visual {

        min-height:
            540px;

        margin-bottom:
            10px;

    }


    .as-career-journey {

        margin-top:
            70px;

    }

}


@media (max-width: 767.98px) {

    .as-career-section {

        padding:
            75px 0;

    }


    .as-career-content h2 {

        font-size:
            2.15rem;

    }


    .as-career-actions {

        flex-direction:
            column;

        align-items:
            stretch;

    }


    .as-career-actions .as-btn {

        width:
            100%;

    }


    .as-career-secondary-link {

        justify-content:
            center;

    }


    .as-career-visual {

        min-height:
            490px;

    }


    .as-career-compass {

        width:
            370px;

        max-width:
            calc(100% - 25px);

        padding:
            20px;

    }


    .as-compass {

        width:
            255px;

        height:
            255px;

    }


    .as-career-floating {

        top:
            45px;

        left:
            0;

    }


    .as-career-journey {

        padding:
            25px 18px;

    }


    .as-career-journey-heading {

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            10px;

    }


    .as-career-journey-items {

        grid-template-columns:
            1fr 1fr;

    }

}


@media (max-width: 575.98px) {

    .as-career-content h2 {

        font-size:
            1.95rem;

    }


    .as-career-lead {

        font-size:
            0.9rem;

    }


    .as-career-visual {

        min-height:
            430px;

    }


    .as-career-compass {

        width:
            320px;

        padding:
            16px;

        border-radius:
            23px;

    }


    .as-compass {

        width:
            215px;

        height:
            215px;

        margin:
            18px auto;

    }


    .as-compass-center {

        width:
            70px;

        height:
            70px;

    }


    .as-compass-center strong {

        font-size:
            0.62rem;

    }


    .as-compass-label {

        font-size:
            0.46rem;

    }


    .label-right {

        right:
            -23px;

    }


    .label-left {

        left:
            -23px;

    }


    .as-career-point small {

        font-size:
            0.48rem;

    }


    .as-career-match strong {

        font-size:
            0.62rem;

    }


    .as-career-match span {

        font-size:
            0.49rem;

    }


    .as-career-floating {

        padding:
            8px 9px;

    }


    .as-career-journey-items {

        grid-template-columns:
            1fr;

    }

}


/* =========================================================
   AVIDSANJ V0.6
   COMPREHENSIVE REPORT
========================================================= */

.as-report-section {

    position:
        relative;

    padding:
        125px 0;

    background:
        #FFFFFF;

}


/* =========================================================
   HEADER
========================================================= */

.as-report-heading {

    margin-bottom:
        55px;

}


/* =========================================================
   EXPERIENCE
========================================================= */

.as-report-experience {

    display:
        grid;

    grid-template-columns:
        205px minmax(0, 1fr);

    min-height:
        620px;

    overflow:
        hidden;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border);

    border-radius:
        28px;

    box-shadow:
        0 25px 70px
        rgba(15,23,42,.08);

}


/* =========================================================
   SIDEBAR
========================================================= */

.as-report-sidebar {

    display:
        flex;

    flex-direction:
        column;

    background:
        #F8FAFF;

    border-left:
        1px solid
        var(--as-border-light);

}


.as-report-user {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    padding:
        22px 18px;

    border-bottom:
        1px solid
        var(--as-border-light);

}


.as-report-user-avatar {

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--as-primary),
            var(--as-secondary)
        );

    border-radius:
        12px;

    font-weight:
        800;

}


.as-report-user strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.7rem;

}


.as-report-user span {

    display:
        block;

    margin-top:
        2px;

    color:
        var(--as-text-muted);

    font-size:
        0.55rem;

}


/* =========================================================
   REPORT NAV
========================================================= */

.as-report-nav {

    display:
        flex;

    flex-direction:
        column;

    gap:
        5px;

    padding:
        18px 10px;

}


.as-report-nav-item {

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    padding:
        10px;

    color:
        var(--as-text-muted);

    border-radius:
        11px;

    font-size:
        0.64rem;

    font-weight:
        600;

    transition:
        background var(--as-transition-fast),
        color var(--as-transition-fast);

}


.as-report-nav-item:hover {

    color:
        var(--as-primary);

    background:
        #EEF2FF;

}


.as-report-nav-item.is-active {

    color:
        var(--as-primary);

    background:
        #EEF2FF;

    font-weight:
        800;

}


.as-report-nav-icon {

    width:
        26px;

    height:
        26px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        currentColor;

    background:
        rgba(99,102,241,.08);

    border-radius:
        8px;

}


.as-report-sidebar-footer {

    margin-top:
        auto;

    padding:
        15px;

    border-top:
        1px solid
        var(--as-border-light);

    text-align:
        center;

}


.as-report-sidebar-footer span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.53rem;

}


.as-report-sidebar-footer small {

    display:
        block;

    margin-top:
        3px;

    color:
        var(--as-text-light);

    font-size:
        0.48rem;

}


/* =========================================================
   REPORT MAIN
========================================================= */

.as-report-main {

    min-width:
        0;

    padding:
        28px;

    background:
        #FFFFFF;

}


.as-report-main-header {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    margin-bottom:
        20px;

}


.as-report-main-header span {

    display:
        block;

    margin-bottom:
        3px;

    color:
        var(--as-text-muted);

    font-size:
        0.58rem;

}


.as-report-main-header h3 {

    margin:
        0;

    color:
        var(--as-text-strong);

    font-size:
        1.2rem;

    font-weight:
        800;

}


.as-report-status {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    padding:
        6px 9px;

    color:
        var(--as-success);

    background:
        var(--as-success-soft);

    border-radius:
        8px;

    font-size:
        0.53rem;

    font-weight:
        700;

}


.as-report-status i {

    width:
        6px;

    height:
        6px;

    background:
        #22C55E;

    border-radius:
        50%;

}


/* =========================================================
   SUMMARY
========================================================= */

.as-report-summary {

    display:
        grid;

    grid-template-columns:
        1fr 170px;

    gap:
        20px;

    padding:
        18px;

    background:
        #F8FAFF;

    border:
        1px solid
        #E8EBFF;

    border-radius:
        18px;

}


.as-report-summary-intro {

    display:
        flex;

    align-items:
        center;

    gap:
        11px;

}


.as-report-summary-icon {

    flex:
        0 0 auto;

    width:
        42px;

    height:
        42px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        12px;

}


.as-report-summary-intro strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.76rem;

}


.as-report-summary-intro p {

    max-width:
        450px;

    margin:
        3px 0 0;

    color:
        var(--as-text-muted);

    font-size:
        0.61rem;

    line-height:
        1.7;

}


.as-report-summary-score {

    padding-right:
        18px;

    border-right:
        1px solid
        var(--as-border-light);

}


.as-report-summary-score > span {

    display:
        block;

    margin-bottom:
        3px;

    color:
        var(--as-text-muted);

    font-size:
        0.55rem;

}


.as-report-summary-score strong {

    display:
        block;

    margin-bottom:
        6px;

    color:
        var(--as-primary);

    font-size:
        1.35rem;

    font-weight:
        800;

}


.as-report-mini-progress {

    height:
        5px;

    overflow:
        hidden;

    background:
        #E5E7EB;

    border-radius:
        99px;

}


.as-report-mini-progress div {

    height:
        100%;

    background:
        linear-gradient(
            90deg,
            var(--as-primary),
            var(--as-secondary)
        );

    border-radius:
        inherit;

}


/* =========================================================
   METRICS
========================================================= */

.as-report-metrics {

    display:
        grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:
        10px;

    margin-top:
        15px;

}


.as-report-metric {

    padding:
        14px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        15px;

}


.as-report-metric-icon {

    width:
        29px;

    height:
        29px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        8px;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        9px;

    font-size:
        0.65rem;

}


.as-report-metric span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.56rem;

}


.as-report-metric strong {

    display:
        block;

    margin:
        2px 0;

    color:
        var(--as-text-strong);

    font-size:
        1.15rem;

}


.as-report-metric small {

    color:
        var(--as-text-light);

    font-size:
        0.48rem;

}


/* =========================================================
   INSIGHTS
========================================================= */

.as-report-insights {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        12px;

    margin-top:
        15px;

}


.as-report-insight-card {

    padding:
        15px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        16px;

}


.as-report-insight-header {

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    margin-bottom:
        13px;

}


.as-report-insight-icon {

    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        10px;

}


.as-report-insight-header strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.68rem;

}


.as-report-insight-header span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.51rem;

}


/* =========================================================
   STRENGTHS
========================================================= */

.as-report-strengths {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        6px;

}


.as-report-strengths span {

    padding:
        6px 8px;

    color:
        var(--as-primary);

    background:
        #F5F6FF;

    border:
        1px solid
        #E5E7FF;

    border-radius:
        8px;

    font-size:
        0.56rem;

    font-weight:
        700;

}


/* =========================================================
   CAREER LIST
========================================================= */

.as-report-career-list {

    display:
        flex;

    flex-direction:
        column;

    gap:
        7px;

}


.as-report-career-list div {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding:
        7px 8px;

    background:
        #FAFBFF;

    border-radius:
        8px;

}


.as-report-career-list span {

    color:
        var(--as-text-secondary);

    font-size:
        0.58rem;

}


.as-report-career-list b {

    color:
        var(--as-success);

    font-size:
        0.55rem;

}


/* =========================================================
   MESSAGE
========================================================= */

.as-report-message {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    margin-top:
        15px;

    padding:
        13px;

    background:
        #F8FAFF;

    border:
        1px solid
        #E7E9F7;

    border-radius:
        13px;

}


.as-report-message-icon {

    width:
        31px;

    height:
        31px;

    flex:
        0 0 auto;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-success);

    background:
        var(--as-success-soft);

    border-radius:
        9px;

}


.as-report-message strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.62rem;

}


.as-report-message span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.53rem;

}


.as-report-demo-note {

    margin-top:
        8px;

    color:
        var(--as-text-light);

    font-size:
        0.48rem;

    text-align:
        left;

}


/* =========================================================
   VALUE STRIP
========================================================= */

.as-report-value-strip {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    margin-top:
        28px;

    padding:
        18px;

    background:
        #F8FAFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        18px;

}


.as-report-value {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    padding:
        5px;

}


.as-report-value-icon {

    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        10px;

    font-size:
        0.58rem;

    font-weight:
        800;

}


.as-report-value strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.65rem;

}


.as-report-value span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.5rem;

}


.as-report-value-arrow {

    color:
        #AAB1C2;

    font-size:
        0.8rem;

}


.as-report-value-final .as-report-value-icon {

    color:
        #FFFFFF;

    background:
        var(--as-primary);

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .as-report-section {

        padding:
            90px 0;

    }


    .as-report-experience {

        grid-template-columns:
            175px minmax(0,1fr);

    }


    .as-report-main {

        padding:
            22px;

    }


    .as-report-summary {

        grid-template-columns:
            1fr;

    }


    .as-report-summary-score {

        padding:
            12px 0 0;

        border-right:
            0;

        border-top:
            1px solid
            var(--as-border-light);

    }

}


@media (max-width: 767.98px) {

    .as-report-section {

        padding:
            75px 0;

    }


    .as-report-experience {

        display:
            block;

        min-height:
            auto;

    }


    .as-report-sidebar {

        display:
            none;

    }


    .as-report-main {

        padding:
            18px;

    }


    .as-report-main-header {

        align-items:
            flex-start;

        flex-direction:
            column;

    }


    .as-report-metrics {

        grid-template-columns:
            repeat(2,1fr);

    }


    .as-report-insights {

        grid-template-columns:
            1fr;

    }


    .as-report-value-strip {

        flex-wrap:
            wrap;

    }


    .as-report-value-arrow {

        display:
            none;

    }

}


@media (max-width: 575.98px) {

    .as-report-main {

        padding:
            14px;

    }


    .as-report-summary {

        padding:
            13px;

    }


    .as-report-summary-intro {

        align-items:
            flex-start;

    }


    .as-report-metric {

        padding:
            11px;

    }


    .as-report-metric strong {

        font-size:
            1rem;

    }


    .as-report-value-strip {

        justify-content:
            flex-start;

        padding:
            13px;

    }


    .as-report-value {

        width:
            100%;

    }

}

/* =========================================================
   AVIDSANJ V0.7
   CONSULTANTS + TESTIMONIALS
========================================================= */

.as-consultants-section {

    position:
        relative;

    padding:
        125px 0;

    background:
        var(--as-background);

}


/* =========================================================
   CONSULTANTS HEADER
========================================================= */

.as-consultants-heading {

    margin-bottom:
        55px;

}


.as-consultants-heading h2 span {

    color:
        var(--as-primary);

}


/* =========================================================
   CONSULTANT FEATURE
========================================================= */

.as-consultant-feature {

    display:
        grid;

    grid-template-columns:
        0.9fr 1.1fr;

    gap:
        45px;

    align-items:
        center;

    padding:
        45px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        30px;

    box-shadow:
        0 20px 60px
        rgba(15,23,42,.055);

}


/* =========================================================
   FEATURE INTRO
========================================================= */

.as-consultant-feature-intro {

    max-width:
        500px;

}


.as-consultant-feature-badge {

    display:
        inline-flex;

    align-items:
        center;

    padding:
        6px 10px;

    margin-bottom:
        16px;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        9px;

    font-size:
        0.62rem;

    font-weight:
        800;

}


.as-consultant-feature-intro h3 {

    margin:
        0 0 17px;

    color:
        var(--as-text-strong);

    font-size:
        clamp(1.65rem, 3vw, 2.35rem);

    font-weight:
        800;

    line-height:
        1.5;

    letter-spacing:
        -0.035em;

}


.as-consultant-feature-intro h3 span {

    color:
        var(--as-primary);

}


.as-consultant-feature-intro p {

    margin:
        0 0 25px;

    color:
        var(--as-text-muted);

    font-size:
        0.86rem;

    line-height:
        2;

}


/* =========================================================
   CONSULTANTS LIST
========================================================= */

.as-consultants-list {

    display:
        flex;

    flex-direction:
        column;

    gap:
        10px;

}


.as-consultant-card {

    display:
        grid;

    grid-template-columns:
        50px 1fr 30px;

    align-items:
        center;

    gap:
        12px;

    padding:
        14px 16px;

    background:
        #FAFBFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        17px;

    transition:
        transform var(--as-transition),
        background var(--as-transition),
        border-color var(--as-transition),
        box-shadow var(--as-transition);

}


.as-consultant-card:hover {

    transform:
        translateX(-5px);

    background:
        #FFFFFF;

    border-color:
        #DDE2FF;

    box-shadow:
        0 12px 30px
        rgba(15,23,42,.06);

}


/* =========================================================
   CONSULTANT AVATAR
========================================================= */

.as-consultant-avatar {

    position:
        relative;

    width:
        48px;

    height:
        48px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            #6366F1,
            #8B5CF6
        );

    border-radius:
        15px;

    font-size:
        0.95rem;

    font-weight:
        800;

}


.as-consultant-avatar.avatar-two {

    background:
        linear-gradient(
            135deg,
            #0891B2,
            #06B6D4
        );

}


.as-consultant-avatar.avatar-three {

    background:
        linear-gradient(
            135deg,
            #059669,
            #10B981
        );

}


.as-consultant-avatar i {

    position:
        absolute;

    right:
        -2px;

    bottom:
        -2px;

    width:
        10px;

    height:
        10px;

    background:
        #22C55E;

    border:
        2px solid
        #FFFFFF;

    border-radius:
        50%;

}


/* =========================================================
   CONSULTANT INFO
========================================================= */

.as-consultant-info h3 {

    margin:
        0 0 2px;

    color:
        var(--as-text-strong);

    font-size:
        0.78rem;

    font-weight:
        800;

}


.as-consultant-role {

    display:
        block;

    margin-bottom:
        6px;

    color:
        var(--as-text-muted);

    font-size:
        0.6rem;

}


.as-consultant-tags {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        5px;

}


.as-consultant-tags span {

    padding:
        3px 6px;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        6px;

    font-size:
        0.5rem;

    font-weight:
        700;

}


.as-consultant-arrow {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #A8B0C2;

    font-size:
        1rem;

    transition:
        transform var(--as-transition-fast),
        color var(--as-transition-fast);

}


.as-consultant-card:hover .as-consultant-arrow {

    color:
        var(--as-primary);

    transform:
        translateX(-4px);

}


/* =========================================================
   TRUST STRIP
========================================================= */

.as-consultants-trust {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        35px;

    margin:
        25px 0 100px;

    padding:
        19px 25px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        18px;

}


.as-consultants-trust-item {

    text-align:
        center;

}


.as-consultants-trust-item strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.72rem;

}


.as-consultants-trust-item span {

    display:
        block;

    margin-top:
        2px;

    color:
        var(--as-text-muted);

    font-size:
        0.57rem;

}


.as-consultants-trust-divider {

    width:
        1px;

    height:
        30px;

    background:
        var(--as-border);

}


/* =========================================================
   TESTIMONIAL HEADER
========================================================= */

.as-testimonials-heading {

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        30px;

    margin-bottom:
        35px;

}


.as-testimonials-heading h3 {

    max-width:
        650px;

    margin:
        5px 0 0;

    color:
        var(--as-text-strong);

    font-size:
        clamp(1.55rem, 3vw, 2.25rem);

    font-weight:
        800;

    line-height:
        1.5;

    letter-spacing:
        -0.035em;

}


.as-testimonials-heading h3 span {

    color:
        var(--as-primary);

}


.as-testimonials-rating {

    flex:
        0 0 auto;

    text-align:
        left;

}


.as-testimonial-stars {

    color:
        #F59E0B;

    font-size:
        0.9rem;

    letter-spacing:
        2px;

}


.as-testimonials-rating span {

    display:
        block;

    margin-top:
        3px;

    color:
        var(--as-text-muted);

    font-size:
        0.55rem;

}


/* =========================================================
   TESTIMONIAL GRID
========================================================= */

.as-testimonials-grid {

    display:
        grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:
        15px;

}


.as-testimonial-card {

    position:
        relative;

    padding:
        24px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        21px;

    box-shadow:
        0 8px 25px
        rgba(15,23,42,.035);

    transition:
        transform var(--as-transition),
        box-shadow var(--as-transition),
        border-color var(--as-transition);

}


.as-testimonial-card:hover {

    transform:
        translateY(-6px);

    border-color:
        #DDE2FF;

    box-shadow:
        0 18px 40px
        rgba(15,23,42,.07);

}


.as-testimonial-featured {

    background:
        linear-gradient(
            145deg,
            #F8FAFF,
            #FFFFFF
        );

    border-color:
        #DCE1FF;

}


/* =========================================================
   TESTIMONIAL TOP
========================================================= */

.as-testimonial-top {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

}


.as-testimonial-avatar {

    width:
        40px;

    height:
        40px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            #6366F1,
            #8B5CF6
        );

    border-radius:
        12px;

    font-size:
        0.75rem;

    font-weight:
        800;

}


.as-testimonial-avatar.avatar-blue {

    background:
        linear-gradient(
            135deg,
            #0891B2,
            #06B6D4
        );

}


.as-testimonial-avatar.avatar-green {

    background:
        linear-gradient(
            135deg,
            #059669,
            #10B981
        );

}


.as-testimonial-top strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.68rem;

}


.as-testimonial-top span {

    display:
        block;

    margin-top:
        2px;

    color:
        var(--as-text-muted);

    font-size:
        0.53rem;

}


.as-testimonial-quote {

    margin-right:
        auto;

    color:
        #D5D9E7;

    font-family:
        Georgia,
        serif;

    font-size:
        2rem;

    line-height:
        1;

}


/* =========================================================
   TESTIMONIAL BODY
========================================================= */

.as-testimonial-card blockquote {

    margin:
        22px 0;

    color:
        var(--as-text-secondary);

    font-size:
        0.76rem;

    line-height:
        2;

}


.as-testimonial-context {

    padding-top:
        11px;

    border-top:
        1px solid
        var(--as-border-light);

    color:
        var(--as-text-light);

    font-size:
        0.51rem;

}


/* =========================================================
   TESTIMONIAL NOTE
========================================================= */

.as-testimonials-note {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    margin-top:
        14px;

    color:
        var(--as-text-light);

    font-size:
        0.54rem;

}


.as-testimonials-note-icon {

    width:
        18px;

    height:
        18px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-text-muted);

    background:
        #F1F3F8;

    border-radius:
        50%;

    font-size:
        0.55rem;

    font-weight:
        800;

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .as-consultants-section {

        padding:
            90px 0;

    }


    .as-consultant-feature {

        grid-template-columns:
            1fr;

        gap:
            30px;

        padding:
            32px;

    }


    .as-consultant-feature-intro {

        max-width:
            none;

    }


    .as-consultants-trust {

        margin-bottom:
            75px;

    }


    .as-testimonials-grid {

        grid-template-columns:
            1fr 1fr;

    }


    .as-testimonial-card:last-child {

        grid-column:
            1 / -1;

    }

}


@media (max-width: 767.98px) {

    .as-consultants-section {

        padding:
            75px 0;

    }


    .as-consultant-feature {

        padding:
            25px;

        border-radius:
            24px;

    }


    .as-consultant-feature-intro h3 {

        font-size:
            1.7rem;

    }


    .as-consultants-trust {

        flex-direction:
            column;

        gap:
            15px;

        margin-bottom:
            65px;

    }


    .as-consultants-trust-divider {

        width:
            45px;

        height:
            1px;

    }


    .as-testimonials-heading {

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            12px;

    }


    .as-testimonials-rating {

        text-align:
            right;

    }


    .as-testimonials-grid {

        grid-template-columns:
            1fr;

    }


    .as-testimonial-card:last-child {

        grid-column:
            auto;

    }

}


@media (max-width: 575.98px) {

    .as-consultant-feature {

        padding:
            20px;

    }


    .as-consultant-card {

        grid-template-columns:
            44px 1fr 20px;

        padding:
            11px;

    }


    .as-consultant-avatar {

        width:
            42px;

        height:
            42px;

    }


    .as-consultant-info h3 {

        font-size:
            0.7rem;

    }


    .as-consultant-role {

        font-size:
            0.55rem;

    }


    .as-consultant-tags span {

        font-size:
            0.46rem;

    }


    .as-testimonial-card {

        padding:
            20px;

    }


    .as-testimonial-card blockquote {

        font-size:
            0.72rem;

    }


    .as-testimonials-note {

        align-items:
            flex-start;

        line-height:
            1.7;

    }

}


/* =========================================================
   AVIDSANJ V0.8
   PARTNERS + PRICING + FAQ
========================================================= */

.as-business-section {

    position:
        relative;

    padding:
        125px 0;

    background:
        #F8FAFC;

}


/* =========================================================
   PARTNERS
========================================================= */

.as-partners-block {

    margin-bottom:
        105px;

}


.as-partners-heading {

    display:
        grid;

    grid-template-columns:
        1.15fr .85fr;

    align-items:
        end;

    gap:
        50px;

    margin-bottom:
        32px;

}


.as-partners-heading h2 {

    max-width:
        650px;

    margin:
        6px 0 0;

    color:
        var(--as-text-strong);

    font-size:
        clamp(1.7rem, 3vw, 2.45rem);

    font-weight:
        800;

    line-height:
        1.5;

    letter-spacing:
        -0.04em;

}


.as-partners-heading h2 span {

    color:
        var(--as-primary);

}


.as-partners-heading p {

    max-width:
        440px;

    margin:
        0;

    color:
        var(--as-text-muted);

    font-size:
        0.78rem;

    line-height:
        2;

}


/* =========================================================
   PARTNER LOGOS
========================================================= */

.as-partners-logos {

    display:
        grid;

    grid-template-columns:
        repeat(5,1fr);

    gap:
        10px;

}


.as-partner-logo {

    min-height:
        95px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    color:
        #7C8497;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        17px;

    transition:
        transform var(--as-transition),
        border-color var(--as-transition),
        box-shadow var(--as-transition);

}


.as-partner-logo:hover {

    transform:
        translateY(-4px);

    border-color:
        #DDE2FF;

    box-shadow:
        0 12px 30px
        rgba(15,23,42,.06);

}


.as-partner-logo strong {

    font-size:
        0.65rem;

    font-weight:
        700;

}


.as-partner-mark {

    width:
        30px;

    height:
        30px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #FFFFFF;

    background:
        #6366F1;

    border-radius:
        9px;

    font-size:
        0.7rem;

    font-weight:
        800;

}


.as-partner-mark.mark-two {

    background:
        #0891B2;

}


.as-partner-mark.mark-three {

    background:
        #059669;

}


.as-partner-mark.mark-four {

    background:
        #D97706;

}


.as-partner-mark.mark-five {

    background:
        #7C3AED;

}


.as-partners-note {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    margin-top:
        12px;

    color:
        var(--as-text-light);

    font-size:
        0.52rem;

}


.as-partners-note-icon {

    width:
        18px;

    height:
        18px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        #EEF0F5;

    border-radius:
        50%;

    font-size:
        0.5rem;

}


/* =========================================================
   PRICING HEADER
========================================================= */

.as-pricing-heading {

    max-width:
        750px;

    margin:
        0 auto 45px;

    text-align:
        center;

}


.as-pricing-heading h2 {

    margin:
        6px 0 13px;

    color:
        var(--as-text-strong);

    font-size:
        clamp(1.8rem, 3.4vw, 2.7rem);

    font-weight:
        800;

    line-height:
        1.5;

    letter-spacing:
        -0.04em;

}


.as-pricing-heading h2 span {

    color:
        var(--as-primary);

}


.as-pricing-heading p {

    max-width:
        650px;

    margin:
        0 auto;

    color:
        var(--as-text-muted);

    font-size:
        0.72rem;

    line-height:
        1.9;

}


/* =========================================================
   PRICING GRID
========================================================= */

.as-pricing-grid {

    display:
        grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:
        16px;

    align-items:
        stretch;

}


/* =========================================================
   PRICING CARD
========================================================= */

.as-pricing-card {

    position:
        relative;

    display:
        flex;

    flex-direction:
        column;

    padding:
        27px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        23px;

    box-shadow:
        0 8px 30px
        rgba(15,23,42,.035);

    transition:
        transform var(--as-transition),
        box-shadow var(--as-transition),
        border-color var(--as-transition);

}


.as-pricing-card:hover {

    transform:
        translateY(-5px);

    border-color:
        #DCE1FF;

    box-shadow:
        0 20px 45px
        rgba(15,23,42,.07);

}


.as-pricing-featured {

    border:
        1.5px solid
        #C9D0FF;

    box-shadow:
        0 18px 50px
        rgba(79,70,229,.10);

}


.as-pricing-popular {

    position:
        absolute;

    top:
        0;

    left:
        24px;

    padding:
        5px 9px;

    color:
        #FFFFFF;

    background:
        var(--as-primary);

    border-radius:
        0 0 8px 8px;

    font-size:
        0.5rem;

    font-weight:
        800;

}


/* =========================================================
   PRICING TOP
========================================================= */

.as-pricing-card-top {

    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        space-between;

    gap:
        10px;

}


.as-pricing-label {

    display:
        block;

    margin-bottom:
        5px;

    color:
        var(--as-text-muted);

    font-size:
        0.56rem;

}


.as-pricing-card h3 {

    margin:
        0;

    color:
        var(--as-text-strong);

    font-size:
        1.3rem;

    font-weight:
        800;

}


.as-pricing-icon {

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        11px;

    font-size:
        0.65rem;

    font-weight:
        800;

}


/* =========================================================
   PRICING DESCRIPTION
========================================================= */

.as-pricing-description {

    min-height:
        75px;

    margin:
        16px 0;

    color:
        var(--as-text-muted);

    font-size:
        0.67rem;

    line-height:
        1.9;

}


/* =========================================================
   PRICE
========================================================= */

.as-pricing-price {

    padding:
        15px 0;

    border-top:
        1px solid
        var(--as-border-light);

    border-bottom:
        1px solid
        var(--as-border-light);

}


.as-pricing-price strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        1.35rem;

    font-weight:
        800;

}


.as-pricing-price span {

    display:
        block;

    margin-top:
        2px;

    color:
        var(--as-text-light);

    font-size:
        0.5rem;

}


/* =========================================================
   FEATURES
========================================================= */

.as-pricing-features {

    display:
        flex;

    flex-direction:
        column;

    gap:
        10px;

    margin:
        18px 0 22px;

    padding:
        0;

    list-style:
        none;

}


.as-pricing-features li {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    color:
        var(--as-text-secondary);

    font-size:
        0.62rem;

}


.as-pricing-features li span {

    flex:
        0 0 auto;

    width:
        19px;

    height:
        19px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-success);

    background:
        var(--as-success-soft);

    border-radius:
        6px;

    font-size:
        0.55rem;

    font-weight:
        800;

}


.as-pricing-features li.is-disabled {

    color:
        #B5BBC8;

}


.as-pricing-features li.is-disabled span {

    color:
        #B5BBC8;

    background:
        #F1F3F6;

}


/* =========================================================
   PRICING BUTTON
========================================================= */

.as-pricing-btn {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    width:
        100%;

    margin-top:
        auto;

    padding:
        11px 15px;

    color:
        var(--as-primary);

    background:
        #F5F6FF;

    border:
        1px solid
        #E2E5FF;

    border-radius:
        11px;

    font-size:
        0.65rem;

    font-weight:
        800;

    transition:
        background var(--as-transition-fast),
        color var(--as-transition-fast),
        transform var(--as-transition-fast);

}


.as-pricing-btn:hover {

    color:
        #FFFFFF;

    background:
        var(--as-primary);

    transform:
        translateY(-2px);

}


.as-pricing-btn-primary {

    color:
        #FFFFFF;

    background:
        var(--as-primary);

    border-color:
        var(--as-primary);

}


.as-pricing-btn-primary:hover {

    color:
        #FFFFFF;

    background:
        var(--as-secondary);

}


/* =========================================================
   PRICING TRUST
========================================================= */

.as-pricing-trust {

    display:
        grid;

    grid-template-columns:
        repeat(3,1fr);

    margin-top:
        18px;

    padding:
        17px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        16px;

}


.as-pricing-trust-item {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    padding:
        4px 15px;

}


.as-pricing-trust-item + .as-pricing-trust-item {

    border-right:
        1px solid
        var(--as-border-light);

}


.as-pricing-trust-icon {

    width:
        28px;

    height:
        28px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        8px;

    font-size:
        0.58rem;

}


.as-pricing-trust-item strong {

    display:
        block;

    color:
        var(--as-text-strong);

    font-size:
        0.57rem;

}


.as-pricing-trust-item small {

    display:
        block;

    margin-top:
        2px;

    color:
        var(--as-text-muted);

    font-size:
        0.48rem;

}


/* =========================================================
   FAQ
========================================================= */

.as-faq-block {

    margin-top:
        115px;

}


.as-faq-heading {

    display:
        grid;

    grid-template-columns:
        1fr .75fr;

    align-items:
        end;

    gap:
        50px;

    margin-bottom:
        32px;

}


.as-faq-heading h2 {

    margin:
        5px 0 0;

    color:
        var(--as-text-strong);

    font-size:
        clamp(1.7rem, 3vw, 2.4rem);

    font-weight:
        800;

    line-height:
        1.5;

    letter-spacing:
        -0.04em;

}


.as-faq-heading h2 span {

    color:
        var(--as-primary);

}


.as-faq-heading p {

    max-width:
        430px;

    margin:
        0;

    color:
        var(--as-text-muted);

    font-size:
        0.7rem;

    line-height:
        2;

}


/* =========================================================
   FAQ LIST
========================================================= */

.as-faq-list {

    max-width:
        950px;

    margin:
        0 auto;

}


.as-faq-item {

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        14px;

}


.as-faq-item + .as-faq-item {

    margin-top:
        8px;

}


.as-faq-item summary {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    padding:
        18px 20px;

    color:
        var(--as-text-strong);

    cursor:
        pointer;

    list-style:
        none;

    font-size:
        0.73rem;

    font-weight:
        700;

}


.as-faq-item summary::-webkit-details-marker {

    display:
        none;

}


.as-faq-item summary i {

    flex:
        0 0 auto;

    width:
        27px;

    height:
        27px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        8px;

    font-style:
        normal;

    font-size:
        0.9rem;

    font-weight:
        400;

    transition:
        transform var(--as-transition-fast);

}


.as-faq-item[open] summary i {

    transform:
        rotate(45deg);

}


.as-faq-answer {

    padding:
        0 20px 20px;

    color:
        var(--as-text-muted);

    font-size:
        0.65rem;

    line-height:
        2;

}


.as-faq-item[open] {

    border-color:
        #DDE2FF;

    box-shadow:
        0 10px 25px
        rgba(15,23,42,.035);

}


/* =========================================================
   FAQ CTA
========================================================= */

.as-faq-bottom-cta {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    margin-top:
        22px;

    padding:
        23px 26px;

    background:
        linear-gradient(
            100deg,
            #F4F5FF,
            #FFFFFF
        );

    border:
        1px solid
        #E0E3FF;

    border-radius:
        18px;

}


.as-faq-bottom-cta > div span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        0.57rem;

}


.as-faq-bottom-cta > div strong {

    display:
        block;

    margin-top:
        3px;

    color:
        var(--as-text-strong);

    font-size:
        0.78rem;

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 991.98px) {

    .as-business-section {

        padding:
            90px 0;

    }


    .as-partners-heading {

        grid-template-columns:
            1fr;

        gap:
            15px;

    }


    .as-partners-logos {

        grid-template-columns:
            repeat(3,1fr);

    }


    .as-pricing-grid {

        grid-template-columns:
            1fr 1fr;

    }


    .as-pricing-card:last-child {

        grid-column:
            1 / -1;

        max-width:
            calc(50% - 8px);

        margin:
            0 auto;

    }


    .as-faq-heading {

        grid-template-columns:
            1fr;

        gap:
            12px;

    }

}


@media (max-width: 767.98px) {

    .as-business-section {

        padding:
            75px 0;

    }


    .as-partners-block {

        margin-bottom:
            75px;

    }


    .as-partners-logos {

        grid-template-columns:
            repeat(2,1fr);

    }


    .as-partner-logo {

        min-height:
            78px;

    }


    .as-partners-note {

        align-items:
            flex-start;

        line-height:
            1.7;

    }


    .as-pricing-grid {

        grid-template-columns:
            1fr;

    }


    .as-pricing-card:last-child {

        grid-column:
            auto;

        max-width:
            none;

    }


    .as-pricing-trust {

        grid-template-columns:
            1fr;

        gap:
            10px;

    }


    .as-pricing-trust-item {

        justify-content:
            flex-start;

        padding:
            5px 8px;

    }


    .as-pricing-trust-item + .as-pricing-trust-item {

        padding-top:
            12px;

        border-right:
            0;

        border-top:
            1px solid
            var(--as-border-light);

    }


    .as-faq-block {

        margin-top:
            80px;

    }


    .as-faq-bottom-cta {

        align-items:
            flex-start;

        flex-direction:
            column;

    }


    .as-faq-bottom-cta .as-btn {

        width:
            100%;

    }

}


@media (max-width: 575.98px) {

    .as-partners-logos {

        gap:
            7px;

    }


    .as-partner-logo {

        flex-direction:
            column;

        gap:
            5px;

        min-height:
            82px;

    }


    .as-partner-logo strong {

        font-size:
            0.55rem;

    }


    .as-pricing-card {

        padding:
            22px;

    }


    .as-pricing-description {

        min-height:
            auto;

    }


    .as-pricing-heading h2,
    .as-faq-heading h2 {

        font-size:
            1.85rem;

    }


    .as-faq-item summary {

        padding:
            16px;

        font-size:
            0.68rem;

    }


    .as-faq-answer {

        padding:
            0 16px 17px;

        font-size:
            0.61rem;

    }


    .as-faq-bottom-cta {

        padding:
            20px;

    }

}

/* =========================================================
   AVIDSANJ V0.9
   PUBLIC WEBSITE FOUNDATION
========================================================= */


/* =========================================================
   HEADER
========================================================= */

.as-public-header {

    position:
        fixed;

    top:
        0;

    right:
        0;

    left:
        0;

    z-index:
        1000;

    background:
        rgba(255,255,255,.88);

    border-bottom:
        1px solid
        rgba(226,232,240,.7);

    backdrop-filter:
        blur(16px);

    -webkit-backdrop-filter:
        blur(16px);

    transition:
        box-shadow .25s ease,
        background .25s ease;

}


.as-public-header.is-scrolled {

    background:
        rgba(255,255,255,.96);

    box-shadow:
        0 8px 30px
        rgba(15,23,42,.06);

}


.as-navbar {

    min-height:
        76px;

    display:
        flex;

    align-items:
        center;

    gap:
        25px;

}


.as-brand {

    flex:
        0 0 auto;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        9px;

    color:
        var(--as-text-strong);

}


.as-brand:hover {

    color:
        var(--as-text-strong);

}


.as-brand-mark {

    width:
        38px;

    height:
        38px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--as-primary),
            var(--as-secondary)
        );

    border-radius:
        12px;

    font-size:
        .9rem;

    font-weight:
        900;

    box-shadow:
        0 7px 18px
        rgba(79,70,229,.18);

}


.as-brand-text strong {

    display:
        block;

    font-size:
        .9rem;

    font-weight:
        900;

}


.as-brand-text small {

    display:
        block;

    margin-top:
        1px;

    color:
        var(--as-text-muted);

    font-size:
        .46rem;

}


.as-desktop-nav {

    display:
        flex;

    align-items:
        center;

    gap:
        2px;

    margin-right:
        auto;

}


.as-nav-link {

    position:
        relative;

    padding:
        9px 10px;

    color:
        var(--as-text-secondary);

    font-size:
        .78rem;

    font-weight:
        700;

    white-space:
        nowrap;

}


.as-nav-link::after {

    content:
        "";

    position:
        absolute;

    right:
        9px;

    bottom:
        0;

    left:
        9px;

    height:
        2px;

    background:
        var(--as-primary);

    border-radius:
        99px;

    transform:
        scaleX(0);

    transition:
        transform .2s ease;

}


.as-nav-link:hover,
.as-nav-link.is-active {

    color:
        var(--as-primary);

}


.as-nav-link:hover::after,
.as-nav-link.is-active::after {

    transform:
        scaleX(1);

}


.as-header-actions {

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

}


.as-header-contact {
    padding: 9px 10px;

    color: var(--as-text-secondary);

    font-size: .76rem;

    font-weight: 700;
}


.as-header-cta {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    padding: 10px 15px;

    color: #FFFFFF;

    background: var(--as-primary);

    border-radius: 10px;

    font-size: .72rem;

    font-weight: 800;

    box-shadow:
        0 7px 18px
        rgba(79,70,229,.16);
}

.as-header-cta:hover {

    color:
        #FFFFFF;

    background:
        var(--as-secondary);

}


.as-mobile-toggle {

    display:
        none;

    width:
        40px;

    height:
        40px;

    margin-right:
        auto;

    padding:
        8px;

    background:
        transparent;

    border:
        1px solid
        var(--as-border);

    border-radius:
        10px;

}


.as-mobile-toggle span {

    display:
        block;

    width:
        20px;

    height:
        2px;

    margin:
        4px auto;

    background:
        var(--as-text-strong);

    border-radius:
        99px;

}


/* =========================================================
   MOBILE MENU
========================================================= */

.as-mobile-menu {

    position:
        fixed;

    top:
        0;

    right:
        0;

    bottom:
        0;

    left:
        0;

    z-index:
        1100;

    visibility:
        hidden;

    opacity:
        0;

    background:
        rgba(15,23,42,.35);

    transition:
        opacity .25s ease,
        visibility .25s ease;

}


.as-mobile-menu.is-open {

    visibility:
        visible;

    opacity:
        1;

}


.as-mobile-menu-inner {

    position:
        absolute;

    top:
        0;

    right:
        0;

    bottom:
        0;

    width:
        min(330px, 88vw);

    padding:
        25px 20px;

    overflow-y:
        auto;

    background:
        #FFFFFF;

    box-shadow:
        -20px 0 50px
        rgba(15,23,42,.12);

    transform:
        translateX(100%);

    transition:
        transform .3s ease;

}


.as-mobile-menu.is-open .as-mobile-menu-inner {

    transform:
        translateX(0);

}


.as-mobile-menu-header {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding-bottom:
        20px;

    border-bottom:
        1px solid
        var(--as-border-light);

}


.as-mobile-menu-header span {

    color:
        var(--as-text-strong);

    font-size:
        .8rem;

    font-weight:
        800;

}


.as-mobile-close {

    width:
        34px;

    height:
        34px;

    color:
        var(--as-text-secondary);

    background:
        #F5F6FA;

    border:
        0;

    border-radius:
        9px;

    font-size:
        1.3rem;

}


.as-mobile-links {

    display:
        flex;

    flex-direction:
        column;

    padding:
        15px 0;

}


.as-mobile-links a {

    padding:
        12px 10px;

    color:
        var(--as-text-secondary);

    border-radius:
        9px;

    font-size:
        .72rem;

    font-weight:
        700;

}


.as-mobile-links a:hover {

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

}


.as-mobile-cta {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    padding:
        12px;

    color:
        #FFFFFF;

    background:
        var(--as-primary);

    border-radius:
        11px;

    font-size:
        .68rem;

    font-weight:
        800;

}


.as-mobile-cta:hover {

    color:
        #FFFFFF;

}


/* =========================================================
   MAGAZINE
========================================================= */

.as-magazine-section {

    padding:
        120px 0;

    background:
        #FFFFFF;

}


.as-magazine-heading {

    display:
        grid;

    grid-template-columns:
        1fr .7fr;

    align-items:
        end;

    gap:
        50px;

    margin-bottom:
        35px;

}


.as-magazine-heading h2 {

    margin:
        6px 0 0;

    color:
        var(--as-text-strong);

    font-size:
        clamp(1.8rem,3vw,2.5rem);

    font-weight:
        800;

    line-height:
        1.5;

}


.as-magazine-heading h2 span {

    color:
        var(--as-primary);

}


.as-magazine-heading p {

    margin:
        0 0 10px;

    color:
        var(--as-text-muted);

    font-size:
        .7rem;

    line-height:
        1.9;

}


.as-magazine-all-link {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    color:
        var(--as-primary);

    font-size:
        .62rem;

    font-weight:
        800;

}


.as-magazine-featured {

    display:
        grid;

    grid-template-columns:
        .9fr 1.1fr;

    overflow:
        hidden;

    background:
        #F8FAFF;

    border:
        1px solid
        #E5E9F7;

    border-radius:
        25px;

}


.as-magazine-featured-visual {

    position:
        relative;

    min-height:
        300px;

    display:
        flex;

    align-items:
        flex-end;

    padding:
        30px;

    overflow:
        hidden;

    background:
        linear-gradient(
            135deg,
            #4F46E5,
            #7C3AED
        );

}


.as-magazine-visual-pattern {

    position:
        absolute;

    inset:
        0;

    opacity:
        .16;

}


.as-magazine-visual-pattern span {

    position:
        absolute;

    color:
        #FFFFFF;

    font-size:
        5rem;

}


.as-magazine-visual-pattern span:nth-child(1) {

    top:
        20px;

    right:
        35px;

}


.as-magazine-visual-pattern span:nth-child(2) {

    top:
        110px;

    left:
        60px;

    font-size:
        3rem;

}


.as-magazine-visual-pattern span:nth-child(3) {

    right:
        100px;

    bottom:
        30px;

    font-size:
        4rem;

}


.as-magazine-featured-visual-title {

    position:
        relative;

    z-index:
        2;

    color:
        #FFFFFF;

}


.as-magazine-featured-visual-title small {

    display:
        block;

    margin-bottom:
        8px;

    opacity:
        .75;

    font-size:
        .6rem;

}


.as-magazine-featured-visual-title strong {

    display:
        block;

    max-width:
        350px;

    font-size:
        1.45rem;

    line-height:
        1.6;

}


.as-magazine-featured-content {

    padding:
        38px;

}


.as-magazine-category {

    display:
        inline-flex;

    padding:
        5px 8px;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        7px;

    font-size:
        .52rem;

    font-weight:
        800;

}


.as-magazine-featured-content h3 {

    margin:
        14px 0;

    color:
        var(--as-text-strong);

    font-size:
        1.45rem;

    font-weight:
        800;

    line-height:
        1.65;

}


.as-magazine-featured-content p {

    max-width:
        600px;

    margin:
        0 0 20px;

    color:
        var(--as-text-muted);

    font-size:
        .72rem;

    line-height:
        2;

}


.as-magazine-meta {

    display:
        flex;

    gap:
        8px;

    color:
        var(--as-text-light);

    font-size:
        .5rem;

}


.as-magazine-read {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

    margin-top:
        25px;

    color:
        var(--as-primary);

    font-size:
        .65rem;

    font-weight:
        800;

}


.as-magazine-grid {

    display:
        grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:
        15px;

    margin-top:
        18px;

}


.as-magazine-card {

    overflow:
        hidden;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        18px;

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.as-magazine-card:hover {

    transform:
        translateY(-5px);

    box-shadow:
        0 18px 40px
        rgba(15,23,42,.07);

}


.as-magazine-card-visual {

    height:
        125px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        #EEF2FF;

}


.as-magazine-card-visual span {

    font-size:
        2.2rem;

}


.visual-education {

    background:
        #EFF6FF;

}


.visual-career {

    background:
        #F5F3FF;

}


.visual-psychology {

    background:
        #ECFDF5;

}


.as-magazine-card-content {

    padding:
        18px;

}


.as-magazine-card-content h3 {

    margin:
        9px 0;

    color:
        var(--as-text-strong);

    font-size:
        .85rem;

    font-weight:
        800;

    line-height:
        1.7;

}


.as-magazine-card-content p {

    margin:
        0;

    color:
        var(--as-text-muted);

    font-size:
        .6rem;

    line-height:
        1.9;

}


.as-magazine-card-content a {

    display:
        inline-flex;

    gap:
        5px;

    margin-top:
        14px;

    color:
        var(--as-primary);

    font-size:
        .58rem;

    font-weight:
        800;

}


.as-magazine-categories {

    display:
        flex;

    flex-wrap:
        wrap;

    justify-content:
        center;

    gap:
        7px;

    margin-top:
        20px;

}


.as-magazine-categories a {

    padding:
        7px 12px;

    color:
        var(--as-text-secondary);

    background:
        #F8FAFC;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        9px;

    font-size:
        .55rem;

    font-weight:
        700;

}


.as-magazine-categories a:hover {

    color:
        var(--as-primary);

    border-color:
        #DDE2FF;

}


/* =========================================================
   CONTACT
========================================================= */

.as-contact-section {

    padding:
        110px 0;

    background:
        #F8FAFC;

}


.as-contact-wrapper {

    display:
        grid;

    grid-template-columns:
        .8fr 1.2fr;

    gap:
        55px;

    padding:
        45px;

    background:
        #FFFFFF;

    border:
        1px solid
        var(--as-border-light);

    border-radius:
        28px;

    box-shadow:
        0 20px 60px
        rgba(15,23,42,.055);

}


.as-contact-intro h2 {

    margin:
        7px 0 15px;

    color:
        var(--as-text-strong);

    font-size:
        clamp(1.8rem,3vw,2.5rem);

    font-weight:
        800;

    line-height:
        1.5;

}


.as-contact-intro h2 span {

    color:
        var(--as-primary);

}


.as-contact-intro > p {

    color:
        var(--as-text-muted);

    font-size:
        .73rem;

    line-height:
        2;

}


.as-contact-items {

    display:
        flex;

    flex-direction:
        column;

    gap:
        12px;

    margin-top:
        25px;

}


.as-contact-item {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

}


.as-contact-icon {

    width:
        35px;

    height:
        35px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        var(--as-primary);

    background:
        var(--as-primary-soft);

    border-radius:
        10px;

    font-size:
        .65rem;

}


.as-contact-item span {

    display:
        block;

    color:
        var(--as-text-muted);

    font-size:
        .52rem;

}


.as-contact-item strong {

    display:
        block;

    margin-top:
        2px;

    color:
        var(--as-text-strong);

    font-size:
        .63rem;

}


.as-contact-form {

    display:
        flex;

    flex-direction:
        column;

    gap:
        14px;

}


.as-form-row {

    display:
        grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        12px;

}


.as-form-group {

    display:
        flex;

    flex-direction:
        column;

    gap:
        6px;

}


.as-form-group label {

    color:
        var(--as-text-secondary);

    font-size:
        .58rem;

    font-weight:
        700;

}


.as-form-group input,
.as-form-group select,
.as-form-group textarea {

    width:
        100%;

    padding:
        10px 12px;

    color:
        var(--as-text-strong);

    background:
        #FAFBFF;

    border:
        1px solid
        #E5E8F0;

    border-radius:
        10px;

    outline:
        none;

    font-family:
        inherit;

    font-size:
        .65rem;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;

}


.as-form-group textarea {

    resize:
        vertical;

    min-height:
        120px;

}


.as-form-group input:focus,
.as-form-group select:focus,
.as-form-group textarea:focus {

    border-color:
        #A5AEF8;

    box-shadow:
        0 0 0 3px
        rgba(79,70,229,.08);

}


.as-contact-submit {

    align-self:
        flex-start;

    border:
        0;

}


/* =========================================================
   FOOTER
========================================================= */

.as-public-footer {

    padding:
        65px 0 25px;

    color:
        #CBD2E1;

    background:
        #111827;

}


.as-footer-main {

    display:
        grid;

    grid-template-columns:
        1.6fr repeat(3,1fr);

    gap:
        50px;

    padding-bottom:
        45px;

}


.as-footer-brand .as-brand-text strong {

    color:
        #FFFFFF;

}


.as-footer-brand .as-brand-text small {

    color:
        #94A3B8;

}


.as-footer-brand p {

    max-width:
        330px;

    margin:
        18px 0 0;

    color:
        #94A3B8;

    font-size:
        .62rem;

    line-height:
        2;

}


.as-footer-column {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    gap:
        9px;

}


.as-footer-column h3 {

    margin:
        0 0 7px;

    color:
        #FFFFFF;

    font-size:
        .7rem;

    font-weight:
        800;

}


.as-footer-column a {

    color:
        #94A3B8;

    font-size:
        .58rem;

}


.as-footer-column a:hover {

    color:
        #FFFFFF;

}


.as-footer-bottom {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    padding-top:
        20px;

    border-top:
        1px solid
        rgba(255,255,255,.08);

}


.as-footer-bottom > div:first-child {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;

    color:
        #64748B;

    font-size:
        .5rem;

}


.as-footer-socials {

    display:
        flex;

    gap:
        6px;

}


.as-footer-socials a {

    width:
        28px;

    height:
        28px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #94A3B8;

    background:
        rgba(255,255,255,.05);

    border-radius:
        8px;

    font-size:
        .48rem;

    font-weight:
        800;

}


.as-footer-socials a:hover {

    color:
        #FFFFFF;

    background:
        rgba(255,255,255,.1);

}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199.98px) {

    .as-desktop-nav {

        gap:
            0;

    }


    .as-nav-link {

        padding:
            8px 8px;

        font-size:
            .72rem;

    }

}


@media (max-width: 991.98px) {

    .as-desktop-nav,
    .as-header-actions {

        display:
            none;

    }


    .as-mobile-toggle {

        display:
            block;

    }


    .as-magazine-heading {

        grid-template-columns:
            1fr;

        gap:
            12px;

    }


    .as-magazine-featured {

        grid-template-columns:
            1fr;

    }


    .as-magazine-featured-visual {

        min-height:
            240px;

    }


    .as-magazine-grid {

        grid-template-columns:
            1fr 1fr;

    }


    .as-magazine-card:last-child {

        grid-column:
            1 / -1;

        max-width:
            calc(50% - 7px);

        margin:
            0 auto;

    }


    .as-contact-wrapper {

        grid-template-columns:
            1fr;

        gap:
            35px;

    }


    .as-footer-main {

        grid-template-columns:
            1.5fr 1fr 1fr;

    }


    .as-footer-column:last-child {

        grid-column:
            2 / 4;

    }

}


@media (max-width: 767.98px) {

    .as-navbar {

        min-height:
            68px;

    }


    .as-brand-mark {

        width:
            35px;

        height:
            35px;

    }


    .as-brand-text strong {

        font-size:
            .82rem;

    }


    .as-brand-text small {

        font-size:
            .4rem;

    }


    .as-magazine-section,
    .as-contact-section {

        padding:
            75px 0;

    }


    .as-magazine-grid {

        grid-template-columns:
            1fr;

    }


    .as-magazine-card:last-child {

        grid-column:
            auto;

        max-width:
            none;

    }


    .as-contact-wrapper {

        padding:
            25px;

        border-radius:
            23px;

    }


    .as-form-row {

        grid-template-columns:
            1fr;

    }


    .as-contact-submit {

        width:
            100%;

    }


    .as-footer-main {

        grid-template-columns:
            1fr 1fr;

        gap:
            30px;

    }


    .as-footer-brand {

        grid-column:
            1 / -1;

    }


    .as-footer-column:last-child {

        grid-column:
            auto;

    }


    .as-footer-bottom {

        align-items:
            flex-start;

        flex-direction:
            column;

    }

}


@media (max-width: 575.98px) {

    .as-magazine-featured-content {

        padding:
            24px;

    }


    .as-magazine-featured-content h3 {

        font-size:
            1.15rem;

    }


    .as-magazine-featured-visual-title strong {

        font-size:
            1.15rem;

    }


    .as-contact-wrapper {

        padding:
            20px;

    }


    .as-footer-main {

        grid-template-columns:
            1fr;

    }


    .as-footer-brand,
    .as-footer-column:last-child {

        grid-column:
            auto;

    }

}

/* =========================================================
   MOBILE MENU BODY LOCK
========================================================= */

body.as-menu-open {

    overflow:
        hidden;

}




/* =========================================================
   V1.0 RESPONSIVE OVERRIDES
========================================================= */
@media (max-width: 1199.98px) {
    .as-nav-link { font-size: .72rem !important; padding-inline: 8px !important; }
    .as-header-cta { font-size: .69rem !important; }
}

@media (max-width: 991.98px) {
    .as-container { width: min(100% - 28px, var(--as-container-width)); }
    .as-hero-title { font-size: clamp(2.1rem, 6vw, 3.25rem); }
    .as-hero-description { font-size: .9rem; }
}

@media (max-width: 767.98px) {
    .as-container { width: min(100% - 24px, var(--as-container-width)); }
    .as-hero-title { font-size: clamp(1.95rem, 8vw, 2.65rem); line-height: 1.38; }
    .as-hero-description { font-size: .82rem; line-height: 1.95; }
    .as-section-eyebrow { font-size: .64rem; }
}

@media (max-width: 575.98px) {
    .as-container { width: min(100% - 20px, var(--as-container-width)); }
    .as-hero-title { font-size: 1.9rem; }
    .as-hero-description { font-size: .78rem; }
}

/* =========================================================
   V1.0 END
========================================================= */


/* =========================================================
   AVIDSANJ V1.0.2
   FOOTER TYPOGRAPHY FINAL POLISH
========================================================= */

.as-public-footer .as-footer-brand p {
    font-size: .86rem;
    line-height: 2.15;
}

.as-public-footer .as-footer-column h3 {
    font-size: .86rem;
    line-height: 1.6;
}

.as-public-footer .as-footer-column a {
    font-size: .78rem;
    line-height: 1.9;
}

.as-public-footer .as-footer-bottom > div:first-child {
    font-size: .68rem;
    line-height: 1.9;
}

.as-public-footer .as-brand-text small {
    font-size: .58rem;
}

.as-public-footer .as-footer-socials a {
    font-size: .56rem;
}

@media (max-width: 767.98px) {
    .as-public-footer .as-footer-brand p {
        font-size: .82rem;
        line-height: 2.05;
    }

    .as-public-footer .as-footer-column h3 {
        font-size: .82rem;
    }

    .as-public-footer .as-footer-column a {
        font-size: .74rem;
        line-height: 1.85;
    }

    .as-public-footer .as-footer-bottom > div:first-child {
        font-size: .64rem;
    }
}

@media (max-width: 575.98px) {
    .as-public-footer .as-footer-brand p {
        font-size: .8rem;
    }

    .as-public-footer .as-footer-column h3 {
        font-size: .8rem;
    }

    .as-public-footer .as-footer-column a {
        font-size: .72rem;
    }
}

/* =========================================================
   AVIDSANJ V1.0.4
   MOBILE / RESPONSIVE HEADER REPAIR
   This block intentionally comes last so it is authoritative.
========================================================= */

/* ---------- Prevent horizontal overflow ---------- */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

/* ---------- Header foundation ---------- */
.as-public-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5000;
    width: 100%;
}

.as-public-header .as-container {
    width: min(100% - 32px, var(--as-container-width));
    margin-inline: auto;
}

.as-public-header .as-navbar {
    position: relative;
    min-height: 76px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
}

/* ---------- Desktop ---------- */
.as-public-header .as-desktop-nav {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.as-public-header .as-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.as-public-header .as-mobile-toggle {
    display: none;
}

/* =========================================================
   TABLET + MOBILE
   Hide desktop navigation early enough to prevent crushing.
========================================================= */

@media (max-width: 1099.98px) {

    .as-public-header .as-navbar {
        min-height: 70px;
        gap: 10px;
    }

    .as-public-header .as-desktop-nav,
    .as-public-header .as-header-actions {
        display: none !important;
    }

    .as-public-header .as-mobile-toggle {
        display: flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        margin: 0;
        margin-inline-start: auto;
        padding: 7px;
        border: 1px solid var(--as-border);
        border-radius: 10px;
        background: #FFFFFF;
        cursor: pointer;
        position: relative;
        z-index: 5002;
    }

    .as-public-header .as-mobile-toggle span {
        display: block;
        width: 20px;
        height: 2px;
        margin: 3px auto;
        background: var(--as-text-strong);
        border-radius: 99px;
    }

    /* Mobile menu overlay */
    .as-public-header + .as-mobile-menu,
    .as-mobile-menu {
        position: fixed;
        inset: 0;
        z-index: 6000;
        width: 100%;
        height: 100dvh;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        background: rgba(15, 23, 42, .38);
        transition: opacity .25s ease, visibility .25s ease;
    }

    .as-mobile-menu.is-open {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    .as-mobile-menu-inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: min(340px, 88vw);
        max-width: 88vw;
        height: 100dvh;
        box-sizing: border-box;
        padding: 22px 18px;
        overflow-y: auto;
        overflow-x: hidden;
        background: #FFFFFF;
        box-shadow: -20px 0 50px rgba(15, 23, 42, .14);
        transform: translateX(100%);
        transition: transform .3s ease;
        overscroll-behavior: contain;
    }

    .as-mobile-menu.is-open .as-mobile-menu-inner {
        transform: translateX(0);
    }

    .as-mobile-menu-header {
        min-height: 42px;
    }

    .as-mobile-links {
        width: 100%;
    }

    .as-mobile-links a {
        display: flex;
        align-items: center;
        min-height: 44px;
        width: 100%;
        box-sizing: border-box;
    }

    .as-mobile-cta {
        width: 100%;
        box-sizing: border-box;
    }

    body.as-menu-open {
        overflow: hidden !important;
        touch-action: none;
    }
}

/* ---------- Smaller phones ---------- */
@media (max-width: 575.98px) {

    .as-public-header .as-container {
        width: min(100% - 20px, var(--as-container-width));
    }

    .as-public-header .as-navbar {
        min-height: 66px;
    }

    .as-public-header .as-brand {
        min-width: 0;
    }

    .as-public-header .as-brand-text {
        min-width: 0;
    }

    .as-public-header .as-brand-text strong {
        font-size: .82rem;
    }

    .as-public-header .as-brand-text small {
        font-size: .42rem;
        white-space: nowrap;
    }

    .as-public-header .as-mobile-toggle {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    .as-mobile-menu-inner {
        width: min(320px, 90vw);
        max-width: 90vw;
        padding: 18px 16px;
    }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {

    .as-mobile-menu,
    .as-mobile-menu-inner {
        transition: none !important;
    }
}


/* =========================================================
   AVIDSANJ V1.0.5
   GLOBAL BODY/UI TYPOGRAPHY POLISH
   Main display titles intentionally excluded.
========================================================= */

/* General readable text */
.as-hero-description,
.as-section-eyebrow,
.as-trust-item span,
.as-trust-item small,
.as-problem-card p,
.as-intelligence-card p,
.as-test-card p,
.as-education-card p,
.as-career-card p,
.as-report-feature p,
.as-consultant-card p,
.as-testimonial-card p,
.as-partners-heading p,
.as-pricing-heading p,
.as-pricing-description,
.as-pricing-features li,
.as-pricing-trust-item strong,
.as-pricing-trust-item small,
.as-faq-heading p,
.as-faq-answer,
.as-magazine-heading p,
.as-magazine-featured-content p,
.as-magazine-card-content p,
.as-contact-intro > p,
.as-contact-item span,
.as-contact-item strong,
.as-footer-brand p,
.as-footer-column a,
.as-footer-column h3,
.as-footer-bottom > div:first-child,
.as-form-group label {
    font-size: 1.08em;
}

/* Navigation and action text */
.as-nav-link {
    font-size: .82rem !important;
}

.as-header-contact {
    font-size: .80rem !important;
}

.as-header-cta {
    font-size: .76rem !important;
}

.as-btn {
    font-size: .76rem !important;
}

.as-mobile-links a {
    font-size: .82rem !important;
}

.as-mobile-cta {
    font-size: .78rem !important;
}

/* Cards / secondary headings: slightly larger, main section titles untouched */
.as-problem-card h3,
.as-intelligence-card h3,
.as-test-card h3,
.as-education-card h3,
.as-career-card h3,
.as-consultant-card h3,
.as-testimonial-card h3,
.as-pricing-card h3,
.as-faq-item summary,
.as-magazine-card-content h3 {
    font-size: 1.08em;
}

/* Form controls */
.as-form-group input,
.as-form-group select,
.as-form-group textarea {
    font-size: 1.06em;
}

/* Footer: keep it clearly readable */
.as-public-footer .as-footer-brand p {
    font-size: .94rem;
}

.as-public-footer .as-footer-column h3 {
    font-size: .94rem;
}

.as-public-footer .as-footer-column a {
    font-size: .86rem;
}

.as-public-footer .as-footer-bottom > div:first-child {
    font-size: .74rem;
}

.as-public-footer .as-brand-text small {
    font-size: .62rem;
}

.as-public-footer .as-footer-socials a {
    font-size: .60rem;
}

/* Small labels should remain labels, but not tiny */
.as-pricing-label,
.as-pricing-price span,
.as-magazine-category,
.as-magazine-meta,
.as-partners-note,
.as-contact-item span {
    font-size: 1.08em;
}

/* Mobile: preserve the repaired header/layout while increasing readability */
@media (max-width: 767.98px) {
    .as-nav-link {
        font-size: .82rem !important;
    }

    .as-mobile-links a {
        font-size: .84rem !important;
    }

    .as-mobile-cta {
        font-size: .80rem !important;
    }

    .as-hero-description {
        font-size: .90rem;
    }

    .as-section-eyebrow {
        font-size: .70rem;
    }

    .as-public-footer .as-footer-brand p {
        font-size: .90rem;
    }

    .as-public-footer .as-footer-column h3 {
        font-size: .88rem;
    }

    .as-public-footer .as-footer-column a {
        font-size: .82rem;
    }

    .as-public-footer .as-footer-bottom > div:first-child {
        font-size: .70rem;
    }
}

@media (max-width: 575.98px) {
    .as-public-footer .as-footer-brand p {
        font-size: .88rem;
    }

    .as-public-footer .as-footer-column h3 {
        font-size: .86rem;
    }

    .as-public-footer .as-footer-column a {
        font-size: .80rem;
    }

    .as-public-footer .as-footer-bottom > div:first-child {
        font-size: .68rem;
    }
}


/* =========================================================
   AVIDSANJ PUBLIC MULTIPAGE v1.3.1
   Shared shell + internal public pages
========================================================= */

:root{
  --as-page-bg:#f7f9fc;
  --as-card:#ffffff;
  --as-primary:#4f46e5;
  --as-primary-dark:#3730a3;
  --as-text:#111827;
  --as-muted:#64748b;
  --as-border:#e5e7eb;
  --as-dark:#0f172a;
}

body{
  margin:0;
  background:var(--as-page-bg);
  color:var(--as-text);
  font-family:"Vazirmatn","Vazir",Tahoma,Arial,sans-serif;
  direction:rtl;
}

a{ text-decoration:none; }

.as-mp-header{
  position:sticky;
  top:0;
  z-index:1030;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(15,23,42,.08);
  box-shadow:0 4px 18px rgba(15,23,42,.05);
  backdrop-filter:blur(10px);
}

.as-mp-header .container{ max-width:1180px; }

.as-mp-navbar{
  min-height:78px;
  display:flex;
  align-items:center;
  gap:18px;
}

.as-mp-brand{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
}
.as-mp-brand img{
  width:92px;
  height:auto;
  display:block;
}
.as-mp-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  flex:1;
}
.as-mp-nav a{
  color:#334155;
  font-size:.84rem;
  font-weight:700;
  padding:10px 8px;
  border-radius:10px;
}
.as-mp-nav a:hover,
.as-mp-nav a.active{
  color:var(--as-primary);
  background:#eef2ff;
}
.as-mp-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.as-mp-login{
  color:#fff;
  background:var(--as-primary);
  padding:9px 14px;
  border-radius:10px;
  font-size:.8rem;
  font-weight:800;
}
.as-mp-menu-btn{
  display:none;
  border:1px solid var(--as-border);
  background:#fff;
  border-radius:10px;
  width:44px;height:40px;
  font-size:1.1rem;
}

.as-mp-hero{
  background:linear-gradient(135deg,#4f46e5 0%,#6366f1 55%,#4338ca 100%);
  color:#fff;
  padding:76px 0 68px;
}
.as-mp-hero h1{
  font-size:clamp(2rem,4vw,3.25rem);
  font-weight:900;
  line-height:1.45;
  margin:0 0 16px;
}
.as-mp-hero p{
  max-width:760px;
  margin:0 auto;
  line-height:2;
  color:rgba(255,255,255,.9);
  font-size:1rem;
}
.as-mp-eyebrow{
  display:inline-flex;
  padding:7px 13px;
  margin-bottom:14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:.78rem;
  font-weight:800;
}

.as-mp-section{ padding:72px 0; }
.as-mp-section.alt{ background:#fff; }
.as-mp-section.soft{ background:#f1f5f9; }

.as-mp-heading{
  text-align:center;
  margin-bottom:40px;
}
.as-mp-heading h2{
  font-size:clamp(1.55rem,3vw,2.15rem);
  font-weight:900;
  margin:0 0 12px;
}
.as-mp-heading p{
  max-width:700px;
  margin:0 auto;
  color:var(--as-muted);
  line-height:2;
}
.as-mp-heading:after{
  content:"";
  display:block;
  width:54px;
  height:3px;
  margin:14px auto 0;
  background:var(--as-primary);
  border-radius:5px;
}

.as-mp-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.as-mp-card{
  background:var(--as-card);
  border:1px solid var(--as-border);
  border-radius:18px;
  padding:26px;
  box-shadow:0 8px 26px rgba(15,23,42,.05);
}
.as-mp-card h3{
  font-size:1.08rem;
  font-weight:900;
  margin:12px 0 8px;
}
.as-mp-card p{
  color:var(--as-muted);
  line-height:2;
  margin:0;
  font-size:.86rem;
}
.as-mp-icon{
  width:48px;height:48px;
  display:grid;place-items:center;
  border-radius:14px;
  color:var(--as-primary);
  background:#eef2ff;
  font-size:1.2rem;
  font-weight:900;
}

.as-mp-list{
  list-style:none;
  padding:0;margin:0;
}
.as-mp-list li{
  position:relative;
  padding:9px 28px 9px 0;
  line-height:1.9;
}
.as-mp-list li:before{
  content:"✓";
  position:absolute;
  right:0;top:9px;
  color:#16a34a;
  font-weight:900;
}

.as-mp-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.as-mp-step{
  text-align:center;
  padding:22px 16px;
}
.as-mp-step-num{
  width:52px;height:52px;
  margin:0 auto 14px;
  display:grid;place-items:center;
  border-radius:50%;
  background:var(--as-primary);
  color:#fff;
  font-weight:900;
  font-size:1.05rem;
}
.as-mp-step h3{font-size:1rem;font-weight:900;margin:0 0 8px;}
.as-mp-step p{color:var(--as-muted);font-size:.8rem;line-height:1.9;margin:0;}

.as-mp-callout{
  background:linear-gradient(135deg,#4f46e5,#6366f1);
  color:#fff;
  border-radius:22px;
  padding:36px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}
.as-mp-callout h2{font-size:1.55rem;font-weight:900;margin:0 0 8px;}
.as-mp-callout p{margin:0;color:rgba(255,255,255,.82);line-height:2;}
.as-mp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 18px;
  border-radius:11px;
  font-size:.83rem;
  font-weight:900;
}
.as-mp-btn-light{background:#fff;color:#312e81;}
.as-mp-btn-primary{background:var(--as-primary);color:#fff;}
.as-mp-btn-outline{border:1px solid #c7d2fe;color:var(--as-primary);background:#fff;}

.as-mp-price{
  font-size:2.2rem;
  font-weight:900;
  color:var(--as-primary);
}
.as-mp-muted{color:var(--as-muted);line-height:2;}

.as-mp-footer{
  background:#0f172a;
  color:#fff;
  padding:52px 0 22px;
}
.as-mp-footer-grid{
  display:grid;
  grid-template-columns:1.3fr repeat(3,1fr);
  gap:36px;
}
.as-mp-footer-brand img{width:120px;filter:brightness(0) invert(1);opacity:.96;}
.as-mp-footer-brand p{color:#94a3b8;line-height:2;margin:14px 0 0;font-size:.82rem;}
.as-mp-footer h3{font-size:.9rem;margin:0 0 14px;font-weight:900;}
.as-mp-footer a{display:block;color:#94a3b8;font-size:.78rem;padding:5px 0;}
.as-mp-footer a:hover{color:#fff;}
.as-mp-footer-bottom{
  border-top:1px solid rgba(255,255,255,.09);
  margin-top:30px;padding-top:18px;
  display:flex;justify-content:space-between;gap:15px;
  color:#64748b;font-size:.72rem;
}

@media(max-width:991.98px){
  .as-mp-nav{display:none;}
  .as-mp-menu-btn{display:block;}
  .as-mp-navbar{justify-content:space-between;}
  .as-mp-actions{margin-right:auto;}
  .as-mp-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .as-mp-steps{grid-template-columns:repeat(2,minmax(0,1fr));}
  .as-mp-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:767.98px){
  .as-mp-section{padding:58px 0;}
  .as-mp-hero{padding:58px 0 52px;}
  .as-mp-grid,.as-mp-steps{grid-template-columns:1fr;}
  .as-mp-callout{flex-direction:column;align-items:stretch;padding:28px;}
  .as-mp-footer-grid{grid-template-columns:1fr 1fr;}
  .as-mp-footer-bottom{flex-direction:column;}
  .as-mp-brand img{width:82px;}
}
@media(max-width:480px){
  .as-mp-footer-grid{grid-template-columns:1fr;}
  .as-mp-actions .as-mp-login{padding:8px 10px;font-size:.74rem;}
}

/* Consultant page — inspired by the supplied reference, not a copy */
.as-consult-hero{padding:68px 0 58px;}
.as-consult-benefits .as-mp-card{min-height:175px;}
.as-consult-requirements{
  max-width:820px;margin:0 auto;
  background:#fff;border:1px solid var(--as-border);
  border-radius:18px;padding:30px;
  box-shadow:0 8px 26px rgba(15,23,42,.05);
}
.as-consult-quote{
  border-right:4px solid var(--as-primary);
  padding:8px 18px;
  color:#334155;line-height:2;
  background:#f8fafc;border-radius:10px;
}
.as-testimonial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.as-testimonial{
  background:#fff;border:1px solid var(--as-border);border-radius:18px;padding:25px;
}
.as-stars{color:#f59e0b;letter-spacing:2px;margin-bottom:10px;}
.as-testimonial p{color:#475569;line-height:2;font-size:.84rem;margin:0 0 16px;}
.as-testimonial strong{font-size:.85rem;}
.as-testimonial span{display:block;color:#94a3b8;font-size:.74rem;margin-top:4px;}

.as-org-banner{
  border:1px solid #c7d2fe;
  background:#eef2ff;
  border-radius:20px;
  padding:28px;
}
.as-org-banner h3{font-weight:900;margin:0 0 8px;}
.as-org-banner p{margin:0;color:#475569;line-height:2;}

@media(max-width:767.98px){
  .as-testimonial-grid{grid-template-columns:1fr;}
}

/* =========================================================
   V1.3.2 SHARED PUBLIC LAYOUT
   This block is intentionally isolated from the approved landing CSS.
========================================================= */
.as-mp-brand-image{width:92px!important;height:auto;display:block;}
.as-mp-contact{display:inline-flex;align-items:center;color:#334155;font-size:.82rem;font-weight:700;padding:9px 8px;white-space:nowrap;}
.as-mp-mobile-links a{display:block;color:#334155;background:#fff;border:1px solid transparent;font-weight:700;font-size:.88rem;padding:10px 12px;border-radius:10px;}
.as-mp-mobile-links a:hover,.as-mp-mobile-links a.is-active{color:var(--as-primary);background:#eef2ff;}
.as-mp-mobile-cta{margin-top:4px!important;color:#fff!important;background:var(--as-primary)!important;text-align:center;}
.as-mp-footer-brand-link{display:inline-flex;align-items:flex-start;}
.as-mp-footer-logo{width:120px!important;height:auto;display:block;filter:brightness(0) invert(1);opacity:.96;}
.as-mp-footer-socials{display:flex;gap:8px;align-items:center;}
.as-mp-footer-socials a{display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.12);border-radius:50%;padding:0!important;}
@media(max-width:767.98px){.as-mp-brand-image{width:82px!important}.as-mp-contact{display:none}.as-mp-actions{gap:7px}.as-mp-login{font-size:.74rem!important;padding:8px 10px!important}.as-mp-footer-logo{width:110px!important}}