/* =====================================================
   ROOT
===================================================== */

:root{

    --black:#090910;
    --dark:#11111c;
    --dark-2:#191925;

    --white:#ffffff;

    --text:#e8e8f0;
    --muted:#a3a3b4;

    --purple:#7c3aed;
    --purple-light:#9b5cff;

    --pink:#ec4899;

    --blue:#4f8cff;

    --yellow:#ffd429;

}


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

*{
    box-sizing:border-box;
}


body{

    margin:0;

    background:var(--black);

    color:var(--white);

    font-family:"DM Sans",sans-serif;

}


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

.g16-header .container,
.g16-topbar .container{

    max-width:1400px;

}


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

.g16-topbar{

    position:relative;

    z-index:1000;

    background:#0c0c17;

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

}


.g16-topbar::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:2px;

    background:
    linear-gradient(
        90deg,
        var(--purple),
        var(--pink),
        var(--blue),
        var(--purple)
    );

}


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

.g16-topbar-inner{

    min-height:52px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}


/* =====================================================
   TOP LEFT
===================================================== */

.g16-top-left{

    display:flex;

    align-items:center;

    gap:22px;

}


.g16-top-left a{

    display:flex;

    align-items:center;

    gap:9px;

    color:#b7b7c6;

    font-size:13px;

    font-weight:500;

    text-decoration:none;

    transition:.3s ease;

}


.g16-top-left a i{

    color:var(--purple-light);

    font-size:14px;

}


.g16-top-left a:hover{

    color:#ffffff;

}


.g16-line{

    width:1px;

    height:20px;

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

}


/* =====================================================
   TOP RIGHT
===================================================== */

.g16-top-right{

    display:flex;

    align-items:center;

    gap:30px;

}


.g16-future{

    display:flex;

    align-items:center;

    gap:9px;

    color:#b5b4c3;

    font-size:12px;

    font-weight:500;

}


.g16-future i{

    color:var(--yellow);

}


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

.g16-social{

    display:flex;

    gap:8px;

}


.g16-social a{

    width:32px;
    height:32px;

    display:flex;

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

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

    color:#b5b4c3;

    border-radius:8px;

    text-decoration:none;

    font-size:13px;

    transition:.3s ease;

}


.g16-social a:hover{

    color:#ffffff;

    border-color:var(--purple);

    background:
    linear-gradient(
        135deg,
        var(--purple),
        var(--pink)
    );

    transform:translateY(-3px);

}


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

.g16-header{

    position:sticky;

    top:0;

    z-index:999;

    background:
    rgba(17,17,28,.96);

    backdrop-filter:
    blur(20px);

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

}


.g16-header::after{

    content:"";

    position:absolute;

    bottom:-1px;
    left:0;

    width:100%;
    height:1px;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(124,58,237,.8),
        rgba(236,72,153,.8),
        transparent
    );

}


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

.g16-header .navbar{

    min-height:105px;

    padding:0;

}


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

.g16-brand{

    display:flex;

    align-items:center;

    gap:15px;

    text-decoration:none;

}


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

.g16-logo-icon{

    position:relative;

    width:62px;
    height:62px;

    display:flex;

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

    border-radius:16px;

    background:
    linear-gradient(
        135deg,
        #7c3aed,
        #ec4899
    );

    color:#ffffff;

    font-family:"Outfit",sans-serif;

    font-size:23px;

    font-weight:800;

    letter-spacing:-1px;

    box-shadow:

    0 12px 35px
    rgba(124,58,237,.35);

}


.g16-logo-icon::before{

    content:"";

    position:absolute;

    inset:5px;

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

    border-radius:12px;

}


.g16-logo-icon span{

    position:relative;

    font-size:13px;

    margin-left:3px;

}


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

.g16-logo-text{

    display:flex;

    flex-direction:column;

}


.g16-logo-text strong{

    color:#ffffff;

    font-family:"Outfit",sans-serif;

    font-size:28px;

    font-weight:800;

    letter-spacing:1px;

    line-height:1;

}


.g16-logo-text small{

    margin-top:8px;

    color:#9c9bab;

    font-size:9px;

    font-weight:700;

    letter-spacing:3px;

}


/* =====================================================
   NAV MENU
===================================================== */

.g16-menu{

    gap:8px;

}


.g16-menu .nav-link{

    position:relative;

    padding:
    15px 17px !important;

    color:#b7b6c4;

    font-size:15px;

    font-weight:500;

    transition:.3s ease;

}


/* HOVER LINE */

.g16-menu .nav-link::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:6px;

    width:0;

    height:2px;

    transform:
    translateX(-50%);

    background:
    linear-gradient(
        90deg,
        var(--purple),
        var(--pink)
    );

    transition:.35s ease;

}


.g16-menu .nav-link:hover{

    color:#ffffff;

}


.g16-menu .nav-link:hover::after,
.g16-menu .nav-link.active::after{

    width:32px;

}


.g16-menu .nav-link.active{

    color:#ffffff !important;

}


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

.g16-dropdown{

    min-width:220px;

    padding:12px;

    margin-top:20px !important;

    background:#161622;

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

    border-radius:14px;

    box-shadow:

    0 25px 60px
    rgba(0,0,0,.40);

}


.g16-dropdown .dropdown-item{

    padding:12px 14px;

    border-radius:8px;

    color:#c4c3ce;

    font-size:14px;

    transition:.3s;

}


.g16-dropdown .dropdown-item:hover{

    color:#ffffff;

    background:
    linear-gradient(
        90deg,
        rgba(124,58,237,.25),
        rgba(236,72,153,.15)
    );

}


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

.g16-nav-actions{

    display:flex;

    align-items:center;

    gap:25px;

    margin-left:25px;

}


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

.g16-login{

    display:flex;

    align-items:center;

    gap:10px;

    color:#c1c0ca;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}


.g16-login i{

    color:var(--purple-light);

    font-size:16px;

}


.g16-login:hover{

    color:#ffffff;

}


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

.g16-join{

    display:flex;

    align-items:center;

    gap:17px;

    padding:
    10px 30px 10px 30px;

   

    color:#ffffff;

    font-size:16px;

    font-weight:700;

    text-decoration:none;

    background:
    linear-gradient(
        135deg,
        var(--purple),
        var(--pink)
    );

    box-shadow:

    0 14px 35px
    rgba(124,58,237,.28);

    transition:.35s ease;

}


.g16-join i{

    width:40px;
    height:40px;

    display:flex;

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

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

    font-size:14px;

    transition:.3s;

}


.g16-join:hover{

    color:#ffffff;

    transform:
    translateY(-4px);

    box-shadow:

    0 20px 45px
    rgba(124,58,237,.45);

}


.g16-join:hover i{

    transform:
    translateX(4px);

}


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

.g16-toggler{

    width:52px;
    height:52px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    gap:6px;

    padding:0;

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

    border-radius:10px;

    box-shadow:none !important;

}


.g16-toggler span{

    display:block;

    width:24px;
    height:2px;

    margin:0 auto;

    background:#ffffff;

    transition:.3s;

}


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

@media(max-width:1199px){

    .g16-menu .nav-link{

        padding:
        15px 11px !important;

        font-size:14px;

    }


    .g16-nav-actions{

        gap:15px;

        margin-left:15px;

    }


    .g16-join{

        padding-left:18px;

        gap:12px;

    }

}


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

@media(max-width:991px){

    .g16-header .navbar{

        min-height:88px;

    }


    .g16-navbar{

        position:relative;

    }


    .navbar-collapse{

        position:absolute;

        top:100%;
        left:0;

        width:100%;

        padding:25px;

        background:#11111d;

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

        border-bottom:
        1px solid rgba(255,255,255,.10);

        box-shadow:

        0 25px 60px
        rgba(0,0,0,.45);

    }


    .g16-menu{

        padding-bottom:20px;

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

    }


    .g16-menu .nav-link{

        padding:
        15px 0 !important;

        font-size:16px;

    }


    .g16-menu .nav-link::after{

        left:0;

        transform:none;

        bottom:7px;

    }


    .g16-nav-actions{

        margin:22px 0 0;

        justify-content:space-between;

    }


    .g16-login{

        font-size:15px;

    }


    .g16-dropdown{

        margin:5px 0 !important;

    }

}


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

@media(max-width:767px){

    .g16-topbar-inner{

        min-height:46px;

    }


    .g16-top-left{

        gap:14px;

    }


    .g16-top-left a{

        font-size:11px;

    }


    .g16-top-left a:last-child{

        display:none;

    }


    .g16-line{

        display:none;

    }


    .g16-future{

        display:none;

    }


    .g16-social{

        gap:4px;

    }


    .g16-social a{

        width:29px;
        height:29px;

        font-size:11px;

    }


    .g16-header .navbar{

        min-height:82px;

    }


    .g16-logo-icon{

        width:54px;
        height:54px;

        font-size:20px;

        border-radius:14px;

    }


    .g16-logo-text strong{

        font-size:24px;

    }


    .g16-logo-text small{

        font-size:8px;

        letter-spacing:2px;

    }


    .navbar-collapse{

        padding:20px;

    }

}


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

@media(max-width:480px){

    .g16-top-left a{

        font-size:10px;

    }


    .g16-top-left a i{

        font-size:11px;

    }


    .g16-social a{

        width:26px;
        height:26px;

    }


    .g16-logo-text strong{

        font-size:22px;

    }


    .g16-logo-text small{

        font-size:7px;

    }


    .g16-logo-icon{

        width:48px;
        height:48px;

    }


    .g16-toggler{

        width:47px;
        height:47px;

    }


    .g16-nav-actions{

        gap:15px;

    }


    .g16-join{

        padding:
        8px 8px 8px 16px;

        font-size:13px;

    }


    .g16-join i{

        width:35px;
        height:35px;

    }

}






/* ==========================================
   G16 PREMIUM HERO
========================================== */

.g16-hero{
    --purple:#7b3ff2;
    --purple-light:#9d67ff;
    --pink:#e843a7;
    --pink-light:#ff69c7;
    --dark:#17151f;
    --dark-2:#201d2a;
    --text-soft:#aaa7b5;

    position:relative;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 80% 40%,
            rgba(123,63,242,.18),
            transparent 30%
        ),
        radial-gradient(
            circle at 10% 85%,
            rgba(232,67,167,.09),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #17151f 0%,
            #201d2a 50%,
            #181620 100%
        );

    font-family:"Inter",sans-serif;

    color:#fff;
}


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

.g16-hero-grid{
    position:absolute;
    inset:0;

    opacity:.035;

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

    background-size:65px 65px;

    pointer-events:none;
}


/* ==========================================
   GLOWS
========================================== */

.g16-hero-glow{
    position:absolute;

    border-radius:50%;

    filter:blur(90px);

    pointer-events:none;
}


