/* ===== Univerzing – shared theme ===== */
/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700&display=swap');


:root{
  --navy-900:#00152f; --navy-800:#071a3a; --navy-700:#0b2350; --navy-600:#12305f;
  --gold:#f5b83d; --gold-soft:#ffd67a; --text:#e9eefb; --muted:#a9b8d6;
  --line:rgba(245,184,61,.22); --radius:12px;  
}

html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--navy-900);color:var(--text);overflow-x:hidden;}
a{text-decoration:none}
.text-gold{color:var(--gold)}
.text-muted-2{color:var(--muted)}

/* =========================================================
   GO TO TOP BUTTON
========================================================= */

.uz-go-top {
    position: fixed !important;

    right: 25px;
    bottom: 25px;

    width: 46px;
    height: 46px;

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

    padding: 0;

    border: 1px solid rgba(245, 184, 61, 0.45);

    border-radius: 50%;

    background: var(--navy-800);

    color: var(--gold);

    font-size: 1rem;

    cursor: pointer;

    opacity: 0;
    visibility: hidden;

    transform: translateY(15px);

    z-index: 999999;

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease,
        transform 0.3s ease,
        background 0.3s ease,
        color 0.3s ease;
}


/* SHOW */

.uz-go-top.show {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}


/* HOVER */

.uz-go-top:hover {
    background: var(--gold);

    color: var(--navy-900);

    transform: translateY(-4px);
}


/* ICON */

.uz-go-top i {
    transition:
        transform 0.3s ease;
}


.uz-go-top:hover i {
    transform: translateY(-2px);
}


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

@media (max-width: 767.98px) {

    .uz-go-top {
        right: 15px;
        bottom: 15px;

        width: 42px;
        height: 42px;

        font-size: 0.9rem;
    }

}


/* =========================================================
   NAVBAR
========================================================= */


/* =========================================================
   NAVBAR
========================================================= */

.site-nav {

    background:
        rgba(4, 13, 32, .96);

    backdrop-filter:
        blur(10px);

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

    
    padding:
        .9rem 0;

    position:
        relative;

    z-index:
        9999;

}
/* =========================================================
   CONTAINER
========================================================= */

.site-nav > .container {

    position:
        relative;

}
/* =========================================================
   FIXED / STICKY NAVBAR
========================================================= */

.site-nav {

    position: fixed !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    width: 100% !important;

    z-index: 999999 !important;

    background: rgba(4, 13, 32, .96);

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

    
}


/*
 * The parent that receives the dynamically loaded navbar
 * must not clip sticky positioning.
 */

#common-header {

     position: relative;

    width: 100%;

    height: auto;

    overflow: visible !important;

    transform: none !important;
}


/*
 * Make sure the navbar remains above all page content.
 */


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

.brand {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        1px;

    text-decoration:
        none;

    white-space:
        nowrap;

}


/* Logo */

.brand-logo {

    width:
        65px;

    height:
        55px;

    object-fit:
        contain;

    flex-shrink:
        0;

}


/* Brand text */

.brand-text {

    font-family:
        'Orbitron',
        sans-serif;

    font-size:
        19px;

    font-weight:
        600;

    color:
        #ffffff;

    letter-spacing:
        1px;

    line-height:
        1;

}


/* =========================================================
   NAV LINKS
========================================================= */

.site-nav .nav-link {

    color:
        var(--text);

    font-size:
        .85rem;

    position:
        relative;

    padding:
        .60rem 1rem;

    margin:
        0 .2rem;

    letter-spacing:
        .3px;

    white-space:
        nowrap;

}


/* Underline */

.site-nav
.nav-link::after {

    content:
        "";

    position:
        absolute;

    left:
        .8rem;

    right:
        .8rem;

    bottom:
        0;

    height:
        2px;

    background:
        var(--gold);

    transform:
        scaleX(0);

    transform-origin:
        center;

    transition:
        transform .3s ease;

}


/* Hover */

.site-nav
.nav-link:hover {

    color:
        var(--gold);

}


/* Hover underline */

.site-nav
.nav-link:hover::after {

    transform:
        scaleX(1);

}


/* Active */

.site-nav
.nav-link.active {

    color:
        var(--gold) !important;

}


/* Active underline */

.site-nav
.nav-link.active::after {

    transform:
        scaleX(1);

}


/* =========================================================
   TOP LEVEL ARROW
========================================================= */

.site-nav
.nav-link
.submenu-arrow {

    margin-left:
        5px;

    font-size:
        9px;

    display:
        inline-block;

    transition:
        transform .3s ease;

}


/* Rotate top arrow while menu hovered */

@media (min-width: 992px) {

    .site-nav
    .nav-item.has-submenu:hover
    > .nav-link
    .submenu-arrow {

        transform:
            rotate(180deg);

    }

}


/* =========================================================
   SUBMENU BASE
========================================================= */

.site-nav .submenu {

    list-style:
        none;

    margin:
        0;

    padding:
        8px 0;

    min-width:
        235px;

    background:
        rgba(5, 12, 28, .98);

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

    border-radius:
        10px;

    box-shadow:
        0 20px 50px
        rgba(0,0,0,.40);

    backdrop-filter:
        blur(15px);

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

    z-index:
        99999;

}


/* =========================================================
   SUBMENU ITEMS
========================================================= */

.site-nav
.submenu
> li {

    position:
        relative;

}


/* =========================================================
   SUBMENU LINKS
========================================================= */

.site-nav
.submenu
> li
> a {

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    min-height:
        42px;

    padding:
        10px 42px 10px 16px;

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

    text-decoration:
        none;

    font-size:
        14px;

    line-height:
        1.3;

    transition:
        color .25s ease,
        background .25s ease,
        padding .25s ease;

}


/* Hover link */

.site-nav
.submenu
> li
> a:hover {

    color:
        var(--gold);

    background:
        rgba(245,184,61,.06);

    padding-left:
        20px;

}


/* =========================================================
   SUBMENU ARROW BUTTON
========================================================= */

.site-nav
.submenu-toggle {

    position:
        absolute;

    top:
        50%;

    right:
        5px;

    width:
        32px;

    height:
        32px;

    transform:
        translateY(-50%);

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        0;

    outline:
        none;

    background:
        transparent;

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

    cursor:
        pointer;

    border-radius:
        6px;

    z-index:
        10;

    transition:
        color .25s ease,
        background .25s ease;

}


.site-nav
.submenu-toggle:hover {

    color:
        var(--gold);

    background:
        rgba(245,184,61,.08);

}


/* Arrow */

.site-nav
.submenu-toggle
i {

    font-size:
        11px;

    transition:
        transform .3s ease;

}


/* Open arrow */

.site-nav
.has-submenu.is-open
> .submenu-toggle
i {

    transform:
        rotate(90deg);

    color:
        var(--gold);

}

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

@media (min-width: 992px) {


    /* -----------------------------------------
       TOP LEVEL SUBMENU
    ----------------------------------------- */

    .site-nav
    .navbar-nav
    > .nav-item.has-submenu
    > .submenu {

        position:
            absolute;

        top:
            calc(100% + 12px);

        left:
            50;

        opacity:
            0;

        visibility:
            hidden;

        transform:
            translateY(10px);

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

    }


    /* -----------------------------------------
       TOP LEVEL OPENS ON HOVER
    ----------------------------------------- */

    .site-nav
    .navbar-nav
    > .nav-item.has-submenu:hover
    > .submenu {

        opacity:
            1;

        visibility:
            visible;

        transform:
            translateY(0);

    }


    /* -----------------------------------------
       GRANDCHILD
       HIDDEN BY DEFAULT
    ----------------------------------------- */

    /* Grandchild hidden by default */
    .site-nav
    .submenu
    > .has-submenu
    > .submenu {

        position:
            absolute;

        top:
            -8px;

        left:
            calc(100% + 8px);

        opacity:
            0;

        visibility:
            hidden;

        transform:
            translateX(12px);

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

    }

/* =========================================
       GRANDCHILD OPENS ON HOVER
    ========================================= */

    .site-nav
    .submenu
    > .has-submenu:hover
    > .submenu {

        opacity:
            1;

        visibility:
            visible;

        transform:
            translateX(0);

    }

   /* =========================================
       ALSO SUPPORT .is-open
       (useful if your JS adds this class)
    ========================================= */

    .site-nav
    .submenu
    > .has-submenu.is-open
    > .submenu {

        opacity:
            1;

        visibility:
            visible;

        transform:
            translateX(0);

    }


    /* =========================================
       ACTIVE CHILD
    ========================================= */

    .site-nav
    .submenu
    a.active {

        color:
            var(--gold) !important;

        background:
            rgba(245,184,61,.07);

    }


    /* Active child left indicator */

    .site-nav
    .submenu
    a.active::before {

        content:
            "";

        position:
            absolute;

        left:
            0;

        top:
            50%;

        width:
            3px;

        height:
            18px;

        transform:
            translateY(-50%);

        background:
            var(--gold);

        border-radius:
            0 4px 4px 0;

        box-shadow:
            0 0 8px
            rgba(245,184,61,.5);

    }

}


/* =========================================================
   ACTIVE PARENT
========================================================= */

.site-nav
.has-submenu.parent-active
> .nav-link {

    color:
        var(--gold) !important;

}


/* =========================================================
   ACTIVE PARENT ARROW
========================================================= */

.site-nav
.has-submenu.parent-active
> .nav-link
.submenu-arrow {

    color:
        var(--gold);

}


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

@media (max-width: 991.98px) {


    /* -----------------------------------------
       NAVBAR
    ----------------------------------------- */

    .site-nav {

        padding:
            .5rem 0;

    }


    /* -----------------------------------------
       NAV LINKS
    ----------------------------------------- */

    .site-nav
    .nav-link {

        padding:
            .75rem .8rem;

        margin:
            0;

    }


    /* Remove main underline */

    .site-nav
    .nav-link::after {

        display:
            none;

    }

}
    /* =========================================================
   MOBILE SUBMENUS
========================================================= */

@media (max-width: 991.98px) {

    /* -----------------------------------------
       SUBMENU BASE
    ----------------------------------------- */

    .site-nav .submenu {

        position: relative;

        width: 100%;
        min-width: 0;

        margin: 4px 0 6px 8px;
        padding: 0 0 0 10px;

        border: 0;
        border-left:
            1px solid rgba(245,184,61,.20);

        border-radius: 0;

        background: transparent;

        box-shadow: none;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;

        /*
         * Smooth closed state
         */
        max-height: 0;
        opacity: 0;

        overflow: hidden;

        visibility: hidden;

        transform: translateY(-5px);

        transition:
            max-height .35s ease,
            opacity .25s ease,
            transform .35s ease,
            visibility .35s ease;

    }


    /* -----------------------------------------
       OPEN SUBMENU
    ----------------------------------------- */

    .site-nav
    .has-submenu.is-open
    > .submenu {

        max-height: 1500px;

        opacity: 1;

        visibility: visible;

        transform: translateY(0);

    }


    /* -----------------------------------------
       CHILD LINKS
    ----------------------------------------- */

    .site-nav
    .submenu
    > li
    > a {

        min-height: 40px;

        padding:
            9px 42px 9px 12px;

        font-size: 14px;

    }


    /* -----------------------------------------
       MOBILE SUBMENU ARROW
    ----------------------------------------- */

    .site-nav
    .submenu-toggle {

        right: 2px;

        width: 34px;
        height: 34px;

    }


    /* -----------------------------------------
       NESTED SUBMENU
    ----------------------------------------- */

    .site-nav
    .submenu
    .submenu {

        margin-left: 8px;

    }


    /* -----------------------------------------
       TOP LEVEL ARROW
    ----------------------------------------- */

    .site-nav
    .has-submenu
    > .nav-link
    .submenu-arrow {

        transition:
            transform .3s ease,
            color .3s ease;

    }


    .site-nav
    .has-submenu.is-open
    > .nav-link
    .submenu-arrow {

        transform:
            rotate(180deg);

        color:
            var(--gold);

    }


    /* -----------------------------------------
       ACTIVE CHILD
    ----------------------------------------- */

    .site-nav
    .submenu
    a.active {

        color:
            var(--gold) !important;

        background:
            rgba(245,184,61,.07);

    }

}

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

@media (max-width: 576px) {

    .brand-logo {

        width:
            45px;

        height:
            38px;

    }


    .brand-text {

        font-size:
            16px;

        letter-spacing:
            .5px;

    }


    .brand {

        gap:
            1px;

    }

}


/* =========================================================
   NAVBAR TOGGLER
========================================================= */

.navbar-toggler {

    border-color:
        var(--line);

}


.navbar-toggler:focus {

    box-shadow:
        none;

}


.navbar-toggler-icon {

    filter:
        invert(1);

}


/* =========================================================
   CONNECT BUTTON
========================================================= */

.btn-outline-gold {

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

    color:
        var(--gold);

    font-size:
        .8rem;

    border-radius:
        6px;

    padding:
        .4rem 1rem;

    transition:
        .3s;

}


.btn-outline-gold:hover {

    background:
        var(--gold);

    color:
        var(--navy-900);

}


/* =========================================================
   GOLD BUTTON
========================================================= */

.btn-gold {

    background:
        linear-gradient(
            135deg,
            var(--gold),
            #e59a12
        );

    color:
        #1a1200;

    font-weight:
        600;

    border:
        0;

    border-radius:
        6px;

    padding:
        .7rem 1.4rem;

    position:
        relative;

    overflow:
        hidden;

    transition:
        transform .3s,
        box-shadow .3s;

}


.btn-gold:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 10px 24px
        rgba(245,184,61,.35);

    color:
        #1a1200;

}


.btn-gold::before {

    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        -80%;

    width:
        50%;

    height:
        100%;

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

    transform:
        skewX(-25deg);

    transition:
        left .6s;

}


.btn-gold:hover::before {

    left:
        130%;

}
.site-nav,
.site-nav .navbar-collapse,
.site-nav .submenu {

    z-index: 99999;

}

/* =========================================================
   NAVBAR — DESKTOP TRANSPARENT
   ========================================================= */

@media (min-width: 992px) {

 
.site-nav {

    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;

    z-index: 999999 !important;

    /* TRANSPARENT AT TOP */
    background: transparent !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    border-bottom: 1px solid transparent !important;

    box-shadow: none !important;

    padding: .6rem 0;

    transition:
        background .35s ease,
        backdrop-filter .35s ease,
        -webkit-backdrop-filter .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;
}


.site-nav.scrolled {

    background: rgba(4, 13, 32, .96) !important;

    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

   
    box-shadow:
        0 6px 25px rgba(0, 0, 0, .20) !important;
}
}


/* =========================================================
   NAVBAR — MOBILE SOLID BACKGROUND
   ========================================================= */

