:root{
    --primary:#0f9b61;
    --secondary:#0b6b7a;
    --accent:#4f46e5;
    --dark:#0b1720;
    --text:#223548;
    --muted:#6d7f8f;
    --white:#ffffff;
    --line:rgba(11,23,32,.08);
    --soft:rgba(15,155,97,.08);
    --shadow:0 18px 40px rgba(11,23,32,.08);
    --shadow-lg:0 28px 70px rgba(11,23,32,.14);
    --radius:28px;
    --container:min(1180px, calc(100% - 28px));
    --mx:50%;
    --my:50%;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

body{
    font-family:'Cairo','Inter',sans-serif;
    color:var(--text);
    overflow-x:hidden;
    background:
        radial-gradient(circle at top right, rgba(15,155,97,.09), transparent 22%),
        radial-gradient(circle at top left, rgba(79,70,229,.08), transparent 22%),
        linear-gradient(180deg,#f8fffc 0%,#ffffff 45%,#f6fbff 100%);
    position:relative;
}

html[lang="en"] body{
    font-family:'Inter','Cairo',sans-serif;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
        radial-gradient(320px circle at var(--mx) var(--my), rgba(79,70,229,.10), transparent 38%),
        radial-gradient(260px circle at calc(var(--mx) + 4%) calc(var(--my) - 4%), rgba(15,155,97,.12), transparent 34%);
    transition:background .18s linear;
}

a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{font-family:inherit}
ul{list-style:none}

.container{
    width:var(--container);
    margin:auto;
    position:relative;
    z-index:2;
}

.section{
    padding:96px 0;
    position:relative;
}

.section-head{
    max-width:820px;
    margin:0 auto 48px;
    text-align:center;
}

.section-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:rgba(15,155,97,.10);
    border:1px solid rgba(15,155,97,.14);
    color:var(--primary);
    font-weight:800;
    font-size:14px;
    margin-bottom:16px;
    box-shadow:0 10px 24px rgba(15,155,97,.05);
}

.section-title{
    font-size:clamp(28px,4vw,50px);
    line-height:1.3;
    font-weight:900;
    color:var(--dark);
    margin-bottom:16px;
    letter-spacing:-.4px;
}

.section-subtitle{
    color:var(--muted);
    font-size:18px;
    line-height:1.95;
}

.highlight{
    background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    color:transparent;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border:none;
    border-radius:18px;
    padding:14px 24px;
    font-weight:800;
    cursor:pointer;
    transition:
        transform .35s cubic-bezier(.22,1,.36,1),
        box-shadow .35s cubic-bezier(.22,1,.36,1),
        background .3s ease,
        border-color .3s ease;
    position:relative;
    overflow:hidden;
}

.btn-primary{
    color:#fff;
    background:linear-gradient(135deg, #0f9b61 0%, #0b6b7a 55%, #4f46e5 100%);
    box-shadow:0 16px 35px rgba(15,155,97,.22);
}

.btn-primary:hover{
    transform:translateY(-4px);
    box-shadow:0 24px 55px rgba(15,155,97,.26);
}

.btn-outline{
    color:var(--dark);
    background:#fff;
    border:1.5px solid rgba(11,23,32,.10);
}

.btn-outline:hover{
    transform:translateY(-4px);
    box-shadow:var(--shadow);
    border-color:rgba(15,155,97,.18);
    background:rgba(15,155,97,.04);
}

.lang-switch{
    min-width:92px;
    padding:12px 16px;
    border-radius:16px;
    border:1px solid rgba(11,23,32,.08);
    background:#fff;
    color:var(--dark);
    font-weight:900;
    box-shadow:0 12px 24px rgba(11,23,32,.05);
}

.navbar{
    position:fixed;
    top:0; right:0; left:0;
    z-index:1000;
    padding:14px 0;
    background:rgba(255,255,255,.74);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(11,23,32,.05);
    transition:.35s ease;
}

.navbar.scrolled{
    padding:10px 0;
    box-shadow:0 16px 40px rgba(11,23,32,.08);
    background:rgba(255,255,255,.82);
}

.nav-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.brand{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:max-content;
    font-weight:900;
    color:var(--dark);
    font-size:20px;
}

.brand-mark{
    width:44px;
    height:44px;
    border-radius:14px;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));
    box-shadow:0 12px 24px rgba(15,155,97,.18);
    font-weight:900;
    overflow:hidden;
}