.g16-glow-1{
    width:500px;
    height:500px;

    top:-180px;
    right:-100px;

    background:
        rgba(123,63,242,.20);
}


.g16-glow-2{
    width:350px;
    height:350px;

    bottom:-180px;
    left:20%;

    background:
        rgba(232,67,167,.10);
}


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

.g16-hero-content{
    position:relative;
    z-index:3;

    padding:80px 0px 110px 0px;
}


/* TAG */

.g16-hero-tag{
    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:30px;

    color:#c7b7ee;

    font-size:11px;

    font-weight:700;

    letter-spacing:3px;
}


.g16-hero-tag span{
    width:48px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--purple),
            var(--pink)
        );
}


/* HEADING */

.g16-hero h1{
    max-width:850px;

    margin:0;

    font-size:clamp(58px,6.5vw,100px);

    font-weight:700;

    line-height:.94;

    letter-spacing:-4px;
}


.g16-hero h1 span{

    margin-top:10px;

    background:
        linear-gradient(
            90deg,
            var(--purple-light),
            var(--pink-light)
        );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}


/* DESCRIPTION */

.g16-hero-content > p{
    max-width:620px;

    margin:30px 0 35px;

    color:var(--text-soft);

    font-size:17px;

    line-height:1.9;

    font-weight:400;
}


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

.g16-hero-buttons{
    display:flex;

    flex-wrap:wrap;

    gap:15px;
}


.g16-btn-primary,
.g16-btn-outline{
    min-height:58px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:25px;

    padding:0 13px 0 23px;

    text-decoration:none;

    font-size:12px;

    font-weight:700;

    letter-spacing:.5px;

    transition:.35s ease;
}


/* PRIMARY */

.g16-btn-primary{
    color:#fff;

    background:
        linear-gradient(
            135deg,
            var(--purple),
            var(--pink)
        );

    box-shadow:
        0 15px 40px rgba(123,63,242,.25);
}


.g16-btn-primary b{
    width:34px;
    height:34px;

    display:flex;

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

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

    font-size:17px;

    font-weight:400;
}


.g16-btn-primary:hover{
    transform:translateY(-4px);

    color:#fff;

    box-shadow:
        0 22px 50px rgba(232,67,167,.30);
}


.g16-btn-primary:hover b{
    transform:translate(2px,-2px);
}


/* OUTLINE */

.g16-btn-outline{
    color:#fff;

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

    background:
        rgba(255,255,255,.025);
}


.g16-btn-outline i{
    font-size:19px;

    font-style:normal;

    color:var(--pink-light);
}


.g16-btn-outline:hover{
    color:#fff;

    border-color:
        rgba(157,103,255,.65);

    background:
        rgba(123,63,242,.10);
}


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

.g16-hero-stats{
    display:flex;

    gap:38px;

    margin-top:65px;
}


.g16-stat{
    display:flex;

    align-items:center;

    gap:12px;
}


.g16-stat strong{
    color:
        rgba(255,255,255,.90);

    font-size:27px;

    font-weight:300;

    letter-spacing:-1px;
}


.g16-stat span{
    color:
        rgba(255,255,255,.40);

    font-size:9px;

    font-weight:600;

    line-height:1.5;

    letter-spacing:1.5px;

    text-transform:uppercase;
}


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

.g16-hero-visual{
    position:relative;

    z-index:2;

    min-height:600px;

    display:flex;

    align-items:center;

    justify-content:center;
}


/* ==========================================
   MAIN CIRCLE
========================================== */

.g16-main-circle{
    position:relative;

    width:380px;
    height:380px;

    display:flex;

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

    border-radius:50%;

    background:
        radial-gradient(
            circle at 30% 25%,
            rgba(255,255,255,.16),
            rgba(255,255,255,.02) 60%
        );

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

    box-shadow:
        inset 0 0 80px rgba(123,63,242,.10),
        0 30px 100px rgba(0,0,0,.30);
}


.g16-main-circle::before{
    content:"";

    position:absolute;

    inset:30px;

    border-radius:50%;

    border:
        1px solid rgba(232,67,167,.25);
}


.g16-circle-ring{
    position:absolute;

    border-radius:50%;

    pointer-events:none;
}


.ring-1{
    width:460px;
    height:460px;

    border:
        1px solid rgba(123,63,242,.15);
}


.ring-2{
    width:560px;
    height:560px;

    border:
        1px solid rgba(232,67,167,.08);
}


.g16-circle-content{
    position:relative;

    z-index:3;

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;
}


.g16-circle-content small{
    margin-bottom:10px;

    color:#bda9ed;

    font-size:9px;

    font-weight:700;

    letter-spacing:4px;
}


.g16-circle-content strong{
    font-size:80px;

    font-weight:700;

    line-height:1;

    letter-spacing:-4px;

    background:
        linear-gradient(
            135deg,
            #fff,
            #b994ff
        );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;
}


.g16-circle-content span{
    margin-top:13px;

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

    font-size:9px;

    font-weight:700;

    letter-spacing:4px;
}


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

.g16-floating-card{
    position:absolute;

    z-index:5;

    display:flex;

    align-items:center;

    gap:13px;

    padding:15px 18px;

    backdrop-filter:blur(14px);

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

    background:
        rgba(32,29,42,.72);

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


.g16-floating-card small{
    display:block;

    margin-bottom:5px;

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

    font-size:8px;

    font-weight:700;

    letter-spacing:2px;
}


.g16-floating-card strong{
    display:block;

    font-size:11px;

    font-weight:700;

    letter-spacing:.5px;
}


.card-one{
    top:18%;

    right:-10px;
}


.card-two{
    bottom:17%;

    left:-10px;
}


.g16-card-icon{
    width:40px;
    height:40px;

    display:flex;

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

    color:#fff;

    background:
        linear-gradient(
            135deg,
            var(--purple),
            var(--pink)
        );

    font-size:18px;
}


.g16-card-number{
    color:var(--pink-light);

    font-size:28px;

    font-weight:300;
}


/* ==========================================
   FLOATING DOTS
========================================== */

.g16-dot{
    position:absolute;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            var(--purple-light),
            var(--pink)
        );

    box-shadow:
        0 0 20px rgba(157,103,255,.6);
}


.dot-1{
    width:9px;
    height:9px;

    top:16%;
    left:18%;
}


.dot-2{
    width:6px;
    height:6px;

    right:10%;
    bottom:22%;
}


.dot-3{
    width:12px;
    height:12px;

    bottom:12%;
    right:28%;
}


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

.g16-hero-bottom{
    position:absolute;

    bottom:0;

    left:0;

    width:100%;

    z-index:4;

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

    background:
        rgba(15,13,20,.45);

    backdrop-filter:blur(10px);
}


.g16-bottom-inner{
    min-height:70px;

    display:flex;

    align-items:center;

    gap:25px;
}


.g16-bottom-inner > span{
    white-space:nowrap;

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

    font-size:9px;

    font-weight:700;

    letter-spacing:3px;
}


.g16-bottom-line{
    height:1px;

    flex:1;

    background:
        linear-gradient(
            90deg,
            rgba(123,63,242,.5),
            rgba(255,255,255,.06)
        );
}


/* ==========================================
   LARGE LAPTOP
========================================== */

@media(max-width:1199px){

    .g16-hero h1{
        font-size:clamp(55px,7vw,82px);
    }


    .g16-main-circle{
        width:330px;
        height:330px;
    }


    .ring-1{
        width:400px;
        height:400px;
    }


    .ring-2{
        width:480px;
        height:480px;
    }

}


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

@media(max-width:991px){

    .g16-hero{
        min-height:auto;
    }


    .g16-hero-content{
        padding:
            120px 0 30px;

        text-align:center;
    }


    .g16-hero-tag{
        justify-content:center;
    }


    .g16-hero-content h1{
        margin:auto;

        max-width:800px;
    }


    .g16-hero-content > p{
        margin:
            28px auto 35px;
    }


    .g16-hero-buttons{
        justify-content:center;
    }


    .g16-hero-stats{
        justify-content:center;
    }


    .g16-hero-visual{
        min-height:560px;

        margin-bottom:65px;
    }


    .card-one{
        right:12%;
    }


    .card-two{
        left:12%;
    }


    .g16-hero-bottom{
        position:relative;
    }

}


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

@media(max-width:767px){

    .g16-hero-content{
        padding:
            100px 0 35px;
    }


    .g16-hero-tag{
        gap:10px;

        font-size:8px;

        letter-spacing:2px;
    }


    .g16-hero-tag span{
        width:30px;
    }


    .g16-hero h1{
        font-size:clamp(48px,13vw,68px);

        line-height:.96;

        letter-spacing:-2.5px;
    }


    .g16-hero-content > p{
        font-size:14px;

        line-height:1.8;
    }


    .g16-btn-primary,
    .g16-btn-outline{
        min-height:55px;

        font-size:11px;
    }


    .g16-hero-stats{
        gap:20px;

        margin-top:45px;
    }


    .g16-stat{
        gap:8px;
    }


    .g16-stat strong{
        font-size:22px;
    }


    .g16-stat span{
        font-size:7px;
    }


    .g16-hero-visual{
        min-height:460px;

        margin-bottom:30px;
    }


    .g16-main-circle{
        width:270px;
        height:270px;
    }


    .g16-main-circle::before{
        inset:20px;
    }


    .ring-1{
        width:330px;
        height:330px;
    }


    .ring-2{
        width:400px;
        height:400px;
    }


    .g16-circle-content strong{
        font-size:60px;
    }


    .g16-circle-content small,
    .g16-circle-content span{
        font-size:7px;

        letter-spacing:3px;
    }


    .g16-floating-card{
        padding:11px 13px;
    }


    .card-one{
        top:10%;

        right:0;
    }


    .card-two{
        bottom:10%;

        left:0;
    }


    .g16-floating-card strong{
        font-size:9px;
    }


    .g16-floating-card small{
        font-size:6px;
    }


    .g16-card-icon{
        width:32px;
        height:32px;
    }


    .g16-card-number{
        font-size:22px;
    }


    .g16-bottom-inner{
        min-height:60px;

        gap:12px;

        overflow:hidden;
    }


    .g16-bottom-inner > span{
        font-size:7px;

        letter-spacing:1.5px;
    }

}


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

@media(max-width:450px){

    .g16-hero-buttons{
        flex-direction:column;
    }


    .g16-btn-primary,
    .g16-btn-outline{
        width:100%;
    }


    .g16-hero-stats{
        justify-content:space-between;

        gap:10px;
    }


    .g16-main-circle{
        width:235px;
        height:235px;
    }


    .ring-1{
        width:285px;
        height:285px;
    }


    .ring-2{
        width:345px;
        height:345px;
    }


    .g16-circle-content strong{
        font-size:53px;
    }


    .g16-hero-visual{
        min-height:420px;
    }


    .g16-floating-card{
        transform:scale(.88);
    }


    .card-one{
        right:-20px;
    }


    .card-two{
        left:-20px;
    }


    .g16-bottom-line{
        display:none;
    }


    .g16-bottom-inner{
        justify-content:space-between;

        gap:5px;
    }

}