@media (max-width: 991.98px) {

    .site-nav {
        background: #030c1f !important;

        backdrop-filter: none;
        -webkit-backdrop-filter: none;

        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

}

/* ---- Hero ---- */
.hero{position:relative;min-height:340px;display:flex;align-items:center;padding:4rem 0;
  background:linear-gradient(90deg,rgba(4,13,32,.97) 0%,rgba(4,13,32,.8) 45%,rgba(4,13,32,.35) 100%),
  url('../img/head6.webp') center/cover,
  radial-gradient(circle at 75% 40%,var(--navy-600),var(--navy-900));
  border-bottom:1px solid var(--line)}
  
.hero.contact-hero{background:linear-gradient(90deg,rgba(4,13,32,.97) 0%,rgba(4,13,32,.8) 45%,rgba(4,13,32,.35) 100%),
  url('/img/head11.webp') center/cover,radial-gradient(circle at 75% 40%,var(--navy-600),var(--navy-900))}
.eyebrow{letter-spacing:3px;font-size:.75rem;color:var(--text);margin-bottom:.6rem}
.hero h1{font-weight:800;font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;text-transform:uppercase}
.hero h1 span{color:var(--gold);display:block}
.hero .bar{width:50px;height:3px;background:var(--gold);margin:1.2rem 0;animation:grow 1.2s .6s both}
.hero .tag{position:absolute;right:6%;top:18%;font-size:.75rem;letter-spacing:3px;color:var(--gold-soft);text-align:left;line-height:1.7;
  border-left:2px solid var(--line);padding-left:.8rem;animation:float 5s ease-in-out infinite}

/* ---- Feature strip ---- */
.feature-strip{background:linear-gradient(180deg,var(--navy-800),var(--navy-900));border-bottom:1px solid var(--line)}
.feature{text-align:center;padding:1.6rem 1rem;border-left:1px solid var(--line);height:100%;transition:.3s}
.feature:last-child{border-right:1px solid var(--line)}
.feature i{font-size:2rem;color:#4da3ff;display:inline-block;transition:transform .4s}
.feature:hover i{transform:translateY(-6px) scale(1.15);color:var(--gold)}
.feature p{margin:.6rem 0 0;font-size:.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}

/* ---- Section titles ---- */
.section{padding:3rem 0}
.section-title{font-weight:700;font-size:clamp(1.6rem,3.5vw,2.3rem)}
.section-title span{color:var(--gold)}

/* ---- People cards ---- */
.person{background:linear-gradient(180deg,var(--navy-700),var(--navy-800));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;height:100%;transition:transform .4s,box-shadow .4s,border-color .4s}
.person:hover{transform:translateY(-10px);border-color:var(--gold);box-shadow:0 18px 40px rgba(0,0,0,.5),0 0 22px rgba(245,184,61,.15)}
.person .photo{height:190px;overflow:hidden;background:linear-gradient(135deg,var(--navy-600),var(--navy-900));display:flex;align-items:center;justify-content:center}
.person .photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.person:hover .photo img{transform:scale(1.08)}
.person .photo i{font-size:4rem;color:var(--gold);opacity:.5}
.person .body{padding:1rem}
.person h5{font-size:1rem;font-weight:600;margin-bottom:.6rem}
.person ul{list-style:none;padding:0;margin:0;font-size:.78rem;color:var(--muted)}
.person li{padding:.12rem 0}

/* ---- Strength banner ---- */
.strength{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(90deg,var(--navy-700),var(--navy-800));padding:1.5rem 2rem;position:relative;overflow:hidden}
.strength::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,rgba(245,184,61,.12) 50%,transparent 60%);transform:translateX(-100%);animation:sweep 5s infinite}
.strength h3{font-weight:700;font-size:clamp(1.3rem,3vw,1.9rem);margin:0}
.strength h3 span{color:var(--gold)}
.strength .side{border-left:1px solid var(--line);padding-left:1.5rem;font-size:.82rem;color:var(--muted)}

