:root{--ink:#10212b;--ink2:#183542;--gold:#f4a321;--gold2:#ffc451;--paper:#f7f8fa;--muted:#6b7780;--white:#fff;--radius:22px;--shadow:0 18px 55px rgba(10,32,43,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans Arabic",sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{text-decoration:none!important}.container{max-width:1180px}.preloader{position:fixed;inset:0;background:var(--ink);z-index:99999;display:grid;place-items:center;transition:.45s}.preloader.hide{opacity:0;visibility:hidden}.loader-mark{width:78px;height:78px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--gold);border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-mark{font-size:0}.topbar{background:#0a1820;color:#dce5e9;font-size:13px}.topbar-inner{height:42px;display:flex;align-items:center;justify-content:space-between}.topbar i{color:var(--gold);margin-inline-end:7px}.mainnav{height:86px;background:#fff;box-shadow:0 5px 24px rgba(8,31,43,.08);position:relative;z-index:50}.mainnav.sticky{position:fixed;top:0;left:0;right:0;height:72px;animation:drop .3s}@keyframes drop{from{transform:translateY(-100%)}to{transform:none}}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:var(--ink)}.brand-badge{width:48px;height:48px;background:linear-gradient(135deg,var(--gold),#ff7b00);clip-path:polygon(20% 0,100% 0,80% 100%,0 100%);display:grid;place-items:center;color:#fff;font-weight:900}.brand b{display:block;font-size:17px;letter-spacing:.5px}.brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#7b858b;margin-top:3px}.navlinks{display:flex;align-items:center;gap:24px}.navlinks>a{color:#1c303a;font-weight:700;font-size:14px;position:relative;padding:30px 0}.navlinks>a:after{content:"";height:3px;background:var(--gold);position:absolute;bottom:20px;left:0;right:100%;transition:.25s}.navlinks>a:hover:after{right:0}.langs{display:flex;background:#f1f3f4;border-radius:30px;padding:4px}.langs a{padding:7px 9px;border-radius:20px;color:var(--ink);font-size:11px;font-weight:800}.langs a:hover{background:var(--ink);color:#fff}.nav-toggle{display:none;border:0;background:var(--ink);color:#fff;width:44px;height:44px;border-radius:10px}.hero{height:min(760px,calc(100vh - 128px));min-height:560px;position:relative;overflow:hidden;background:#111}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s;display:flex;align-items:center}.hero-slide.active{opacity:1;z-index:2}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);transition:transform 7s}.hero-slide.active .hero-bg{transform:scale(1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,22,31,.9) 0%,rgba(6,22,31,.68) 48%,rgba(6,22,31,.15) 100%)}[dir=rtl] .hero-overlay{background:linear-gradient(270deg,rgba(6,22,31,.9),rgba(6,22,31,.65),rgba(6,22,31,.15))}.hero-content{position:relative;z-index:2;color:#fff;max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold2);font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.eyebrow:before{content:"";width:38px;height:3px;background:var(--gold)}.hero h1{font-size:clamp(44px,6vw,82px);line-height:.98;margin:18px 0 22px;font-weight:900;letter-spacing:-2px}.hero p{font-size:18px;line-height:1.75;color:#e1e8eb;max-width:650px}.btn-gold,.btn-outline{display:inline-flex;align-items:center;gap:12px;padding:16px 25px;border-radius:8px;font-weight:800;margin-top:15px;transition:.25s}.btn-gold{background:var(--gold);color:#13242d}.btn-gold:hover{background:#fff;color:var(--ink);transform:translateY(-2px)}.btn-outline{border:1px solid rgba(255,255,255,.5);color:#fff;margin-inline-start:8px}.hero-dots{position:absolute;z-index:4;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:9px}.hero-dots button{width:10px;height:10px;border:0;border-radius:20px;background:rgba(255,255,255,.45);padding:0;transition:.3s}.hero-dots button.active{width:34px;background:var(--gold)}.section{padding:100px 0}.section-soft{background:var(--paper)}.section-head{max-width:720px;margin-bottom:48px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head h2{font-size:clamp(34px,4vw,54px);font-weight:900;letter-spacing:-1.4px;margin:10px 0 14px}.section-head p{color:var(--muted);font-size:16px;line-height:1.8}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.image-stack{position:relative;padding:0 40px 45px 0}.image-stack img{width:100%;height:520px;object-fit:cover;border-radius:6px;box-shadow:var(--shadow)}.image-stack:after{content:"";position:absolute;right:0;bottom:0;width:55%;height:60%;background:var(--gold);z-index:-1}.experience{position:absolute;left:-20px;bottom:70px;background:#fff;padding:22px 26px;box-shadow:var(--shadow);border-left:5px solid var(--gold)}.experience b{font-size:36px;display:block}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.checklist div{font-weight:700}.checklist i{color:var(--gold);margin-inline-end:8px}.ops-grid,.news-grid,.gallery-grid,.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.op-card,.news-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 35px rgba(12,35,47,.08);transition:.35s;border:1px solid #edf0f2}.op-card:hover,.news-card:hover{transform:translateY(-9px);box-shadow:var(--shadow)}.op-img,.news-img{height:230px;overflow:hidden}.op-img img,.news-img img{width:100%;height:100%;object-fit:cover;transition:.5s}.op-card:hover img,.news-card:hover img{transform:scale(1.07)}.op-body,.news-body{padding:26px}.op-num{font-size:12px;font-weight:900;color:var(--gold);letter-spacing:2px}.op-body h3,.news-body h3{font-size:22px;font-weight:850;margin:8px 0 12px}.op-body p,.news-body p{color:var(--muted);line-height:1.7}.stats-band{background:linear-gradient(110deg,#0b1e28,#173b49);color:#fff;padding:55px 0}.stats-grid{grid-template-columns:repeat(4,1fr)}.stat{text-align:center;border-inline-end:1px solid rgba(255,255,255,.12)}.stat:last-child{border:0}.stat strong{display:block;color:var(--gold2);font-size:44px;font-weight:900}.stat span{font-size:13px;text-transform:uppercase;letter-spacing:1.3px;color:#c5d0d5}.gallery-grid{grid-template-columns:2fr 1fr 1fr;grid-auto-rows:250px}.gallery-item{position:relative;overflow:hidden;border-radius:16px}.gallery-item:nth-child(4n+1){grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-item:hover img{transform:scale(1.07)}.gallery-caption{position:absolute;inset:auto 0 0;padding:25px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8));font-weight:800}.news-date{color:#9a6a17;font-size:12px;font-weight:800}.cta{padding:75px 0;background:linear-gradient(90deg,rgba(244,163,33,.95),rgba(255,190,65,.92)),url('../images/quote-bg.jpg') center/cover}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font-size:40px;font-weight:900;margin:0;max-width:700px}.cta .btn-gold{background:var(--ink);color:#fff}.page-hero{padding:110px 0;background:linear-gradient(90deg,rgba(8,27,37,.9),rgba(8,27,37,.65)),url('../images/page-title.jpg') center/cover;color:#fff}.page-hero h1{font-size:54px;font-weight:900}.content-card{background:#fff;border-radius:20px;padding:35px;box-shadow:var(--shadow)}.article-cover{width:100%;max-height:560px;object-fit:cover;border-radius:20px;margin-bottom:28px}.article-text{font-size:17px;line-height:1.95;color:#43535c;white-space:pre-line}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}.contact-info{background:var(--ink);color:#fff;border-radius:22px;padding:40px}.contact-info h3{font-size:30px}.contact-row{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-row i{color:var(--gold);width:30px}.form-control{min-height:52px;border:1px solid #dfe5e8;border-radius:10px;padding:12px 15px}.footer{background:#08171e;color:#b8c6cc;padding-top:75px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:60px}.footer h4{color:#fff;font-weight:800}.footer p{line-height:1.8}.footer a{display:block;color:#b8c6cc;margin:12px 0}.footer-brand{color:#fff;margin-bottom:20px}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:50px;padding:24px;text-align:center;font-size:13px}.to-top{position:fixed;right:22px;bottom:22px;width:46px;height:46px;border:0;border-radius:50%;background:var(--gold);color:var(--ink);z-index:20;display:none}.reveal{opacity:0;transform:translateY(30px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:991px){.top-contact{display:none}.nav-toggle{display:block}.navlinks{position:absolute;top:100%;left:15px;right:15px;background:#fff;box-shadow:var(--shadow);border-radius:14px;padding:12px;display:none;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks>a{padding:13px 15px;border-bottom:1px solid #eee}.navlinks>a:after{display:none}.langs{margin-top:10px;justify-content:center}.hero{min-height:620px;height:72vh}.hero h1{font-size:52px}.about-grid,.contact-grid{grid-template-columns:1fr}.ops-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:25px}.stat{border:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:600px){.container{padding-left:18px;padding-right:18px}.topbar-inner{height:36px;font-size:11px}.mainnav{height:72px}.brand-badge{width:42px;height:42px}.brand b{font-size:14px}.brand small{font-size:7px}.hero{min-height:570px;height:calc(100vh - 108px)}.hero h1{font-size:40px;letter-spacing:-1px}.hero p{font-size:15px}.btn-gold,.btn-outline{padding:13px 16px;font-size:13px}.section{padding:70px 0}.section-head h2{font-size:34px}.about-grid{gap:40px}.image-stack{padding:0 20px 25px 0}.image-stack img{height:390px}.experience{left:8px;bottom:40px}.checklist{grid-template-columns:1fr}.ops-grid,.news-grid,.gallery-grid,.stats-grid,.footer-grid{grid-template-columns:1fr}.gallery-item:nth-child(4n+1){grid-row:span 1}.gallery-grid{grid-auto-rows:240px}.cta-inner{display:block}.cta h2{font-size:30px}.page-hero{padding:75px 0}.page-hero h1{font-size:40px}.contact-info,.content-card{padding:25px}.footer-grid>div:first-child{grid-column:auto}}
/* PRO MAX UI */
body{font-family:'Poppins',Arial,sans-serif}[dir=rtl] body{font-family:'Noto Naskh Arabic',Tahoma,sans-serif;font-size:17px}.login-link{background:linear-gradient(135deg,#ffb12b,#ff7b00);padding:11px 15px!important;border-radius:12px;color:#10212b!important;box-shadow:0 8px 22px rgba(244,163,33,.28)}.login-link:after{display:none}.whatsapp-float{position:fixed;right:22px;bottom:80px;z-index:80;background:#25d366;color:#fff!important;border-radius:50px;padding:13px 18px;display:flex;gap:9px;align-items:center;font-weight:800;box-shadow:0 14px 35px rgba(37,211,102,.35);animation:waPulse 2s infinite}.whatsapp-float i{font-size:22px}@keyframes waPulse{50%{transform:translateY(-5px)}}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.team-card,.award-card{background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 18px 45px rgba(10,32,43,.1);transition:.4s;transform-style:preserve-3d;border:1px solid #edf0f2}.team-card:hover,.award-card:hover{transform:perspective(900px) rotateX(2deg) rotateY(-2deg) translateY(-10px)}.team-photo{height:360px;position:relative;overflow:hidden}.team-photo img,.award-image img{width:100%;height:100%;object-fit:cover;transition:.6s}.team-card:hover img,.award-card:hover img{transform:scale(1.07)}.team-body,.award-body{padding:27px}.team-body h3,.award-body h3{font-size:24px;font-weight:900}.team-body strong,.award-date{color:#c67a00}.team-body p,.award-body p{color:var(--muted);line-height:1.8}.manager-card{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(145deg,#fff,#fff9ed)}.manager-card .team-photo{height:100%;min-height:410px}.manager-badge{display:inline-block;background:var(--ink);color:var(--gold2);padding:7px 12px;border-radius:20px;font-size:11px;font-weight:800}.awards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.award-image{height:280px;position:relative;overflow:hidden}.award-medal{position:absolute;right:20px;bottom:0;width:60px;height:60px;border-radius:50% 50% 0 0;background:linear-gradient(135deg,#ffc44f,#f18b00);display:grid;place-items:center;font-size:25px;color:#fff}.news-engage{margin-top:30px;padding-top:25px;border-top:1px solid #e9edef}.like-btn{border:0;background:linear-gradient(135deg,#f4a321,#ff7b00);color:#142630;padding:13px 20px;border-radius:40px;font-weight:900}.comments-wrap{max-width:900px;margin:35px auto 0;background:#fff;border-radius:24px;padding:35px;box-shadow:var(--shadow)}.comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.comment-form textarea{margin-bottom:15px}.success-note{padding:14px 18px;border-radius:12px;background:#e9fff1;color:#17753a;margin:15px 0}.comment-item{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:22px 0;border-top:1px solid #edf0f2}.comment-avatar{width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:900}@media(max-width:1199px){.navlinks{gap:10px}.navlinks>a{font-size:11px}}@media(max-width:991px){.team-grid,.awards-grid{grid-template-columns:repeat(2,1fr)}.manager-card{grid-column:1/-1}.navlinks{max-height:calc(100vh - 100px);overflow:auto}.login-link{text-align:center;margin-top:8px}}@media(max-width:600px){.team-grid,.awards-grid{grid-template-columns:1fr}.manager-card{display:block}.team-photo,.manager-card .team-photo{height:330px;min-height:0}.comment-fields{grid-template-columns:1fr}.comments-wrap{padding:22px}.whatsapp-float{right:14px;bottom:72px;padding:13px}.whatsapp-float span{display:none}}
/* PRO MAX V5 */
:root{--site-font-en:Poppins,Arial,sans-serif;--site-font-rtl:"Noto Naskh Arabic","Segoe UI",Tahoma,sans-serif}body{font-family:var(--site-font-en)}html[dir=rtl] body{font-family:var(--site-font-rtl);font-size:16px}.has-sub{position:relative}.sub-trigger{display:flex!important;align-items:center;gap:6px}.submenu{position:absolute;top:76px;inset-inline-start:-20px;min-width:280px;background:#fff;border-radius:16px;padding:10px;box-shadow:0 22px 60px rgba(5,25,35,.18);opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s;z-index:100}.has-sub:hover .submenu{opacity:1;visibility:visible;transform:none}.submenu a{display:flex!important;gap:12px;align-items:center;padding:12px!important;border-radius:10px;color:var(--ink)!important}.submenu a:hover{background:#fff5e5}.company-dot{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--gold),#ff7b00);color:#fff;display:grid;place-items:center;font-weight:900}.nav-actions{display:flex;align-items:center;gap:8px}.contact-pill{width:42px;height:42px;border-radius:50%;display:grid!important;place-items:center;background:#f3f6f7;color:var(--ink)!important;padding:0!important}.contact-pill:after{display:none!important}.contact-pill:hover{background:var(--gold)!important}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.company-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);transition:.35s;transform-style:preserve-3d}.company-card:hover{transform:translateY(-9px) rotateX(1deg)}.company-card img{width:100%;height:230px;object-fit:cover}.company-card-body{padding:25px}.company-card h3{font-weight:900}.company-meta{color:#9a6a17;font-weight:800;font-size:12px;text-transform:uppercase}.social-floats{position:fixed;inset-inline-end:20px;bottom:22px;z-index:200;display:flex;flex-direction:column;gap:10px}.social-floats a{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;color:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.22);font-size:20px;transition:.25s}.social-floats a:hover{transform:translateY(-4px) scale(1.04)}.float-wa{background:#20b95a}.float-mail{background:#e56b2f}.to-top{bottom:155px}.mobile-quick{display:none}@media(max-width:991px){.has-sub .submenu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:5px 10px 8px;background:#f7f9fa}.has-sub.open .submenu{display:block}.sub-trigger{justify-content:space-between}.navlinks{max-height:calc(100vh - 100px);overflow:auto}.nav-actions{display:grid;grid-template-columns:repeat(3,1fr);padding:10px}.contact-pill{width:auto;height:44px;border-radius:12px}.company-grid{grid-template-columns:repeat(2,1fr)}.mobile-quick{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:190;box-shadow:0 -8px 25px rgba(0,0,0,.12);justify-content:space-around;padding:7px env(safe-area-inset-right) calc(7px + env(safe-area-inset-bottom)) env(safe-area-inset-left)}.mobile-quick a{color:var(--ink);font-size:11px;font-weight:800;text-align:center;min-width:58px}.mobile-quick i{display:block;margin:auto auto 4px;font-size:19px;color:#e88816}.social-floats{bottom:75px}.to-top{bottom:205px}}@media(max-width:600px){.company-grid{grid-template-columns:1fr}.company-card img{height:210px}.hero h1{font-size:clamp(34px,10vw,46px)}.topbar .container{padding-inline:12px}.brand span:last-child{max-width:180px}.social-floats a{width:48px;height:48px;border-radius:15px}}
/* V6 dynamic navigation + dynamic page polish */
.navlinks>.nav-item,.navlinks>.has-sub{position:relative}.navlinks .menu-icon{display:inline-grid!important;width:18px;text-align:center;margin-inline-end:5px;color:#f4a321}.navlinks .sub-arrow{font-size:12px;margin-inline-start:5px}.submenu .nav-item,.submenu .has-sub{width:100%;position:relative}.submenu .submenu{left:100%;top:0;margin-top:0}.dynamic-hero{min-height:390px;background:linear-gradient(110deg,#071c26,#174253);background-size:cover;background-position:center;display:flex;align-items:end;padding:100px 0 65px;color:#fff;position:relative;overflow:hidden}.dynamic-hero:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-80px;top:-90px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)}.dynamic-hero h1{font-size:clamp(36px,6vw,72px);font-weight:900;max-width:900px;position:relative;z-index:2}.dynamic-content{max-width:980px;margin:auto;background:#fff;border-radius:26px;padding:clamp(24px,5vw,58px);box-shadow:0 22px 65px rgba(12,38,49,.1);font-size:17px;line-height:1.9}.dynamic-content img{max-width:100%;height:auto;border-radius:18px}.top-contact{display:flex;gap:18px}.top-contact a{color:inherit;text-decoration:none}
@media(max-width:991px){.navlinks .menu-icon{display:inline-grid!important}.navlinks>.nav-item,.navlinks>.has-sub{width:100%}.navlinks>.nav-item>a,.navlinks>.has-sub>a{display:flex!important;align-items:center!important;width:100%;min-height:46px}.navlinks .submenu{position:static!important;display:none!important;box-shadow:none!important;background:rgba(8,35,46,.04)!important;margin:3px 0 5px 18px!important;border-left:2px solid #f4a321!important;width:calc(100% - 18px)!important;transform:none!important;opacity:1!important;visibility:visible!important}.navlinks .has-sub.open>.submenu{display:block!important}.navlinks .submenu a{min-height:43px;display:flex!important;align-items:center!important}.navlinks .submenu .submenu{margin-left:14px!important;width:calc(100% - 14px)!important}.sub-trigger{justify-content:flex-start}.sub-arrow{margin-left:auto}.top-contact{gap:10px}.topbar-inner{gap:10px;flex-wrap:wrap}.dynamic-hero{min-height:300px;padding:80px 0 45px}}
@media(max-width:575px){.topbar{display:none}.navlinks .menu-icon{font-size:16px!important;visibility:visible!important;opacity:1!important}.dynamic-content{border-radius:18px;padding:20px}.dynamic-hero{min-height:250px}.dynamic-hero h1{font-size:34px}}
/* ============================================================
   IKRAM GROUP — PREMIUM COLORFUL ANIMATED NAVIGATION
   Put this at the VERY END of ikram.css
============================================================ */

:root{
    --nav-blue:#1677ff;
    --nav-purple:#7c3aed;
    --nav-pink:#e83e8c;
    --nav-orange:#ff8a00;
    --nav-green:#10b981;
    --nav-cyan:#06b6d4;
    --nav-red:#ef4444;

    --nav-dark:#0b202b;
    --nav-dark-2:#153744;
    --nav-border:rgba(15,46,60,.09);
    --nav-shadow:0 18px 50px rgba(7,31,43,.12);
}


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

.site-header{
    position:relative;
    z-index:1000;
}

.mainnav{
    height:90px;
    position:relative;
    z-index:1000;

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.98),
            rgba(250,252,255,.97),
            rgba(255,250,242,.97)
        );

    border-bottom:1px solid rgba(20,48,61,.07);

    box-shadow:
        0 8px 35px rgba(9,34,46,.07);

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

    transition:
        height .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}

.mainnav:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:3px;

    background:linear-gradient(
        90deg,
        #1677ff,
        #7c3aed,
        #e83e8c,
        #ff8a00,
        #f4a321,
        #10b981,
        #06b6d4,
        #1677ff
    );

    background-size:300% 100%;

    animation:ikramNavGradient 8s linear infinite;
}

@keyframes ikramNavGradient{
    0%{
        background-position:0 50%;
    }
    100%{
        background-position:300% 50%;
    }
}

.mainnav.sticky{
    position:fixed;
    top:0;
    left:0;
    right:0;

    height:74px;

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

    box-shadow:
        0 14px 45px rgba(7,31,43,.14);

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

    animation:ikramStickyDown .45s cubic-bezier(.22,1,.36,1);
}

@keyframes ikramStickyDown{
    from{
        transform:translateY(-110%);
        opacity:0;
    }
    to{
        transform:translateY(0);
        opacity:1;
    }
}

.nav-inner{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}


/* ============================================================
   BRAND
============================================================ */

.brand{
    display:flex;
    align-items:center;
    gap:13px;
    flex-shrink:0;

    color:var(--nav-dark)!important;

    position:relative;

    transition:transform .35s cubic-bezier(.22,1,.36,1);
}

.brand:hover{
    transform:translateY(-2px);
}

.brand-badge{
    width:52px;
    height:52px;

    position:relative;

    display:grid;
    place-items:center;

    clip-path:none;
    border-radius:16px;

    color:#fff;

    font-size:16px;
    font-weight:900;
    letter-spacing:-.5px;

    background:
        linear-gradient(
            135deg,
            #ffb829 0%,
            #ff8a00 48%,
            #ff5e00 100%
        );

    box-shadow:
        0 10px 24px rgba(255,138,0,.30);

    overflow:hidden;

    transition:
        transform .4s cubic-bezier(.22,1,.36,1),
        box-shadow .4s ease;
}

.brand-badge:before{
    content:"";
    position:absolute;
    width:80px;
    height:25px;

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

    transform:rotate(-45deg) translate(-50px,-35px);

    transition:transform .7s ease;
}

.brand:hover .brand-badge{
    transform:
        rotate(-5deg)
        scale(1.07);

    box-shadow:
        0 15px 32px rgba(255,138,0,.38);
}

.brand:hover .brand-badge:before{
    transform:
        rotate(-45deg)
        translate(60px,50px);
}

.brand b{
    display:block;

    color:#102934;

    font-size:17px;
    font-weight:900;

    letter-spacing:.4px;

    line-height:1.2;
}

.brand small{
    display:block;

    margin-top:4px;

    color:#71808a;

    font-size:8.5px;
    font-weight:700;

    letter-spacing:1.7px;
}


/* ============================================================
   DESKTOP NAVIGATION
============================================================ */

.navlinks{
    display:flex;
    align-items:center;

    gap:5px;

    margin-inline-start:auto;
}

.navlinks > .nav-item,
.navlinks > .has-sub{
    position:relative;
}


/* normal links */

.navlinks > .nav-item > a,
.navlinks > .has-sub > a{

    min-height:46px;

    padding:0 13px!important;

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

    position:relative;

    color:#213c49!important;

    border-radius:13px;

    font-size:13px;
    font-weight:700;

    white-space:nowrap;

    overflow:hidden;

    transition:
        color .3s ease,
        transform .3s cubic-bezier(.22,1,.36,1),
        background .3s ease,
        box-shadow .3s ease;
}


/* colored glow behind menu */

.navlinks > .nav-item > a:before,
.navlinks > .has-sub > a:before{

    content:"";

    position:absolute;

    inset:4px;

    border-radius:10px;

    opacity:0;

    transform:scale(.75);

    transition:
        opacity .3s ease,
        transform .35s cubic-bezier(.22,1,.36,1);

    z-index:-1;
}


/* animated underline */

.navlinks > .nav-item > a:after,
.navlinks > .has-sub > a:after{

    content:"";

    position:absolute;

    left:50%;
    bottom:3px;

    width:0;
    height:3px;

    border-radius:20px;

    transform:translateX(-50%);

    transition:
        width .35s cubic-bezier(.22,1,.36,1);
}


/* ============================================================
   INDIVIDUAL MENU COLORS
============================================================ */

.navlinks > *:nth-child(7n+1) > a:before{
    background:rgba(22,119,255,.09);
}

.navlinks > *:nth-child(7n+1) > a:after{
    background:#1677ff;
}

.navlinks > *:nth-child(7n+1) > a:hover{
    color:#1677ff!important;
}


.navlinks > *:nth-child(7n+2) > a:before{
    background:rgba(124,58,237,.09);
}

.navlinks > *:nth-child(7n+2) > a:after{
    background:#7c3aed;
}

.navlinks > *:nth-child(7n+2) > a:hover{
    color:#7c3aed!important;
}


.navlinks > *:nth-child(7n+3) > a:before{
    background:rgba(232,62,140,.09);
}

.navlinks > *:nth-child(7n+3) > a:after{
    background:#e83e8c;
}

.navlinks > *:nth-child(7n+3) > a:hover{
    color:#e83e8c!important;
}


.navlinks > *:nth-child(7n+4) > a:before{
    background:rgba(255,138,0,.10);
}

.navlinks > *:nth-child(7n+4) > a:after{
    background:#ff8a00;
}

.navlinks > *:nth-child(7n+4) > a:hover{
    color:#e77c00!important;
}


.navlinks > *:nth-child(7n+5) > a:before{
    background:rgba(16,185,129,.09);
}

.navlinks > *:nth-child(7n+5) > a:after{
    background:#10b981;
}

.navlinks > *:nth-child(7n+5) > a:hover{
    color:#059669!important;
}


.navlinks > *:nth-child(7n+6) > a:before{
    background:rgba(6,182,212,.09);
}

.navlinks > *:nth-child(7n+6) > a:after{
    background:#06b6d4;
}

.navlinks > *:nth-child(7n+6) > a:hover{
    color:#0891b2!important;
}


.navlinks > *:nth-child(7n+7) > a:before{
    background:rgba(239,68,68,.08);
}

.navlinks > *:nth-child(7n+7) > a:after{
    background:#ef4444;
}

.navlinks > *:nth-child(7n+7) > a:hover{
    color:#dc2626!important;
}


/* hover */

.navlinks > .nav-item > a:hover,
.navlinks > .has-sub > a:hover{

    transform:translateY(-2px);
}

.navlinks > .nav-item > a:hover:before,
.navlinks > .has-sub > a:hover:before{

    opacity:1;
    transform:scale(1);
}

.navlinks > .nav-item > a:hover:after,
.navlinks > .has-sub > a:hover:after{

    width:28px;
}


/* ============================================================
   CARET
============================================================ */

.menu-caret{

    width:18px;
    height:18px;

    display:grid;
    place-items:center;

    margin-inline-start:3px;

    font-size:14px;
    line-height:1;

    color:#9a6a17;

    transition:
        transform .35s cubic-bezier(.22,1,.36,1),
        color .3s ease;
}

.has-sub:hover > a > .menu-caret{

    transform:rotate(180deg);

    color:#ff8a00;
}


/* ============================================================
   DROPDOWN
============================================================ */

.submenu{

    position:absolute;

    top:calc(100% + 15px);

    inset-inline-start:-12px;

    width:max-content;
    min-width:255px;
    max-width:340px;

    padding:10px;

    border-radius:20px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.98),
            rgba(248,251,253,.97)
        );

    border:1px solid rgba(15,49,63,.08);

    box-shadow:
        0 25px 70px rgba(4,27,38,.18),
        0 8px 20px rgba(4,27,38,.06);

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

    opacity:0;
    visibility:hidden;

    transform:
        translateY(18px)
        scale(.96);

    transform-origin:top;

    pointer-events:none;

    transition:
        opacity .28s ease,
        visibility .28s ease,
        transform .38s cubic-bezier(.22,1,.36,1);

    z-index:5000;
}


/* little dropdown triangle */

.navlinks > .has-sub > .submenu:before{

    content:"";

    position:absolute;

    top:-7px;

    inset-inline-start:32px;

    width:15px;
    height:15px;

    background:#fff;

    transform:rotate(45deg);

    border-left:1px solid rgba(15,49,63,.06);
    border-top:1px solid rgba(15,49,63,.06);
}


/* dropdown visible */

.has-sub:hover > .submenu{

    opacity:1;
    visibility:visible;

    transform:
        translateY(0)
        scale(1);

    pointer-events:auto;
}


/* ============================================================
   DROPDOWN ITEMS
============================================================ */

.submenu > .nav-item,
.submenu > .has-sub{

    width:100%;
    position:relative;

    opacity:0;

    transform:translateY(8px);

    transition:
        opacity .3s ease,
        transform .3s ease;
}

.has-sub:hover > .submenu > *{

    opacity:1;
    transform:translateY(0);
}


/* staggered animation */

.has-sub:hover > .submenu > *:nth-child(1){
    transition-delay:.03s;
}

.has-sub:hover > .submenu > *:nth-child(2){
    transition-delay:.06s;
}

.has-sub:hover > .submenu > *:nth-child(3){
    transition-delay:.09s;
}

.has-sub:hover > .submenu > *:nth-child(4){
    transition-delay:.12s;
}

.has-sub:hover > .submenu > *:nth-child(5){
    transition-delay:.15s;
}

.has-sub:hover > .submenu > *:nth-child(6){
    transition-delay:.18s;
}

.has-sub:hover > .submenu > *:nth-child(7){
    transition-delay:.21s;
}


/* dropdown links */

.submenu a{

    width:100%;

    min-height:46px;

    padding:10px 13px!important;

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

    position:relative;

    color:#29434f!important;

    border-radius:12px;

    font-size:13px;
    font-weight:650;

    overflow:hidden;

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


/* left colored line */

.submenu a:before{

    content:"";

    position:absolute;

    inset-inline-start:0;

    top:50%;

    width:3px;
    height:0;

    border-radius:10px;

    transform:translateY(-50%);

    background:
        linear-gradient(
            #1677ff,
            #7c3aed,
            #ff8a00
        );

    transition:height .3s ease;
}


.submenu a:hover{

    color:#102c38!important;

    background:
        linear-gradient(
            90deg,
            rgba(255,174,38,.13),
            rgba(22,119,255,.06)
        );

    transform:translateX(4px);

    box-shadow:
        inset 0 0 0 1px rgba(244,163,33,.08);
}

[dir="rtl"] .submenu a:hover{
    transform:translateX(-4px);
}

.submenu a:hover:before{
    height:24px;
}


/* ============================================================
   SECOND / THIRD LEVEL SUBMENU
============================================================ */

.submenu .submenu{

    top:-10px;

    inset-inline-start:calc(100% + 12px);

    margin:0;
}

.submenu .has-sub > a .menu-caret{

    margin-inline-start:auto;

    transform:rotate(-90deg);
}

[dir="rtl"] .submenu .has-sub > a .menu-caret{

    transform:rotate(90deg);
}

.submenu .has-sub:hover > a .menu-caret{

    color:#ff8a00;
}


/* ============================================================
   LOGIN
============================================================ */

.plain-actions{

    display:flex;

    align-items:center;

    margin-inline-start:5px;
}

.plain-actions a{

    min-height:43px;

    padding:0 18px!important;

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

    position:relative;

    overflow:hidden;

    border-radius:13px;

    color:#fff!important;

    font-size:12px;
    font-weight:800;

    background:
        linear-gradient(
            135deg,
            #102c39,
            #17495b
        );

    box-shadow:
        0 8px 20px rgba(9,39,51,.18);

    transition:
        transform .3s cubic-bezier(.22,1,.36,1),
        box-shadow .3s ease;
}

.plain-actions a:before{

    content:"";

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            120deg,
            transparent 20%,
            rgba(255,255,255,.30) 45%,
            transparent 70%
        );

    transform:translateX(-130%);

    transition:transform .65s ease;
}

.plain-actions a:hover{

    transform:translateY(-3px);

    box-shadow:
        0 13px 28px rgba(9,39,51,.27);
}

.plain-actions a:hover:before{

    transform:translateX(130%);
}


/* ============================================================
   LANGUAGE SELECT
============================================================ */

.language-select{

    height:43px;

    min-width:105px;

    padding:
        0 30px
        0 12px;

    border:
        1px solid rgba(19,52,65,.10)!important;

    border-radius:13px!important;

    outline:none;

    color:#173542!important;

    background-color:#f4f7f8!important;

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

    cursor:pointer;

    box-shadow:none;

    transition:
        border .3s ease,
        background .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

.language-select:hover,
.language-select:focus{

    border-color:rgba(244,163,33,.45)!important;

    background:#fff!important;

    box-shadow:
        0 8px 22px rgba(244,163,33,.12);

    transform:translateY(-1px);
}


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

.nav-toggle{

    display:none;

    width:47px;
    height:47px;

    padding:0;

    border:0;

    border-radius:14px;

    color:#fff;

    font-size:0;

    position:relative;

    background:
        linear-gradient(
            135deg,
            #102c39,
            #1a4c5e
        );

    box-shadow:
        0 9px 22px rgba(8,36,48,.22);

    cursor:pointer;

    overflow:hidden;
}


/* hamburger */

.nav-toggle:before,
.nav-toggle:after{

    content:"";

    position:absolute;

    left:13px;

    width:21px;
    height:2px;

    border-radius:10px;

    background:#fff;

    transition:
        transform .35s cubic-bezier(.22,1,.36,1),
        top .35s ease;
}

.nav-toggle:before{
    top:17px;

    box-shadow:
        0 6px 0 #f4a321;
}

.nav-toggle:after{
    top:29px;
}

.nav-toggle.active:before{

    top:23px;

    transform:rotate(45deg);

    box-shadow:none;
}

.nav-toggle.active:after{

    top:23px;

    transform:rotate(-45deg);
}


/* ============================================================
   TOP BAR
============================================================ */

.topbar{

    position:relative;

    background:
        linear-gradient(
            100deg,
            #071a23,
            #0e3544,
            #102c38
        );

    color:#dce7eb;

    overflow:hidden;
}

.topbar:after{

    content:"";

    position:absolute;

    width:280px;
    height:100px;

    top:-50px;
    left:-80px;

    background:rgba(244,163,33,.07);

    border-radius:50%;

    filter:blur(5px);

    animation:topbarGlow 7s ease-in-out infinite alternate;
}

@keyframes topbarGlow{

    to{
        left:55%;
        transform:scale(1.5);
    }
}

.topbar-inner{

    position:relative;

    z-index:2;
}

.top-contact a{

    color:#dce7eb!important;

    transition:
        color .25s ease,
        transform .25s ease;
}

.top-contact a:hover{

    color:#ffc451!important;
}


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

@media (max-width:1199px){

    .navlinks{
        gap:1px;
    }

    .navlinks > .nav-item > a,
    .navlinks > .has-sub > a{

        padding:0 8px!important;

        font-size:11px;
    }

    .language-select{

        min-width:90px;

        padding-inline-start:8px;
    }

    .plain-actions a{

        padding-inline:12px!important;
    }
}


/* ============================================================
   MOBILE / TABLET NAVIGATION
============================================================ */

@media (max-width:991px){

    .mainnav{
        height:78px;
    }

    .mainnav.sticky{
        height:70px;
    }

    .nav-toggle{
        display:block;
        flex-shrink:0;
    }

    .navlinks{

        position:absolute!important;

        top:calc(100% + 10px)!important;

        left:15px!important;
        right:15px!important;

        width:auto!important;

        max-height:calc(100vh - 115px);

        overflow-x:hidden;
        overflow-y:auto;

        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;

        gap:4px!important;

        padding:14px!important;

        border:
            1px solid rgba(15,48,61,.08);

        border-radius:22px!important;

        background:
            linear-gradient(
                145deg,
                rgba(255,255,255,.98),
                rgba(247,250,252,.98)
            )!important;

        box-shadow:
            0 30px 80px rgba(4,26,37,.22)!important;

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

        opacity:0;

        visibility:hidden;

        pointer-events:none;

        transform:
            translateY(-12px)
            scale(.97);

        transform-origin:top;

        transition:
            opacity .3s ease,
            visibility .3s ease,
            transform .4s cubic-bezier(.22,1,.36,1);
    }

    .navlinks.open{

        opacity:1;

        visibility:visible;

        pointer-events:auto;

        transform:
            translateY(0)
            scale(1);
    }


    /* mobile top items */

    .navlinks > .nav-item,
    .navlinks > .has-sub{

        width:100%!important;
    }

    .navlinks > .nav-item > a,
    .navlinks > .has-sub > a{

        width:100%!important;

        min-height:50px!important;

        padding:0 15px!important;

        justify-content:flex-start!important;

        border-radius:13px;

        font-size:13px!important;

        background:#fff;

        border:
            1px solid rgba(15,48,61,.055);

        box-shadow:
            0 3px 10px rgba(8,34,45,.025);
    }


    .navlinks > .nav-item > a:after,
    .navlinks > .has-sub > a:after{

        display:none;
    }


    /* colored mobile side accent */

    .navlinks > *:nth-child(7n+1) > a{
        border-inline-start:4px solid #1677ff;
    }

    .navlinks > *:nth-child(7n+2) > a{
        border-inline-start:4px solid #7c3aed;
    }

    .navlinks > *:nth-child(7n+3) > a{
        border-inline-start:4px solid #e83e8c;
    }

    .navlinks > *:nth-child(7n+4) > a{
        border-inline-start:4px solid #ff8a00;
    }

    .navlinks > *:nth-child(7n+5) > a{
        border-inline-start:4px solid #10b981;
    }

    .navlinks > *:nth-child(7n+6) > a{
        border-inline-start:4px solid #06b6d4;
    }

    .navlinks > *:nth-child(7n+7) > a{
        border-inline-start:4px solid #ef4444;
    }


    /* caret */

    .navlinks > .has-sub > a .menu-caret{

        margin-inline-start:auto;
    }

    .has-sub:hover > a > .menu-caret{

        transform:none;
    }

    .has-sub.open > a > .menu-caret{

        transform:rotate(180deg);
    }


    /* mobile submenu */

    .navlinks .submenu{

        position:static!important;

        inset:auto!important;

        width:calc(100% - 14px)!important;

        min-width:0!important;
        max-width:none!important;

        margin:
            5px
            0
            6px
            14px!important;

        padding:
            5px
            6px
            5px
            10px!important;

        border:0!important;

        border-inline-start:
            2px solid rgba(244,163,33,.45)!important;

        border-radius:
            0 12px 12px 0!important;

        background:
            rgba(244,247,249,.75)!important;

        box-shadow:none!important;

        backdrop-filter:none;

        opacity:1!important;

        visibility:visible!important;

        pointer-events:auto!important;

        transform:none!important;

        display:none!important;
    }

    [dir="rtl"] .navlinks .submenu{

        margin:
            5px
            14px
            6px
            0!important;

        padding:
            5px
            10px
            5px
            6px!important;

        border-radius:
            12px 0 0 12px!important;
    }

    .navlinks .has-sub.open > .submenu{

        display:block!important;

        animation:
            mobileSubmenuOpen
            .35s
            cubic-bezier(.22,1,.36,1);
    }

    @keyframes mobileSubmenuOpen{

        from{
            opacity:0;
            transform:translateY(-8px);
        }

        to{
            opacity:1;
            transform:translateY(0);
        }
    }


    .submenu > .nav-item,
    .submenu > .has-sub{

        opacity:1!important;

        transform:none!important;
    }

    .submenu a{

        min-height:43px!important;

        font-size:12px!important;

        background:transparent;
    }

    .submenu a:hover{

        transform:none;
    }


    /* nested mobile submenu */

    .navlinks .submenu .submenu{

        width:calc(100% - 12px)!important;

        margin-inline-start:12px!important;
    }

    .submenu .has-sub > a .menu-caret{

        transform:none!important;

        margin-inline-start:auto;
    }

    .submenu .has-sub.open > a .menu-caret{

        transform:rotate(180deg)!important;
    }


    /* login */

    .plain-actions{

        width:100%;

        margin:
            7px
            0
            0;
    }

    .plain-actions a{

        width:100%;

        min-height:48px;

        background:
            linear-gradient(
                135deg,
                #ffad21,
                #ff7b00
            );

        color:#152b35!important;

        font-size:13px;
    }


    /* language */

    .language-select{

        width:100%;

        height:48px;

        margin-top:3px;

        font-size:12px!important;
    }
}


/* ============================================================
   PHONE
============================================================ */

@media (max-width:575px){

    .mainnav{
        height:72px;
    }

    .nav-inner{
        gap:10px;
    }

    .brand{
        gap:9px;
    }

    .brand-badge{

        width:43px;
        height:43px;

        border-radius:13px;

        font-size:13px;
    }

    .brand b{

        max-width:150px;

        font-size:13px;

        white-space:nowrap;

        overflow:hidden;

        text-overflow:ellipsis;
    }

    .brand small{

        max-width:150px;

        font-size:6.5px;

        letter-spacing:1px;

        white-space:nowrap;

        overflow:hidden;

        text-overflow:ellipsis;
    }

    .nav-toggle{

        width:43px;
        height:43px;

        border-radius:13px;
    }

    .nav-toggle:before,
    .nav-toggle:after{

        left:11px;
    }

    .navlinks{

        left:10px!important;
        right:10px!important;

        padding:10px!important;

        border-radius:18px!important;
    }
}


/* ============================================================
   RTL POLISH
============================================================ */

[dir="rtl"] .navlinks{

    direction:rtl;
}

[dir="rtl"] .submenu{

    text-align:right;
}

[dir="rtl"] .language-select{

    padding:
        0 12px
        0 30px;
}


/* ============================================================
   REDUCED MOTION ACCESSIBILITY
============================================================ */

@media (prefers-reduced-motion:reduce){

    .mainnav:before,
    .topbar:after{

        animation:none!important;
    }

    .navlinks *,
    .brand *,
    .nav-toggle{

        transition-duration:.01ms!important;

        animation-duration:.01ms!important;
    }
}
.brand{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
}

.header-logo{
    width:122px;
    height:122px;
    object-fit:contain;
    flex-shrink:0;
}

.brand-text{
    display:flex;
    flex-direction:column;
}

.brand-text b{
    font-weight:900;
    line-height:1.1;
}

.brand-text small{
    font-size:11px;
    margin-top:4px;
}

@media (max-width:575.98px){
    .header-logo{
        width:36px;
        height:36px;
    }

    .brand-text b{
        font-size:14px;
    }

    .brand-text small{
        font-size:9px;
    }
}
/* =========================================================
   PREMIUM 3D STATISTICS
========================================================= */

.stats-3d-section {
    position:relative;
    overflow:hidden;

    padding:70px 0;

    background:
        linear-gradient(
            135deg,
            #10212b 0%,
            #142d39 48%,
            #183542 100%
        );

    isolation:isolate;
}


/* =========================================================
   BACKGROUND
========================================================= */

.stats-background-decoration {
    position:absolute;
    inset:0;

    overflow:hidden;

    pointer-events:none;

    z-index:-1;
}

.stats-background-decoration::before {
    content:"";

    position:absolute;

    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size:
        55px 55px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 25%,
            #000 75%,
            transparent
        );
}

.stats-glow {
    position:absolute;

    display:block;

    border-radius:50%;

    filter:blur(15px);

    opacity:.65;
}

.stats-glow-one {
    width:320px;
    height:320px;

    top:-190px;
    left:-100px;

    background:
        radial-gradient(
            circle,
            rgba(244,163,33,.30),
            rgba(244,163,33,0) 70%
        );
}

.stats-glow-two {
    width:380px;
    height:380px;

    right:-160px;
    bottom:-230px;

    background:
        radial-gradient(
            circle,
            rgba(255,196,81,.20),
            rgba(255,196,81,0) 70%
        );
}


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

.stats-3d-section .stats-grid {
    position:relative;

    display:grid;

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

    gap:20px;

    perspective:1200px;
}


/* =========================================================
   STAT CARD
========================================================= */

.stats-3d-section .stat {
    position:relative;

    min-height:180px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    padding:30px 20px;

    overflow:hidden;

    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.13),
            rgba(255,255,255,.045)
        );

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

    box-shadow:
        0 25px 55px rgba(0,0,0,.20),
        0 8px 18px rgba(0,0,0,.12),
        inset 0 1px 1px rgba(255,255,255,.17),
        inset 0 -1px 1px rgba(0,0,0,.08);

    backdrop-filter:
        blur(12px);

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

    transform-style:
        preserve-3d;

    transform:
        translateY(0)
        rotateX(0)
        rotateY(0);

    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        border-color .35s ease,
        box-shadow .45s ease;

    animation:
        statsCardFloat
        5s
        ease-in-out
        infinite;

    animation-delay:
        var(--stat-delay, 0ms);
}