/* ==========================================
   ABOUT SECTION
========================================== */

.g16-about-section{
    position:relative;
    padding:60px 0;
    overflow:hidden;
    background:#f7f5fa;
}


/* BACKGROUND DECORATION */

.g16-about-section::before{
    content:"ABOUT";
    position:absolute;
    top:35px;
    right:-20px;

    font-size:clamp(100px,14vw,240px);
    font-weight:800;
    letter-spacing:-10px;

    color:rgba(37,26,57,.025);

    pointer-events:none;
    user-select:none;
}


/* ROW */

.g16-about-row{
    position:relative;
    z-index:2;
}


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

.g16-about-image{
    position:relative;
    padding:0 45px 45px 0;
}


.g16-about-image img{
    width:100%;
    height:610px;

    object-fit:cover;
    display:block;

    position:relative;
    z-index:2;

    border-radius:4px;

    box-shadow:
        0 30px 80px rgba(31,20,48,.14);
}


/* PURPLE BACK SHAPE */

.g16-image-shape{
    position:absolute;

    width:85%;
    height:88%;

    right:0;
    bottom:0;

    background:
        linear-gradient(
            135deg,
            #5d2bbd,
            #d633b7
        );

    z-index:1;

    border-radius:4px;
}


/* IMAGE LABEL */

.g16-about-number{
    position:absolute;

    left:-18px;
    bottom:85px;

    z-index:3;

    width:130px;
    height:130px;

    display:flex;
    flex-direction:column;

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

    background:#ffffff;

    box-shadow:
        0 20px 50px rgba(31,20,48,.16);
}


.g16-about-number span{
    color:#3b2158;

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

    font-weight:800;
}


.g16-about-number small{
    margin-top:9px;

    color:#b52bb6;

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

    letter-spacing:2px;
}


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

.g16-about-content{
    padding-left:65px;
}


/* TAG */

.g16-about-tag{
    display:inline-flex;

    align-items:center;
    gap:12px;

    color:#a72eaa;

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

    letter-spacing:3px;
}


.g16-about-tag i{
    display:block;

    width:42px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #7d2fc4,
            #d633b7
        );
}


/* HEADING */

.g16-about-content h2{
    margin:24px 0 38px;

    max-width:620px;

    color:#271c37;

    font-size:clamp(48px,4.6vw,76px);

    font-weight:800;

    line-height:1.03;

    letter-spacing:-3px;
}


.g16-about-content h2 span{
    display:block;

    background:
        linear-gradient(
            90deg,
            #7d2fc4,
            #d633b7
        );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}


/* TEXT */

.g16-about-text{
    max-width:650px;

    border-left:2px solid #c238ba;

    padding-left:25px;
}


.g16-about-text p{
    margin:0 0 22px;

    color:#665d70;

    font-size:16px;

    line-height:1.9;

    font-weight:400;
}


.g16-about-text p:last-child{
    margin-bottom:0;
}


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

@media(max-width:1199px){

    .g16-about-content{
        padding-left:35px;
    }

    .g16-about-image img{
        height:560px;
    }

}


@media(max-width:991px){

    .g16-about-section{
        padding:90px 0;
    }


    .g16-about-image{
        max-width:680px;

        margin-bottom:70px;
    }


    .g16-about-content{
        padding-left:0;
    }


    .g16-about-content h2{
        max-width:700px;
    }

}


@media(max-width:767px){

    .g16-about-section{
        padding:70px 0;
    }


    .g16-about-image{
        padding:0 25px 25px 0;

        margin-bottom:55px;
    }


    .g16-about-image img{
        height:450px;
    }


    .g16-about-number{
        width:100px;
        height:100px;

        left:-5px;
        bottom:55px;
    }


    .g16-about-number span{
        font-size:38px;
    }


    .g16-about-content h2{
        margin:20px 0 30px;

        font-size:52px;

        letter-spacing:-2px;
    }


    .g16-about-text{
        padding-left:18px;
    }


    .g16-about-text p{
        font-size:15px;

        line-height:1.8;
    }

}


@media(max-width:480px){

    .g16-about-section{
        padding:60px 0;
    }


    .g16-about-image img{
        height:390px;
    }


    .g16-about-content h2{
        font-size:43px;

        letter-spacing:-1.5px;
    }


    .g16-about-tag{
        font-size:9px;

        letter-spacing:2px;
    }


    .g16-about-text p{
        font-size:14px;
    }

}


/* =========================================================
   G16 MISSION & VISION
========================================================= */

.g16-mv-section{

    --g16-purple:#6C38B8;
    --g16-purple-dark:#47217D;
    --g16-purple-soft:#8D55D6;

    --g16-pink:#D83AB8;
    --g16-pink-light:#ED78D4;

    --g16-gold:#D6AF4D;

    --g16-navy:#17172B;
    --g16-text:#626174;

    --g16-light:#F7F6FA;
    --g16-white:#FFFFFF;

    position:relative;

    padding:50px 0;

    overflow:hidden;

    background:#F5F8FA;

    font-family:"Inter",sans-serif;

}


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

.g16-mv-container{

    position:relative;

    z-index:2;

}


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

.g16-mv-bg-text{

    position:absolute;

    right:-30px;

    top:60px;

    color:rgba(108,56,184,.035);

    font-size:clamp(100px,17vw,270px);

    font-weight:800;

    letter-spacing:-14px;

    pointer-events:none;

    user-select:none;

}


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

.g16-mv-header{

    text-align:center;

    margin-bottom:70px;

}


.g16-mv-kicker{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    margin-bottom:20px;

    color:var(--g16-purple);

    font-size:10px;

    font-weight:800;

    letter-spacing:4px;

}


.g16-mv-kicker span{

    width:38px;

    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--g16-purple),
            var(--g16-pink)
        );

}


.g16-mv-header h2{

    margin:0;

    color:var(--g16-navy);

    font-size:clamp(48px,5vw,80px);

    font-weight:800;

    letter-spacing:-4px;

    line-height:.95;

}


.g16-mv-header h2 span{

    background:
        linear-gradient(
            90deg,
            var(--g16-purple),
            var(--g16-pink)
        );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}


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

.g16-mv-grid{

    display:grid;

    grid-template-columns:
        1fr
        70px
        1fr;

    align-items:stretch;

    max-width:1250px;

    margin:auto;

}


/* =========================================================
   CENTER DIVIDER
========================================================= */

.g16-purpose-center{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

}


.g16-center-line{

    width:1px;

    flex:1;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(108,56,184,.25),
            transparent
        );

}


.g16-center-circle{

    width:46px;

    height:46px;

    margin:18px 0;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            var(--g16-purple),
            var(--g16-pink)
        );

    color:#fff;

    box-shadow:
        0 12px 30px
        rgba(108,56,184,.22);

}


.g16-center-circle span{

    font-size:23px;

    font-weight:300;

}


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

.g16-purpose-card{

    position:relative;

    min-height:570px;

    padding:48px;

    display:flex;

    flex-direction:column;

    overflow:hidden;

    background:var(--g16-white);

    border:
        1px solid
        rgba(23,23,43,.07);

    transition:
        transform .45s cubic-bezier(.2,.75,.2,1),
        box-shadow .45s ease;

}


.g16-purpose-card:hover{

    transform:translateY(-9px);

    box-shadow:
        0 30px 70px
        rgba(38,24,70,.10);

}


/* TOP GRADIENT */

.g16-purpose-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:
        linear-gradient(
            90deg,
            var(--g16-purple),
            var(--g16-pink)
        );

}


/* DECORATIVE CIRCLE */

.g16-purpose-card::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    right:-120px;

    bottom:-120px;

    border-radius:50%;

    border:
        1px solid
        rgba(108,56,184,.09);

}


/* =========================================================
   VISION DARK CARD
========================================================= */

.g16-vision-card{

    background:
        linear-gradient(
            145deg,
            #17172B,
            #211B3A
        );

    color:#fff;

}


.g16-vision-card::before{

    background:
        linear-gradient(
            90deg,
            var(--g16-pink),
            var(--g16-purple),
            var(--g16-gold)
        );

}


.g16-vision-card::after{

    border-color:
        rgba(255,255,255,.08);

}


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

.g16-card-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

}


.g16-card-number{

    color:
        rgba(108,56,184,.22);

    font-size:42px;

    font-weight:800;

    letter-spacing:-2px;

}


.g16-vision-card .g16-card-number{

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

}


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

.g16-card-icon{

    width:62px;

    height:62px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:
        linear-gradient(
            135deg,
            rgba(108,56,184,.09),
            rgba(216,58,184,.10)
        );

    color:var(--g16-purple);

    transition:.4s ease;

}


.g16-card-icon svg{

    width:29px;

    height:29px;

    stroke:currentColor;

    stroke-width:1.5;

}


.g16-purpose-card:hover .g16-card-icon{

    transform:rotate(5deg) scale(1.06);

    background:
        linear-gradient(
            135deg,
            var(--g16-purple),
            var(--g16-pink)
        );

    color:#fff;

}


.g16-vision-card .g16-card-icon{

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

    color:var(--g16-pink-light);

}


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

.g16-card-content{

    margin-top:70px;

}


.g16-card-label{

    display:inline-flex;

    padding:8px 13px;

    margin-bottom:20px;

    background:
        rgba(108,56,184,.08);

    color:var(--g16-purple);

    font-size:9px;

    font-weight:800;

    letter-spacing:2.5px;

}


.g16-vision-card .g16-card-label{

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

    color:var(--g16-pink-light);

}


.g16-card-content h3{

    margin:0 0 28px;

    color:var(--g16-navy);

    font-size:clamp(36px,3.2vw,52px);

    font-weight:800;

    letter-spacing:-2px;

    line-height:1.02;

}


.g16-card-content h3 em{

    display:block;

    margin-top:5px;

    color:var(--g16-purple);

    font-style:normal;

    background:
        linear-gradient(
            90deg,
            var(--g16-purple),
            var(--g16-pink)
        );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}


.g16-vision-card h3{

    color:#fff;

}


.g16-card-content p{

    margin:0 0 18px;

    color:var(--g16-text);

    font-size:14px;

    line-height:1.9;

}


.g16-vision-card .g16-card-content p{

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

}


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

.g16-card-footer{

    display:flex;

    align-items:center;

    gap:18px;

    margin-top:auto;

    padding-top:32px;

}


.g16-card-footer > span{

    white-space:nowrap;

    color:var(--g16-purple);

    font-size:8px;

    font-weight:800;

    letter-spacing:2px;

}