/* ---- Contact ---- */
.form-panel{padding:2.5rem 1rem 2.5rem 0}
.form-panel h2{font-weight:700;font-size:2.3rem}
.form-label{font-size:.78rem;margin-bottom:.3rem}
.form-control,.form-select{background:rgba(7,26,58,.9);border:1px solid var(--line);color:var(--text);font-size:.85rem;padding:.65rem .8rem;transition:.3s}
.form-control::placeholder{color:#6f83a8}
.form-control:focus,.form-select:focus{background:var(--navy-700);border-color:var(--gold);color:#fff;box-shadow:0 0 0 .2rem rgba(245,184,61,.2)}
.form-select{background-image:none;}
.was-validated .form-control:invalid,.was-validated .form-select:invalid{border-color:#ff6b6b}
.info-panel{background:linear-gradient(180deg,var(--navy-800),var(--navy-900));border-left:1px solid var(--line);padding:2rem 1.8rem;height:100%}
.info-panel .brand{font-size:1rem}
.info-item{display:flex;gap:.8rem;align-items:flex-start;font-size:.85rem;margin-bottom:.9rem;color:var(--text)}
.info-item i{color:var(--gold)}
.info-item a{color:var(--text)}
.info-item a:hover{color:var(--gold)}
.info-panel hr{border-color:var(--line);opacity:1;margin:1.3rem 0}
.social a{display:inline-flex;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;align-items:center;justify-content:center;color:var(--text);margin-right:.5rem;transition:.3s}
.social a:hover{background:var(--gold);color:var(--navy-900);transform:translateY(-4px) rotate(8deg)}
.sol-list{list-style:none;padding:0;margin:0;font-size:.78rem;columns:2;column-gap:1rem}
.sol-list li{padding:.22rem 0;break-inside:avoid}
.sol-list i{color:var(--gold);margin-right:.35rem;font-size:.7rem}
.sol-list a{color:var(--text);transition:.3s}
.sol-list a:hover{color:var(--gold);padding-left:4px}

/* ---- Bottom band ---- */
.band{background:linear-gradient(90deg,rgba(4,13,32,.9),rgba(4,13,32,.55)),url('../images/city.jpg') center/cover,var(--navy-700);border-top:1px solid var(--line);padding:1.6rem 0}
.band .partner{font-size:.65rem;letter-spacing:2px;color:var(--muted)}
.band h4{font-weight:700;font-size:1.3rem;margin:0}
.band h4 span{color:var(--gold)}
.band .one{font-size:.75rem;letter-spacing:3px;color:var(--muted);border-left:1px solid var(--line);padding-left:1.5rem}
.circle-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;transition:.3s}
.circle-btn:hover{background:var(--gold);color:var(--navy-900);transform:translateX(6px)}

/* ---- Scroll reveal ---- */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}
.reveal.left{transform:translateX(-40px)}
.reveal.show{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}

/* ---- Keyframes ---- */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes grow{from{width:0}to{width:50px}}
@keyframes sweep{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.hero .container>*{animation:fadeUp .9s both}
.hero .container>*:nth-child(2){animation-delay:.15s}
.hero .container>*:nth-child(3){animation-delay:.3s}

@media(max-width:991px){
  .info-panel{border-left:0;border-top:1px solid var(--line)}
  .form-panel{padding-right:.75rem;padding-left:.75rem}
  .hero .tag{display:none}
  .strength .side{border-left:0;padding-left:0;margin-top:1rem}
  .band .one{border-left:0;padding-left:0;margin-top:.8rem}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}





/* =========================================================
   UNIVERZING — HOME HERO
   ========================================================= */

.hp-hero {
  position: relative;
  min-height: 680px;
  height: auto;

  display: flex;
  align-items: stretch;

  padding: 45px 0 35px;

  overflow: hidden;
  isolation: isolate;

  background: #030c1f;
}


/* =========================================================
   HERO BACKGROUND IMAGE
   ========================================================= */

.hp-hero::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image: url("../img/head111.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

  transform: scale(1.02);
  transform-origin: center;

  animation: hpHeroZoom 18s ease-in-out infinite alternate;

  z-index: -3;
}


/* =========================================================
   DARK OVERLAY
   ========================================================= */

.hp-hero::after {
  content: "";
  position: absolute;
  inset: 0;

  background:
  linear-gradient(
    90deg,
    rgba(3, 12, 31, 0.68) 0%,
    rgba(3, 12, 31, 0.52) 25%,
    rgba(3, 12, 31, 0.30) 48%,
    rgba(3, 12, 31, 0.12) 72%,
    rgba(3, 12, 31, 0.04) 100%
  ),
  linear-gradient(
    180deg,
    rgba(3, 12, 31, 0.04) 35%,
    rgba(3, 12, 31, 0.18) 70%,
    rgba(3, 12, 31, 0.42) 100%
  );

  z-index: -3;
  pointer-events: none;
}


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

.hp-wrap {
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 1400px;
	align-items: center;
    text-align: center;

  margin: 0 auto;

  padding-left: clamp(25px, 5.5vw, 85px);
  padding-right: clamp(25px, 5.5vw, 85px);

  display: flex;
  flex-direction: column;
}


/* =========================================================
   LOGO
   ========================================================= */

.hp-badge {
  display: flex;
  align-items: center;
	width: 100%;
    justify-content: center;
    align-items: center;
  margin-bottom: 20px;

  animation: hpUp 0.8s ease both;
}

.hp-badge img {
  width: clamp(210px, 22vw, 310px);
  height: auto;

  display: block;
  object-fit: contain;

  filter:
    drop-shadow(0 5px 18px rgba(0, 0, 0, 0.55));
}


/* =========================================================
   MAIN TITLE
   ========================================================= */

.hp-title {
  margin: 0 0 16px;

  font-family: "Poppins", sans-serif;
  font-size: clamp(2.7rem, 5.5vw, 5rem);
  font-weight: 800;
  line-height: 1.02;
  letter-spacing: -1.5px;
	width: 100%;
    text-align: center;
  text-shadow:
    0 4px 25px rgba(0, 0, 0, 0.55);
}

.hp-title .line1 {
  display: block;

  color: #ffffff;

  opacity: 0;
  animation: hpUp 0.8s 0.15s ease forwards;
}

.hp-title .line2 {
  display: block;

  background:
    linear-gradient(
      180deg,
      #ffd878 10%,
      #f5b83d 55%,
      #e39a16 100%
    );

  -webkit-background-clip: text;
  background-clip: text;

  color: transparent;

  opacity: 0;
  animation: hpUp 0.8s 0.3s ease forwards;
}


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

.hp-bar {
  width: 52px;
  height: 3px;

  margin-bottom: 16px;

  border-radius: 10px;

  background: var(--gold, #f5b83d);

  box-shadow:
    0 0 12px rgba(245, 184, 61, 0.45);
	 margin-left: auto;
    margin-right: auto;
  animation: hpBar 0.8s 0.7s ease both;
}


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

.hp-lead {
	width: 100%;
   
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	
  max-width: 650px;

  margin: 0;

  color: #e9eef8;

  font-size: clamp(0.95rem, 1.25vw, 1.15rem);
  line-height: 1.65;

  text-shadow:
    0 2px 12px rgba(0, 0, 0, 0.65);

  animation: hpUp 0.9s 0.8s ease both;
}


/* =========================================================
   SERVICE CHIPS
   ========================================================= */

.hp-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;

  gap: 18px;

  margin-top: 25px;

  animation: hpUp 0.9s 0.95s ease both;
}

.hp-chip {
  width: 76px;

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

  gap: 8px;

  color: #ffffff;

  transition:
    transform 0.3s ease;
}

.hp-chip .ic {
  width: 58px;
  height: 58px;

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

  border-radius: 11px;

  border: 1px solid var(--chip-c, var(--gold));

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

  color: var(--chip-c, var(--gold));

  font-size: 1.35rem;

  box-shadow:
    0 0 12px rgba(255, 255, 255, 0.08),
    0 0 20px -5px var(--chip-c, var(--gold));

  transition:
    background 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.3s ease;
}

.hp-chip span:last-child {
  font-size: 0.62rem;
  font-weight: 600;

  letter-spacing: 1.3px;
  text-transform: uppercase;

  color: #e9edf6;

  text-align: center;

  text-shadow:
    0 2px 7px rgba(0, 0, 0, 0.8);
}

.hp-chip:hover {
  transform: translateY(-5px);
}

.hp-chip:hover .ic {
  background: var(--chip-c, var(--gold));
  color: #061024;

  box-shadow:
    0 0 18px 2px var(--chip-c, var(--gold));
}

/* =========================================================
   UNIVERZING HERO
   PREMIUM STATS + CONTACT
   Inspired by reference poster
   ========================================================= */

.hp-info-panel {
  width: 100%;
  margin-top: 28px;
	
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  padding: 0;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


/* =========================================================
   STATS ROW
   ========================================================= */

.hp-trust {
  display: flex;
  align-items: center;

  width: fit-content;
  max-width: 100%;

  gap: 0;
}


/* =========================================================
   INDIVIDUAL STAT
   ========================================================= */

.hp-trust-item {
  display: flex;
  align-items: center;

  min-height: 58px;

  padding: 4px 30px;

  position: relative;
}


/* =========================================================
   VERTICAL DIVIDER
   Between statistics
   ========================================================= */

.hp-trust-item:not(:last-child)::after {
  content: "";

  position: absolute;

  top: 5px;
  right: 0;

  width: 1px;
  height: 48px;

  background: linear-gradient(
    to bottom,
    transparent,
    rgba(255, 255, 255, 0.65),
    transparent
  );
}


/* First item starts closer to left */

.hp-trust-item:first-child {
  padding-left: 30px;
  
}


/* =========================================================
   STAT ICON
   ========================================================= */

.hp-stat-icon {
  width: 48px;
  min-width: 48px;
  height: 52px;

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

  margin-right: 12px;
}


/* Bootstrap icon */

.hp-stat-icon i {
  font-size: 2.15rem;

  color: #f5c542;

  line-height: 1;

  filter:
    drop-shadow(0 2px 4px rgba(245, 197, 66, 0.30))
    drop-shadow(0 0 7px rgba(245, 197, 66, 0.12));
}


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

.hp-stat-content {
  display: flex;
  flex-direction: column;

  justify-content: center;
}


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

.hp-stat-number {
  display: flex;
  align-items: baseline;

  margin: 0;

  color: #ffffff;

  font-size: 2rem;
  font-weight: 800;

  line-height: 1;

  letter-spacing: -0.7px;

  white-space: nowrap;

  text-shadow:
    0 2px 8px rgba(0, 0, 0, 0.35);
}


/* + symbol */

.hp-stat-number .plus {
  margin-left: 2px;

  color: #f5c542;

  font-size: 1.55rem;
  font-weight: 800;
}


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

.hp-stat-label {
  margin-top: 6px;

  color: rgba(255, 255, 255, 0.82);

  font-size: 0.68rem;
  font-weight: 600;

  line-height: 1.1;

  letter-spacing: 0.65px;

  text-transform: uppercase;

  white-space: nowrap;
}


/* =========================================================
   HORIZONTAL GOLD DIVIDER
   ========================================================= */

.hp-info-panel .hp-divider {
  width: 100%;
  max-width: 620px;

  height: 1px;

  margin: 17px 0 15px;

  background: linear-gradient(
    90deg,
    rgba(245, 197, 66, 0.85) 0%,
    rgba(245, 197, 66, 0.55) 30%,
    rgba(245, 197, 66, 0.18) 65%,
    transparent 100%
  );

  border: 0;
	margin-left: auto;
    margin-right: auto;
  opacity: 1;
}


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

.hp-contact {
  display: flex;
  align-items: center;
	 justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  gap: 0;

  width: fit-content;
}


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

.hp-contact-item {
  display: inline-flex;
  align-items: center;

  gap: 10px;

  color: rgba(255, 255, 255, 0.92);

  text-decoration: none;

  font-size: 0.92rem;
  font-weight: 600;

  line-height: 1;

  transition:
    color 0.25s ease,
    transform 0.25s ease;
}


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

.hp-contact-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 26px;
  height: 26px;
}


.hp-contact-icon i {
  color: #f5c542;

  font-size: 1.12rem;

  line-height: 1;

  filter:
    drop-shadow(0 2px 4px rgba(245, 197, 66, 0.28));
}


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

.hp-contact-text {
  white-space: nowrap;
}


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

.hp-contact-separator {
  width: 1px;
  height: 25px;

  margin: 0 25px;

  background: rgba(255, 255, 255, 0.35);
}


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

.hp-contact-item:hover {
  color: #f5c542;

  transform: translateY(-1px);
}

.hp-contact-item:hover .hp-contact-icon i {
  color: #ffd75a;
}


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

@media (max-width: 991px) {

  .hp-info-panel {
    margin-top: 23px;
  }

  .hp-trust-item {
    padding-left: 18px;
    padding-right: 18px;
  }

  .hp-trust-item:first-child {
    padding-left: 0;
  }

  .hp-stat-icon {
    width: 40px;
    min-width: 40px;

    margin-right: 9px;
  }

  .hp-stat-icon i {
    font-size: 1.75rem;
  }

  .hp-stat-number {
    font-size: 1.55rem;
  }

  .hp-stat-number .plus {
    font-size: 1.2rem;
  }

  .hp-stat-label {
    font-size: 0.60rem;
  }

  .hp-contact-item {
    font-size: 0.85rem;
  }

  .hp-contact-separator {
    margin-left: 20px;
    margin-right: 20px;
  }
}


/* FIX: KEEP ALL 3 STATS HORIZONTAL ON MOBILE */

@media (max-width: 767px) {

  .hp-info-panel .hp-trust {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .hp-info-panel .hp-trust-item {
    display: flex !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start;

    width: 33.333% !important;
    max-width: 33.333%;
    min-width: 0 !important;

    padding: 4px 2px !important;
    margin: 0 !important;
    box-sizing: border-box;
    text-align: center;
  }

  .hp-info-panel .hp-stat-icon {
    width: 100%;
    margin: 0 0 7px !important;
    justify-content: center;
  }

  .hp-info-panel .hp-stat-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100%;
    min-width: 0;
  }

  .hp-info-panel .hp-stat-number {
    white-space: nowrap;
    font-size: clamp(0.95rem, 4vw, 1.2rem);
  }

  .hp-info-panel .hp-stat-label {
    text-align: center;
    font-size: clamp(0.55rem, 2.4vw, 0.7rem);
    line-height: 1.35;
  }

}


/* =========================================================
   MOBILE — TRUST + CONTACT PANEL
   ========================================================= */

@media (max-width: 767px) {

  /* Main panel */
  .hp-info-panel {
    width: 100%;
    margin-top: 20px;
    padding: 18px 12px;
    box-sizing: border-box;
    text-align: center;
  }

  /* Stats container */
  .hp-trust {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
	 justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 100%;
    gap: 0;
  }

  /* Individual stat */
  .hp-trust-item {
    position: relative;

    flex: 1 1 0;
    min-width: 0;

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

    margin: 0;
    padding: 4px 3px;

    border-right: 0;
    text-align: center;
  }

  /* Vertical gold separators */
  .hp-trust-item:not(:last-child)::after {
    content: "";

    position: absolute;
    right: 0;
    top: 12px;

    height: 48px;
    width: 1px;

    background: rgba(245, 197, 66, 0.35);
  }

  /* Stat icons */
  .hp-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;
    height: 32px;

    margin: 0 0 7px;
  }

  .hp-stat-icon i {
    font-size: 1.35rem;
    line-height: 1;
  }

  /* Stat numbers */
  .hp-stat-number {
    font-size: clamp(1rem, 4.5vw, 1.3rem);
    line-height: 1.2;
    letter-spacing: -0.3px;
    white-space: nowrap;
  }

  .hp-stat-number .plus {
    font-size: 0.85em;
  }

  /* Stat labels */
  .hp-stat-label {
    margin-top: 5px;

    font-size: clamp(0.58rem, 2.5vw, 0.7rem);
    line-height: 1.35;
    letter-spacing: 0;

    text-align: center;
    overflow-wrap: anywhere;
  }

  /* Full-width horizontal divider */
  .hp-info-panel .hp-divider {
    display: block;

    width: 100%;
    max-width: none;
    height: 1px;

    margin: 16px 0;

    background: linear-gradient(
      90deg,
      rgba(245, 197, 66, 0.85) 0%,
      rgba(245, 197, 66, 0.55) 50%,
      rgba(245, 197, 66, 0.85) 100%
    );

    border: 0;
    opacity: 1;
  }

  /* Contact section */
  .hp-contact {
    display: flex;
    flex-direction: column;

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

    width: 100%;
    gap: 12px;

    text-align: center;
  }

  /* Phone and email */
  .hp-contact-item {
    display: inline-flex;

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

    gap: 8px;
    max-width: 100%;

    font-size: clamp(0.75rem, 3.2vw, 0.88rem);
    line-height: 1.4;

    text-align: center;
    text-decoration: none;
  }

  /* Contact icons */
  .hp-contact-icon {
    display: inline-flex;

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

    flex: 0 0 22px;
    width: 22px;
    height: 22px;
  }

  .hp-contact-icon i {
    font-size: 0.9rem;
  }

  /* Contact text */
  .hp-contact-text {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  /* Hide separator between stacked contacts */
  .hp-contact-separator {
    display: none;
  }

}



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

@media (max-width: 480px) {

  .hp-info-panel {
    margin-top: 17px;
  }


  .hp-trust-item {
    padding-left: 6px;
    padding-right: 6px;
  }


  .hp-trust-item:first-child {
    padding-left: 0;
  }


  .hp-trust-item:last-child {
    padding-right: 0;
  }


  .hp-stat-icon {
    width: 25px;
    min-width: 25px;

    margin-right: 5px;
  }


  .hp-stat-icon i {
    font-size: 1.15rem;
  }


  .hp-stat-number {
    font-size: 0.92rem;
  }


  .hp-stat-number .plus {
    font-size: 0.72rem;
  }


  .hp-stat-label {
    font-size: 0.40rem;

    letter-spacing: 0.2px;
  }


  .hp-trust-item:not(:last-child)::after {
    height: 35px;
  }


  .hp-contact-item {
    font-size: 0.64rem;
  }


  .hp-contact-icon {
    width: 17px;
  }


  .hp-contact-icon i {
    font-size: 0.75rem;
  }


  .hp-contact-separator {
    height: 18px;

    margin-left: 9px;
    margin-right: 9px;
  }
}


/* =========================================================
   CTA BUTTONS
   ========================================================= */

.hp-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 20px;

  margin-top: 24px;

  padding-bottom: 5px;

  animation: hpUp 0.9s 1.3s ease both;
}


/* Explore button */

.hp-explore {
  position: relative;

  min-width: 250px;

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

  gap: 12px;

  padding: 14px 25px;

  border-radius: 8px;

  background:
    linear-gradient(
      180deg,
      #ffd05a,
      #e8a21e
    );

  color: #181200;

  font-size: 0.95rem;
  font-weight: 600;

  text-decoration: none;

  box-shadow:
    0 8px 24px rgba(245, 184, 61, 0.25);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.hp-explore i {
  transition:
    transform 0.3s ease;
}

.hp-explore:hover {
  color: #181200;

  transform: translateY(-3px);

  box-shadow:
    0 13px 30px rgba(245, 184, 61, 0.4);
}

.hp-explore:hover i {
  transform: translateX(5px);
}


/* Watch button */

.hp-watch {
  display: inline-flex;
  align-items: center;

  gap: 12px;

  color: #ffffff;

  font-size: 0.95rem;
  font-weight: 500;

  text-decoration: none;

  transition:
    color 0.3s ease;
}

.hp-watch .ring {
  width: 50px;
  height: 50px;

  display: grid;
  place-items: center;

  position: relative;

  border: 2px solid var(--gold, #f5b83d);

  border-radius: 50%;

  color: var(--gold, #f5b83d);

  font-size: 1.4rem;

  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}

.hp-watch .ring::after {
  content: "";

  position: absolute;
  inset: -3px;

  border: 1px solid var(--gold, #f5b83d);

  border-radius: 50%;

  animation: hpRing 2s infinite;
}

.hp-watch:hover {
  color: var(--gold-soft, #ffd878);
}

.hp-watch:hover .ring {
  background: var(--gold, #f5b83d);
  color: #181200;

  transform: scale(1.06);
}


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

@keyframes hpHeroZoom {
  0% {
    transform: scale(1.02);
  }

  100% {
    transform: scale(1.07);
  }
}

@keyframes hpUp {
  from {
    opacity: 0;
    transform: translateY(22px);
  }

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

@keyframes hpBar {
  from {
    width: 0;
  }

  to {
    width: 52px;
  }
}

@keyframes hpRing {
  0% {
    transform: scale(1);
    opacity: 0.7;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}


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

@media (max-width: 991px) {

  .hp-hero {
    min-height: 700px;

    padding-top: 45px;
    padding-bottom: 30px;
  }

  .hp-hero::before {
    background-position: 65% center;
  }

  .hp-chips {
    gap: 14px;
  }

  .hp-chip {
    width: 70px;
  }

  .hp-info-panel {
    margin-top: 24px;
  }

  .hp-trust-item {
    padding-right: 18px;
    margin-right: 18px;
  }
}


/* =========================================================
   MOBILE — FULL CENTER ALIGNMENT
   ========================================================= */

@media (max-width: 575px) {

  .hp-hero {
    min-height: auto;

    padding-top: 70px;
    padding-bottom: 30px;

    /* Center all content */
    text-align: center;
  }
 .hp-bar {
    margin-left: auto;
    margin-right: auto;
  }

  .hp-hero::before {
    background-position: 68% center;
  }

  .hp-hero::after {
    background:
      linear-gradient(
        90deg,
        rgba(3, 12, 31, 0.97),
        rgba(3, 12, 31, 0.80)
      ),
      linear-gradient(
        180deg,
        rgba(3, 12, 31, 0.15),
        rgba(3, 12, 31, 0.9)
      );
  }


  /* ---------------------------------------------------------
     HERO CONTENT
  --------------------------------------------------------- */

  .hp-hero .container,
  .hp-hero .row,
  .hp-hero [class*="col-"] {
    text-align: center;
  }


  /* ---------------------------------------------------------
     BADGE / LOGO
  --------------------------------------------------------- */

  .hp-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .hp-badge img {
    width: 220px;
    margin-left: auto;
    margin-right: auto;
  }


  /* ---------------------------------------------------------
     TITLE
  --------------------------------------------------------- */

  .hp-title {
    text-align: center;

    font-size: clamp(2.4rem, 11vw, 3.5rem);
    letter-spacing: -1px;

    margin-left: auto;
    margin-right: auto;
  }

  .hp-title .line1,
  .hp-title .line2 {
    display: block;
	text-align: center;
  }


  /* ---------------------------------------------------------
     DESCRIPTION
  --------------------------------------------------------- */

  .hp-lead {
    font-size: 0.92rem;

    text-align: center;

    margin-left: auto;
    margin-right: auto;
  }


  /* ---------------------------------------------------------
     CHIPS
  --------------------------------------------------------- */

  .hp-chips {
    display: flex;

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

    flex-wrap: wrap;

    gap: 12px 10px;

    margin-left: auto;
    margin-right: auto;
  }

  .hp-chip {
    width: 65px;

    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .hp-chip .ic {
    width: 52px;
    height: 52px;

    margin-left: auto;
    margin-right: auto;
  }


  /* ---------------------------------------------------------
     INFO PANEL
  --------------------------------------------------------- */

  .hp-info-panel {
    width: 100%;

    padding: 16px;

    text-align: center;

    margin-left: auto;
    margin-right: auto;
  }


  /* ---------------------------------------------------------
     TRUST / STATS
  --------------------------------------------------------- */

  .hp-trust {
    display: flex;

    flex-direction: column;

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

    gap: 15px;

    width: 100%;
  }

  .hp-trust-item {
    border-right: 0;

    padding: 0;
    margin: 0;

    width: 100%;

    text-align: center;

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


  /* ---------------------------------------------------------
     DIVIDER
  --------------------------------------------------------- */

  .hp-divider {
    margin: 14px auto;

    width: 80%;
  }


  /* ---------------------------------------------------------
     CONTACT
  --------------------------------------------------------- */

  .hp-contact {
    flex-direction: column;

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

    gap: 9px;

    width: 100%;

    text-align: center;
  }


  /* ---------------------------------------------------------
     ACTION BUTTONS
  --------------------------------------------------------- */

  .hp-actions {
    flex-direction: column;

    align-items: center;
    justify-content: center;
	
    
    text-align: center;
  
    gap: 15px;

    margin-top: 22px;

    width: 100%;
  }

  .hp-explore {
    width: 100%;

    min-width: 0;

    text-align: center;
  }

  .hp-watch {
    justify-content: center;
    align-items: center;

    text-align: center;

    width: 100%;
  }


  /* ---------------------------------------------------------
     REDUCE MOTION
  --------------------------------------------------------- */

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

    .hp-hero::before,
    .hp-badge,
    .hp-title .line1,
    .hp-title .line2,
    .hp-lead,
    .hp-chips,
    .hp-info-panel,
    .hp-actions,
    .hp-watch .ring::after {
      animation: none !important;
    }
  }
}

/* ===== Solutions page ===== */
.hero.sol-hero{background:linear-gradient(90deg,rgba(4,13,32,.97) 0%,rgba(4,13,32,.7) 45%,rgba(4,13,32,.15) 100%),
  url('../img/head2.webp') center/cover,radial-gradient(circle at 75% 40%,var(--navy-600),var(--navy-900))}
.hero.sol-hero h1{text-transform:none;font-size:clamp(2rem,4.6vw,3.4rem)}
.sol-card{display:flex;align-items:center;gap:1rem;position:relative;height:100%;min-height:128px;padding:1.6rem 1.2rem 1rem;
  background:linear-gradient(180deg,rgba(18,48,95,.55),rgba(7,26,58,.85));border:1px solid var(--line);border-radius:10px;color:var(--text);
  overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}
.sol-card:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 16px 34px rgba(0,0,0,.5),0 0 20px rgba(245,184,61,.15);color:var(--text)}
.sol-card .num{position:absolute;top:.6rem;left:1rem;font-size:.75rem;color:var(--muted)}
.sol-card .ico{font-size:2.3rem;color:#3d9bff;flex:none;transition:transform .4s,color .3s}
.sol-card:hover .ico{transform:scale(1.18) rotate(-6deg);color:var(--gold)}
.sol-card h5{font-size:1.05rem;font-weight:500;margin:0 0 .3rem;line-height:1.25}
.sol-card p{margin:0;font-size:.8rem;color:var(--muted);line-height:1.4}
.sol-card .go{margin-left:auto;flex:none;width:34px;height:34px;border:1.5px solid #3d9bff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3d9bff;transition:.3s}
.sol-card:hover .go{background:var(--gold);border-color:var(--gold);color:var(--navy-900);transform:translateX(4px)}

@keyframes twinkle{0%,100%{opacity:.35}50%{opacity:.85}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(245,184,61,.5)}70%{box-shadow:0 0 0 14px rgba(245,184,61,0)}100%{box-shadow:0 0 0 0 rgba(245,184,61,0)}}
.home-hero .container>*{animation:fadeUp .9s both}
.home-hero .container>*:nth-child(2){animation-delay:.15s}
@media(max-width:991px){
  .orbit,.side-tag{display:none}
  .home-hero{padding-bottom:2rem;min-height:auto}
  .stats{position:static;margin-top:2.5rem}
  .stat{border-right:0;justify-content:flex-start;padding-left:1rem}
} 

/* ===== IMAGE CARDS (Industries / Portfolio / About) ===== */
.hero-ind{background:linear-gradient(90deg,rgba(4,13,32,.97) 0%,rgba(4,13,32,.78) 45%,rgba(4,13,32,.15) 100%),url('../img/head3.webp') center/cover,radial-gradient(circle at 75% 40%,#b9772b 0%,var(--navy-700) 35%,var(--navy-900))}
.hero-port{background:linear-gradient(90deg,rgba(4,13,32,.97) 0%,rgba(4,13,32,.75) 45%,rgba(4,13,32,.2) 100%),url('../img/head4.webp') center/cover,radial-gradient(circle at 75% 40%,var(--navy-600),var(--navy-900))}
.hero-about{background:linear-gradient(90deg,rgba(4,13,32,.97) 0%,rgba(4,13,32,.75) 45%,rgba(4,13,32,.2) 100%),url('../img/head5.webp') center/cover,radial-gradient(circle at 75% 40%,var(--navy-600),var(--navy-900))}
.hero .lead-sm{max-width:520px;color:#dbe4f7;font-size:.95rem}
.img-card{--h:215;position:relative;display:flex;align-items:flex-end;height:100%;min-height:130px;overflow:hidden;border:1px solid rgba(80,140,255,.28);border-radius:10px;color:#fff;
  background:linear-gradient(180deg,rgba(4,13,32,.05),rgba(4,13,32,.88)),var(--img),linear-gradient(135deg,hsl(var(--h),55%,30%),var(--navy-900));background-size:cover;background-position:center;
  transition:transform .4s,border-color .4s,box-shadow .4s}
.img-card:hover{transform:translateY(-8px) scale(1.02);border-color:var(--gold);box-shadow:0 16px 34px rgba(0,0,0,.55),0 0 18px rgba(245,184,61,.18);color:#fff}
.img-card .cap{display:flex;align-items:center;gap:.7rem;width:100%;padding:.8rem 1rem;font-size:.9rem;line-height:1.2}
.img-card .cap i:first-child{font-size:1.8rem;color:#fff;transition:.3s}
.img-card:hover .cap i:first-child{color:var(--gold);transform:scale(1.15)}
.img-card .go{margin-left:auto;flex-shrink:0;width:30px;height:30px;border:1.5px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);transition:.3s}
.img-card:hover .go{background:var(--gold);color:var(--navy-900);transform:translateX(4px)}
.tagline{letter-spacing:5px;font-size:.75rem;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.6rem 0 2.2rem;text-align:center}
.tagline::before,.tagline::after{content:"";height:1px;width:min(12vw,130px);background:var(--line)}

/* Portfolio */
.p-item{min-height:150px;align-items:flex-end;padding-top:5.5rem}
.p-item .cap{background:rgba(7,26,58,.9);font-size:.78rem;padding:.65rem .8rem}
.p-item .cap i:first-child{font-size:1.1rem}
.p-item .big{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);font-size:2.6rem;color:var(--gold);opacity:.55;transition:.4s}
.p-item:hover .big{opacity:1;transform:translate(-50%,-50%) scale(1.2)}
.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:1.4rem 0}
.filters button{background:rgba(11,35,80,.6);border:1px solid var(--line);color:var(--text);font-size:.8rem;padding:.4rem 1rem;border-radius:6px;transition:.3s}
.filters button:hover{border-color:var(--gold);color:var(--gold)}
.filters button.active{background:var(--gold);color:#1a1200;font-weight:600;border-color:var(--gold)}
.p-col{transition:opacity .4s,transform .4s}
.p-col.hide{opacity:0;transform:scale(.85);position:absolute;pointer-events:none;visibility:hidden}

/* About */
.about-pillars{background:linear-gradient(180deg,var(--navy-800),var(--navy-900));border-bottom:1px solid var(--line);padding:1.8rem 0}
.pillar{display:flex;gap:1rem;height:100%;padding:.4rem 1rem;border-left:1px solid var(--line)}
.pillar:first-child{border-left:0}
.pillar>i{font-size:2.6rem;color:#2e8bff;transition:.4s}
.pillar:hover>i{color:var(--gold);transform:rotate(-8deg) scale(1.15)}
.pillar h5{font-weight:600;font-size:1.1rem}
.pillar p,.pillar li{font-size:.82rem;color:var(--muted);margin:0}
.pillar ul{padding-left:1rem;margin:0;columns:2;column-gap:1.4rem}
.pillar li::marker{color:var(--gold)}
.about-stats{background:linear-gradient(180deg,var(--navy-900),var(--navy-800));border-bottom:1px solid var(--line);padding:1.4rem 0}
.a-stat{text-align:center;border-left:1px solid var(--line);padding:.3rem}
.a-stat:first-child{border-left:0}
.a-stat h3{font-weight:700;font-size:2.1rem;color:var(--gold);margin:0}
.a-stat p{margin:0;font-size:.85rem}
.step{background:var(--navy-800);height:100%;transition:transform .4s;overflow:hidden}
.step:hover{transform:translateY(-6px)}
.step .pic{height:150px;background:var(--img),linear-gradient(135deg,hsl(var(--h,215),50%,30%),var(--navy-900));background-size:cover;background-position:center;transition:transform .6s}
.step:hover .pic{transform:scale(1.07)}
.step .pw{overflow:hidden}
.step .tx{padding:1rem 1.1rem 1.4rem}
.step .tx small{color:var(--muted)}
.step h6{font-weight:600;font-size:1.05rem;margin:.2rem 0 .4rem}
.step p{font-size:.82rem;color:var(--muted);margin:0}
@media(max-width:991px){.pillar{border-left:0;margin-bottom:.8rem}.a-stat{border-left:0;margin-bottom:.8rem}}


/* ==========================================
   UNIVERZING COLOR SYSTEM
========================================== */




/* ==========================================
   UNIVERZING IMPACT SECTION
========================================== */

.uz-impact-section {
  position: relative;
  padding: 110px 0 100px;
  background: var(--navy-900);
  color: var(--textt);
  overflow: hidden;
}


/* Decorative circle */

.uz-impact-section::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -180px;
  top: -180px;

  border: 1px solid rgba(245, 184, 61, 0.12);
  border-radius: 50%;

  pointer-events: none;
}

.uz-impact-section::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  left: -150px;
  bottom: -150px;

  border: 1px solid rgba(233, 238, 251, 0.05);
  border-radius: 50%;

  pointer-events: none;
}

.uz-impact-section .container {
  position: relative;
  z-index: 2;
}


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


/* FIX: HEADING TEXT VISIBILITY */

.uz-section-title {
  display: block !important;
  position: relative;
  color: var(--text) !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  height: auto !important;
  min-height: fit-content;
  line-height: 1.2 !important;
  -webkit-text-fill-color: initial;
}

.uz-section-title span {
  color: rgba(233, 238, 251, 0.75) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.uz-section-title strong {
  color: var(--gold) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.uz-section-title br {
  display: block;
  content: "";
}

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

.uz-impact-card {
  position: relative;
  height: 100%;

  padding: 34px 32px 32px;

  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(233, 238, 251, 0.09);

  border-radius: var(--radius);

  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease;
}

.uz-impact-card:hover {
  transform: translateY(-7px);

  border-color: rgba(245, 184, 61, 0.45);

  background: rgba(255, 255, 255, 0.055);
}


/* Featured card */

.uz-card-featured {
  border-color: rgba(245, 184, 61, 0.30);

  background:
    linear-gradient(
      145deg,
      rgba(245, 184, 61, 0.08),
      rgba(255, 255, 255, 0.025)
    );
}


/* Card top */

.uz-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.uz-card-number {
  color: rgba(233, 238, 251, 0.35);

  font-size: 0.75rem;
  letter-spacing: 2px;
  font-weight: 600;
}

.uz-card-top i {
  width: 48px;
  height: 48px;

  display: grid;
  place-items: center;

  border: 1px solid rgba(245, 184, 61, 0.35);
  border-radius: 50%;

  color: var(--gold);
  font-size: 1.15rem;
}


/* Gold line */

.uz-card-line {
  width: 38px;
  height: 2px;

  margin: 32px 0 25px;

  background: var(--gold);
}


/* Card content */

.uz-impact-card h3 {
  margin-bottom: 14px;

  color: var(--text);
  font-size: 1.55rem;
  font-weight: 600;
}

.uz-impact-card p {
  min-height: 105px;
  margin-bottom: 25px;

  color: var(--muted);

  font-size: 0.88rem;
  line-height: 1.8;
}


/* Card link */

.uz-card-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;

  color: var(--text);

  font-size: 0.78rem;
  font-weight: 500;
  text-decoration: none;

  transition: color 0.25s ease;
}

.uz-card-link i {
  color: var(--gold);

  transition: transform 0.25s ease;
}

.uz-card-link:hover {
  color: var(--gold);
}

.uz-card-link:hover i {
  transform: translate(3px, -3px);
}


/* ==========================================
   BOTTOM STATEMENT
========================================== */

.uz-impact-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 30px;
  margin-top: 55px;
  padding-top: 28px;

  border-top: 1px solid rgba(233, 238, 251, 0.10);
}

.uz-impact-bottom > div {
  display: flex;
  align-items: center;
  gap: 22px;
}

.uz-impact-bottom span {
  color: var(--gold);

  font-size: 0.68rem;
  letter-spacing: 2.5px;
  font-weight: 600;
}

.uz-impact-bottom strong {
  color: var(--muted);

  font-size: 0.9rem;
  font-weight: 500;
}


/* ==========================================
   IMPACT BUTTON
========================================== */

.uz-impact-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  padding: 13px 20px;

  border: 1px solid rgba(245, 184, 61, 0.55);

  color: var(--text);

  text-decoration: none;

  font-size: 0.78rem;
  font-weight: 500;

  transition: all 0.25s ease;
}

.uz-impact-btn i {
  color: var(--gold);

  transition: transform 0.25s ease;
}

.uz-impact-btn:hover {
  background: var(--gold);
  color: var(--navy-900);
}

.uz-impact-btn:hover i {
  color: var(--navy-900);
  transform: translateX(4px);
}


/* ==========================================
   INTELLIGENT SOLUTIONS
========================================== */

.uz-solutions-section {
  position: relative;

  padding: 115px 0;

  background: #f7f8fa;

  overflow: hidden;
}


/* Decorative circle */

.uz-solutions-section::before {
  content: "";

  position: absolute;

  width: 520px;
  height: 520px;

  right: -280px;
  top: -200px;

  border: 1px solid rgba(245, 184, 61, 0.12);

  border-radius: 50%;

  pointer-events: none;
}


/* ==========================================
   VIDEO AREA
========================================== */

.uz-visual-wrap {
  position: relative;

  max-width: 590px;

  margin: 0 auto;

  padding: 0 25px 25px 0;
}

.uz-visual-image {
  position: relative;

  height: 560px;

  overflow: hidden;

  background: var(--navy-900);
}


/* Video */

.uz-visual-image video {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  background: var(--navy-900);

  animation: uzVideoZoom 14s ease-in-out infinite alternate;
}

@keyframes uzVideoZoom {

  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.05);
  }

}


/* Video overlay */

.uz-visual-image::after {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      135deg,
      rgba(0, 21, 47, 0.38),
      rgba(0, 21, 47, 0.08)
    );

  pointer-events: none;

  z-index: 2;
}


/* ==========================================
   FLOATING BADGE
========================================== */

.uz-visual-badge {
  position: absolute;

  left: -25px;
  bottom: 65px;

  display: flex;
  align-items: center;

  gap: 13px;

  padding: 15px 20px;

  background: var(--navy-800);
  color: var(--text);

  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.18);

  animation: uzFloat 4s ease-in-out infinite;
}

.uz-badge-icon {
  width: 42px;
  height: 42px;

  display: grid;
  place-items: center;

  border: 1px solid rgba(245, 184, 61, 0.55);

  border-radius: 50%;

  color: var(--gold);
}

.uz-visual-badge strong {
  display: block;

  color: var(--text);

  font-size: 0.8rem;
  font-weight: 600;
}

.uz-visual-badge small {
  display: block;

  margin-top: 3px;

  color: var(--muted);

  font-size: 0.65rem;
}


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

.uz-visual-number {
  position: absolute;

  right: 5px;
  top: 30px;

  color: var(--gold);

  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 3px;
}


/* Decorative line */

.uz-visual-line {
  position: absolute;

  right: 12px;
  top: 65px;

  width: 1px;
  height: 110px;

  background:
    linear-gradient(
      to bottom,
      var(--gold),
      transparent
    );

  animation: uzLinePulse 2.8s ease-in-out infinite;
}


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

.uz-solutions-content {
  padding-left: 25px;
}

.uz-solutions-content h2 {
  max-width: 580px;

  margin: 0 0 25px;

  color: var(--navy-800);

  font-size: clamp(2.3rem, 4vw, 4rem);
  line-height: 1.08;

  font-weight: 600;

  letter-spacing: -1.5px;
}

.uz-solutions-content h2 span {
  color: var(--gold);
}

.uz-solutions-lead {
  max-width: 570px;

  margin-bottom: 38px;

  color: #667894;

  font-size: 0.94rem;
  line-height: 1.9;
}


/* ==========================================
   FEATURE LIST
========================================== */


 .uz-feature-list { max-width: 570px; } /* IMPORTANT: opacity must NOT be 0 */ .uz-feature { display: flex; align-items: flex-start; gap: 17px; padding: 18px 0; border-bottom: 1px solid rgba(0, 21, 47, 0.10); /* Visible by default */ opacity: 1; transform: translateX(0); transition: transform 0.4s ease, opacity 0.4s ease; } /* Feature icon */ .uz-feature-icon { flex: 0 0 43px; width: 43px; height: 43px; display: grid; place-items: center; background: var(--navy-800); color: var(--gold); font-size: 1rem; border-radius: 4px; } /* Feature heading */ .uz-feature h3 { margin: 0 0 5px; color: var(--navy-800); font-size: 0.92rem; font-weight: 600; } /* Feature text */ .uz-feature p { margin: 0; color: #71809a; font-size: 0.78rem; line-height: 1.65; } /* Hover */ .uz-feature:hover { transform: translateX(5px); } .uz-feature:hover .uz-feature-icon { background: var(--gold); color: var(--navy-900); }
/* ==========================================
   BUTTON
========================================== */

.uz-solutions-btn {
  display: inline-flex;
  align-items: center;

  gap: 12px;

  margin-top: 35px;

  padding: 14px 22px;

  background: var(--navy-800);

  color: var(--text);

  text-decoration: none;

  font-size: 0.78rem;
  font-weight: 500;

  transition: all 0.3s ease;
}

.uz-solutions-btn i {
  color: var(--gold);

  transition: transform 0.3s ease;
}

.uz-solutions-btn:hover {
  background: var(--gold);

  color: var(--navy-900);
}

.uz-solutions-btn:hover i {
  color: var(--navy-900);

  transform: translateX(5px);
}


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

@media (max-width: 991.98px) {

  .uz-impact-section {
    padding: 85px 0;
  }

  .uz-section-intro {
    margin: 25px 0 0;
    max-width: 650px;
  }

  .uz-impact-card p {
    min-height: auto;
  }

  .uz-solutions-section {
    padding: 90px 0;
  }

  .uz-solutions-content {
    padding-left: 0;
  }

  .uz-visual-wrap {
    max-width: 650px;
    margin-bottom: 25px;
  }

  .uz-visual-image {
    height: 500px;
  }

}


@media (max-width: 767.98px) {

  .uz-impact-section {
    padding: 70px 0;
  }

  .uz-section-title {
    font-size: 2.45rem;
    letter-spacing: -1px;
  }

  .uz-section-intro {
    font-size: 0.88rem;
    line-height: 1.8;
  }

  .uz-impact-card {
    padding: 28px 25px;
  }

  .uz-impact-card h3 {
    font-size: 1.4rem;
  }

  .uz-impact-bottom {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 40px;
  }

  .uz-impact-bottom > div {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .uz-impact-btn {
    width: 100%;
    justify-content: center;
  }


  /* Solutions */

  .uz-solutions-section {
    padding: 70px 0;
  }

  .uz-visual-wrap {
    padding: 0 15px 20px 0;
  }

  .uz-visual-image {
    height: 390px;
  }

  .uz-visual-badge {
    left: 0;
    bottom: 45px;
    padding: 12px 15px;
  }

  .uz-badge-icon {
    width: 36px;
    height: 36px;
  }

  .uz-solutions-content h2 {
    font-size: 2.45rem;
    letter-spacing: -1px;
  }

  .uz-solutions-lead {
    font-size: 0.88rem;
    line-height: 1.8;
  }

  .uz-feature {
    gap: 13px;
  }

  .uz-feature p {
    font-size: 0.76rem;
  }

}


/* ==========================================
   REDUCE MOTION
========================================== */

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

  .uz-visual-image video,
  .uz-visual-badge,
  .uz-visual-line,
  .uz-feature {
    animation: none;
  }

  .uz-feature {
    opacity: 1;
    transform: none;
  }

}

/* ==========================================
   UNIVERZING LIGHT TECHNOLOGY SECTION
   CSS ONLY — NO IMAGES / NO VIDEO
========================================== */

.uz-light-tech-section {
  position: relative;
  padding: 115px 0;

  background: #f7f9fc;

  color: var(--navy-900);

  overflow: hidden;
}


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

.uz-light-tech-bg {
  position: absolute;
  inset: 0;

  pointer-events: none;
}


/* Subtle grid */

.uz-tech-grid {
  position: absolute;

  width: 650px;
  height: 650px;

  right: -220px;
  top: -120px;

  background-image:
    linear-gradient(
      rgba(18, 48, 95, 0.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(18, 48, 95, 0.045) 1px,
      transparent 1px
    );

  background-size: 42px 42px;

  transform: rotate(8deg);

  mask-image: linear-gradient(
    135deg,
    transparent 5%,
    #000 50%,
    transparent 95%
  );
}


/* Gold decorative circle */

.uz-tech-circle {
  position: absolute;

  border-radius: 50%;

  pointer-events: none;
}


.uz-tech-circle-1 {
  width: 430px;
  height: 430px;

  right: -260px;
  bottom: -250px;

  border: 1px solid rgba(245, 184, 61, 0.18);
}


.uz-tech-circle-2 {
  width: 250px;
  height: 250px;

  left: -150px;
  top: -130px;

  border: 1px solid rgba(18, 48, 95, 0.10);
}


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

.uz-light-tech-content {
  position: relative;

  max-width: 600px;
}


.uz-light-tech-label {
  display: inline-block;

  margin-bottom: 18px;

  color: var(--gold);

  font-size: 0.7rem;
  font-weight: 600;

  letter-spacing: 3px;
}


.uz-light-tech-content h2 {
  margin: 0 0 25px;

  max-width: 600px;

  color: var(--navy-900);

  font-size: clamp(2.4rem, 4vw, 4.2rem);

  line-height: 1.07;

  font-weight: 600;

  letter-spacing: -1.7px;
}


.uz-light-tech-content h2 span {
  color: var(--gold);
}


.uz-light-tech-intro {
  max-width: 540px;

  margin: 0 0 32px;

  color: #667894;

  font-size: 0.94rem;

  line-height: 1.9;
}


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

.uz-light-tech-btn {
  display: inline-flex;

  align-items: center;

  gap: 12px;

  padding: 14px 21px;

  background: var(--navy-800);

  color: var(--text);

  text-decoration: none;

  font-size: 0.78rem;

  font-weight: 500;

  transition:
    background 0.3s ease,
    transform 0.3s ease;
}


.uz-light-tech-btn i {
  color: var(--gold);

  transition:
    transform 0.3s ease;
}


.uz-light-tech-btn:hover {
  background: var(--navy-900);

  color: var(--text);

  transform: translateY(-3px);
}


.uz-light-tech-btn:hover i {
  transform:
    translate(3px, -3px);
}


/* ==========================================
   TECHNOLOGY VISUAL — TRANSPARENT
========================================== */

.uz-tech-visual {
  position: relative;

  width: 100%;
  max-width: 560px;

  height: 500px;

  margin: 0 auto;

  /* REMOVE BOX BACKGROUND */
  background: transparent;

  /* REMOVE BORDER */
  border: none;

  /* Keep decorative elements inside */
  overflow: hidden;
}

/* ==========================================
   VIDEO
========================================== */

.uz-tech-video {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;

   opacity: 0.94;
  pointer-events: none;

  mix-blend-mode: multiply;
}


/* ==========================================
   DESIGN ABOVE VIDEO
========================================== */

.uz-tech-overlay {
  position: absolute;

  inset: 0;

  z-index: 2;
}

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

.uz-tech-number {
  position: absolute;

  top: 28px;
  left: 30px;

  display: flex;

  align-items: baseline;

  gap: 8px;
}


.uz-tech-number span {
  color: var(--navy-800);

  font-size: 2.5rem;

  font-weight: 600;

  line-height: 1;
}


.uz-tech-number small {
  color: var(--gold);

  font-size: 0.62rem;

  font-weight: 600;

  letter-spacing: 2px;
}


/* ==========================================
   CENTER CORE
========================================== */

.uz-tech-core {
  position: absolute;

  left: 50%;
  top: 48%;

  width: 170px;
  height: 170px;

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


.uz-tech-core-ring {
  position: absolute;

  inset: 0;

  border-radius: 50%;

  border: 1px solid
    rgba(245, 184, 61, 0.35);
}


.ring-1 {
  animation:
    uzTechRotate 16s linear infinite;
}


.ring-2 {
  inset: 17px;

  border-color:
    rgba(18, 48, 95, 0.22);

  animation:
    uzTechRotateReverse 12s linear infinite;
}


@keyframes uzTechRotate {

  to {
    transform: rotate(360deg);
  }

}


@keyframes uzTechRotateReverse {

  to {
    transform: rotate(-360deg);
  }

}


/* Center */

.uz-tech-core-inner {
  position: absolute;

  left: 50%;
  top: 50%;

  width: 78px;
  height: 78px;

  display: grid;

  place-items: center;

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

  background: var(--navy-800);

  color: var(--gold);

  border-radius: 50%;

  box-shadow:
    0 12px 35px rgba(0, 21, 47, 0.15);
}


.uz-tech-core-inner i {
  font-size: 1.5rem;
}


/* ==========================================
   CONNECTION LINES
========================================== */

.uz-tech-line {
  position: absolute;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(245, 184, 61, 0.65),
      transparent
    );

  transform-origin: left center;
}


.line-1 {
  width: 145px;

  left: 26%;

  top: 40%;

  transform: rotate(25deg);
}


.line-2 {
  width: 145px;

  right: 22%;

  top: 43%;

  transform: rotate(-30deg);
}


.line-3 {
  width: 160px;

  left: 38%;

  bottom: 26%;

  transform: rotate(90deg);
}


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

.uz-tech-node {
  position: absolute;

  display: flex;
  align-items: center;
  gap: 8px;

  padding: 10px 13px;

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

  border: 1px solid rgba(18, 48, 95, 0.10);

  box-shadow:
    0 8px 25px rgba(0, 21, 47, 0.05);

  color: var(--navy-800);

  font-size: 0.7rem;
  font-weight: 600;

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

  animation:
    uzNodeFloat 5s ease-in-out infinite;
}

.uz-tech-node i {
  color: var(--gold);

  font-size: 0.9rem;
}


.node-1 {
  left: 12%;
  top: 34%;
}


.node-2 {
  right: 10%;
  top: 29%;

  animation-delay: -1.5s;
}


.node-3 {
  right: 16%;
  bottom: 20%;

  animation-delay: -3s;
}


@keyframes uzNodeFloat {

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

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

}


/* ==========================================
   BOTTOM PROCESS
========================================== */

.uz-tech-bottom {
  position: absolute;

  left: 30px;
  right: 30px;
  bottom: 28px;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 14px;

  padding-top: 20px;

  border-top:
    1px solid rgba(18,48,95,0.10);

  color: var(--navy-800);

  font-size: 0.62rem;

  font-weight: 600;

  letter-spacing: 2px;
}


.uz-tech-bottom i {
  color: var(--gold);

  font-size: 0.75rem;
}


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

@media (max-width: 991.98px) {

  .uz-light-tech-section {
    padding: 90px 0;
  }

  .uz-tech-visual {
    margin-top: 15px;
  }

}


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

@media (max-width: 767.98px) {

  .uz-light-tech-section {
    padding: 70px 0;
  }

  .uz-light-tech-content h2 {
    font-size: 2.45rem;

    letter-spacing: -1px;
  }

  .uz-light-tech-intro {
    font-size: 0.88rem;

    line-height: 1.8;
  }

  .uz-tech-visual {
    height: 390px;
  }

  .uz-tech-core {
    width: 130px;
    height: 130px;
  }

  .uz-tech-core-inner {
    width: 62px;
    height: 62px;
  }

  .uz-tech-core-inner i {
    font-size: 1.2rem;
  }

  .uz-tech-node {
    padding: 8px 10px;

    font-size: 0.62rem;
  }

  .uz-tech-bottom {
    left: 15px;
    right: 15px;

    gap: 8px;

    font-size: 0.48rem;

    letter-spacing: 1px;
  }

}


/* ==========================================
   REDUCE MOTION
========================================== */

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

  .uz-tech-core-ring,
  .uz-tech-node {
    animation: none;
  }

}


/* ==========================================
   UNIVERZING COMMON FOOTER
========================================== */

.uz-footer {
  position: relative;
  overflow: hidden;

  background:
    linear-gradient(
      135deg,
      var(--navy-900) 0%,
      var(--navy-800) 48%,
      var(--navy-700) 100%
    );

  color: var(--text);
}


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

.uz-footer-bg {
  position: absolute;
  inset: 0;

  overflow: hidden;

  pointer-events: none;

  z-index: 0;
}


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

.uz-footer-grid {
  position: absolute;
  inset: -50%;

  background-image:
    linear-gradient(
      rgba(245, 184, 61, 0.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(245, 184, 61, 0.045) 1px,
      transparent 1px
    );

  background-size: 55px 55px;

  transform: perspective(700px) rotateX(58deg);

  transform-origin: center bottom;

  opacity: 0.45;

  animation: uzFooterGridMove 18s linear infinite;
}

@keyframes uzFooterGridMove {

  0% {
    transform:
      perspective(700px)
      rotateX(58deg)
      translateY(0);
  }

  100% {
    transform:
      perspective(700px)
      rotateX(58deg)
      translateY(55px);
  }

}


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

.uz-footer-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
}

/* Main glow */
.uz-footer-glow {
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.65;
    transform: translateZ(0);
}

/* Left glow */
.uz-footer-glow-1 {
    top: -180px;
    left: -150px;

    background: radial-gradient(
        circle,
        rgba(0, 180, 255, 0.95) 0%,
        rgba(0, 140, 255, 0.55) 30%,
        rgba(0, 100, 255, 0.20) 55%,
        transparent 75%
    );
}

/* Right glow */
.uz-footer-glow-2 {
    right: -150px;
    bottom: -200px;

    background: radial-gradient(
        circle,
        rgba(140, 70, 255, 0.95) 0%,
        rgba(100, 50, 255, 0.55) 30%,
        rgba(80, 40, 255, 0.20) 55%,
        transparent 75%
    );
}

/* Extra glow layers */
.uz-footer-bg::before,
.uz-footer-bg::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.45;
}

.uz-footer-bg::before {
    top: 35%;
    left: 30%;
    background: rgba(0, 200, 255, 0.45);
}

.uz-footer-bg::after {
    top: 20%;
    right: 25%;
    background: rgba(170, 70, 255, 0.40);
}
/* ==========================================
   FLOATING ORBS
========================================== */

.uz-footer-orb {
  position: absolute;

  display: block;

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: var(--gold);

  box-shadow:
    0 0 12px rgba(245, 184, 61, 0.7),
    0 0 25px rgba(245, 184, 61, 0.35);

  opacity: 0.65;

  animation:
    uzFooterOrbFloat
    8s
    ease-in-out
    infinite;
}


.orb-1 {
  top: 22%;
  left: 12%;
}

.orb-2 {
  top: 68%;
  left: 72%;

  width: 4px;
  height: 4px;

  animation-delay: -3s;
}

.orb-3 {
  top: 38%;
  right: 15%;

  width: 5px;
  height: 5px;

  animation-delay: -5s;
}


@keyframes uzFooterOrbFloat {

  0%,
  100% {
    transform:
      translate3d(0, 0, 0);

    opacity: 0.35;
  }

  50% {
    transform:
      translate3d(25px, -30px, 0);

    opacity: 0.9;
  }

}


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

.uz-footer .container {
  position: relative;

  z-index: 2;
}


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

.uz-footer-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 40px;

  padding: 75px 0 65px;

  border-bottom:
    1px solid rgba(233, 238, 251, 0.10);
}


.uz-footer-label {
  display: inline-block;

  margin-bottom: 16px;

  color: var(--gold);

  font-size: 0.68rem;
  font-weight: 600;

  letter-spacing: 3px;
}


.uz-footer-cta h2 {
  margin: 0;

  max-width: 650px;

  color: var(--text);

  font-size: clamp(2.3rem, 4vw, 4.1rem);

  line-height: 1.08;

  font-weight: 600;

  letter-spacing: -1.5px;
}


.uz-footer-cta h2 span {
  color: var(--gold);
}


.uz-footer-cta p {
  max-width: 560px;

  margin: 20px 0 0;

  color: var(--muted);

  font-size: 0.92rem;

  line-height: 1.8;
}


/* ==========================================
   CTA BUTTON
========================================== */

.uz-footer-cta-btn {
  flex-shrink: 0;

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

  gap: 12px;

  padding: 15px 23px;

  border:
    1px solid rgba(245, 184, 61, 0.65);

  color: var(--text);

  text-decoration: none;

  font-size: 0.78rem;
  font-weight: 500;

  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}


.uz-footer-cta-btn i {
  color: var(--gold);

  transition:
    transform 0.3s ease;
}


.uz-footer-cta-btn:hover {
  background: var(--gold);

  color: var(--navy-900);

  transform: translateY(-3px);
}


.uz-footer-cta-btn:hover i {
  color: var(--navy-900);

  transform:
    translate(3px, -3px);
}


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

.uz-footer-main {
  display: grid;

  grid-template-columns:
    1.7fr
    1fr
    1.3fr
    1.2fr;

  gap: 55px;

  padding: 65px 0;
}


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

.uz-footer-logo {
  display: inline-flex;

  align-items: center;

  gap: 12px;

  color: var(--text);

  text-decoration: none;
}


.uz-footer-logo img {
  width: 52px;
  height: 52px;

  object-fit: contain;
}


.uz-footer-logo > span {
  font-size: 1rem;

  font-weight: 600;

  letter-spacing: 1px;
}


.uz-footer-logo > span span {
  color: var(--gold);
}


.uz-footer-brand > p:first-of-type {
  margin: 15px 0 12px;

  color: var(--gold);

  font-size: 0.78rem;

  font-weight: 500;

  letter-spacing: 1px;
}


.uz-footer-description {
  max-width: 330px;

  margin: 0;

  color: var(--muted);

  font-size: 0.78rem;

  line-height: 1.8;
}


/* ==========================================
   SOCIAL
========================================== */

.uz-footer-social {
  display: flex;

  gap: 9px;

  margin-top: 24px;
}


.uz-footer-social a {
  width: 36px;
  height: 36px;

  display: grid;
  place-items: center;

  border:
    1px solid rgba(233, 238, 251, 0.12);

  color: var(--muted);

  text-decoration: none;

  border-radius: 50%;

  transition:
    color 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease,
    transform 0.25s ease;
}


.uz-footer-social a:hover {
  color: var(--navy-900);

  background: var(--gold);

  border-color: var(--gold);

  transform: translateY(-3px);
}


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

.uz-footer-links h3,
.uz-footer-contact h3 {
  margin: 0 0 22px;

  color: var(--text);

  font-size: 0.82rem;

  font-weight: 600;

  letter-spacing: 0.5px;
}


.uz-footer-links a {
  display: block;

  width: fit-content;

  margin-bottom: 13px;

  color: var(--muted);

  text-decoration: none;

  font-size: 0.76rem;

  transition:
    color 0.25s ease,
    transform 0.25s ease;
}


.uz-footer-links a:hover {
  color: var(--gold);

  transform: translateX(4px);
}


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

.uz-footer-contact a,
.uz-footer-location {
  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 15px;

  color: var(--muted);

  text-decoration: none;

  font-size: 0.76rem;

  transition: color 0.25s ease;
}


.uz-footer-contact a i,
.uz-footer-location i {
  color: var(--gold);

  font-size: 0.9rem;
}


.uz-footer-contact a:hover {
  color: var(--gold);
}


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

.uz-footer-bottom {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding: 22px 0;

  border-top:
    1px solid rgba(233, 238, 251, 0.10);
}


.uz-footer-bottom p {
  margin: 0;

  color: rgba(169, 184, 214, 0.70);

  font-size: 0.68rem;
}


.uz-footer-bottom-links {
  display: flex;

  gap: 22px;
}


.uz-footer-bottom-links a {
  color: rgba(169, 184, 214, 0.70);

  text-decoration: none;

  font-size: 0.68rem;

  transition: color 0.25s ease;
}


.uz-footer-bottom-links a:hover {
  color: var(--gold);
}


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

@media (max-width: 991.98px) {

  .uz-footer-main {
    grid-template-columns:
      1.5fr 1fr 1fr;

    gap: 40px;
  }

  .uz-footer-contact {
    grid-column: span 3;
  }

}


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

@media (max-width: 767.98px) {

  .uz-footer-cta {
    align-items: flex-start;

    flex-direction: column;

    padding: 60px 0 50px;

    gap: 28px;
  }

  .uz-footer-cta h2 {
    font-size: 2.45rem;

    letter-spacing: -1px;
  }

  .uz-footer-cta p {
    font-size: 0.84rem;
  }

  .uz-footer-cta-btn {
    width: 100%;

    justify-content: center;
  }


  .uz-footer-main {
    grid-template-columns: 1fr 1fr;

    gap: 40px 25px;

    padding: 50px 0;
  }


  .uz-footer-brand {
    grid-column: span 2;
  }


  .uz-footer-contact {
    grid-column: span 2;
  }


  .uz-footer-bottom {
    align-items: flex-start;

    flex-direction: column;

    gap: 12px;
  }


  .uz-footer-bottom-links {
    flex-wrap: wrap;

    gap: 12px 20px;
  }


  .uz-footer-grid {
    background-size: 40px 40px;

    opacity: 0.25;
  }

}


/* ==========================================
   REDUCE MOTION
========================================== */

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

  .uz-footer-grid,
  .uz-footer-glow-1,
  .uz-footer-glow-2,
  .uz-footer-orb {
    animation: none;
  }

}

/* =========================================================
   UNIVERZING ABOUT PAGE
   Premium Navy + Gold
========================================================= */


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

.uz-about-page {

    overflow: hidden;

    background:
        #ffffff;

    color:
        #17233d;

}


.uz-about-page *,
.uz-about-page *::before,
.uz-about-page *::after {

    box-sizing:
        border-box;

}


.uz-about-page p {

    line-height:
        1.85;

}


/* =========================================================
   SECTION BASE
========================================================= */

.uz-section {

    position:
        relative;

    padding:
        100px 0;

}


.uz-section-white {

    background:
        #ffffff;

}


.uz-section-light {

    background:
        #f5f7fb;

}


.uz-section-navy {

    position:
        relative;

    background:
        var(--navy-900);

    color:
        var(--text);

}


.uz-section-dark {

    position:
        relative;

    min-height:
        720px;

    display:
        flex;

    align-items:
        center;

    overflow:
        hidden;

    color:
        var(--text);

}


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

.uz-bg-video {

    position:
        absolute;

    inset:
        0;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    opacity:
        .85;

    pointer-events:
        none;

}


.uz-video-overlay {

    position:
        absolute;

    inset:
        0;

    background:
        linear-gradient(
            90deg,
            rgba(0,21,47,.98) 0%,
            rgba(0,21,47,.90) 42%,
            rgba(0,21,47,.70) 100%
        );

}

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

.uz-about-hero {

    position:
        relative;

    min-height:
        720px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    text-align:
        center;

    overflow:
        hidden;

}


/* Bootstrap container */

.uz-about-hero .container {

    position:
        relative;

    z-index:
        2;

    width:
        100%;

}


/* Bootstrap row */

.uz-about-hero .row {

    justify-content:
        center;

    align-items:
        center;

    min-height:
        720px;

}


/* Content column */

.uz-about-hero .col-lg-8 {

    margin-left:
        auto;

    margin-right:
        auto;

}


/* =========================================================
   EYEBROW
========================================================= */

.uz-about-hero .uz-eyebrow {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    color:
        var(--gold);

    font-size:
        .75rem;

    font-weight:
        700;

    letter-spacing:
        3px;

    text-transform:
        uppercase;

}


.uz-about-hero .uz-eyebrow::before,
.uz-about-hero .uz-eyebrow::after {

    content:
        "";

    width:
        35px;

    height:
        1px;

    background:
        var(--gold);

}


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

.uz-about-hero .uz-hero-title {

    max-width:
        900px;

    margin:
        22px auto;

    color:
        #ffffff;

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

    line-height:
        1.06;

    font-weight:
        700;

    letter-spacing:
        -2px;

}


.uz-about-hero .uz-hero-title span {

    color:
        var(--gold);

}


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

.uz-about-hero .uz-gold-line {

    width:
        65px;

    height:
        3px;

    margin:
        25px auto;

    background:
        var(--gold);

    border-radius:
        10px;

}


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

.uz-about-hero .uz-hero-text {

    max-width:
        850px;

    margin:
        0 auto;

    color:
        var(--muted);

    font-size:
        1.05rem;

    line-height:
        1.9;

}


/* =========================================================
   BUTTONS
========================================================= */

.uz-about-hero .uz-hero-actions {

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        12px;

    margin-top:
        35px;

}


/* =========================================================
   GOLD BUTTON
========================================================= */

.uz-btn-gold {

    padding:
        .8rem 1.35rem;

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

    border-radius:
        7px;

    background:
        var(--gold);

    color:
        #00152f;

    font-weight:
        700;

    transition:
        .25s ease;

}


.uz-btn-gold:hover {

    background:
        var(--gold-soft);

    border-color:
        var(--gold-soft);

    color:
        #00152f;

    transform:
        translateY(-2px);

}


/* =========================================================
   OUTLINE BUTTON
========================================================= */

.uz-btn-outline {

    padding:
        .8rem 1.35rem;

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

    border-radius:
        7px;

    color:
        #ffffff;

    font-weight:
        600;

    transition:
        .25s ease;

}


.uz-btn-outline:hover {

    border-color:
        var(--gold);

    color:
        var(--gold);

}


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

@media (max-width: 767.98px) {

    .uz-about-hero {

        min-height:
            620px;

    }


    .uz-about-hero .row {

        min-height:
            620px;

    }


    .uz-about-hero .uz-hero-title {

        font-size:
            2.35rem;

        letter-spacing:
            -1px;

    }


    .uz-about-hero .uz-hero-text {

        font-size:
            .95rem;

        padding:
            0 10px;

    }


    .uz-about-hero .uz-eyebrow {

        font-size:
            .65rem;

        letter-spacing:
            2px;

    }


    .uz-about-hero .uz-eyebrow::before,
    .uz-about-hero .uz-eyebrow::after {

        width:
            20px;

    }


    .uz-about-hero .uz-hero-actions {

        flex-direction:
            column;

        width:
            100%;

    }


    .uz-about-hero .uz-hero-actions .btn {

        width:
            100%;

        max-width:
            280px;

        margin:
            0 auto;

    }

}

/* =========================================================
   SECTION TITLES
========================================================= */

.uz-section-label {

    display:
        inline-block;

    margin-bottom:
        12px;

    color:
        var(--gold);

    font-size:
        .72rem;

    font-weight:
        700;

    letter-spacing:
        2.5px;

    text-transform:
        uppercase;

}


.uz-label-light {

    color:
        var(--gold-soft);

}


.uz-section-title {

    margin:
        0;

    color:
        var(--navy-900);

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

    line-height:
        1.15;

    font-weight:
        700;

    letter-spacing:
        -1px;

}


.uz-section-title span {

    display:
        block;

    color:
        var(--navy-600);

}


.uz-title-light {

    color:
        #ffffff;

}


.uz-body-text {

    margin-bottom:
        20px;

    color:
        #586680;

    font-size:
        1rem;

}


.uz-body-text strong {

    color:
        var(--navy-800);

}


/* =========================================================
   STATEMENT BOX
========================================================= */

.uz-statement-box {

    display:
        flex;

    align-items:
        center;

    gap:
        20px;

    padding:
        25px 30px;

    border:
        1px solid rgba(245,184,61,.3);

    border-radius:
        var(--radius);

    background:
        linear-gradient(
            135deg,
            #fffaf0,
            #ffffff
        );

}


.uz-statement-icon {

    width:
        55px;

    height:
        55px;

    flex:
        0 0 55px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        50%;

    background:
        var(--navy-900);

    color:
        var(--gold);

    font-size:
        1.5rem;

}


.uz-statement-box h3 {

    margin:
        0 0 4px;

    color:
        var(--navy-900);

    font-size:
        1.25rem;

}


.uz-statement-box p {

    margin:
        0;

    color:
        #6b7890;

}


/* =========================================================
   DARK CARDS
========================================================= */

.uz-dark-card {

    position:
        relative;

    height:
        100%;

    padding:
        40px;

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

    border-radius:
        var(--radius);

    background:
        linear-gradient(
            145deg,
            rgba(18,48,95,.8),
            rgba(7,26,58,.8)
        );

    transition:
        transform .3s ease,
        border-color .3s ease;

}


.uz-dark-card:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(245,184,61,.55);

}


.uz-card-icon {

    width:
        55px;

    height:
        55px;

    display:
        grid;

    place-items:
        center;

    margin-bottom:
        25px;

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

    border-radius:
        10px;

    background:
        rgba(245,184,61,.08);

    color:
        var(--gold);

    font-size:
        1.5rem;

}


.uz-card-number {

    position:
        absolute;

    top:
        35px;

    right:
        35px;

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

    font-size:
        2.8rem;

    font-weight:
        800;

}


.uz-dark-card h3 {

    margin-bottom:
        15px;

    color:
        #ffffff;

    font-size:
        1.4rem;

}


.uz-dark-card p {

    color:
        var(--muted);

    font-size:
        .95rem;

}


/* =========================================================
   PHILOSOPHY
========================================================= */

.uz-philosophy {

    position:
        relative;

}


.uz-philosophy-title {

    margin:
        0;

    color:
        var(--navy-900);

    font-size:
        clamp(2.5rem, 5vw, 4.5rem);

    line-height:
        1.05;

}


.uz-philosophy-title span {

    display:
        block;

    color:
        var(--gold);

}


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

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

.uz-philosophy-visual {

    position:
        relative;

    width:
        min(100%, 480px);

    aspect-ratio:
        1;

    margin:
        auto;

    display:
        grid;

    place-items:
        center;

    overflow:
        hidden;

    border-radius:
        50%;

    background:
        var(--navy-900);

    box-shadow:
        0 20px 70px rgba(0,21,47,.15);

}


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

.uz-philosophy-video {

    position:
        absolute;

    inset:
        0;

    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    opacity:
        .82;

    pointer-events:
        none;

}


/* =========================================================
   VIDEO OVERLAY
========================================================= */

.uz-philosophy-video-overlay {

    position:
        absolute;

    inset:
        0;

    z-index:
        1;

    background:
        radial-gradient(
            circle at center,
            rgba(0,21,47,.30) 0%,
            rgba(0,21,47,.72) 55%,
            rgba(0,21,47,.95) 100%
        );

    pointer-events:
        none;

}


/* =========================================================
   ORBIT RINGS
========================================================= */

.uz-orbit {

    position:
        absolute;

    z-index:
        2;

    border:
        1px solid rgba(245,184,61,.30);

    border-radius:
        50%;

    pointer-events:
        none;

}


.orbit-one {

    width:
        100%;

    height:
        100%;

}


.orbit-two {

    width:
        75%;

    height:
        75%;

}


.orbit-three {

    width:
        50%;

    height:
        50%;

}


/* =========================================================
   CENTER LOGO
========================================================= */

.uz-center-logo {

    position:
        relative;

    z-index:
        4;

    width:
        125px;

    height:
        125px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

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

    border-radius:
        50%;

    background:
        rgba(0,21,47,.88);

    box-shadow:
        0 0 50px rgba(245,184,61,.20);

    backdrop-filter:
        blur(5px);

}


.uz-center-logo span {

    color:
        var(--gold);

    font-size:
        2.2rem;

    font-weight:
        800;

    line-height:
        1;

}


.uz-center-logo small {

    margin-top:
        5px;

    color:
        #ffffff;

    font-size:
        .55rem;

    letter-spacing:
        1.5px;

}


/* =========================================================
   ORBIT LABELS
========================================================= */

.uz-orbit-label {

    position:
        absolute;

    z-index:
        5;

    padding:
        7px 13px;

    border:
        1px solid rgba(245,184,61,.45);

    border-radius:
        30px;

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

    color:
        var(--navy-900);

    font-size:
        .72rem;

    font-weight:
        700;

    box-shadow:
        0 5px 20px rgba(0,21,47,.20);

    white-space:
        nowrap;

    backdrop-filter:
        blur(5px);

}


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

.label-one {

    top:
        6%;

    left:
        50%;

    transform:
        translateX(-50%);

}


.label-two {

    right:
        2%;

    top:
        50%;

    transform:
        translateY(-50%);

}


.label-three {

    bottom:
        6%;

    left:
        50%;

    transform:
        translateX(-50%);

}


.label-four {

    left:
        2%;

    top:
        50%;

    transform:
        translateY(-50%);

}


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

@media (max-width: 767.98px) {

    .uz-philosophy-visual {

        width:
            min(100%, 350px);

    }


    .uz-center-logo {

        width:
            105px;

        height:
            105px;

    }


    .uz-center-logo span {

        font-size:
            1.8rem;

    }


    .uz-center-logo small {

        font-size:
            .48rem;

    }


    .uz-orbit-label {

        padding:
            6px 10px;

        font-size:
            .62rem;

    }


    .label-one {

        top:
            5%;

    }


    .label-two {

        right:
            0;

    }


    .label-three {

        bottom:
            5%;

    }


    .label-four {

        left:
            0;

    }

}
/* =========================================================
   SERVICE CARDS
========================================================= */

.uz-service-card {

    position:
        relative;

    min-height:
        300px;

    height:
        100%;

    padding:
        32px;

    border:
        1px solid #e2e7f0;

    border-radius:
        var(--radius);

    background:
        #ffffff;

    overflow:
        hidden;

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

}


.uz-service-card::before {

    content:
        "";

    position:
        absolute;

    top:
        0;

    left:
        0;

    width:
        100%;

    height:
        3px;

    background:
        var(--gold);

    transform:
        scaleX(0);

    transform-origin:
        left;

    transition:
        transform .3s ease;

}


.uz-service-card:hover {

    transform:
        translateY(-7px);

    border-color:
        rgba(245,184,61,.45);

    box-shadow:
        0 18px 45px rgba(0,21,47,.10);

}


.uz-service-card:hover::before {

    transform:
        scaleX(1);

}


.uz-service-number {

    position:
        absolute;

    top:
        25px;

    right:
        25px;

    color:
        #edf0f6;

    font-size:
        2.5rem;

    font-weight:
        800;

}


.uz-service-icon {

    width:
        58px;

    height:
        58px;

    display:
        grid;

    place-items:
        center;

    margin-bottom:
        25px;

    border-radius:
        10px;

    background:
        rgba(245,184,61,.10);

    color:
        var(--navy-700);

    font-size:
        1.45rem;

}


.uz-service-card h3 {

    max-width:
        90%;

    margin-bottom:
        13px;

    color:
        var(--navy-900);

    font-size:
        1.2rem;

    line-height:
        1.35;

}


.uz-service-card p {

    margin:
        0;

    color:
        #68758d;

    font-size:
        .91rem;

    line-height:
        1.7;

}


.uz-service-arrow {

    position:
        absolute;

    right:
        28px;

    bottom:
        25px;

    color:
        var(--gold);

    opacity:
        0;

    transform:
        translate(-5px, 5px);

    transition:
        .3s ease;

}


.uz-service-card:hover .uz-service-arrow {

    opacity:
        1;

    transform:
        translate(0, 0);

}


/* =========================================================
   APPROACH
========================================================= */

.uz-approach {

    position:
        relative;

    min-height:
        650px;

    display:
        flex;

    align-items:
        center;

    overflow:
        hidden;

}


.uz-approach-title {

    margin:
        0;

    color:
        #ffffff;

    font-size:
        clamp(2.5rem, 5vw, 4.5rem);

    line-height:
        1.05;

    font-weight:
        700;

}


.uz-process {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding:
        25px;

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

    border-radius:
        var(--radius);

    background:
        rgba(0,21,47,.55);

    backdrop-filter:
        blur(8px);

}


.uz-process-item {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    gap:
        6px;

    min-width:
        75px;

}


.uz-process-item span {

    color:
        var(--gold);

    font-size:
        .7rem;

    font-weight:
        700;

    letter-spacing:
        1px;

}


.uz-process-item strong {

    color:
        #ffffff;

    font-size:
        .8rem;

}


.uz-process-line {

    flex:
        1;

    height:
        1px;

    margin:
        0 10px;

    background:
        rgba(245,184,61,.3);

}


/* =========================================================
   WHY UNIVERZING
========================================================= */

.uz-why-grid {

    border-top:
        1px solid #e2e7f0;

    border-left:
        1px solid #e2e7f0;

}


.uz-why-item {

    height:
        100%;

    padding:
        35px;

    border-right:
        1px solid #e2e7f0;

    border-bottom:
        1px solid #e2e7f0;

    transition:
        background .25s ease;

}


.uz-why-item:hover {

    background:
        #fffaf0;

}


.uz-why-item i {

    display:
        inline-block;

    margin-bottom:
        22px;

    color:
        var(--gold);

    font-size:
        1.8rem;

}


.uz-why-item h3 {

    margin-bottom:
        10px;

    color:
        var(--navy-900);

    font-size:
        1.15rem;

}


.uz-why-item p {

    margin:
        0;

    color:
        #68758d;

    font-size:
        .9rem;

    line-height:
        1.7;

}


/* =========================================================
   COMMITMENT
========================================================= */

.uz-commitment {

    padding:
        120px 0;

}


.uz-commitment-title {

    margin:
        10px 0;

    color:
        #ffffff;

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

    line-height:
        1.08;

}


.uz-commitment-text {

    max-width:
        800px;

    margin:
        0 auto 20px;

    color:
        var(--muted);

    font-size:
        1rem;

    line-height:
        1.9;

}


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

.uz-final-brand {

    padding:
        85px 0;

    background:
        #000d20;

    color:
        #ffffff;

    text-align:
        center;

}


.uz-final-mark {

    width:
        65px;

    height:
        65px;

    display:
        grid;

    place-items:
        center;

    margin:
        0 auto 20px;

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

    border-radius:
        50%;

    color:
        var(--gold);

    font-size:
        1.3rem;

    font-weight:
        800;

}


.uz-final-brand h2 {

    margin:
        0;

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

    letter-spacing:
        3px;

}


.uz-final-brand h2 span {

    color:
        var(--gold);

}


.uz-final-subtitle {

    margin:
        10px 0 20px;

    color:
        var(--gold);

    font-size:
        .72rem;

    font-weight:
        700;

    letter-spacing:
        4px;

}


.uz-final-services {

    color:
        #94a5c5;

    font-size:
        .68rem;

    letter-spacing:
        1.4px;

    line-height:
        2;

}


.uz-final-services span {

    color:
        var(--gold);

    padding:
        0 5px;

}


.uz-final-tagline {

    margin-top:
        35px;

    color:
        #ffffff;

    font-size:
        .9rem;

    letter-spacing:
        2px;

}


.uz-final-tagline strong {

    color:
        var(--gold);

}


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

@media (max-width: 991.98px) {

    .uz-section {

        padding:
            75px 0;

    }


    .uz-section-dark,
    .uz-about-hero {

        min-height:
            650px;

    }


    .min-vh-75 {

        min-height:
            650px;

    }


    .uz-process {

        flex-wrap:
            wrap;

        gap:
            20px;

    }


    .uz-process-line {

        display:
            none;

    }


    .uz-process-item {

        flex:
            1 1 30%;

    }

}


@media (max-width: 767.98px) {

    .uz-section {

        padding:
            60px 0;

    }


    .uz-about-hero,
    .uz-section-dark {

        min-height:
            620px;

    }


    .min-vh-75 {

        min-height:
            620px;

    }


    .uz-hero-title {

        font-size:
            2.45rem;

        letter-spacing:
            -1px;

    }


    .uz-hero-text {

        font-size:
            .95rem;

    }


    .uz-hero-actions {

        flex-direction:
            column;

        align-items:
            stretch;

    }


    .uz-hero-actions .btn {

        text-align:
            center;

    }


    .uz-statement-box {

        align-items:
            flex-start;

        padding:
            20px;

    }


    .uz-dark-card {

        padding:
            30px;

    }


    .uz-service-card {

        min-height:
            auto;

        padding:
            28px;

    }


    .uz-philosophy-visual {

        max-width:
            340px;

    }


    .uz-orbit-label {

        font-size:
            .62rem;

        padding:
            6px 9px;

    }


    .uz-center-logo {

        width:
            100px;

        height:
            100px;

    }


    .uz-center-logo span {

        font-size:
            1.8rem;

    }


    .uz-process {

        padding:
            20px 10px;

    }


    .uz-process-item {

        flex:
            1 1 28%;

    }


    .uz-process-item strong {

        font-size:
            .7rem;

    }


    .uz-commitment {

        padding:
            80px 0;

    }


    .uz-final-brand {

        padding:
            65px 15px;

    }


    .uz-final-services {

        max-width:
            340px;

        margin:
            auto;

    }

}


@media (max-width: 575.98px) {

    .uz-eyebrow {

        font-size:
            .65rem;

        letter-spacing:
            2px;

    }


    .uz-hero-title {

        font-size:
            2.15rem;

    }


    .uz-section-title {

        font-size:
            2rem;

    }


    .uz-philosophy-title {

        font-size:
            2.7rem;

    }


    .uz-philosophy-visual {

        max-width:
            290px;

    }


    .uz-orbit-label {

        font-size:
            .55rem;

    }


    .label-one {

        top:
            4%;

    }


    .label-two {

        right:
            -5%;

    }


    .label-three {

        bottom:
            4%;

    }


    .label-four {

        left:
            -5%;

    }


    .uz-process-item {

        flex:
            1 1 45%;

    }


    .uz-final-services {

        font-size:
            .6rem;

    }

}


/* =========================================================
   REDUCE MOTION
========================================================= */

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

    .uz-about-page *,
    .uz-about-page *::before,
    .uz-about-page *::after {

        scroll-behavior:
            auto !important;

        transition:
            none !important;

        animation:
            none !important;

    }

}


/* ==========================================
   OUR PARTNERS SECTION
========================================== */

.uz-partners-section {
  position: relative;
  padding: 100px 0;
  overflow: hidden;
  background: #030c1f;
}

/* Subtle background glow */
.uz-partners-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 70%;
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(212, 175, 55, 0.5),
    transparent
  );
}

.uz-partners-heading {
  max-width: 680px;
  margin: 0 auto 55px;
  text-align: center;
}

.uz-partners-label {
  display: inline-block;
  margin-bottom: 18px;
  color: var(--gold);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 4px;
}

.uz-partners-heading h2 {
  margin: 0 0 18px;
  color: var(--text);
  font-size: clamp(2.2rem, 4vw, 3.6rem);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -1.5px;
}

.uz-partners-heading h2 span {
  color: var(--gold);
}

.uz-partners-heading p {
  max-width: 540px;
  margin: 0 auto;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.9;
}

/* ==========================================
   LOGO SLIDER
========================================== */

.uz-partners-slider {
  position: relative;
  width: 100%;
  overflow: hidden;

  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    #000 8%,
    #000 92%,
    transparent
  );

  mask-image: linear-gradient(
    to right,
    transparent,
    #000 8%,
    #000 92%,
    transparent
  );
}