.brand-mark img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.nav-links{
    display:flex;
    align-items:center;
    gap:6px;
    flex:1;
    justify-content:center;
}

.nav-link{
    padding:12px 16px;
    border-radius:14px;
    font-weight:800;
    color:var(--dark);
    transition:.28s ease;
}

.nav-link:hover,
.nav-link.active{
    color:var(--primary);
    background:rgba(15,155,97,.08);
}

.nav-actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.menu-btn{
    width:46px;
    height:46px;
    border:none;
    border-radius:14px;
    background:#fff;
    border:1px solid rgba(11,23,32,.08);
    display:none;
    position:relative;
    cursor:pointer;
}

.menu-btn span{
    position:absolute;
    width:20px;
    height:2px;
    background:var(--dark);
    left:50%;
    transform:translateX(-50%);
    border-radius:99px;
    transition:.3s ease;
}

.menu-btn span:nth-child(1){top:15px}
.menu-btn span:nth-child(2){top:22px}
.menu-btn span:nth-child(3){top:29px}

body.sidebar-open .menu-btn span:nth-child(1){top:22px;transform:translateX(-50%) rotate(45deg)}
body.sidebar-open .menu-btn span:nth-child(2){opacity:0}
body.sidebar-open .menu-btn span:nth-child(3){top:22px;transform:translateX(-50%) rotate(-45deg)}

.sidebar-overlay{
    position:fixed;
    inset:0;
    background:rgba(3,12,20,.45);
    backdrop-filter:blur(3px);
    opacity:0;
    visibility:hidden;
    transition:.3s ease;
    z-index:1100;
}

.sidebar{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    width:min(320px, 88vw);
    background:rgba(255,255,255,.98);
    box-shadow:-18px 0 60px rgba(11,23,32,.15);
    padding:20px 16px;
    transform:translateX(100%);
    transition:.35s ease;
    z-index:1200;
    overflow-y:auto;
    border-radius:28px 0 0 28px;
}

html[dir="ltr"] .sidebar{
    right:auto;
    left:0;
    transform:translateX(-100%);
    box-shadow:18px 0 60px rgba(11,23,32,.15);
    border-radius:0 28px 28px 0;
}

body.sidebar-open .sidebar-overlay{
    opacity:1;
    visibility:visible;
}

body.sidebar-open .sidebar{
    transform:translateX(0);
}

.sidebar-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}

.close-btn{
    width:42px;
    height:42px;
    border:none;
    border-radius:14px;
    background:#f3f7f6;
    font-size:24px;
    cursor:pointer;
}

.sidebar-menu{
    display:grid;
    gap:8px;
    margin-top:18px;
}

.sidebar-link{
    padding:14px 16px;
    border-radius:16px;
    font-weight:800;
    border:1px solid rgba(11,23,32,.06);
    background:#fff;
    transition:.28s ease;
}

.sidebar-link:hover,
.sidebar-link.active{
    background:rgba(15,155,97,.08);
    color:var(--primary);
    border-color:rgba(15,155,97,.14);
}

.hero{
    min-height:100vh;
    display:flex;
    align-items:center;
    padding-top:120px;
    overflow:hidden;
}

.hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:46px;
    align-items:center;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:11px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(15,155,97,.12);
    box-shadow:0 14px 30px rgba(11,23,32,.06);
    color:var(--primary);
    font-size:14px;
    font-weight:800;
    margin-bottom:18px;
}

.hero-title{
    font-size:clamp(38px,5vw,68px);
    line-height:1.14;
    font-weight:900;
    color:var(--dark);
    margin-bottom:18px;
    letter-spacing:-1px;
}

.hero-desc{
    color:var(--muted);
    font-size:19px;
    line-height:2;
    max-width:690px;
    margin-bottom:28px;
}

.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:28px;
}

.hero-points{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    max-width:720px;
}

.stat-card,
.card,
.demo-shell,
.trust-box,
.cta-box{
    background:rgba(255,255,255,.92);
    border:1px solid rgba(15,155,97,.10);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    position:relative;
    overflow:hidden;
    transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s cubic-bezier(.22,1,.36,1);
}

.stat-card:hover,
.card:hover,
.demo-shell:hover,
.trust-box:hover,
.cta-box:hover{
    transform:translateY(-8px);
    box-shadow:0 28px 70px rgba(11,23,32,.12);
}