.g16-vision-card .g16-card-footer > span{

    color:var(--g16-gold);

}


.g16-footer-line{

    width:100%;

    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(108,56,184,.35),
            transparent
        );

}


.g16-vision-card .g16-footer-line{

    background:
        linear-gradient(
            90deg,
            rgba(216,175,77,.40),
            transparent
        );

}


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

.g16-mv-bottom{

    max-width:1000px;

    margin:55px auto 0;

    padding:22px 30px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

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

    border-bottom:
        1px solid
        rgba(23,23,43,.08);

}


.g16-mv-bottom div{

    display:flex;

    align-items:center;

    gap:10px;

    color:var(--g16-navy);

    font-size:9px;

    font-weight:800;

    letter-spacing:1.8px;

}


.g16-mv-bottom > span{

    width:1px;

    height:22px;

    background:
        rgba(108,56,184,.18);

}


.g16-dot{

    width:6px;

    height:6px;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            var(--g16-purple),
            var(--g16-pink)
        );

}


.g16-mv-bottom div:last-child .g16-dot{

    background:var(--g16-gold);

}


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

@media(max-width:991px){

    .g16-mv-section{

        padding:90px 0;

    }


    .g16-mv-grid{

        grid-template-columns:1fr;

        gap:0;

    }


    .g16-purpose-center{

        flex-direction:row;

        height:80px;

    }


    .g16-center-line{

        width:100%;

        height:1px;

        flex:auto;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(108,56,184,.25),
                transparent
            );

    }


    .g16-center-circle{

        flex:none;

        margin:0 18px;

    }


    .g16-purpose-card{

        min-height:auto;

    }


    .g16-mv-bottom{

        flex-wrap:wrap;

        justify-content:center;

    }

}


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

@media(max-width:767px){

    .g16-mv-section{

        padding:70px 0;

    }


    .g16-mv-header{

        margin-bottom:45px;

    }


    .g16-mv-kicker{

        font-size:8px;

        letter-spacing:3px;

    }


    .g16-mv-header h2{

        font-size:48px;

        letter-spacing:-2.5px;

    }


    .g16-purpose-card{

        padding:32px 25px;

    }


    .g16-card-content{

        margin-top:50px;

    }


    .g16-card-content h3{

        font-size:39px;

        letter-spacing:-1.5px;

    }


    .g16-card-content p{

        font-size:13px;

        line-height:1.85;

    }


    .g16-card-icon{

        width:54px;

        height:54px;

    }


    .g16-card-number{

        font-size:34px;

    }


    .g16-mv-bottom{

        display:none;

    }


    .g16-mv-bg-text{

        font-size:100px;

        right:-20px;

    }

}


@media(max-width:420px){

    .g16-mv-header h2{

        font-size:43px;

    }


    .g16-purpose-card{

        padding:28px 21px;

    }


    .g16-card-content h3{

        font-size:35px;

    }

}








/* =========================================================
   G16 OUR GOAL — PREMIUM DARK SECTION
========================================================= */

.g16-goal-section{

    --purple:#6C38B8;
    --purple-dark:#3E216E;
    --purple-light:#9A61E1;

    --pink:#D83AB8;
    --pink-light:#EE82D7;

    --gold:#D6AF4D;
    --gold-light:#E8CC7C;

    --dark:#10101D;
    --dark-2:#171526;
    --dark-3:#211D35;

    --white:#FFFFFF;
    --soft:rgba(255,255,255,.62);

    position:relative;

    overflow:hidden;

    padding:50px 0;

    color:#fff;

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(108,56,184,.18),
            transparent 28%
        ),
        radial-gradient(
            circle at 100% 10%,
            rgba(216,58,184,.10),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            var(--dark),
            var(--dark-2) 55%,
            #12111F
        );

    font-family:"Inter",sans-serif;

}


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

.g16-goal-container{

    position:relative;

    z-index:2;

}


/* =========================================================
   WATERMARK
========================================================= */

.g16-goal-watermark{

    position:absolute;

    right:-20px;

    top:45px;

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

    font-size:clamp(140px,19vw,320px);

    font-weight:900;

    line-height:1;

    letter-spacing:-15px;

    pointer-events:none;

    user-select:none;

}


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

.g16-goal-glow{

    position:absolute;

    width:600px;

    height:600px;

    left:-350px;

    bottom:-300px;

    border-radius:50%;

    border:
        1px solid
        rgba(216,175,77,.10);

    box-shadow:

        0 0 0 80px rgba(108,56,184,.025),
        0 0 0 160px rgba(216,58,184,.015);

    pointer-events:none;

}


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

.g16-goal-header{

    margin-bottom:75px;

}


.g16-goal-kicker{

    display:flex;

    align-items:center;

    gap:13px;

    margin-bottom:24px;

    color:var(--pink-light);

    font-size:10px;

    font-weight:800;

    letter-spacing:4px;

}


.g16-goal-kicker span{

    width:42px;

    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--purple),
            var(--pink),
            var(--gold)
        );

}


.g16-goal-heading-row{

    display:grid;

    grid-template-columns:1.05fr .95fr;

    gap:90px;

    align-items:end;

}


.g16-goal-heading-row h2{

    margin:0;

    max-width:720px;

    color:#fff;

    font-size:clamp(50px,5.5vw,64px);

    font-weight:500;

    line-height:.96;

    letter-spacing:-4px;

}


.g16-goal-heading-row h2 span{

    display:block;

    background:
        linear-gradient(
            90deg,
            var(--purple-light),
            var(--pink),
            var(--pink-light)
        );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}


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

.g16-goal-intro{

    display:flex;

    align-items:flex-start;

    gap:20px;

    padding-bottom:5px;

}


.g16-gold-line{

    width:3px;

    min-width:3px;

    height:102px;

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

}


.g16-goal-intro p{

    margin:0;

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

    font-size:18px;

    line-height:1.95;

}


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

.g16-goal-main{

    display:grid;

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

    gap:35px;

    align-items:stretch;

}


/* =========================================================
   LEFT FEATURE
========================================================= */

.g16-goal-feature{

    position:relative;

    min-height:570px;

    padding:42px;

    display:flex;

    flex-direction:column;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            rgba(108,56,184,.92),
            #47227D 58%,
            #2A1A4C
        );

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

}


/* GOLD EDGE */

.g16-goal-feature::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:
        linear-gradient(
            90deg,
            var(--gold),
            var(--gold-light),
            transparent
        );

}


.g16-goal-feature-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    position:relative;

    z-index:2;

}


.g16-goal-number{

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

    font-size:40px;

    font-weight:800;

}


.g16-goal-icon{

    width:65px;

    height:65px;

    display:flex;

    align-items:center;

    justify-content:center;

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

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

    color:var(--gold-light);

}


.g16-goal-icon svg{

    width:30px;

    height:30px;

    stroke:currentColor;

    stroke-width:1.4;

}


.g16-goal-feature-content{

    position:relative;

    z-index:2;

    margin-top:auto;

    margin-bottom:45px;

}


.g16-goal-feature-content > span{

    color:var(--gold-light);

    font-size:9px;

    font-weight:800;

    letter-spacing:3px;

}


.g16-goal-feature-content h3{

    margin:20px 0;

    color:#fff;

    font-size:clamp(44px,4vw,65px);

    font-weight:800;

    line-height:.95;

    letter-spacing:-3px;

}


.g16-goal-feature-content h3 em{

    display:block;

    margin-top:6px;

    font-style:normal;

    color:var(--pink-light);

}


.g16-goal-feature-content p{

    max-width:380px;

    margin:0;

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

    font-size:14px;

    line-height:1.9;

}


/* =========================================================
   FEATURE ORBIT
========================================================= */

.g16-goal-orbit{

    position:absolute;

    width:330px;

    height:330px;

    right:-180px;

    bottom:-180px;

    border-radius:50%;

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

}


.g16-goal-orbit::before{

    content:"";

    position:absolute;

    inset:35px;

    border-radius:50%;

    border:
        1px solid
        rgba(216,175,77,.25);

}


.g16-goal-orbit span{

    position:absolute;

    width:8px;

    height:8px;

    left:20px;

    top:80px;

    border-radius:50%;

    background:var(--gold);

    box-shadow:
        0 0 18px
        var(--gold);

}


/* =========================================================
   RIGHT AIMS
========================================================= */

.g16-aims-wrap{

    padding:42px;

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

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

}


.g16-aims-heading{

    display:flex;

    align-items:end;

    justify-content:space-between;

    margin-bottom:35px;

    padding-bottom:25px;

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

}


.g16-aims-heading > span{

    color:var(--purple-light);

    font-size:9px;

    font-weight:800;

    letter-spacing:3px;

}


.g16-aims-heading h3{

    margin:0;

    color:#fff;

    font-size:27px;

    font-weight:800;

    letter-spacing:-1px;

}


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

.g16-aims-grid{

    display:grid;

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

    gap:0;

}


.g16-aim-item{

    position:relative;

    min-height:130px;

    padding:22px 26px;

    border-right:
        1px solid
        rgba(255,255,255,.07);

    border-bottom:
        1px solid
        rgba(255,255,255,.07);

    transition:
        background .35s ease,
        transform .35s ease;

}


.g16-aim-item:nth-child(even){

    border-right:none;

}


.g16-aim-item:nth-last-child(-n+2){

    border-bottom:none;

}


.g16-aim-item:hover{

    background:
        linear-gradient(
            135deg,
            rgba(108,56,184,.12),
            rgba(216,58,184,.06)
        );

}


.g16-aim-item b{

    display:block;

    margin-bottom:15px;

    color:var(--gold);

    font-size:9px;

    font-weight:800;

    letter-spacing:2px;

}


.g16-aim-item p{

    margin:0;

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

    font-size:13px;

    line-height:1.75;

}


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

.g16-goal-bottom{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:28px;

    margin-top:55px;

    padding-top:28px;

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

}


.g16-goal-bottom-item{

    display:flex;

    align-items:center;

    gap:10px;

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

    font-size:9px;

    font-weight:800;

    letter-spacing:2px;

}


.g16-bottom-dot{

    width:6px;

    height:6px;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            var(--purple-light),
            var(--pink)
        );

}


.g16-gold-dot{

    background:var(--gold);

}


.g16-goal-bottom-line{

    width:45px;

    height:1px;

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

}


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

@media(max-width:991px){

    .g16-goal-section{

        padding:90px 0;

    }


    .g16-goal-heading-row{

        grid-template-columns:1fr;

        gap:35px;

    }


    .g16-goal-main{

        grid-template-columns:1fr;

    }


    .g16-goal-feature{

        min-height:480px;

    }

}


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