.uz-partners-track {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 30px;

  animation: uzPartnersScroll 30s linear infinite;
  will-change: transform;
}

/* Pause when hovering */
.uz-partners-slider:hover .uz-partners-track {
  animation-play-state: paused;
}

/* ==========================================
   INDIVIDUAL LOGO
========================================== */


/* ==========================================
   PARTNER LOGO CARD — BIGGER
========================================== */

.uz-partner-logo {
  width: 250px;
  height: 140px;
  flex: 0 0 250px;

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

  padding: 15px;

  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;

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

/* ==========================================
   LOGO IMAGE — BRIGHT & LARGE
========================================== */

.uz-partner-logo img {
  display: block;

  width: 100%;
  height: 100%;
  max-width: 220px;
  max-height: 110px;

  object-fit: contain;
  object-position: center;

  filter: brightness(1.12) saturate(1.15);
  opacity: 1;

  transition:
    transform 0.4s ease,
    filter 0.4s ease;
}

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

.uz-partner-logo:hover {
  transform: translateY(-8px) scale(1.04);

  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(212, 175, 55, 0.75);

  box-shadow:
    0 14px 35px rgba(0, 0, 0, 0.25),
    0 0 28px rgba(212, 175, 55, 0.18);
}

/* LOGO HOVER */

.uz-partner-logo:hover img {
  filter: brightness(1.2) saturate(1.2);
  transform: scale(1.08);
}

/* ==========================================
   CONTINUOUS LOOP
========================================== */

@keyframes uzPartnersScroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-50% - 15px));
  }
}

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

