:root{--navy:#061936;--navy2:#0a2b59;--blue:#0d58a6;--gold:#ffbd2e;--gold2:#ff9f1a;--ink:#0b1e3b;--muted:#637087;--line:#e6ebf2;--soft:#f6f9fd;--white:#fff;--green:#15b75d;--shadow:0 18px 50px rgba(5,26,57,.12);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{max-width:820px}.site-header{position:sticky;top:0;z-index:999;background:rgba(4,21,47,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);transition:.25s}.site-header.scrolled{box-shadow:0 10px 30px rgba(0,0,0,.18)}.header-inner{min-height:78px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;color:#fff;gap:10px;min-width:190px}.brand-mark{font-size:28px}.brand b{font-size:25px;letter-spacing:.5px}.brand small{display:block;color:var(--gold);font-weight:800;letter-spacing:2px;margin-top:-6px}.custom-logo{max-height:55px;width:auto}.main-nav{margin-left:auto}.main-nav ul{display:flex;list-style:none;padding:0;margin:0;gap:28px}.main-nav a{color:#fff;font-size:14px;font-weight:650;opacity:.92}.main-nav a:hover{color:var(--gold)}.nav-toggle{display:none;margin-left:auto;background:none;border:0}.nav-toggle span{width:25px;height:2px;background:#fff;display:block;margin:5px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;font-weight:800;transition:.2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#13213a;box-shadow:0 10px 24px rgba(255,175,25,.24)}.btn-dark{background:var(--navy);color:#fff}.btn-outline{border-color:rgba(255,255,255,.35);color:#fff}.btn-whatsapp{background:var(--green);color:#fff}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 70% 40%,#174985 0,#0a2955 30%,#051934 65%,#031229 100%);min-height:650px}.hero:after{content:"";position:absolute;inset:auto -10% -40% 35%;height:520px;background:linear-gradient(120deg,transparent,rgba(47,101,181,.18));transform:rotate(-12deg)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:650px;gap:40px}.hero-copy h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-3px;margin:20px 0 22px;max-width:720px}.hero-copy p{font-size:19px;max-width:650px;color:#dce7f7}.pill,.eyebrow{font-size:12px;font-weight:900;letter-spacing:1.3px;color:var(--gold)}.pill{display:inline-block;border:1px solid rgba(255,189,46,.35);padding:8px 12px;border-radius:999px;background:rgba(255,189,46,.08)}.hero-actions{display:flex;gap:14px;margin:30px 0}.trust-row{display:flex;flex-wrap:wrap;gap:22px;color:#c8d5e8;font-size:13px}.hero-visual{align-self:end}.hero-photo-wrap{position:relative;max-width:550px;margin-left:auto}.hero-photo-wrap:before{content:"";position:absolute;width:380px;height:380px;background:var(--gold);border-radius:50%;left:65px;top:50px;filter:saturate(.95);box-shadow:0 0 0 30px rgba(255,189,46,.06)}.hero-photo-wrap img{position:relative;z-index:2;width:100%;height:570px;object-fit:cover;object-position:center;border-radius:42px 42px 0 0;mix-blend-mode:normal}.rating-card{position:absolute;z-index:3;right:-15px;top:160px;background:#fff;color:var(--ink);padding:18px;border-radius:16px;box-shadow:var(--shadow);width:170px}.rating-card b,.rating-card strong,.rating-card span{display:block}.rating-card strong{font-size:25px;margin-top:8px}.rating-card span{color:#f5a900;letter-spacing:2px}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.3}.orb-a{width:360px;height:360px;background:#0e72d0;right:8%;top:18%}.orb-b{width:170px;height:170px;background:var(--gold);right:30%;bottom:-70px}.section{padding:90px 0}.section-soft{background:linear-gradient(180deg,#f8fbff,#f3f7fc)}.section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.section-heading h2,.feature-copy h2,.testimonial-band h2,.contact-side h2,.page-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-1.5px;margin:7px 0 14px}.section-heading p,.muted{color:var(--muted)}.board-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.board-card{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;box-shadow:0 12px 32px rgba(5,26,57,.05);transition:.2s}.board-card:hover,.subject-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.board-badge{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--navy2),var(--blue));color:#fff;font-weight:900;margin-bottom:18px}.board-card h3{margin:0 0 8px}.board-note{font-size:13px;background:#f5f8fc;border-radius:10px;padding:10px;margin:16px 0}.board-card a{font-weight:800;color:var(--blue)}.center{text-align:center;margin-top:34px}.subject-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.subject-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:20px;padding:25px 18px;transition:.2s}.subject-card h3{margin:12px 0 5px}.subject-card p{font-size:13px;color:var(--muted);margin:0}.subject-icon{width:58px;height:58px;margin:auto;color:var(--blue)}.subject-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.split-feature{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:60px}.feature-image img{width:100%;height:430px;object-fit:cover;border-radius:42px 12px 42px 12px;box-shadow:var(--shadow)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-list>div{display:flex;gap:13px;border:1px solid var(--line);padding:18px;border-radius:16px}.feature-list b{width:36px;height:36px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;flex:0 0 36px}.feature-list strong,.feature-list small{display:block}.feature-list small{color:var(--muted);margin-top:3px}.stats{background:linear-gradient(135deg,#061936,#0a2f63);color:#fff;padding:42px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats-grid>div:not(:last-child){border-right:1px solid rgba(255,255,255,.15)}.stats strong{font-size:38px;color:var(--gold);display:block}.stats span{font-size:13px}.testimonial-band{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:var(--navy);color:#fff;border-radius:30px;padding:50px}.testimonial-band blockquote{margin:0;font-size:20px;color:#dbe7f7}.testimonial-band cite{display:block;color:var(--gold);font-size:13px;margin-top:15px}.contact-panel{display:grid;grid-template-columns:.7fr 1.3fr;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.contact-side{padding:42px;background:linear-gradient(180deg,#fff8e9,#fff)}.contact-side h2{font-size:34px}.contact-lines{display:grid;gap:8px;margin-top:25px;font-size:14px}.enquiry-form{padding:42px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{font-size:13px;font-weight:750}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d8e0eb;border-radius:9px;background:#fff;font:inherit;color:var(--ink)}.form-grid .full{grid-column:1/-1}.full-btn{width:100%;margin-top:16px}.hp{position:absolute!important;left:-9999px!important}.page-hero{padding:105px 0 95px;background:radial-gradient(circle at 80% 20%,#174985,#071d3e 45%,#04142d 100%);color:#fff}.page-hero p{font-size:18px;color:#d8e3f2}.info-grid,.course-grid,.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-grid{grid-template-columns:repeat(2,1fr)}.info-grid article,.course-grid article,.results-grid article{border:1px solid var(--line);padding:30px;border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(7,27,60,.06)}.info-grid span,.course-grid b{color:var(--gold2);font-size:12px;letter-spacing:1px}.course-grid a{font-weight:800;color:var(--blue)}.results-grid strong{font-size:50px;color:var(--gold2)}.subject-details{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:70px}.subject-details li{margin:10px 0}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.mini-cards div{padding:16px;border:1px solid var(--line);border-radius:15px}.mini-cards b,.mini-cards span{display:block}.mini-cards span{color:var(--muted);font-size:13px}.notice,.form-status{margin-top:25px;border-left:4px solid var(--gold);background:#fff7df;padding:16px;border-radius:10px}.prose{max-width:900px}.prose h2{margin-top:38px}.site-footer{background:#03142e;color:#cbd8e8;padding:64px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:40px}.footer-grid h4,.footer-brand{color:#fff}.footer-grid a{display:block;margin:7px 0}.footer-wa{color:var(--gold)!important;font-weight:800}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;font-size:13px}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:999;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:900;box-shadow:0 14px 30px rgba(0,0,0,.2)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:980px){.header-wa{display:none}.nav-toggle{display:block}.main-nav{position:absolute;top:78px;left:20px;right:20px;background:#071d3e;border-radius:16px;padding:15px;display:none}.main-nav.open{display:block}.main-nav ul{flex-direction:column;gap:6px}.main-nav a{display:block;padding:10px}.hero-grid,.split-feature,.contact-panel,.testimonial-band,.subject-details{grid-template-columns:1fr}.hero-grid{padding-top:60px}.hero-visual{max-width:600px;margin:auto}.board-grid{grid-template-columns:repeat(2,1fr)}.subject-grid{grid-template-columns:repeat(3,1fr)}.info-grid,.results-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(100% - 26px,1180px)}.section{padding:64px 0}.hero{min-height:auto}.hero-grid{min-height:auto}.hero-copy h1{font-size:48px;letter-spacing:-2px}.hero-photo-wrap img{height:450px}.rating-card{right:5px;top:110px;width:145px}.board-grid,.subject-grid,.course-grid,.feature-list,.form-grid,.mini-cards{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.stats-grid{grid-template-columns:1fr 1fr;gap:22px}.stats-grid>div{border-right:0!important}.contact-side,.enquiry-form{padding:26px}.footer-grid{grid-template-columns:1fr}.page-hero{padding:72px 0}.header-inner{min-height:68px}.main-nav{top:68px}}

/* =========================================
   MST PERSONAL FREE DEMO POPUP
========================================= */

.demo-wa-card{
    position:fixed;
    right:22px;
    bottom:88px;
    z-index:998;
    width:min(410px,calc(100vw - 30px));
    display:block;
    padding:22px;
    background:#fff;
    color:var(--ink);
    border:1px solid rgba(8,35,72,.09);
    border-radius:22px;
    box-shadow:
        0 26px 70px rgba(4,25,55,.20),
        0 5px 16px rgba(4,25,55,.08);
    opacity:0;
    visibility:hidden;
    transform:translateY(24px) scale(.96);
    transform-origin:bottom right;
    transition:
        opacity .35s ease,
        transform .35s ease,
        visibility .35s ease;
}

.demo-wa-card.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0) scale(1);
    animation:mstDemoAttention .55s ease-out;
}