@media(max-width:767px){

    .g16-goal-section{

        padding:70px 0;

    }


    .g16-goal-header{

        margin-bottom:45px;

    }


    .g16-goal-heading-row h2{

        font-size:48px;

        letter-spacing:-2.5px;

    }


    .g16-goal-intro p{

        font-size:13px;

    }


    .g16-goal-feature{

        min-height:440px;

        padding:30px 25px;

    }


    .g16-goal-feature-content h3{

        font-size:47px;

        letter-spacing:-2px;

    }


    .g16-goal-feature-content p{

        font-size:13px;

    }


    .g16-aims-wrap{

        padding:28px 20px;

    }


    .g16-aims-heading{

        align-items:flex-start;

        flex-direction:column;

        gap:10px;

    }


    .g16-aims-grid{

        grid-template-columns:1fr;

    }


    .g16-aim-item{

        min-height:auto;

        padding:20px 5px;

        border-right:none;

    }


    .g16-aim-item:nth-last-child(-n+2){

        border-bottom:
            1px solid
            rgba(255,255,255,.07);

    }


    .g16-aim-item:last-child{

        border-bottom:none;

    }


    .g16-goal-bottom{

        gap:13px;

        flex-wrap:wrap;

    }


    .g16-goal-bottom-line{

        display:none;

    }


    .g16-goal-watermark{

        font-size:100px;

        right:-10px;

        top:50px;

        letter-spacing:-7px;

    }

}


@media(max-width:420px){

    .g16-goal-heading-row h2{

        font-size:42px;

    }


    .g16-goal-feature-content h3{

        font-size:42px;

    }


    .g16-aim-item p{

        font-size:12.5px;

    }

}




/* =========================================
   PRODUCTS SECTION
========================================= */

.g16-catalogue-section{
    position:relative;
    padding:110px 0;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(130,65,255,.10),
            transparent 25%
        ),

        radial-gradient(
            circle at 90% 80%,
            rgba(255,50,170,.08),
            transparent 25%
        ),

        #0b0b18;

    color:#fff;
}


/* SUBTLE GRID */

.g16-catalogue-section::before{
    content:"";

    position:absolute;
    inset:0;

    background-image:
        linear-gradient(
            rgba(255,255,255,.018) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.018) 1px,
            transparent 1px
        );

    background-size:60px 60px;

    pointer-events:none;
}


/* CONTAINER */

.g16-catalogue-container{
    width:min(1400px,calc(100% - 60px));
    margin:auto;

    position:relative;
    z-index:2;
}


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

.g16-catalogue-heading{
    text-align:center;
    margin-bottom:65px;
}


.g16-section-tag{
    display:inline-flex;
    align-items:center;
    gap:14px;

    color:#d9a93f;

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

    letter-spacing:5px;
}


.g16-section-tag::before,
.g16-section-tag::after{
    content:"";

    width:55px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d9a93f
        );
}


.g16-section-tag::after{
    background:
        linear-gradient(
            90deg,
            #d9a93f,
            transparent
        );
}


.g16-catalogue-heading h2{
    margin:18px 0 12px;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(52px,6vw,80px);

    font-weight:600;

    line-height:.9;

    letter-spacing:-2px;
}


.g16-catalogue-heading h2 span{
    background:
        linear-gradient(
            90deg,
            #9b4dff,
            #d73ae4,
            #f33cae
        );

    -webkit-background-clip:text;

    color:transparent;
}


.g16-catalogue-heading p{
    margin:0;

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

    font-size:15px;
}


/* =========================================
   GRID - 3 CARDS PER ROW
========================================= */

.g16-catalogue-grid{
    display:grid;

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

    gap:24px;

    align-items:stretch;
}


/* =========================================
   PRODUCT CARD
========================================= */