/* =========================================================
   GOLD TOP LINE
========================================================= */

.stats-3d-section .stat::before {
    content:"";

    position:absolute;

    top:0;
    left:20%;
    right:20%;

    height:2px;

    border-radius:
        0 0 10px 10px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #f4a321,
            #ffc451,
            transparent
        );

    box-shadow:
        0 0 20px
        rgba(244,163,33,.55);

    transition:
        left .35s ease,
        right .35s ease;
}


/* =========================================================
   BOTTOM DEPTH
========================================================= */

.stats-3d-section .stat::after {
    content:"";

    position:absolute;

    left:15%;
    right:15%;

    bottom:-18px;

    height:25px;

    border-radius:50%;

    background:
        rgba(0,0,0,.28);

    filter:
        blur(13px);

    transform:
        translateZ(-30px);

    opacity:.55;
}


/* =========================================================
   NUMBER
========================================================= */

.stats-3d-section .stat-number {
    position:relative;

    z-index:3;

    color:#fff;

    font-size:
        clamp(36px, 4vw, 58px);

    font-weight:900;

    line-height:1;

    letter-spacing:-1.8px;

    text-align:center;

    text-shadow:
        0 4px 12px rgba(0,0,0,.20);

    transform:
        translateZ(42px);

    transition:
        transform .4s ease;
}