.stat-card{
    padding:22px 18px;
}

.stat-card strong{
    display:block;
    font-size:20px;
    color:var(--primary);
    margin-bottom:6px;
    font-weight:900;
}

.stat-card span{
    color:var(--muted);
    font-size:14px;
    font-weight:700;
    line-height:1.8;
}

.hero-visual{
    position:relative;
}

.float-badge{
    position:absolute;
    z-index:2;
    padding:12px 16px;
    border-radius:18px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(15,155,97,.12);
    box-shadow:0 14px 30px rgba(11,23,32,.08);
    font-size:14px;
    font-weight:800;
    color:var(--secondary);
}

html[dir="ltr"] .float-1 {
    left: 0;
    right: auto;
}

html[dir="ltr"] .float-2 {
    right: 0;
    left: auto;
}

html[dir="rtl"] .float-1 {
    right: 0;
    left: auto;
}

html[dir="rtl"] .float-2 {
    left: 0;
    right: auto;
}

.float-1{top:2%}
.float-2{top:18%}

.demo-shell{
    padding:18px;
    border-radius:34px;
    background:linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.76));
    box-shadow:var(--shadow-lg);
    backdrop-filter:blur(18px);
}

.window-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:16px;
}

.dots{
    display:flex;
    gap:8px;
}

.dots span{
    width:11px;
    height:11px;
    border-radius:50%;
    background:rgba(11,23,32,.12);
}

.chip{
    padding:8px 12px;
    border-radius:999px;
    background:rgba(15,155,97,.10);
    color:var(--primary);
    font-size:13px;
    font-weight:800;
}

.chat-ui{
    background:#fff;
    border:1px solid rgba(15,155,97,.10);
    border-radius:28px;
    padding:22px;
    box-shadow:var(--shadow);
}

.bubble{
    width:fit-content;
    max-width:90%;
    padding:14px 16px;
    border-radius:18px;
    font-weight:700;
    line-height:1.9;
    margin-bottom:12px;
    font-size:15px;
}

html[dir="ltr"] .bubble.user {
    margin-left: auto;
    margin-right: 0;
    text-align: left;
}

html[dir="rtl"] .bubble.user {
    margin-right: auto;
    margin-left: 0;
    text-align: right;
}

.bubble.user{
    background:rgba(11,23,32,.05);
    color:var(--dark);
}

.bubble.ai{
    background:linear-gradient(135deg, rgba(15,155,97,.12), rgba(79,70,229,.08));
    border:1px solid rgba(15,155,97,.10);
    color:var(--dark);
}

.demo-answer{
    margin-top:14px;
    background:linear-gradient(145deg,#fbfffe,#f7fbff);
    border:1px solid rgba(11,23,32,.06);
    border-radius:22px;
    padding:18px;
}

.demo-answer h4{
    font-size:14px;
    color:var(--primary);
    margin-bottom:12px;
    font-weight:900;
}

.demo-answer p{
    color:#365064;
    line-height:1.95;
    font-weight:700;
    font-size:14px;
    margin-bottom:12px;
}

.source-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:999px;
    background:rgba(15,155,97,.08);
    color:var(--secondary);
    font-size:13px;
    font-weight:800;
}

.grid-3{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.grid-2{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.card{
    padding:30px;
    height:100%;
}

.icon{
    width:66px;
    height:66px;
    border-radius:22px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg, rgba(15,155,97,.16), rgba(79,70,229,.10));
    color:var(--primary);
    font-size:28px;
    font-weight:900;
    margin-bottom:18px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}

.card h3{
    font-size:22px;
    font-weight:900;
    color:var(--dark);
    margin-bottom:12px;
    line-height:1.45;
}

.card p{
    color:var(--muted);
    line-height:1.95;
    font-size:16px;
}

.steps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.step-number{
    width:48px;
    height:48px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));
    font-weight:900;
    margin-bottom:16px;
    box-shadow:0 12px 24px rgba(15,155,97,.18);
}

.trust-box{
    padding:38px;
    background:linear-gradient(135deg, rgba(15,155,97,.95), rgba(11,107,122,.92), rgba(79,70,229,.90));
    color:#fff;
    box-shadow:0 28px 65px rgba(15,155,97,.24);
}