@media (max-width: 767px) {
  .uz-partner-logo {
    width: 190px;
    height: 115px;
    flex-basis: 190px;
    padding: 12px;
  }

  .uz-partner-logo img {
    max-width: 165px;
    max-height: 90px;
  }
}

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

@media (max-width: 767px) {
  .uz-partners-section {
    padding: 70px 0;
  }

  .uz-partners-heading {
    margin-bottom: 38px;
    padding: 0 12px;
  }

  .uz-partners-heading p {
    font-size: 0.88rem;
  }

  .uz-partners-track {
    gap: 18px;
    animation-duration: 24s;
  }

  .uz-partner-logo {
    width: 185px;
    height: 130px;
    flex-basis: 155px;
    padding: 16px;
    border-radius: 11px;
  }

  .uz-partner-logo img {
    max-width: 225px;
    max-height: 180px;
 
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .uz-partners-track {
    animation: none;
  }

  .uz-partners-slider {
    overflow-x: auto;
    -webkit-mask-image: none;
    mask-image: none;
  }
}



/* ==========================================
   OUR TEAM SECTION
========================================== */

.uz-team-section {
  position: relative;
  padding: 100px 0 90px;
  overflow: hidden;
  isolation: isolate;

  background:
    radial-gradient(
      ellipse at 80% 30%,
      rgba(30, 75, 140, 0.17),
      transparent 48%
    ),
    #030c1f;
}

.uz-team-section::before {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  top: 15%;
  left: -200px;
  border-radius: 50%;
  background: rgba(212, 175, 55, 0.05);
  filter: blur(100px);
  pointer-events: none;
  z-index: -1;
}

/* Heading */

.uz-team-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 35px;
  margin-bottom: 48px;
}