/* Gold underline */

.stats-3d-section .stat-number::after {
    content:"";

    display:block;

    width:34px;
    height:3px;

    margin:
        13px auto 0;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            #f4a321,
            #ffc451
        );

    box-shadow:
        0 0 14px
        rgba(244,163,33,.38);

    transition:
        width .35s ease;
}


/* =========================================================
   LABEL
========================================================= */

.stats-3d-section .stat-label {
    position:relative;

    z-index:3;

    display:block;

    margin-top:12px;

    color:
        rgba(255,255,255,.78);

    font-size:13px;
    font-weight:700;

    line-height:1.5;

    text-align:center;

    letter-spacing:.3px;

    transform:
        translateZ(25px);
}


/* =========================================================
   SHINE
========================================================= */

.stats-3d-section .stat-shine {
    position:absolute;

    z-index:2;

    top:-80%;
    left:-85%;

    width:50%;
    height:250%;

    pointer-events:none;

    transform:
        rotate(25deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.15),
            rgba(255,255,255,.28),
            transparent
        );

    animation:
        statsShine
        6s
        ease-in-out
        infinite;

    animation-delay:
        var(--stat-delay, 0ms);
}


/* =========================================================
   DECORATIVE ORB
========================================================= */

.stats-3d-section .stat-orb {
    position:absolute;

    z-index:1;

    width:95px;
    height:95px;

    top:-40px;
    right:-38px;

    border-radius:50%;

    background:
        radial-gradient(
            circle at 35% 35%,
            rgba(255,196,81,.30),
            rgba(244,163,33,.08) 45%,
            transparent 72%
        );

    border:
        1px solid rgba(244,163,33,.12);

    transition:
        transform .5s ease;
}