.trust-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
    margin-top:24px;
}

.trust-item{
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.12);
    border-radius:22px;
    padding:22px;
}

.trust-item h3{
    font-size:20px;
    margin-bottom:10px;
    font-weight:900;
}

.trust-item p{
    color:rgba(255,255,255,.92);
    line-height:1.95;
    font-size:15px;
}

.cta-box{
    padding:56px 34px;
    text-align:center;
    background:linear-gradient(135deg, #0f9b61 0%, #0b6b7a 55%, #4f46e5 100%);
    color:#fff;
    box-shadow:0 26px 70px rgba(15,155,97,.25);
}

.cta-box p{
    max-width:820px;
    margin:0 auto 24px;
    color:rgba(255,255,255,.94);
    line-height:2;
    font-size:18px;
}

.cta-actions{
    display:flex;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}

.btn-light{
    background:#fff;
    color:var(--dark);
}

.btn-light-outline{
    background:transparent;
    color:#fff;
    border:1px solid rgba(255,255,255,.28);
}

.btn-light-outline:hover{
    background:rgba(255,255,255,.09);
}

.footer{
    padding:28px 0 36px;
    text-align:center;
    color:var(--muted);
    border-top:1px solid rgba(11,23,32,.06);
    background:#fff;
    position:relative;
    z-index:2;
}

.reveal{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .75s ease, transform .75s ease;
}

.reveal.show{
    opacity:1;
    transform:translateY(0);
}

.delay-1{transition-delay:.10s}
.delay-2{transition-delay:.18s}
.delay-3{transition-delay:.26s}

@media (max-width:1199px){
    .hero-grid{gap:34px}
}

@media (max-width:991px){
    body::before{display:none}

    .nav-links,
    .nav-actions .desktop-cta,
    .nav-actions .desktop-lang{
        display:none;
    }

    .menu-btn{display:inline-block}

    .hero{
        min-height:auto;
        padding-top:110px;
        padding-bottom:24px;
    }

    .hero-grid,
    .grid-3,
    .grid-2,
    .steps,
    .trust-grid{
        grid-template-columns:1fr;
    }

    .hero-points{
        grid-template-columns:1fr;
    }

    .float-badge{display:none}

    .section{
        padding:82px 0;
    }
}

@media (max-width:767px){
    :root{
        --container:min(100%, calc(100% - 16px));
        --radius:22px;
    }

    .navbar{padding:10px 0}
    .navbar.scrolled{padding:8px 0}

    .hero{
        padding-top:92px;
    }

    .hero-title{
        font-size:31px;
        line-height:1.28;
    }

    .hero-desc,
    .section-subtitle,
    .cta-box p{
        font-size:15px;
        line-height:1.9;
    }

    .hero-actions,
    .cta-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .hero-actions .btn,
    .cta-actions .btn{
        width:100%;
    }

    .card,
    .trust-box,
    .cta-box,
    .demo-shell{
        padding:18px;
    }

    .chat-ui{
        padding:16px;
        border-radius:20px;
    }

    .bubble{
        font-size:13px;
        max-width:100%;
        padding:12px 14px;
    }

    .section{
        padding:64px 0;
    }

    .section-head{
        margin-bottom:32px;
    }

    .section-title{
        font-size:26px;
    }

    .sidebar{
        width:min(300px, 88vw);
    }
}

.intro-overlay{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 20% 20%, rgba(79,70,229,.18), transparent 24%),
        radial-gradient(circle at 80% 25%, rgba(15,155,97,.18), transparent 24%),
        linear-gradient(135deg, #071018 0%, #0b1720 45%, #0d2230 100%);
    transition:
        opacity .9s ease,
        visibility .9s ease,
        transform .9s ease;
}

.intro-overlay.hide{
    opacity:0;
    visibility:hidden;
    transform:scale(1.02);
}

.intro-bg{
    position:absolute;
    inset:-20%;
    background:
        radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), transparent 20%),
        radial-gradient(circle at 30% 70%, rgba(15,155,97,.12), transparent 18%),
        radial-gradient(circle at 70% 30%, rgba(79,70,229,.12), transparent 18%);
    filter:blur(30px);
    animation:introBgFloat 8s ease-in-out infinite;
}

.intro-content{
    position:relative;
    z-index:2;
    text-align:center;
    color:#fff;
    padding:24px;
    width:min(92vw, 760px);
    animation:introContentIn 1.15s cubic-bezier(.22,1,.36,1);
}