.uz-team-label {
  display: inline-block;
  margin-bottom: 17px;
  color: var(--gold, #d8b66a);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 3px;
}

.uz-team-title {
  margin: 0;
  color: #f4f7ff;
  font-size: clamp(2.3rem, 4vw, 3.8rem);
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: -1.5px;
}

.uz-team-title span {
  color: var(--gold, #d8b66a);
}

.uz-team-intro {
  max-width: 410px;
  margin: 0 0 5px;
  color: #aab8d0;
  font-size: 0.93rem;
  line-height: 1.9;
}

/* Top controls */

.uz-team-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
}

.uz-team-caption {
  color: #8293af;
  font-size: 0.69rem;
  letter-spacing: 2px;
  font-weight: 600;
}

.uz-team-arrows {
  display: flex;
  gap: 10px;
}

.uz-team-arrows button {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;

  color: #f4f7ff;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;

  cursor: pointer;
  transition: all 0.3s ease;
}

.uz-team-arrows button:hover {
  color: #07101f;
  background: var(--gold, #d8b66a);
  border-color: var(--gold, #d8b66a);
  box-shadow: 0 0 22px rgba(212, 175, 55, 0.18);
}

/* Swiper */

.uz-team-swiper {
  width: 100%;
  overflow: hidden;
  padding: 5px 2px 20px;
}

.uz-team-swiper .swiper-slide {
  height: auto;
  display: flex;
}

/* Team card */

.uz-team-card {
  width: 100%;
  height: 100%;
  overflow: hidden;

  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 17px;

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

.uz-team-card:hover {
  transform: translateY(-7px);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(212, 175, 55, 0.45);

  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.22),
    0 0 25px rgba(212, 175, 55, 0.045);
}

/* Photo */

.uz-team-photo {
  position: relative;
  height: 300px;
  overflow: hidden;
  background: #101d32;
}

.uz-team-photo::after {
  content: "";
  position: absolute;
  inset: 45% 0 0;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(3, 12, 31, 0.5)
  );
  pointer-events: none;
}

.uz-team-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;

  transition:
    transform 0.65s ease,
    filter 0.65s ease;
}

.uz-team-card:hover .uz-team-photo img {
  transform: scale(1.07);
}

/* Number */

.uz-team-index {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;

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

  width: 38px;
  height: 38px;

  color: #f5d995;
  background: rgba(3, 12, 31, 0.72);
  border: 1px solid rgba(212, 175, 55, 0.4);
  border-radius: 50%;

  font-size: 0.7rem;
  letter-spacing: 1px;
  backdrop-filter: blur(8px);
}

/* Details */

.uz-team-info {
  padding: 24px 22px 27px;
}

.uz-team-role {
  display: inline-block;
  margin-bottom: 11px;

  color: var(--gold, #d8b66a);
  font-size: 0.67rem;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.uz-team-info h3 {
  margin: 0 0 12px;
  color: #f3f6ff;
  font-size: 1.2rem;
  font-weight: 600;
}

.uz-team-info p {
  margin: 0;
  color: #a5b3ca;
  font-size: 0.84rem;
  line-height: 1.85;
}

/* Progress */

.uz-team-progress {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  margin-top: 25px;
}

.uz-team-pagination {
  position: relative;
  display: flex;
  gap: 6px;
  width: 150px !important;
}

.uz-team-pagination .swiper-pagination-bullet {
  flex: 1;
  height: 3px;
  margin: 0 !important;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
  opacity: 1;
  transition: background 0.3s ease;
}

.uz-team-pagination .swiper-pagination-bullet-active {
  background: var(--gold, #d8b66a);
}

.uz-team-note {
  color: #8293af;
  font-size: 0.76rem;
  letter-spacing: 0.5px;
}

/* Tablet */

@media (max-width: 991px) {
  .uz-team-section {
    padding: 75px 0;
  }

  .uz-team-heading {
    align-items: start;
    flex-direction: column;
    gap: 18px;
  }

  .uz-team-intro {
    max-width: 560px;
  }

  .uz-team-photo {
    height: 280px;
  }
}

/* Mobile */

@media (max-width: 575px) {
  .uz-team-section {
    padding: 65px 0 55px;
  }

  .uz-team-heading {
    margin-bottom: 32px;
  }

  .uz-team-title {
    font-size: clamp(2.1rem, 9vw, 2.8rem);
    letter-spacing: -1px;
  }

  .uz-team-label {
    font-size: 0.63rem;
    letter-spacing: 2px;
  }

  .uz-team-caption {
    font-size: 0.58rem;
    letter-spacing: 1px;
  }

  .uz-team-arrows button {
    width: 38px;
    height: 38px;
  }

  .uz-team-photo {
    height: 270px;
  }

  .uz-team-info {
    padding: 21px 18px 24px;
  }

  .uz-team-progress {
    align-items: start;
    flex-direction: column;
    gap: 15px;
  }
}

/* Reduced motion accessibility */

@media (prefers-reduced-motion: reduce) {
  .uz-team-card,
  .uz-team-photo img,
  .uz-team-arrows button {
    transition: none;
  }
}
/* =========================================================
   CLIENTS SECTION
   ========================================================= */

.uz-clients-section {
    position: relative;

    padding: 105px 0 75px;

    overflow: hidden;
    isolation: isolate;

    background:
        radial-gradient(
            ellipse at 50% 30%,
            rgba(24,72,145,.14),
            transparent 58%
        ),
        #030c1f;
}


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

.uz-clients-heading {
    max-width: 760px;

    margin: 0 auto 60px;
}


.uz-clients-label {
    display: inline-block;

    margin-bottom: 14px;

    color: var(--gold, #d8b66a);

    font-size: .7rem;
    font-weight: 700;

    letter-spacing: 4px;
    text-transform: uppercase;
}


.uz-clients-title {
    margin: 0;

    color: #f4f7ff;

    font-size: clamp(2.2rem, 4vw, 3.7rem);

    line-height: 1.08;

    font-weight: 600;

    letter-spacing: -1.5px;
}


.uz-clients-title span {
    color: var(--gold, #d8b66a);
}


.uz-clients-intro {
    max-width: 600px;

    margin: 20px auto 0;

    color: #aab8d0;

    font-size: .95rem;

    line-height: 1.8;
}


/* =========================================================
   MARQUEE
   ========================================================= */

.uz-client-marquee {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding: 15px 0 20px;
}


/* EDGE FADE */

.uz-client-marquee::before,
.uz-client-marquee::after {

    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    width: 120px;

    z-index: 5;

    pointer-events: none;
}


.uz-client-marquee::before {

    left: 0;

    background:
        linear-gradient(
            90deg,
            #030c1f,
            transparent
        );
}


.uz-client-marquee::after {

    right: 0;

    background:
        linear-gradient(
            270deg,
            #030c1f,
            transparent
        );
}


/* =========================================================
   TRACK
   ========================================================= */

.uz-client-track {

    display: flex;

    align-items: center;

    width: max-content;

    gap: 22px;

    padding: 10px 0;

    will-change: transform;

    animation:
        uzClientSingleMove
        55s
        linear
        infinite;
}


/* =========================================================
   LOGO FRAME
   ========================================================= */

.uz-client-logo {

    position: relative;

    width: 350px;
    height: 240px;

    flex: 0 0 250px;

    display: flex;

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

    padding: 0;

    overflow: hidden;

    border-radius: 16px;

    background: #fff;

    border: none;

    box-shadow: none;

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


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

.uz-client-logo img {

    display: block;

    width: 100%;
    height: 100%;

    max-width: none;
    max-height: none;

    object-fit: cover;

    object-position: center;

    opacity: 1;

    filter: none;

    transition:
        transform .35s ease;
}


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

.uz-client-logo:hover {

    transform:
        translateY(-7px)
        scale(1.03);

    box-shadow:
        0 14px 35px rgba(0,0,0,.2);
}


.uz-client-logo:hover img {

    transform: scale(1.04);
}


/* =========================================================
   SINGLE TRACK MOVEMENT
   ========================================================= */

@keyframes uzClientSingleMove {

    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }

}
/* =========================================================
   CLIENT LOGOS — MOBILE RESPONSIVE
   ========================================================= */

@media (max-width: 575px) {

    /* Section spacing */
    .uz-clients-section {
        padding: 65px 0 45px;
    }

    /* Heading */
    .uz-clients-heading {
        margin-bottom: 28px;
        padding: 0 15px;
    }

    .uz-clients-label {
        font-size: .62rem;
        letter-spacing: 2.5px;
    }

    .uz-clients-title {
        font-size: clamp(1.9rem, 7.5vw, 2.5rem);
        line-height: 1.15;
        letter-spacing: -.8px;
    }

    .uz-clients-intro {
        font-size: .84rem;
        line-height: 1.7;
        margin-top: 14px;
    }

    /* Marquee */
    .uz-client-marquee {
        padding: 8px 0 14px;
    }

    /* Logo track */
    .uz-client-track {
        gap: 12px;
        padding: 8px 0;
    }

    /* Bigger logos with less empty space */
    .uz-client-logo {
        width: 265px;
        height: 150px;
        flex: 0 0 195px;

        padding: 0;
        border-radius: 10px;
    }

    .uz-client-logo img {
        width: 100%;
        height: 100%;

        max-width: none;
        max-height: none;

        object-fit: cover;
        object-position: center;
    }

    /* Smaller edge fade */
    .uz-client-marquee::before,
    .uz-client-marquee::after {
        width: 35px;
    }

    /* Bottom caption */
    .uz-clients-bottom {
        margin-top: 22px;
        padding: 0 12px;
        font-size: .7rem;
        line-height: 1.6;
        text-align: center;
    }

}


/* =========================================================
   EXTRA SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

    .uz-client-logo {
        width: 145px;
        height: 88px;
        flex-basis: 145px;
    }

    .uz-client-track {
        gap: 10px;
    }

    .uz-clients-heading {
        padding: 0 10px;
    }

}

/* =========================================================
   LOCATIONS SECTION
========================================================= */

.uz-locations-section {
    position: relative;
    padding: 100px 0 75px;
    overflow: hidden;
    isolation: isolate;

    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(38, 78, 145, .14),
            transparent 60%
        ),
        #030c1f;
}


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

.uz-locations-heading {
    max-width: 760px;
    margin: 0 auto 55px;
}

.uz-locations-label {
    display: inline-block;
    margin-bottom: 14px;

    color: var(--gold, #d8b66a);

    font-size: .7rem;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.uz-locations-title {
    margin: 0;

    color: #f4f7ff;

    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -1.3px;
}

.uz-locations-title span {
    color: var(--gold, #d8b66a);
}

.uz-locations-intro {
    max-width: 570px;
    margin: 18px auto 0;

    color: #aab8d0;

    font-size: .95rem;
    line-height: 1.8;
}


/* =========================================================
   LOCATION CARD
========================================================= */

.uz-location-card {
    position: relative;
    height: 100%;
    min-height: 340px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    padding: 30px 26px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .055),
            rgba(255, 255, 255, .015)
        );

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 18px;

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


/* SUBTLE GOLD ACCENT */

.uz-location-card::before {
    content: "";

    position: absolute;
    top: 0;
    left: 26px;

    width: 48px;
    height: 2px;

    background: var(--gold, #d8b66a);

    transition: width .35s ease;
}

.uz-location-card:hover {
    transform: translateY(-7px);

    border-color: rgba(216, 182, 106, .4);

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .075),
            rgba(255, 255, 255, .025)
        );

    box-shadow:
        0 20px 45px rgba(0, 0, 0, .22),
        0 0 25px rgba(216, 182, 106, .045);
}

.uz-location-card:hover::before {
    width: 90px;
}


/* =========================================================
   ICON AND NUMBER
========================================================= */

.uz-location-top {
    width: 100%;

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

    margin-bottom: 26px;
}

.uz-location-icon {
    width: 54px;
    height: 54px;

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

    color: var(--gold, #d8b66a);

    font-size: 1.4rem;

    background: rgba(216, 182, 106, .09);

    border: 1px solid rgba(216, 182, 106, .22);
    border-radius: 14px;

    transition:
        transform .35s ease,
        background .35s ease;
}

.uz-location-card:hover .uz-location-icon {
    transform: scale(1.06);

    background: rgba(216, 182, 106, .15);
}

.uz-location-number {
    color: rgba(255, 255, 255, .15);

    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -2px;
}


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

.uz-location-type {
    display: block;
    margin-bottom: 10px;

    color: var(--gold, #d8b66a);

    font-size: .65rem;
    font-weight: 700;
    letter-spacing: 2px;
}

.uz-location-card h3 {
    margin: 0 0 17px;

    color: #f4f7ff;

    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.35;
}

.uz-location-card address {
    margin: 0 0 25px;

    color: #aab8d0;

    font-size: .88rem;
    font-style: normal;
    line-height: 1.9;
}


/* =========================================================
   DIRECTIONS LINK
========================================================= */

.uz-location-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-top: auto;

    color: var(--gold, #d8b66a);

    font-size: .82rem;
    font-weight: 600;
    text-decoration: none;

    transition:
        color .3s ease,
        gap .3s ease;
}

.uz-location-link i {
    font-size: .9rem;
}

.uz-location-link:hover {
    gap: 14px;
    color: #f4d991;
}


/* =========================================================
   BOTTOM SIGNATURE
========================================================= */

.uz-locations-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

    margin-top: 45px;

    color: #8293af;

    font-size: .76rem;
    letter-spacing: .5px;
    text-align: center;
}

.uz-location-footer-line {
    width: 45px;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(216, 182, 106, .6)
        );
}

.uz-location-footer-line:last-child {
    transform: rotate(180deg);
}


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

@media (max-width: 991px) {
    .uz-locations-section {
        padding: 80px 0 60px;
    }

    .uz-locations-heading {
        margin-bottom: 40px;
    }

    .uz-location-card {
        min-height: 320px;
        padding: 26px 22px;
    }
}


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

@media (max-width: 575px) {
    .uz-locations-section {
        padding: 65px 0 45px;
    }

    .uz-locations-heading {
        margin-bottom: 32px;
        padding: 0 10px;
    }

    .uz-locations-label {
        font-size: .62rem;
        letter-spacing: 2.5px;
    }

    .uz-locations-title {
        font-size: clamp(1.9rem, 7.5vw, 2.5rem);
        letter-spacing: -.7px;
    }

    .uz-locations-intro {
        font-size: .85rem;
        line-height: 1.75;
    }

    .uz-location-card {
        min-height: auto;
        padding: 25px 22px;
        border-radius: 15px;
    }

    .uz-location-top {
        margin-bottom: 21px;
    }

    .uz-location-icon {
        width: 48px;
        height: 48px;
        font-size: 1.25rem;
    }

    .uz-location-number {
        font-size: 2.1rem;
    }

    .uz-location-card h3 {
        font-size: 1.2rem;
    }

    .uz-location-card address {
        font-size: .84rem;
        line-height: 1.85;
    }

    .uz-locations-footer {
        gap: 9px;
        margin-top: 30px;
        font-size: .68rem;
    }

    .uz-location-footer-line {
        width: 22px;
    }
}


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

@media (prefers-reduced-motion: reduce) {
    .uz-location-card,
    .uz-location-icon,
    .uz-location-link,
    .uz-location-card::before {
        transition: none;
    }
}

/* =========================================
   LOCATION CARD IMAGE
========================================= */

.uz-location-image {
    position: relative;
    height: 210px;
    margin: -1px -1px 24px;
    overflow: hidden;
    border-radius: 17px 17px 0 0;
    background: #101c32;
}

.uz-location-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .6s ease;
}

/* Dark gradient over image */
.uz-location-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(3, 12, 31, .85),
        rgba(3, 12, 31, .05) 75%
    );
    pointer-events: none;
}

/* Gold label on image */
.uz-image-tag {
    position: absolute;
    left: 18px;
    bottom: 17px;
    z-index: 2;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 8px 12px;
    border: 1px solid rgba(216, 182, 106, .45);
    border-radius: 30px;

    background: rgba(3, 12, 31, .7);
    color: #e4c783;

    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .4px;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.uz-image-tag i {
    font-size: .9rem;
}

/* Image hover animation */
.uz-location-card:hover .uz-location-image img {
    transform: scale(1.06);
}

/* Responsive */
@media (max-width: 767px) {
    .uz-location-image {
        height: 190px;
        margin-bottom: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .uz-location-image img {
        transition: none;
    }
}