/* =========================================================
   HOVER 3D
========================================================= */

@media (hover:hover) {

    .stats-3d-section .stat:hover {

        transform:
            translateY(-10px)
            rotateX(5deg)
            rotateY(-4deg)
            scale(1.025);

        border-color:
            rgba(244,163,33,.32);

        box-shadow:
            0 35px 70px rgba(0,0,0,.27),
            0 12px 25px rgba(0,0,0,.15),
            0 0 0 1px rgba(244,163,33,.08),
            inset 0 1px 1px rgba(255,255,255,.20);

        animation-play-state:
            paused;
    }

    .stats-3d-section .stat:hover::before {
        left:8%;
        right:8%;
    }

    .stats-3d-section .stat:hover .stat-number {
        transform:
            translateZ(55px)
            scale(1.06);
    }

    .stats-3d-section .stat:hover .stat-number::after {
        width:55px;
    }

    .stats-3d-section .stat:hover .stat-orb {
        transform:
            translate(-8px, 8px)
            scale(1.18);
    }
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes statsCardFloat {

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

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


@keyframes statsShine {

    0%,
    58% {
        left:-85%;
    }

    76%,
    100% {
        left:145%;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:991.98px) {

    .stats-3d-section {
        padding:
            55px 0;
    }

    .stats-3d-section .stats-grid {

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

        gap:16px;
    }

    .stats-3d-section .stat {
        min-height:160px;
    }

    .stats-3d-section .stat-number {
        font-size:43px;
    }
}


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

@media (max-width:575.98px) {

    .stats-3d-section {

        padding:
            42px 0;
    }

    .stats-3d-section .stats-grid {

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

        gap:10px;
    }

    .stats-3d-section .stat {

        min-height:135px;

        padding:
            21px 9px;

        border-radius:16px;
    }

    .stats-3d-section .stat-number {

        font-size:
            clamp(27px, 9vw, 36px);

        letter-spacing:-1px;
    }

    .stats-3d-section .stat-number::after {

        width:25px;
        height:2px;

        margin-top:9px;
    }

    .stats-3d-section .stat-label {

        margin-top:9px;

        font-size:11px;

        line-height:1.4;
    }

    .stats-3d-section .stat-orb {

        width:70px;
        height:70px;

        top:-31px;
        right:-30px;
    }
}


/* =========================================================
   VERY SMALL PHONE
========================================================= */

@media (max-width:360px) {

    .stats-3d-section .stats-grid {
        grid-template-columns:1fr;
    }

    .stats-3d-section .stat {
        min-height:125px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce) {

    .stats-3d-section .stat,
    .stats-3d-section .stat-shine {

        animation:none !important;
    }
}
/* =========================================================
   HOME PAGE - LATEST AWARDS
   Isolated from public awards.php styles
========================================================= */

.home-awards-section {
    position:relative;
    overflow:hidden;
    background:#fff;
    isolation:isolate;
}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.home-awards-decoration {
    position:absolute;
    inset:0;
    z-index:-1;
    overflow:hidden;
    pointer-events:none;
}

.home-awards-decoration::before {
    content:"";
    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(16,33,43,.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(16,33,43,.022) 1px,
            transparent 1px
        );

    background-size:60px 60px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 20%,
            #000 80%,
            transparent
        );
}

.home-awards-glow {
    position:absolute;
    display:block;
    border-radius:50%;
    pointer-events:none;
}

.home-awards-glow.glow-one {
    width:400px;
    height:400px;

    top:-250px;
    right:-170px;

    background:
        radial-gradient(
            circle,
            rgba(244,163,33,.13),
            transparent 68%
        );
}

.home-awards-glow.glow-two {
    width:340px;
    height:340px;

    bottom:-240px;
    left:-150px;

    background:
        radial-gradient(
            circle,
            rgba(16,33,43,.07),
            transparent 70%
        );
}


/* =========================================================
   SECTION HEADING
========================================================= */

.home-awards-heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:40px;

    margin-bottom:35px;
}

.home-awards-heading .section-head {
    max-width:720px;
    margin-bottom:0;
}

.home-awards-heading .section-head p {
    max-width:650px;
}


/* =========================================================
   VIEW ALL BUTTON
========================================================= */

.home-awards-view-all {
    min-height:48px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    flex:0 0 auto;

    padding:10px 19px;

    border:
        1px solid rgba(16,33,43,.12);

    border-radius:12px;

    background:#fff;

    color:#10212b;

    box-shadow:
        0 10px 28px rgba(16,33,43,.08);

    font-size:13px;
    font-weight:900;

    text-decoration:none !important;

    transition:
        color .25s ease,
        background .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.home-awards-view-all:hover {
    color:#10212b;

    background:#f4a321;

    border-color:#f4a321;

    transform:translateY(-3px);

    box-shadow:
        0 16px 35px rgba(244,163,33,.22);
}

.home-awards-arrow {
    display:inline-block;

    font-size:18px;

    transition:
        transform .25s ease;
}

.home-awards-view-all:hover
.home-awards-arrow {
    transform:translateX(4px);
}

[dir="rtl"]
.home-awards-view-all:hover
.home-awards-arrow {
    transform:translateX(-4px);
}


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

.home-awards-grid {
    display:grid;

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

    gap:22px;

    perspective:1300px;
}


/* =========================================================
   AWARD CARD
========================================================= */

.home-award-card {
    position:relative;

    overflow:hidden;

    border-radius:22px;

    background:#fff;

    border:
        1px solid rgba(16,33,43,.08);

    box-shadow:
        0 18px 45px rgba(16,33,43,.10);

    transform-style:preserve-3d;

    transition:
        transform .4s cubic-bezier(.2,.8,.2,1),
        box-shadow .4s ease,
        border-color .35s ease;
}

.home-award-card::before {
    content:"";

    position:absolute;

    z-index:6;

    left:25%;
    right:25%;
    bottom:0;

    height:3px;

    border-radius:
        20px 20px 0 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            #f4a321,
            #ffc451,
            transparent
        );

    transition:
        left .35s ease,
        right .35s ease;
}


/* =========================================================
   CARD HOVER
========================================================= */

@media (hover:hover) {

    .home-award-card:hover {
        transform:
            translateY(-10px)
            rotateX(3deg)
            rotateY(-2deg);

        border-color:
            rgba(244,163,33,.30);

        box-shadow:
            0 32px 70px rgba(16,33,43,.17);
    }

    .home-award-card:hover::before {
        left:8%;
        right:8%;
    }
}


/* =========================================================
   IMAGE
========================================================= */

.home-award-image {
    position:relative;

    height:240px;

    overflow:hidden;

    background:#eef1f2;
}

.home-award-image img {
    position:relative;

    z-index:1;

    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:
        transform .65s cubic-bezier(.2,.8,.2,1);
}

@media (hover:hover) {

    .home-award-card:hover
    .home-award-image img {

        transform:scale(1.07);
    }
}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.home-award-image-overlay {
    position:absolute;

    z-index:2;

    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            to top,
            rgba(16,33,43,.38),
            rgba(16,33,43,.04) 60%,
            transparent
        );
}


/* =========================================================
   AWARD NUMBER
========================================================= */

.home-award-number {
    position:absolute;

    z-index:4;

    top:15px;
    left:15px;

    width:40px;
    height:40px;

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

    border-radius:11px;

    background:
        rgba(16,33,43,.92);

    color:#fff;

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

    box-shadow:
        0 8px 20px rgba(0,0,0,.18);

    backdrop-filter:blur(8px);

    font-size:11px;
    font-weight:900;
}

[dir="rtl"]
.home-award-number {
    left:auto;
    right:15px;
}


/* =========================================================
   YEAR
========================================================= */

.home-award-year {
    position:absolute;

    z-index:4;

    right:15px;
    bottom:15px;

    min-width:55px;

    padding:7px 11px;

    border-radius:9px;

    background:#f4a321;

    color:#10212b;

    box-shadow:
        0 8px 20px rgba(0,0,0,.16);

    font-size:11px;
    font-weight:900;

    text-align:center;
}

[dir="rtl"]
.home-award-year {
    right:auto;
    left:15px;
}


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

.home-award-body {
    position:relative;

    z-index:3;

    padding:23px;
}

.home-award-issuer {
    display:flex;
    align-items:center;

    gap:8px;

    min-height:18px;

    margin-bottom:10px;

    color:#6b7780;

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

    line-height:1.4;

    letter-spacing:.35px;
}

.home-award-dot {
    width:7px;
    height:7px;

    flex:0 0 7px;

    border-radius:50%;

    background:#f4a321;

    box-shadow:
        0 0 0 4px
        rgba(244,163,33,.12);
}

.home-award-body h3 {
    margin:0 0 11px;

    color:#10212b;

    font-size:19px;
    font-weight:900;

    line-height:1.35;
}

.home-award-body p {
    margin:0 0 18px;

    color:#6b7780;

    font-size:13px;

    line-height:1.75;
}


/* =========================================================
   VIEW AWARD LINK
========================================================= */

.home-award-link {
    display:inline-flex;

    align-items:center;

    gap:7px;

    color:#10212b;

    font-size:12px;
    font-weight:900;

    text-decoration:none !important;

    transition:
        color .2s ease;
}

.home-award-link span {
    color:#f4a321;

    font-size:17px;

    transition:
        transform .25s ease;
}

.home-award-link:hover {
    color:#f4a321;
}

.home-award-link:hover span {
    transform:translateX(4px);
}

[dir="rtl"]
.home-award-link:hover span {
    transform:translateX(-4px);
}


/* =========================================================
   SHINE
========================================================= */

.home-award-shine {
    position:absolute;

    z-index:7;

    top:-90%;
    left:-100%;

    width:38%;
    height:280%;

    pointer-events:none;

    transform:rotate(24deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.48),
            transparent
        );

    transition:
        left .8s ease;
}