@keyframes mstDemoAttention{
    0%{transform:translateY(22px) scale(.93)}
    60%{transform:translateY(-4px) scale(1.015)}
    100%{transform:translateY(0) scale(1)}
}

.demo-wa-card:after{
    content:"";
    position:absolute;
    right:22px;
    bottom:-9px;
    width:18px;
    height:18px;
    background:#fff;
    transform:rotate(45deg);
    border-right:1px solid rgba(8,35,72,.08);
    border-bottom:1px solid rgba(8,35,72,.08);
}


/* =========================================
   TEACHER INTRO
========================================= */

.demo-teacher-profile{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    padding-right:28px;
}

.demo-teacher-avatar{
    width:54px;
    height:54px;
    flex:0 0 54px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    overflow:hidden;
    padding:0;
    background:#fff;
    box-shadow:
        0 0 0 2px rgba(255,255,255,.95),
        0 0 0 4px rgba(21,183,93,.18),
        0 7px 18px rgba(5,35,78,.16);
}

.demo-teacher-avatar img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center 22%;
}

.demo-teacher-intro{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.demo-hello{
    color:#718096;
    font-size:12px;
    font-weight:650;
}

.demo-teacher-intro strong{
    margin-top:1px;
    color:var(--navy);
    font-size:20px;
    line-height:1.2;
}

.demo-role{
    margin-top:3px;
    color:var(--green);
    font-size:11px;
    font-weight:800;
    letter-spacing:.2px;
}


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

.demo-wa-content{
    padding:0;
}

.demo-wa-content h3{
    margin:0 0 9px;
    color:var(--navy);
    font-size:19px;
    line-height:1.3;
    letter-spacing:-.2px;
}

.demo-wa-content > p{
    margin:0 0 17px;
    color:var(--muted);
    font-size:13px;
    line-height:1.6;
}


/* =========================================
   DEMO OFFER BOX
========================================= */

.demo-offer{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:16px;
    padding:13px 14px;
    background:
        linear-gradient(
            135deg,
            rgba(21,183,93,.075),
            rgba(21,183,93,.025)
        );
    border:1px solid rgba(21,183,93,.16);
    border-radius:14px;
}

.demo-offer-icon{
    width:40px;
    height:40px;
    flex:0 0 40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:var(--green);
    color:#fff;
    font-size:18px;
    font-weight:900;
    box-shadow:0 5px 12px rgba(21,183,93,.20);
}

.demo-offer > div:last-child{
    display:flex;
    flex-direction:column;
    min-width:0;
}

.demo-offer span{
    color:#6b778c;
    font-size:11px;
    line-height:1.3;
}

.demo-offer strong{
    margin-top:1px;
    color:#12a653;
    font-size:16px;
    line-height:1.25;
}

.demo-offer small{
    margin-top:2px;
    color:#69768b;
    font-size:11px;
    line-height:1.35;
}


/* =========================================
   WHATSAPP CTA
========================================= */

.demo-wa-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    width:100%;
    min-height:48px;
    padding:10px 15px;
    background:linear-gradient(135deg,#16bd61,#0faa52);
    color:#fff !important;
    border-radius:12px;
    font-size:13px;
    font-weight:850;
    line-height:1.25;
    text-align:center;
    box-shadow:0 8px 18px rgba(21,183,93,.18);
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.demo-wa-btn svg{
    flex:0 0 auto;
}

.demo-wa-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 24px rgba(21,183,93,.24);
}


/* =========================================
   TRUST LINE
========================================= */

.demo-trust{
    margin-top:10px;
    text-align:center;
    color:#8590a3;
    font-size:10.5px;
    font-weight:600;
}


/* =========================================
   CLOSE BUTTON
========================================= */

.demo-wa-close{
    position:absolute;
    top:9px;
    right:10px;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    color:#8995a7;
    font-size:22px;
    line-height:1;
    cursor:pointer;
    transition:
        background .2s ease,
        color .2s ease;
}

.demo-wa-close:hover{
    background:#f1f4f8;
    color:var(--navy);
}


/* =========================================
   WHATSAPP BUTTON SUBTLE ATTENTION
========================================= */

.demo-wa-card.show + audio + .floating-wa{
    animation:mstWhatsAppPulse 1.8s ease-in-out 2;
}

@keyframes mstWhatsAppPulse{
    0%,100%{transform:scale(1)}
    50%{
        transform:scale(1.10);
        box-shadow:
            0 0 0 8px rgba(21,183,93,.12),
            0 14px 30px rgba(0,0,0,.20);
    }
}


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

@media(max-width:640px){

    .demo-wa-card{
        right:12px;
        bottom:82px;
        width:calc(100vw - 24px);
        padding:18px;
        border-radius:18px;
    }

    .demo-teacher-profile{
        gap:10px;
        margin-bottom:15px;
    }

    .demo-teacher-avatar{
        width:46px;
        height:46px;
        flex-basis:46px;
    }

    .demo-teacher-intro strong{
        font-size:17px;
    }

    .demo-role{
        font-size:10px;
    }

    .demo-wa-content h3{
        font-size:16px;
    }

    .demo-wa-content > p{
        font-size:12px;
        line-height:1.55;
    }

    .demo-offer{
        padding:12px;
        gap:10px;
    }

    .demo-offer-icon{
        width:36px;
        height:36px;
        flex-basis:36px;
    }

    .demo-offer strong{
        font-size:14px;
    }

    .demo-offer span,
    .demo-offer small{
        font-size:10px;
    }

    .demo-wa-btn{
        min-height:46px;
        padding:9px 12px;
        font-size:12px;
    }

    .demo-trust{
        font-size:10px;
    }
}


/* Very small phones */

@media(max-width:360px){

    .demo-wa-card{
        right:8px;
        width:calc(100vw - 16px);
        padding:16px;
    }

    .demo-wa-content h3{
        font-size:15px;
    }

    .demo-wa-btn{
        font-size:11px;
    }
}
/* ==================================================
   EMERGENCY / FINAL MOBILE DEMO POPUP FIX
================================================== */

@media screen and (max-width: 640px){

    #demoWaCard.demo-wa-card{
        position:fixed !important;
        right:12px !important;
        left:auto !important;
        bottom:84px !important;
        top:auto !important;

        z-index:9998 !important;

        display:block !important;

        width:calc(100% - 24px) !important;
        max-width:390px !important;
        height:auto !important;

        margin:0 !important;
        padding:17px !important;

        background:#ffffff !important;
        color:#0b1e3b !important;

        border:1px solid rgba(8,35,72,.10) !important;
        border-radius:18px !important;

        box-shadow:
            0 20px 55px rgba(4,25,55,.22),
            0 5px 15px rgba(4,25,55,.08) !important;

        overflow:visible !important;
    }


    #demoWaCard:not(.show){
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
    }


    #demoWaCard.show{
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }


    /* Teacher row */

    #demoWaCard .demo-teacher-profile{
        display:flex !important;
        align-items:center !important;
        gap:11px !important;

        margin:0 25px 14px 0 !important;
        padding:0 !important;
    }


    /* Teacher Photo */

    #demoWaCard .demo-teacher-avatar{
        display:block !important;

        width:50px !important;
        height:50px !important;

        min-width:50px !important;
        max-width:50px !important;

        flex:0 0 50px !important;

        margin:0 !important;
        padding:0 !important;

        border-radius:50% !important;
        overflow:hidden !important;

        background:#fff !important;

        box-shadow:
            0 0 0 3px rgba(21,183,93,.14) !important;
    }


    #demoWaCard .demo-teacher-avatar img{
        display:block !important;

        width:50px !important;
        height:50px !important;

        max-width:none !important;

        margin:0 !important;

        object-fit:cover !important;
        object-position:center center !important;

        border-radius:50% !important;
    }


    /* Name */

    #demoWaCard .demo-teacher-intro{
        display:flex !important;
        flex-direction:column !important;
        min-width:0 !important;
    }


    #demoWaCard .demo-hello{
        font-size:11px !important;
        line-height:1.3 !important;
        color:#718096 !important;
    }


    #demoWaCard .demo-teacher-intro strong{
        display:block !important;

        font-size:16px !important;
        line-height:1.2 !important;

        color:#061936 !important;
    }


    #demoWaCard .demo-role{
        display:block !important;

        margin-top:2px !important;

        font-size:9px !important;
        line-height:1.3 !important;

        color:#15b75d !important;
    }


    /* Main copy */

    #demoWaCard .demo-wa-content{
        display:block !important;
        width:100% !important;
        padding:0 !important;
    }


    #demoWaCard .demo-wa-content h3{
        margin:0 0 7px !important;

        font-size:16px !important;
        line-height:1.3 !important;

        color:#061936 !important;
    }


    #demoWaCard .demo-wa-content > p{
        margin:0 0 12px !important;

        font-size:11.5px !important;
        line-height:1.5 !important;

        color:#637087 !important;
    }


    /* Demo box */

    #demoWaCard .demo-offer{
        display:flex !important;
        align-items:center !important;

        gap:9px !important;

        margin:0 0 12px !important;
        padding:10px !important;

        border-radius:12px !important;

        background:#f2fbf6 !important;
        border:1px solid rgba(21,183,93,.16) !important;
    }


    #demoWaCard .demo-offer-icon{
        width:34px !important;
        height:34px !important;

        flex:0 0 34px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:10px !important;

        background:#15b75d !important;
        color:#fff !important;
    }


    #demoWaCard .demo-offer strong{
        display:block !important;
        font-size:13px !important;
        color:#109f50 !important;
    }


    #demoWaCard .demo-offer span,
    #demoWaCard .demo-offer small{
        display:block !important;
        font-size:9.5px !important;
        line-height:1.3 !important;
    }


    /* WhatsApp button */

    #demoWaCard .demo-wa-btn{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        gap:7px !important;

        width:100% !important;
        min-height:44px !important;

        padding:9px 10px !important;

        background:#15b75d !important;
        color:#fff !important;

        border-radius:11px !important;

        font-size:11px !important;
        font-weight:800 !important;

        text-align:center !important;
    }


    #demoWaCard .demo-trust{
        margin-top:7px !important;

        text-align:center !important;

        font-size:9px !important;
        color:#8590a3 !important;
    }


    /* X button */

    #demoWaCard .demo-wa-close{
        position:absolute !important;

        top:8px !important;
        right:8px !important;
        left:auto !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:28px !important;
        height:28px !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        border-radius:50% !important;

        background:#f3f5f8 !important;

        color:#7d899b !important;

        font-size:20px !important;
        line-height:1 !important;
    }


    /* Floating WhatsApp */

    .floating-wa{
        position:fixed !important;
        right:14px !important;
        bottom:16px !important;

        z-index:9999 !important;

        width:52px !important;
        height:52px !important;
    }

}