.intro-logo-wrap{
    position:relative;
    width:120px;
    height:120px;
    margin:0 auto 24px;
    display:grid;
    place-items:center;
}

.intro-logo-ring{
    position:absolute;
    inset:0;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.14);
    box-shadow:
        0 0 0 10px rgba(255,255,255,.03),
        0 0 80px rgba(79,70,229,.22),
        0 0 100px rgba(15,155,97,.18);
    animation:introPulseRing 2.4s ease-in-out infinite;
}

.intro-logo{
    width:82px;
    height:82px;
    border-radius:24px;
    display:grid;
    place-items:center;
    font-size:38px;
    font-weight:900;
    color:#fff;
    background:linear-gradient(135deg, #0f9b61 0%, #0b6b7a 55%, #4f46e5 100%);
    box-shadow:
        0 18px 40px rgba(0,0,0,.24),
        0 0 50px rgba(79,70,229,.18);
    animation:introLogoFloat 3.2s ease-in-out infinite;
    overflow:hidden;
}

.intro-logo img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.intro-title{
    font-size:clamp(34px, 6vw, 68px);
    line-height:1.1;
    font-weight:900;
    margin-bottom:12px;
    letter-spacing:-1px;
}

.intro-subtitle{
    color:rgba(255,255,255,.82);
    font-size:clamp(15px, 2vw, 20px);
    line-height:1.9;
    margin-bottom:22px;
    font-weight:700;
}

.intro-typing-wrap{
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
}

.intro-typing{
    display:inline-block;
    font-size:clamp(16px, 2.2vw, 22px);
    font-weight:800;
    color:#ffffff;
    position:relative;
    padding-inline:8px;
}

.intro-typing::after{
    content:"";
    display:inline-block;
    width:2px;
    height:1.1em;
    background:rgba(255,255,255,.9);
    margin-inline-start:8px;
    vertical-align:middle;
    animation:blinkCaret .8s step-end infinite;
}

.intro-loader{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

.intro-loader span{
    width:10px;
    height:10px;
    border-radius:50%;
    background:linear-gradient(135deg, #0f9b61, #4f46e5);
    animation:introDotBounce 1s infinite ease-in-out;
}

.intro-loader span:nth-child(2){animation-delay:.15s}
.intro-loader span:nth-child(3){animation-delay:.30s}

body.intro-lock{
    overflow:hidden;
}

body.page-ready .hero,
body.page-ready .section,
body.page-ready .footer{
    animation:pageFadeIn .9s cubic-bezier(.22,1,.36,1);
}

@keyframes introContentIn{
    from{
        opacity:0;
        transform:translateY(24px) scale(.97);
        filter:blur(10px);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
        filter:blur(0);
    }
}

@keyframes introBgFloat{
    0%,100%{transform:scale(1) translate3d(0,0,0)}
    50%{transform:scale(1.08) translate3d(10px,-8px,0)}
}

@keyframes introPulseRing{
    0%,100%{
        transform:scale(1);
        opacity:.9;
    }
    50%{
        transform:scale(1.08);
        opacity:.55;
    }
}

@keyframes introLogoFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-8px)}
}

@keyframes introDotBounce{
    0%, 80%, 100%{
        transform:scale(.7);
        opacity:.6;
    }
    40%{
        transform:scale(1.2);
        opacity:1;
    }
}

@keyframes blinkCaret{
    50%{opacity:0}
}

@keyframes pageFadeIn{
    from{
        opacity:0;
        transform:translateY(16px);
        filter:blur(8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
        filter:blur(0);
    }
}

@media (max-width:767px){
    .intro-logo-wrap{
        width:96px;
        height:96px;
        margin-bottom:18px;
    }

    .intro-logo{
        width:68px;
        height:68px;
        border-radius:20px;
        font-size:30px;
    }

    .intro-subtitle{
        margin-bottom:16px;
    }

    .intro-typing-wrap{
        min-height:32px;
        margin-bottom:18px;
    }
}

@media (prefers-reduced-motion: reduce){
    .intro-overlay,
    .intro-bg,
    .intro-content,
    .intro-logo,
    .intro-logo-ring,
    .intro-loader span{
        animation:none !important;
        transition:none !important;
    }
}