.g16-catalogue-card{
    position:relative;

    min-height:650px;

    display:flex;
    flex-direction:column;

    overflow:hidden;

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

    background:
        linear-gradient(
            145deg,
            rgba(25,25,48,.98),
            rgba(13,13,28,.98)
        );

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


.g16-catalogue-card:hover{
    transform:translateY(-8px);

    border-color:
        rgba(185,70,255,.55);

    box-shadow:
        0 30px 70px
        rgba(0,0,0,.35);
}


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

.g16-catalogue-image{
    position:relative;

   

    overflow:hidden;

    display:flex;

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

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

    background:
        radial-gradient(
            circle at center,
            rgba(118,66,255,.13),
            transparent 65%
        ),

        #111126;
}


/* DECORATIVE CORNER */



.g16-catalogue-image img{
    position:relative;

    z-index:2;

    width:100%;
    height:100%;

    object-fit:contain;



    transition:
        transform .6s ease;
}


.g16-catalogue-card:hover
.g16-catalogue-image img{
    transform:scale(1.06);
}


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

.g16-catalogue-content{
    flex:1;

    display:flex;
    flex-direction:column;

    padding:25px 28px 26px;
}


/* =========================================
   PRODUCT META
========================================= */

.g16-product-meta{
    display:flex;

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

    margin-bottom:23px;
}


.g16-product-number{
    display:inline-flex;

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

    min-width:42px;
    height:28px;

    padding:0 10px;

    border-radius:30px;

    background:
        rgba(120,55,180,.22);

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

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

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


.g16-product-type{
    color:#d9a93f;

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

    letter-spacing:1.8px;
}


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

.g16-catalogue-content h3{
    margin:0 0 13px;

    color:#fff;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:31px;

    font-weight:600;

    line-height:1.1;
}


/* SUBTITLE */

.g16-product-subtitle{
    display:block;

    margin:
        -4px 0 15px;

    color:#d9a93f;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:17px;

    line-height:1.35;

    font-weight:600;
}


/* DESCRIPTION */

.g16-catalogue-content p{
    margin:0;

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

    font-size:13px;

    line-height:1.9;
}


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

.g16-card-footer{
    margin-top:auto;

    padding-top:22px;

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

    display:flex;

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


.g16-card-footer span{
    color:
        rgba(255,255,255,.75);

    font-size:11px;

    font-weight:600;
}


.g16-card-footer a{
    width:34px;
    height:34px;

    display:flex;

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

    border:
        1px solid
        rgba(217,169,63,.50);

    color:#d9a93f;

    text-decoration:none;

    font-size:17px;

    transition:.3s ease;
}


.g16-card-footer a:hover{
    background:#d9a93f;

    color:#15121a;

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


/* =========================================
   GOLD PRODUCT
========================================= */

.g16-gold-product{
    border-color:
        rgba(217,169,63,.25);
}


.g16-gold-product:hover{
    border-color:
        rgba(217,169,63,.65);
}


.g16-gold-product
.g16-catalogue-image{
    background:
        radial-gradient(
            circle at center,
            rgba(217,169,63,.12),
            transparent 65%
        ),

        #17131a;
}


.g16-gold-product
.g16-product-number{
    border-color:
        rgba(217,169,63,.55);

    background:
        rgba(217,169,63,.10);
}


/* =========================================
   WELLNESS BENEFITS
========================================= */

.g16-benefits{
    display:grid;

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

    margin-top:auto;

    padding-top:22px;

    border-top:
        1px solid
        rgba(217,169,63,.18);
}


.g16-benefits div{
    padding:0 7px;

    text-align:center;

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


.g16-benefits div:last-child{
    border-right:none;
}


.g16-benefits b{
    display:block;

    color:#d9a93f;

    font-size:8px;

    letter-spacing:.7px;
}


.g16-benefits span{
    display:block;

    margin-top:5px;

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

    font-size:9px;
}


/* =========================================
   QUALITY CARD
========================================= */

.g16-quality-card{
    position:relative;
    display:flex;
    flex-direction:column;

    overflow:hidden;

    border:
        1px solid
        rgba(203,70,237,.45);

    background:

        radial-gradient(
            circle at 50% 55%,
            rgba(127,39,170,.30),
            transparent 45%
        ),

        linear-gradient(
            145deg,
            #241134,
            #0d0b20
        );

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


.g16-quality-card:hover{
    transform:translateY(-8px);

    box-shadow:
        0 30px 70px
        rgba(0,0,0,.45);
}


/* TOP */

.g16-quality-top{
    padding:25px 28px;

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


.g16-quality-top span{
    color:#fff;

    font-size:12px;

    font-weight:700;

    letter-spacing:2px;
}


/* QUALITY CONTENT */

.g16-quality-content{
    flex:1;

    display:flex;

    flex-direction:column;

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

    padding:30px;

    text-align:center;
}


.g16-quality-content h3{
    margin:0;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:35px;

    font-weight:600;
}


.g16-quality-content h4{
    margin:5px 0 20px;

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

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:30px;

    font-weight:500;
}


.g16-quality-line{
    width:45px;
    height:1px;

    margin-bottom:35px;

    background:#d9a93f;
}


/* BADGE */

.g16-quality-badge{
    width:185px;
    height:185px;

    border-radius:50%;

    display:flex;

    flex-direction:column;

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

    border:
        1px solid
        rgba(217,169,63,.75);

    box-shadow:

        0 0 0 7px
        rgba(217,169,63,.05),

        0 0 35px
        rgba(217,169,63,.12);
}


.g16-quality-badge span{
    margin-bottom:12px;

    color:#d9a93f;

    font-size:10px;

    letter-spacing:4px;
}


.g16-quality-badge strong{
    color:#e6bd68;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:27px;

    line-height:1.05;

    font-weight:600;
}


/* BOTTOM */

.g16-quality-bottom{
    padding:22px;

    text-align:center;

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

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

    font-size:9px;

    letter-spacing:1px;
}


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

@media(max-width:1100px){

    .g16-catalogue-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    .g16-catalogue-card,
    .g16-quality-card{
        min-height:620px;
    }

}


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

@media(max-width:700px){

    .g16-catalogue-section{
        padding:80px 0;
    }


    .g16-catalogue-container{
        width:calc(100% - 30px);
    }


    .g16-catalogue-heading{
        margin-bottom:45px;
    }


    .g16-section-tag{
        font-size:9px;

        letter-spacing:3px;
    }


    .g16-section-tag::before,
    .g16-section-tag::after{
        width:28px;
    }


    .g16-catalogue-grid{
        grid-template-columns:1fr;

        gap:18px;
    }


    .g16-catalogue-card,
    .g16-quality-card{
        min-height:auto;
    }


    .g16-catalogue-image{
        height:340px;
    }


    .g16-catalogue-content{
        min-height:340px;
    }

}


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

@media(max-width:420px){

    .g16-catalogue-image{
        height:290px;
    }


    .g16-catalogue-content{
        padding:22px;
    }


    .g16-catalogue-content h3{
        font-size:28px;
    }


    .g16-benefits{
        margin-top:25px;
    }


    .g16-quality-badge{
        width:160px;
        height:160px;
    }

}



/* =====================================================
   BUSINESS MODEL
===================================================== */

.g16-business-model-section{
    position:relative;
    padding:85px 0;
    overflow:hidden;

    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(184,132,48,.09),
            transparent 24%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(176,61,203,.07),
            transparent 25%
        ),
        #f7f7f9;
}


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

.g16-model-heading{
    text-align:center;
    max-width:700px;
    margin:0 auto 45px;
}


.g16-model-tag{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    margin-bottom:15px;

    color:#a97922;

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

    letter-spacing:3px;
}


.g16-model-tag span{
    width:28px;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        #c99a42
    );
}


.g16-model-heading h2{
    margin:0;

    color:#17172a;

    font-family:"Cormorant Garamond",serif;

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

    font-weight:600;
}


.g16-model-heading h2 span{
    color:#a62cc0;
}


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

.g16-business-model-card{
    display:grid;

    grid-template-columns:
        1.05fr 1.45fr;

    gap:0;

    background:#ffffff;

    border:1px solid
    rgba(24,24,45,.08);

    border-radius:18px;

    overflow:hidden;

    box-shadow:
        0 20px 60px
        rgba(20,20,40,.08);
}


/* =====================================================
   LEFT
===================================================== */

.g16-model-main{
    position:relative;

    display:flex;
    align-items:center;

    gap:25px;

    padding:42px;

    background:
        linear-gradient(
            135deg,
            #20203a,
            #292548
        );

    overflow:hidden;
}


.g16-model-main::before{
    content:"";

    position:absolute;

    width:250px;
    height:250px;

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

    border-radius:50%;

    border:1px solid
    rgba(201,154,66,.25);
}


.g16-model-main::after{
    content:"";

    position:absolute;

    width:140px;
    height:140px;

    left:-70px;
    bottom:-80px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(180,44,195,.22),
            transparent 70%
        );
}


.g16-model-main > *{
    position:relative;
    z-index:2;
}


.g16-model-number{
    min-width:54px;
    height:54px;

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

    border-radius:50%;

    border:1px solid
    rgba(211,163,73,.65);

    color:#d6aa56;

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

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


.g16-model-label{
    display:block;

    margin-bottom:11px;

    color:#d6aa56;

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

    letter-spacing:2px;
}


.g16-model-main h3{
    margin:0 0 15px;

    color:#ffffff;

    font-family:"Cormorant Garamond",serif;

    font-size:34px;

    line-height:1.08;

    font-weight:600;
}


.g16-model-main h3 strong{
    display:block;

    color:#db58e9;

    font-weight:600;
}


.g16-model-main p{
    margin:0;

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

    font-size:13px;

    line-height:1.8;
}


.g16-model-main p strong{
    color:#ffffff;

    font-weight:500;
}


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

.g16-model-points{
    display:grid;

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

    padding:18px;
}


.g16-model-point{
    position:relative;

    min-height:108px;

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

    padding:20px;

    border-right:
        1px solid
        rgba(20,20,40,.07);

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

    transition:
        .35s ease;
}


.g16-model-point:nth-child(3n){
    border-right:none;
}


.g16-model-point:nth-last-child(-n+3){
    border-bottom:none;
}


.g16-model-point span{
    display:block;

    margin-bottom:10px;

    color:#b98a35;

    font-size:9px;

    font-weight:700;

    letter-spacing:1.5px;
}


.g16-model-point strong{
    color:#25253a;

    font-size:13px;

    line-height:1.45;

    font-weight:600;

    transition:.3s ease;
}


.g16-model-point:hover{
    z-index:2;

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

    box-shadow:
        0 10px 28px
        rgba(32,20,55,.09);
}


.g16-model-point:hover strong{
    color:#a62cc0;
}


.g16-model-point:hover span{
    color:#c58c27;
}


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

.g16-model-flow{
    display:flex;

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

    gap:20px;

    max-width:850px;

    margin:30px auto 0;

    padding:18px 28px;

    border-radius:12px;

    background:#ffffff;

    border:
        1px solid
        rgba(25,25,45,.07);

    box-shadow:
        0 10px 30px
        rgba(20,20,40,.04);
}


.g16-model-flow > div{
    display:flex;

    align-items:center;

    gap:9px;
}


.g16-flow-icon{
    width:27px;
    height:27px;

    display:flex;

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

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #c89942,
            #e0bb68
        );

    color:#ffffff;

    font-size:10px;
}


.g16-model-flow strong{
    color:#29293c;

    font-size:12px;

    font-weight:600;
}


.g16-flow-line{
    width:45px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(201,154,66,.15),
            #c99a42,
            rgba(201,154,66,.15)
        );
}


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

@media(max-width:991px){

    .g16-business-model-card{
        grid-template-columns:1fr;
    }


    .g16-model-main{
        padding:40px;
    }


    .g16-model-points{
        grid-template-columns:
            repeat(3,1fr);
    }


    .g16-model-flow{
        flex-wrap:wrap;
    }

}


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

@media(max-width:767px){

    .g16-business-model-section{
        padding:65px 0;
    }


    .g16-model-heading{
        margin-bottom:30px;
    }


    .g16-model-heading h2{
        font-size:42px;
    }


    .g16-model-main{
        padding:30px;

        align-items:flex-start;

        flex-direction:column;

        gap:20px;
    }


    .g16-model-main h3{
        font-size:31px;
    }


    .g16-model-points{
        grid-template-columns:
            repeat(2,1fr);

        padding:8px;
    }


    .g16-model-point{
        min-height:95px;

        padding:17px;

        border-right:
            1px solid
            rgba(20,20,40,.07);

        border-bottom:
            1px solid
            rgba(20,20,40,.07);
    }


    .g16-model-point:nth-child(3n){
        border-right:
            1px solid
            rgba(20,20,40,.07);
    }


    .g16-model-point:nth-child(2n){
        border-right:none;
    }


    .g16-model-point:nth-last-child(-n+3){
        border-bottom:
            1px solid
            rgba(20,20,40,.07);
    }


    .g16-model-point:last-child{
        border-bottom:none;
    }


    .g16-model-flow{
        flex-direction:column;

        align-items:flex-start;

        gap:12px;
    }


    .g16-flow-line{
        width:1px;
        height:20px;

        margin-left:13px;

        background:
            linear-gradient(
                #c99a42,
                rgba(201,154,66,.1)
            );
    }

}


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

@media(max-width:480px){

    .g16-model-heading h2{
        font-size:36px;
    }


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


    .g16-model-point,
    .g16-model-point:nth-child(2n),
    .g16-model-point:nth-child(3n){
        min-height:auto;

        border-right:none;

        border-bottom:
            1px solid
            rgba(20,20,40,.07);
    }


    .g16-model-point:last-child{
        border-bottom:none;
    }

}




/* =====================================================
   MODERN PREMIUM MARQUEE
===================================================== */

.g16-modern-marquee{
    position:relative;

    padding:0;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 15% 50%,
            rgba(155,43,194,.18),
            transparent 25%
        ),
        radial-gradient(
            circle at 85% 50%,
            rgba(210,161,68,.12),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #090914 0%,
            #12101f 48%,
            #0a0a14 100%
        );

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

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


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

.g16-marquee-label{
    position:relative;
    z-index:3;

    display:flex;

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

    gap:10px;

    height:42px;

    border-bottom:
        1px solid rgba(255,255,255,.06);

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

    font-family:"Inter",sans-serif;

    font-size:8px;

    font-weight:700;

    letter-spacing:3px;

    background:
        rgba(255,255,255,.018);
}


.g16-label-dot{
    width:6px;
    height:6px;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #f0c46a,
            #b97424
        );

    box-shadow:
        0 0 12px
        rgba(225,174,71,.65);
}


/* =====================================================
   MARQUEE AREA
===================================================== */

.g16-modern-marquee-wrap{
    position:relative;

    padding:30px 0;

    overflow:hidden;
}


/* edge fade */

.g16-modern-marquee-wrap::before,
.g16-modern-marquee-wrap::after{
    content:"";

    position:absolute;

    top:0;
    bottom:0;

    width:170px;

    z-index:2;

    pointer-events:none;
}


.g16-modern-marquee-wrap::before{
    left:0;

    background:
        linear-gradient(
            90deg,
            #0a0a15,
            transparent
        );
}


.g16-modern-marquee-wrap::after{
    right:0;

    background:
        linear-gradient(
            -90deg,
            #0a0a15,
            transparent
        );
}


/* =====================================================
   TRACK
===================================================== */

.g16-modern-marquee-track{
    display:flex;

    width:max-content;

    animation:
        g16ModernTicker 34s linear infinite;

    will-change:transform;
}


.g16-modern-marquee:hover
.g16-modern-marquee-track{
    animation-play-state:paused;
}


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

.g16-modern-marquee-content{
    display:flex;

    align-items:center;

    flex-shrink:0;
}


/* =====================================================
   MARQUEE ITEM
===================================================== */

.g16-modern-marquee-item{
    display:flex;

    align-items:center;

    gap:13px;

    padding:0 25px;

    white-space:nowrap;
}


/* NUMBER */

.g16-marquee-number{
    display:inline-flex;

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

    width:28px;
    height:28px;

    border:
        1px solid rgba(206,156,63,.42);

    border-radius:50%;

    color:#d8aa55;

    font-size:8px;

    font-weight:700;

    letter-spacing:1px;
}


/* MAIN TEXT */

.g16-modern-marquee-item strong{
    color:
        rgba(255,255,255,.93);

    font-family:"Cormorant Garamond",serif;

    font-size:34px;

    line-height:1;

    font-weight:600;

    letter-spacing:.5px;
}


/* =====================================================
   GOLD TEXT
===================================================== */

.g16-gold-text strong{

    background:
        linear-gradient(
            90deg,
            #b98532,
            #f2cf79,
            #bc8631
        );

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

    background-clip:text;
}


/* =====================================================
   OUTLINE TEXT
===================================================== */

.g16-outline-text strong{

    color:transparent;

    -webkit-text-stroke:
        1px rgba(255,255,255,.38);
}


/* =====================================================
   SYMBOL
===================================================== */

.g16-marquee-symbol{
    display:flex;

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

    width:26px;

    color:#b94bd0;

    font-size:15px;

    text-shadow:
        0 0 18px
        rgba(185,75,208,.7);
}


/* =====================================================
   BOTTOM PREMIUM LINE
===================================================== */

.g16-marquee-bottom-line{
    position:absolute;

    left:50%;
    bottom:0;

    transform:translateX(-50%);

    width:min(800px,70%);

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(181,64,203,.5),
            rgba(215,171,77,.65),
            rgba(181,64,203,.5),
            transparent
        );
}


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

.g16-marquee-blur{
    position:absolute;

    border-radius:50%;

    filter:blur(70px);

    pointer-events:none;
}


.g16-blur-left{
    width:200px;
    height:100px;

    left:-80px;
    top:50%;

    transform:translateY(-50%);

    background:
        rgba(137,45,202,.16);
}


.g16-blur-right{
    width:180px;
    height:100px;

    right:-70px;
    top:50%;

    transform:translateY(-50%);

    background:
        rgba(209,160,60,.12);
}


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

@keyframes g16ModernTicker{

    from{
        transform:translateX(0);
    }

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

}


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

@media(max-width:991px){

    .g16-modern-marquee-item strong{
        font-size:29px;
    }


    .g16-modern-marquee-wrap{
        padding:25px 0;
    }

}


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

@media(max-width:767px){

    .g16-marquee-label{
        height:38px;

        font-size:7px;

        letter-spacing:2px;
    }


    .g16-modern-marquee-wrap{
        padding:20px 0;
    }


    .g16-modern-marquee-item{
        padding:0 16px;

        gap:9px;
    }


    .g16-modern-marquee-item strong{
        font-size:23px;
    }


    .g16-marquee-number{
        width:23px;
        height:23px;

        font-size:7px;
    }


    .g16-marquee-symbol{
        width:18px;

        font-size:11px;
    }


    .g16-modern-marquee-wrap::before,
    .g16-modern-marquee-wrap::after{
        width:50px;
    }


    .g16-modern-marquee-track{
        animation-duration:24s;
    }

}


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

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

    .g16-modern-marquee-track{
        animation:none;
    }

}