@media (hover:hover) {

    .home-award-card:hover
    .home-award-shine {

        left:150%;
    }
}


/* =========================================================
   IMAGE PLACEHOLDER
========================================================= */

.home-award-placeholder {
    position:relative;

    z-index:1;

    width:100%;
    height:100%;

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

    background:
        linear-gradient(
            135deg,
            #10212b,
            #183542
        );
}

.home-award-placeholder span {
    color:#f4a321;

    font-size:65px;

    filter:
        drop-shadow(
            0 8px 16px
            rgba(0,0,0,.25)
        );
}


/* =========================================================
   MOBILE VIEW ALL
========================================================= */

.home-awards-mobile-button {
    display:none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:991.98px) {

    .home-awards-heading {
        gap:20px;
    }

    .home-awards-grid {
        gap:15px;
    }

    .home-award-image {
        height:200px;
    }

    .home-award-body {
        padding:18px;
    }

    .home-award-body h3 {
        font-size:16px;
    }

    .home-award-body p {
        font-size:12px;
    }
}


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

@media (max-width:767.98px) {

    .home-awards-heading {
        display:block;

        margin-bottom:25px;
    }

    .home-awards-heading
    > .home-awards-view-all {

        display:none;
    }

    .home-awards-grid {
        grid-template-columns:1fr;

        gap:17px;
    }

    .home-award-card {
        border-radius:18px;
    }

    .home-award-image {
        height:225px;
    }

    .home-award-body {
        padding:20px;
    }

    .home-award-body h3 {
        font-size:17px;
    }

    .home-awards-mobile-button {
        display:flex;

        justify-content:center;

        margin-top:25px;
    }

    .home-awards-mobile-button
    .home-awards-view-all {

        width:100%;

        max-width:310px;
    }
}


/* =========================================================
   SMALL PHONE
========================================================= */

@media (max-width:480px) {

    .home-award-image {
        height:205px;
    }

    .home-award-number {
        top:12px;
        left:12px;

        width:36px;
        height:36px;
    }

    [dir="rtl"]
    .home-award-number {

        left:auto;
        right:12px;
    }

    .home-award-year {
        right:12px;
        bottom:12px;
    }

    [dir="rtl"]
    .home-award-year {

        right:auto;
        left:12px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion:reduce) {

    .home-award-card,
    .home-award-image img,
    .home-award-shine,
    .home-awards-view-all,
    .home-awards-arrow {

        transition:none !important;
    }
}