/* =====================================================
   PREMIUM LIGHT BUSINESS FLOW
===================================================== */

.g16-business-flow{

    --g16-dark:#15121d;
    --g16-purple:#8c3aa5;
    --g16-purple-dark:#632678;

    --g16-gold:#c79a4b;
    --g16-gold-light:#e3c078;

    --g16-light:#f8f6f2;
    --g16-white:#ffffff;

    position:relative;

    padding:110px 0;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(140,58,165,.055),
            transparent 25%
        ),
        radial-gradient(
            circle at 90% 85%,
            rgba(199,154,75,.07),
            transparent 28%
        ),
        #f8f6f2;

}


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

.g16-business-flow::before{

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    right:-310px;
    top:-260px;

    border-radius:50%;

    border:
        1px solid rgba(140,58,165,.09);

    box-shadow:
        0 0 0 60px rgba(140,58,165,.025),
        0 0 0 120px rgba(140,58,165,.015);

}


.g16-business-flow::after{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    left:-220px;
    bottom:-230px;

    border-radius:50%;

    border:
        1px solid rgba(199,154,75,.12);

}


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

.g16-flow-container{

    position:relative;

    z-index:2;

    width:min(1320px,calc(100% - 50px));

    margin:auto;

}


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

.g16-flow-header{

    margin-bottom:58px;

}


.g16-flow-kicker{

    display:flex;

    align-items:center;

    gap:13px;

    color:var(--g16-purple);

    font-family:"Inter",sans-serif;

    font-size:9px;

    font-weight:800;

    letter-spacing:3px;

}


.g16-flow-kicker span{

    width:38px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--g16-gold),
            var(--g16-purple)
        );

}


.g16-flow-heading-row{

    display:grid;

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

    gap:100px;

    align-items:end;

    margin-top:22px;

}


.g16-flow-heading-row h2{

    margin:0;

    max-width:760px;

    color:var(--g16-dark);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(58px,5vw,84px);

    font-weight:600;

    line-height:.88;

    letter-spacing:-2.5px;

}


.g16-flow-heading-row h2 em{

    display:block;

    font-style:italic;

    color:var(--g16-purple);

}


.g16-flow-heading-row p{

    margin:0 0 5px;

    max-width:430px;

    color:#706a72;

    font-family:"Inter",sans-serif;

    font-size:13px;

    line-height:1.9;

}


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

.g16-flow-grid{

    display:grid;

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

    gap:20px;

}


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

.g16-flow-card{

    position:relative;

    min-height:400px;

    padding:30px;

    display:flex;

    flex-direction:column;

    overflow:hidden;

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

    border:
        1px solid
        rgba(21,18,29,.08);

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

}


/* TOP LINE */

.g16-flow-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:3px;

    background:
        linear-gradient(
            90deg,
            var(--g16-purple),
            var(--g16-gold),
            transparent
        );

    transform:scaleX(.18);

    transform-origin:left;

    transition:
        transform .5s ease;

}


/* DECORATIVE NUMBER */

.g16-flow-card::after{

    content:"";

    position:absolute;

    right:-15px;
    bottom:-40px;

    width:180px;
    height:180px;

    border-radius:50%;

    border:
        1px solid
        rgba(140,58,165,.08);

    pointer-events:none;

}


.g16-flow-card:hover{

    transform:translateY(-9px);

    border-color:
        rgba(140,58,165,.18);

    box-shadow:
        0 25px 55px
        rgba(21,18,29,.09);

}


.g16-flow-card:hover::before{

    transform:scaleX(1);

}


/* =====================================================
   FEATURED CARD
===================================================== */

.g16-flow-featured{

    background:
        linear-gradient(
            145deg,
            #21172a,
            #15111d
        );

    border-color:
        rgba(199,154,75,.25);

    color:white;

    box-shadow:
        0 22px 50px
        rgba(21,18,29,.12);

}


.g16-flow-featured::before{

    background:
        linear-gradient(
            90deg,
            var(--g16-gold),
            #f0cf85,
            var(--g16-purple)
        );

}


.g16-flow-featured::after{

    border-color:
        rgba(199,154,75,.15);

}


.g16-featured-tag{

    position:absolute;

    top:17px;
    right:20px;

    padding:5px 9px;

    color:var(--g16-gold-light);

    border:
        1px solid
        rgba(199,154,75,.32);

    font-family:"Inter",sans-serif;

    font-size:7px;

    font-weight:800;

    letter-spacing:2px;

}


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

.g16-flow-top{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

}


.g16-flow-number{

    color:
        rgba(21,18,29,.32);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:26px;

    font-weight:700;

}


.g16-flow-featured
.g16-flow-number{

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

}


/* ICON */

.g16-flow-icon{

    width:58px;
    height:58px;

    display:flex;

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

    color:var(--g16-purple);

    border:
        1px solid
        rgba(140,58,165,.16);

    background:
        rgba(140,58,165,.04);

    transition:
        transform .4s ease,
        background .4s ease;

}


.g16-flow-icon svg{

    width:27px;
    height:27px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.4;

    stroke-linecap:round;

    stroke-linejoin:round;

}


.g16-flow-card:hover
.g16-flow-icon{

    transform:
        rotate(-4deg)
        translateY(-4px);

    background:
        var(--g16-purple);

    color:white;

}


.g16-flow-featured
.g16-flow-icon{

    color:var(--g16-gold-light);

    border-color:
        rgba(199,154,75,.2);

    background:
        rgba(199,154,75,.05);

}


.g16-flow-featured:hover
.g16-flow-icon{

    background:
        var(--g16-gold);

    color:var(--g16-dark);

}


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

.g16-flow-content{

    position:relative;

    z-index:2;

    margin-top:58px;

}


.g16-flow-content h3{

    margin:0 0 18px;

    color:var(--g16-dark);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:47px;

    font-weight:600;

    line-height:.9;

    letter-spacing:-1.5px;

}


.g16-flow-content h3 em{

    display:block;

    color:var(--g16-purple);

    font-style:italic;

}


.g16-flow-content p{

    margin:0;

    max-width:300px;

    color:#77717a;

    font-family:"Inter",sans-serif;

    font-size:12px;

    line-height:1.85;

}


.g16-flow-featured
.g16-flow-content h3{

    color:white;

}


.g16-flow-featured
.g16-flow-content h3 em{

    color:var(--g16-gold-light);

}


.g16-flow-featured
.g16-flow-content p{

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

}


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

.g16-flow-arrow{

    position:relative;

    z-index:2;

    margin-top:auto;

    padding-top:22px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    border-top:
        1px solid
        rgba(21,18,29,.08);

}


.g16-flow-featured
.g16-flow-arrow{

    border-color:
        rgba(255,255,255,.1);

}


.g16-flow-arrow span{

    color:#8c858e;

    font-family:"Inter",sans-serif;

    font-size:8px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}


.g16-flow-arrow b{

    width:37px;
    height:37px;

    display:flex;

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

    background:
        var(--g16-dark);

    color:white;

    font-size:16px;

    font-weight:400;

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

}


.g16-flow-card:hover
.g16-flow-arrow b{

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

    background:
        var(--g16-purple);

}


.g16-flow-featured
.g16-flow-arrow b{

    background:
        var(--g16-gold);

    color:var(--g16-dark);

}


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

.g16-flow-bottom{

    display:flex;

    align-items:center;

    gap:30px;

    margin-top:25px;

    padding:19px 25px;

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

    border:
        1px solid
        rgba(21,18,29,.07);

}


.g16-flow-bottom-text{

    display:flex;

    align-items:center;

    gap:12px;

}


.g16-bottom-dot{

    width:8px;
    height:8px;

    border-radius:50%;

    background:var(--g16-gold);

    box-shadow:
        0 0 0 5px
        rgba(199,154,75,.1);

}


.g16-flow-bottom p{

    margin:0;

    color:var(--g16-dark);

    font-family:"Inter",sans-serif;

    font-size:8px;

    font-weight:700;

    letter-spacing:1.6px;

}


.g16-flow-bottom p i{

    margin:0 8px;

    color:var(--g16-gold);

    font-style:normal;

}


.g16-flow-line{

    height:1px;

    flex:1;

    background:
        linear-gradient(
            90deg,
            rgba(21,18,29,.08),
            transparent
        );

}


.g16-flow-small-text{

    display:flex;

    align-items:center;

    gap:9px;

    color:#8a838b;

    font-family:"Inter",sans-serif;

    font-size:7px;

    font-weight:700;

    letter-spacing:1.5px;

}


.g16-flow-small-text b{

    color:var(--g16-gold);

}


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

@media(max-width:1050px){

    .g16-flow-heading-row{

        grid-template-columns:1fr;

        gap:25px;

    }


    .g16-flow-grid{

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

    }


    .g16-flow-card:last-child{

        grid-column:span 2;

    }


    .g16-flow-bottom{

        flex-wrap:wrap;

    }


    .g16-flow-line{

        display:none;

    }

}


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

@media(max-width:700px){

    .g16-business-flow{

        padding:75px 0;

    }


    .g16-flow-container{

        width:calc(100% - 32px);

    }


    .g16-flow-header{

        margin-bottom:38px;

    }


    .g16-flow-heading-row h2{

        font-size:51px;

        letter-spacing:-1.5px;

    }


    .g16-flow-heading-row p{

        font-size:12px;

    }


    .g16-flow-grid{

        grid-template-columns:1fr;

        gap:16px;

    }


    .g16-flow-card:last-child{

        grid-column:auto;

    }


    .g16-flow-card{

        min-height:360px;

        padding:25px;

    }


    .g16-flow-content{

        margin-top:42px;

    }


    .g16-flow-content h3{

        font-size:41px;

    }


    .g16-flow-bottom{

        display:block;

        padding:18px;

    }


    .g16-flow-bottom-text{

        align-items:flex-start;

    }


    .g16-flow-bottom p{

        line-height:1.7;

    }


    .g16-flow-small-text{

        margin-top:15px;

    }

}


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

@media(max-width:420px){

    .g16-flow-heading-row h2{

        font-size:44px;

    }


    .g16-flow-content h3{

        font-size:37px;

    }

}


/* =========================================================
   G-16 PREMIUM FOOTER
========================================================= */

.g16-footer{

    --footer-bg: #07091c;
    --footer-bg-2: #101329;

    --purple: #7b3fe4;
    --purple-light: #a873ff;

    --pink: #e72ea8;
    --pink-light: #ff64c9;

    --gold: #d8ae45;
    --gold-light: #f3cf72;

    --white: #f7f6ff;
    --soft-white: rgba(255,255,255,.68);
    --muted: rgba(255,255,255,.42);

    position: relative;

    overflow: hidden;

    color: var(--white);

    font-family: "Inter", sans-serif;

    background: var(--footer-bg);
}


/* =========================================================
   TOP PREMIUM LINE
========================================================= */

.g16-footer-line{

    height: 2px;

    background:
    linear-gradient(
        90deg,
        transparent 0%,
        var(--purple) 18%,
        var(--pink) 45%,
        var(--gold) 70%,
        transparent 100%
    );

}


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

.g16-footer-main{

    position: relative;

    padding: 90px 0 75px;

    background:

        radial-gradient(
            circle at 8% 15%,
            rgba(123,63,228,.16),
            transparent 24%
        ),

        radial-gradient(
            circle at 88% 12%,
            rgba(231,46,168,.10),
            transparent 25%
        ),

        radial-gradient(
            circle at 60% 100%,
            rgba(216,174,69,.06),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #07091c 0%,
            #0b0e25 50%,
            #101329 100%
        );

}


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

.g16-footer-main::before{

    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    border-radius: 50%;

    right: -250px;
    top: -280px;

    border:
    1px solid rgba(168,115,255,.14);

    box-shadow:

        0 0 0 65px
        rgba(123,63,228,.025),

        0 0 0 130px
        rgba(123,63,228,.018);

}


.g16-footer-main::after{

    content: "";

    position: absolute;

    width: 380px;
    height: 380px;

    left: -220px;
    bottom: -260px;

    border-radius: 50%;

    border:
    1px solid rgba(216,174,69,.12);

}


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

.g16-footer-grid{

    position: relative;

    z-index: 2;

    display: grid;

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

    gap: 70px;

}


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

.g16-footer-brand{

    padding-right: 20px;

}


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

.g16-footer-logo{

    display: inline-flex;

    align-items: center;

    text-decoration: none;

}


.g16-footer-logo img{

    width: 140px;

    max-width: 100%;

    height: auto;

    display: block;

    object-fit: contain;

    filter:
    drop-shadow(
        0 12px 30px
        rgba(123,63,228,.22)
    );

    transition: .35s ease;

}


.g16-footer-logo:hover img{

    transform:
    translateY(-3px);

    filter:

        drop-shadow(
            0 16px 35px
            rgba(231,46,168,.25)
        );

}


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

.g16-footer-brand p{

    max-width: 390px;

    margin:
    10px 0
    10px;

    color:
    var(--soft-white);

    font-size: 14px;

    line-height: 1.9;

}


/* =========================================================
   EMAIL
========================================================= */

.g16-footer-mail{

    display: inline-flex;

    align-items: center;

    gap: 10px;

    color:
    var(--white);

    font-size: 13px;

    text-decoration: none;

    transition: .3s ease;

}


.g16-footer-mail span{

    color:
    var(--gold);

    font-size: 12px;

}


.g16-footer-mail:hover{

    color:
    var(--gold-light);

}


.g16-social{

    display: flex;

    flex-wrap: wrap;
    gap: 10px;
}


.g16-social a{

    width: 42px;
    height: 42px;

    display: flex;

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

    border-radius: 12px;

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

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

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

    text-decoration: none;

    font-size: 13px;

    font-weight: 600;

    transition:
    all .3s ease;

}


.g16-social a:hover{

    color: #fff;

    transform:
    translateY(-4px);

    border-color:
    transparent;

    background:

    linear-gradient(
        135deg,
        var(--purple),
        var(--pink)
    );

    box-shadow:
    0 12px 25px
    rgba(123,63,228,.22);

}


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

.g16-eyebrow{

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 13px;

    color:
    var(--gold-light);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 2.5px;

}


.g16-eyebrow::before{

    content: "";

    width: 20px;
    height: 1px;

    background:
    var(--gold);

}


/* =========================================================
   COLUMN TITLE
========================================================= */

.g16-footer-column h3,
.g16-footer-contact h3{

    margin:
    0 0 28px;

    color:
    #ffffff;

    font-family:
    "Cormorant Garamond",
    serif;

    font-size: 32px;

    font-weight: 600;

    line-height: 1;

}


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

.g16-footer-column ul{

    margin: 0;

    padding: 0;

    list-style: none;

}


.g16-footer-column li{

    margin-bottom: 15px;

}


.g16-footer-column li a{

    display: flex;

    align-items: center;

    gap: 12px;

    color:
    var(--soft-white);

    font-size: 13px;

    text-decoration: none;

    transition:
    all .3s ease;

}


.g16-footer-column li a span{

    min-width: 22px;

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

    font-size: 8px;

    font-weight: 600;

    transition: .3s ease;

}


.g16-footer-column li a:hover{

    color:
    var(--pink-light);

    transform:
    translateX(5px);

}


.g16-footer-column li a:hover span{

    color:
    var(--gold);

}


/* =========================================================
   SIMPLE PRODUCT LINKS
========================================================= */

.g16-simple-links li{

    margin-bottom: 0 !important;

}


.g16-simple-links li a{

    justify-content:
    space-between;

    padding:
    11px 0;

    border-bottom:
    1px solid
    rgba(255,255,255,.07);

}


.g16-simple-links li a b{

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

    font-size: 13px;

    font-weight: 400;

    transition:
    .3s ease;

}


.g16-simple-links li a:hover b{

    color:
    var(--gold);

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

}


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

.g16-contact-box{

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 16px;

    padding: 15px;

    border-radius: 15px;

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

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

    color:
    #fff;

    text-decoration: none;

    transition:
    all .3s ease;

}


.g16-contact-box:hover{

    transform:
    translateY(-3px);

    border-color:
    rgba(168,115,255,.35);

    background:
    rgba(123,63,228,.07);

}


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

.g16-contact-icon{

    width: 43px;
    height: 43px;

    flex-shrink: 0;

    display: flex;

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

    border-radius: 12px;

    color:
    var(--gold-light);

    background:

    linear-gradient(
        135deg,
        rgba(216,174,69,.15),
        rgba(123,63,228,.12)
    );

    border:
    1px solid
    rgba(216,174,69,.15);

    font-size: 17px;

}


.g16-contact-box small{

    display: block;

    margin-bottom: 4px;

    color:
    var(--muted);

    font-size: 8px;

    font-weight: 700;

    letter-spacing: 1.5px;

}


.g16-contact-box strong{

    display: block;

    color:
    #fff;

    font-size: 12px;

    font-weight: 500;

    word-break:
    break-word;

}


/* =========================================================
   AVAILABILITY
========================================================= */

.g16-working{

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-top: 10px;

    padding:
    10px 14px;

    border-radius:
    30px;

    border:
    1px solid
    rgba(216,174,69,.15);

    background:
    rgba(216,174,69,.04);

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

    font-size: 10px;

}


.g16-online-dot{

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background:
    #65e0a3;

    box-shadow:

        0 0 0 4px
        rgba(101,224,163,.10),

        0 0 12px
        rgba(101,224,163,.60);

}


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

.g16-footer-bottom{

    position: relative;

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

    background:
    #050714;

}


.g16-bottom-inner{

    min-height: 82px;

    display: flex;

    align-items: center;

    justify-content:
    space-between;

    gap: 25px;

}


.g16-bottom-inner p{

    margin: 0;

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

    font-size: 10px;

}


.g16-bottom-inner p strong{

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

    font-weight: 500;

}


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

.g16-bottom-links{

    display: flex;

    align-items: center;

    gap: 15px;

}


.g16-bottom-links a{

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

    font-size: 10px;

    text-decoration: none;

    transition:
    .3s ease;

}


.g16-bottom-links a:hover{

    color:
    var(--gold-light);

}


.g16-bottom-links span{

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background:
    var(--purple-light);

}


/* =========================================================
   BACK TO TOP
========================================================= */

.g16-back-top{

    display: flex;

    align-items: center;

    gap: 11px;

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

    font-size: 10px;

    text-decoration: none;

}


.g16-back-top b{

    width: 38px;
    height: 38px;

    display: flex;

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

    border-radius: 50%;

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

    color:
    var(--gold-light);

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

    font-size: 16px;

    font-weight: 400;

    transition:
    all .3s ease;

}


.g16-back-top:hover{

    color:
    var(--white);

}


.g16-back-top:hover b{

    color: #fff;

    border-color:
    transparent;

    background:

    linear-gradient(
        135deg,
        var(--purple),
        var(--pink)
    );

    transform:
    translateY(-4px);

}


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

@media(max-width:1100px){

    .g16-footer-grid{

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

        gap: 50px;

    }


    .g16-footer-brand{

        grid-column:
        span 3;

        padding-bottom:
        35px;

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

    }

}


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

@media(max-width:767px){

    .g16-footer-main{

        padding:
        65px 0
        45px;

    }


    .g16-footer-grid{

        grid-template-columns:
        1fr;

        gap: 42px;

    }


    .g16-footer-brand{

        grid-column: auto;

        padding-bottom: 0;

        border-bottom: 0;

    }


    /* BIG MOBILE LOGO */

    .g16-footer-logo img{

        width: 220px;

    }


    .g16-footer-brand p{

        margin:
        25px 0
        20px;

    }


    .g16-footer-column h3,
    .g16-footer-contact h3{

        font-size: 29px;

    }


    .g16-bottom-inner{

        min-height: auto;

        padding:
        25px 0;

        flex-direction:
        column;

        align-items:
        flex-start;

        gap: 18px;

    }


    .g16-back-top{

        width: 100%;

        justify-content:
        space-between;

        padding-top: 5px;

    }

}


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

@media(max-width:480px){

    .g16-footer-logo img{

        width: 195px;

    }


    .g16-bottom-links{

        flex-wrap: wrap;

    }


    .g16-contact-box{

        padding: 13px;

    }

}