/* *** NOTE: Testing if CSS works *** */
* {
    box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
}
/* *** ^ *** */


/* *** NOTE: ELEMENTS RESET *** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    outline: none;
	border: 0;
    font-size: 100%;
	font-family: 'Roboto', sans-serif;
	vertical-align: top;
    margin: 0;
    padding: 0;
}
/* *** ^ *** */

/* *** NOTE: BODY *** */
body {
    position: relative;
    overflow: auto;
    font: 100% 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* *** ^ *** */
/* *** NOTE: SCREEN OUTLINE *** */
.screen-outline {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
/* *** ^ *** */
/* *** NOTE: DIV CLEAR to clear all the bad floats *** */
    div.clear {
        clear: both;
        font-size: 1px;
        line-height: 0;
    }
/* *** ^ *** */

/* *** NOTE: FOR MOBILE display none *** */
    .for-mobile, #mobile-menu-top { display: none; }
/* *** ^ *** */

/* *** NOTE: GLOBAL Text Styles *** */

/* ** NOTE: Headers ** */
    h1, h3, h5 {
        font-family: 'Ubuntu', sans-serif;
        font-weight: 700;
        line-height: 1.125em;
        letter-spacing: -.025em;
    }
    h1 { font-size: clamp(3rem, 8vw - 2rem, 4.5rem); }
    h3 { font-size: clamp(2.75rem, 8vw - 2rem, 3.5rem); }
        h1 span, h3 span, h5 span {
            display: inline-block;
            line-height: auto;
            font-family: 'Ubuntu', sans-serif;
        }
    h5 { font-size: clamp(1.75rem, 8vw - 2rem, 3rem); }
    h2, h4, h6, p { font-family: 'Roboto', sans-serif; }
    h2, h4 {
        line-height: 1.75em;
        font-size: clamp(1.2rem, 8vw - 2rem, 1.4rem);
        font-weight: 300;
        letter-spacing: .015em;
    }
    h6 {
        line-height: 1.75em;
        font-size: clamp(1.15rem, 8vw - 2rem, 1.35rem);
        font-weight: 300;
        letter-spacing: .025em;
    }
/* ** ^ ** */

/* ** NOTE: Paragraph ** */
    p {
        line-height: 1.75em;
        font-size: clamp(1rem, 8vw - 2rem, 1.25rem);
        font-weight: 300;
        letter-spacing: .025em;
    }
/* ** ^ ** */

/* ** NOTE: Lists ** */
    ol ul,
    ul {
        display: block;
        margin: 0;
        padding: 16px 0 24px;
    }
    ol ul ol,
    ul ol { padding-top: 32px; }

    ol ul li,
    ul li {
        display: block;
        margin: 0;
        padding: 8px;
        list-style: none;
        line-height: 1.75em;
        font-size: clamp(1rem, 8vw - 2rem, 1.25rem);
        font-weight: 300;
    }
    ul li::before,
    ol ul li::before {
        content: "\2022";
        counter-increment: none;
        vertical-align: top;
        display: inline-block;
            height: 30px;
        margin-right: 10px;
        padding: 0;
        line-height: 30px;
        font-size: 40px;
        font-weight: 700;
    }
    ul ol,
    ol {
        display: block;
        margin: 0;
        padding: 16px 0 24px;
        counter-reset: item;
    }
    ul ol ul,
    ol ul { padding-top: 32px; }
    ul ol li,
    ol li {
        display: block;
        margin: 0;
        padding: 0 0 24px;
        list-style: none;
        line-height: 1.75em;
        font-size: clamp(1rem, 8vw - 2rem, 1.25rem);
        font-weight: 300;
    }
    ol li::before,
    ul ol li::before {
        content: counter(item) ". ";
        counter-increment: item;
        font-family: 'Ubuntu', sans-serif;
        font-weight: 700;
        padding-right: 8px;
    }
/* ** ^ ** */

/* ** NOTE: Code ** */
    code, pre, p code, p pre {
        display: inline-block;
        padding: 10px 12px;
        font-family: 'Consolas', 'Courier New', monospace;
        font-size: clamp(1rem, 8vw - 2rem, 1.25rem);
        white-space: pre-wrap;       /* css-3 */
        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
        white-space: -pre-wrap;      /* Opera 4-6 */
        white-space: -o-pre-wrap;    /* Opera 7 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
    }
    code, pre {
        margin-top: 5px;
        line-height: 1.5em;
    }
    p code, p pre {
        margin-top: 0;
        line-height: 1em;
    }
/* ** ^ ** */
/* ** NOTE: Blockquote ** */
    blockquote {
        display: block;
        margin: 16px 0;
        padding: 0 32px 8px;
        -webkit-border-radius: 0 6px 6px 0;
        -moz-border-radius: 0 6px 6px 0;
        -ms-border-radius: 0 6px 6px 0;
        border-radius: 0 6px 6px 0;
    }
/* ** ^ ** */

/* ** NOTE: Bold & Italic ** */
    i { font-style: italic; }
    b, strong { font-weight: 700; }
/* ** ^ ** */

/* ** NOTE: Additional CLASS Text Styles ** */
/* * NOTE: Font Weight * */
    .fw-light { font-weight: 300; }
    .fw-normal { font-weight: 400; }
    .fw-medium { font-weight: 500; }
    .fw-bold { font-weight: 700; }
/* * ^ * */

/* * NOTE: Text Transform * */
    .tt-uppercase { text-transform: uppercase; }
    .tt-capitalize { text-transform: capitalize; }
/* * ^ * */

/* * NOTE: Text Decoration * */
    .td-through { text-decoration: line-through; }
    .td-under { text-decoration: underline; }
/* * ^ * */

/* * NOTE: Text Align * */
    .ta-left { text-align: left; }
    .ta-center { text-align: center; }
    .ta-right { text-align: right; }
/* * ^ * */

/* * NOTE: Font Size * */
    .fs-small { font-size: .75em; }
    .fs-almost { font-size: .95em; }
    .fs-bigger { font-size: 1.5em; }
    .fs-big { font-size: 2em; }
/* * ^ * */

/* ** ^ ** */
/* *** ^ *** */

/* *** NOTE: FORMS *** */
    form { margin: 0 auto; }

    form div { padding: 10px 0; }

/* ** NOTE: Fields & Labels ** */
/* * NOTE: Label * */
    label {
        display: block;
            width: 100%;
        padding: 20px 0 14px 30px;
        font-family: 'Ubuntu', sans-serif;
        font-size: 16px;
        font-weight: 700;
    }
        /* * NOTE: Centered Row Form Label * */
        .centered-form label {
            display: block;
            margin: 0 auto;
        }
/* * ^ * */

/* * NOTE: Input * */
    input {
        outline: none;
        display: inline-block;
    }
/* NOTE: Input Types */
        input, input[type="url"], input[type="text"], input[type="email"], input[type="password"], input[type="number"], select,
        input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, select:focus {
            width: 100%;
            max-width: 640px;
            height: 60px;
            padding: 10px 20px;
            padding: 20px 25px;
            font-family: 'Roboto', sans-serif;
            font-size: clamp(1rem, 8vw - 2rem, 1.25rem);
            font-weight: 400;
            outline: none;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            border-radius: 30px;
        }
/* ^ */
/* * ^ * */
/* * NOTE: Textarea * */
    textarea, textarea:focus {
        outline: none;
        width: 100%;
        max-width: 640px;
        height: 200px;
        max-height: 200px;
        padding: 20px 25px;
        resize: none;
        overflow-y: auto;
        line-height: 1.75em;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        border-radius: 30px;
        font-family: 'Roboto', sans-serif;
        font-size: clamp(1rem, 8vw - 2rem, 1.25rem);
        font-weight: 400;
        outline: none;
    }
/* * ^ * */
/* * NOTE: Select * */
    select { padding-right: 30px; }
        select option {
            max-width: 90%;
            margin: 5px auto;
            padding: 16px 30px;
        }
/* * ^ * */
/* * NOTE: Buttons * */
    button[type="submit"],
    input[type="submit"],
    input[type="button"],
    input.buttoni, button.buttoni {
        display: inline-block;
            width: auto;
            height: auto;
        border: none;
    }
/* * ^ * */
/* ** ^ ** */
/* *** ^ *** */

/* *** NOTE: BUTTONS *** */
    .buttoni, input.buttoni, button.buttoni,
    button, button[type="submit"],
    input[type="submit"],
    input[type="button"] {
        display: inline-block;
        outline: none;
        cursor: pointer;
        margin: 8px;
        line-height: 1.25em;
        font-size: clamp(1rem, 8vw - 2rem, 1.25rem);
        font-weight: 700;
        text-decoration: none;
        -webkit-border-radius: 34px;
        -moz-border-radius: 34px;
        -ms-border-radius: 34px;
        border-radius: 34px;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }
        .buttoni:hover { text-decoration: none; }

    .buttoni.bordered {
        padding: 14px 28px;
        color: #F3DFFF;
        border: 4px #ECCBFF solid;
        background: none;
    }
        .buttoni.bordered:hover {
            color: #FFF;
            border: 4px #FFF solid;
            background: #6D08E6;
            box-shadow: 0 0 20px #6D08E6;
        }

    .buttoni.purple-bordered {
        padding: 22px 6px 21px;
        color: #F3DFFF;
        background: #5502ab;
    }
        .buttoni.purple-bordered span {
            padding: 12px 28px;
            border: 4px #ECCBFF solid;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            -ms-border-radius: 30px;
            border-radius: 30px;
            background: #36006E;
            -webkit-transition: all .3s ease-out;
            -moz-transition: all .3s ease-out;
            -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
        }
        .buttoni.purple-bordered:hover {
            color: #FFF;
            background: #5502ab;
            box-shadow: 0 0 20px #6D08E6;
        }
        .buttoni.purple-bordered:hover span {
            border: 4px #FFF solid;
            background: #5502ab;
        }
/* *** ^ *** */

/* *** NOTE: Text Colors *** */
.tc-white { color: #F3DFFF; } /* rgb(243, 223, 255) */
.tc-purple { color: #8828FB; } /* rgb(136, 40, 251) */
.tc-purple-light { color: #9C48FF; } /* rgb(156, 72, 255) */
.tc-purple-faded { color: #C492FF; } /* rgb(196, 146, 255) */
.tc-purple-shaded { color: #8F6DB8; } /* rgb(143, 109, 184) */
.tc-purple-dark { color: #821BFE; } /* rgb(130, 27, 254) */
.tc-purple-pink { color: #A000FF; } /* rgb(160, 0, 255) */

.tc-gradient-1 {
    background: -webkit-linear-gradient(to right, #C492FF, #5501AD);
    background: linear-gradient(to right, #C492FF, #5501AD);
}
.tc-gradient-2 {
    background: -webkit-linear-gradient(to right, #A000FF, #5502AB);
    background: linear-gradient(to right, #A000FF, #5502AB);
}
.tc-gradient-3 {
    background: -webkit-linear-gradient(to right, #9C48FF, #5501AD);
    background: linear-gradient(to right, #9C48FF, #5501AD);
}
.tc-gradient-4 {
    background: -webkit-linear-gradient(to right, #F3DFFF, #C492FF);
    background: linear-gradient(to right, #F3DFFF, #C492FF);
}
.tc-gradient-5 {
    background: -webkit-linear-gradient(to right, #F3DFFF, #A000FF);
    background: linear-gradient(to right, #F3DFFF, #A000FF);
}
.tc-gradient-6 {
    background: -webkit-linear-gradient(to right, #F3DFFF, #9C48FF);
    background: linear-gradient(to right, #F3DFFF, #9C48FF);
}

.tc-gradient-1,
.tc-gradient-2,
.tc-gradient-3,
.tc-gradient-4,
.tc-gradient-5,
.tc-gradient-6 {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

}
/* *** ^ *** */

/* *** NOTE: Containers *** */
.container {
    display: block;
        width: 100%;
        max-width: 1280px;
    margin: 0 auto;
    padding: 32px;
}
.cols {
    display: block;
    margin: 0 auto;
    padding: 0;
}
    .cols>.narrow-col {
        display: inline-block;
        max-width: 290px;
        margin: 0;
        padding: 32px 0;
    }
    .cols>.wide-col {
        display: inline-block;
        max-width: calc(100% - 304px);
        margin: 0;
        padding: 32px 0;
    }
    .cols .col-33 {
        display: inline-block;
        width: 32.5%;
        margin: 0;
        padding: 32px 0;
    }
/* *** ^ *** */
/* *** NOTE: NAV *** */
nav {
    z-index: 10;
    position: absolute;
        top: 0;
        left: 0;
    display: block;
        width: 100%;
        height: 80px;
    margin: 0;
    padding: 0;
}
    nav .container {
        position: relative;
        padding: 0 32px;
    }
        nav .container #logo-top {
            display: inline-block;
            width: 200px;
            padding: 14px 0;
        }
            nav .container #logo-top a svg {
                display: block;
                height: 80px;
                width: auto;
            }
        nav .container #menu-top {
            z-index: 100;
            display: inline-block;
            margin: 0;
            padding: 15px 0;
            float: right;
        }
            nav .container #menu-top ul {
                margin: 0;
                padding: 4px 0;
            }
                nav .container #menu-top ul li {
                    display: inline-block;
                    margin: 0;
                    padding: 12px 24px;
                    list-style: none;
                }
                nav .container #menu-top ul li::before,
                nav .container #submenu-top ul li::before { display: none; }
                nav .container #menu-top ul li:last-child { padding: 0 0 0 10px; }
                    nav .container #menu-top ul li a {
                        display: block;
                        padding: 0;
                        font: 16px 'Ubuntu', 'Roboto', sans-serif;
                        color: #ECCBFF;
                        text-decoration: none;
                    }
                        nav .container #menu-top ul li a#open-submenu span,
                        nav .container #menu-top ul li a#close-submenu span {
                            display: inline-block;
                            margin: 0;
                            padding: 7px 0 0 9px;
                        }
                            nav .container #menu-top ul li a#open-submenu span svg,
                            nav .container #menu-top ul li a#close-submenu span svg {
                                display: block;
                                    width: 11px;
                                    height: auto;
                                margin: 0;
                                padding: 0;
                                fill: #ECCBFF;
                            }
                            nav .container #menu-top ul li a#open-submenu:hover span svg,
                            nav .container #menu-top ul li a#close-submenu:hover span svg {
                                fill: #FFF;
                                text-shadow: 2px 2px 1px #14002B, 0 0 10px #A000FF;
                            }

                    nav .container #menu-top ul li a.selected { color: #A000FF; }
                    nav .container #menu-top ul li a:hover {
                        color: #FFF;
                        text-shadow: 2px 2px 1px #14002B, 0 0 10px #A000FF;
                    }
                    nav .container #menu-top ul li a#close-submenu { display: none; }
                    nav .container #menu-top ul li:last-child a {
                        margin: 0;
                        padding: 9px 20px 11px;
                        border: 3px #C497DE solid;
                    }
                    nav .container #menu-top ul li:last-child a:hover {
                        color: #FFF;
                        border: 3px #FFF solid;
                    }

        nav .container #submenu-top {
            z-index: -1 !important;
            position: absolute;
                top: 10px;
                right: 424px;
            display: none;
                width: 190px;
                height: 276px;
            margin: 0;
            padding: 56px 20px 0;
            background: linear-gradient(to bottom, #36006E, #14002B);
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            border-radius: 20px;
        }
            nav .container #submenu-top ul {
                margin: 0;
                padding: 0;
                text-align: center;
            }
            /*nav .container #submenu-top ul li:first-child {
                padding-top: 25px;
                border-top: 1px rgba(130, 27, 254, .4) solid;
            }*/
            nav .container #submenu-top ul li {
                margin: 0;
                padding: 15px 0;
            }
                nav .container #submenu-top ul li a {
                    display: block;
                    padding: 0;
                    font: 16px 'Ubuntu', 'Roboto', sans-serif;
                    color: #A000FF;
                    text-decoration: none;
                }
                    nav .container #submenu-top ul li a:hover {
                        text-shadow: 2px 2px 1px #14002B, 0 0 10px #6D08E6;
                    }


/* *** ^ *** */
/* *** NOTE: HEADERS *** */
header {
    display: block;
        width: 100%;
    margin: 0;
    padding: 0;
}
/* ** NOTE: HOME HEADER ** */
#home-header {
    background:
        url('../images/layout/header_bg.svg'),
        linear-gradient(to bottom, #36006E, #14002B 90%, #370055);
    background-position: 75% top, top left;
    background-size: auto 100%, cover;
    background-repeat: no-repeat, no-repeat;
}
    #home-header .container { padding: 260px 32px; }
        #home-header .container h1 {
            font-size: clamp(3rem, 8vw - 2rem, 4.5rem);
            max-width: 600px;
        }
        #home-header .container h2 {
            max-width: 520px;
            padding: 50px 0 100px;
        }
        #home-header-section .container .buttoni { margin-left: 0; }
/* ** ^ ** */
/* ** NOTE: SUB HEADER ** */
.sub-header {}
    .sub-header .container { padding: 200px 32px 150px; }
        .sub-header .container h1 {
            font-size: clamp(2.75rem, 8vw - 2rem, 3.75rem);
        }
        .sub-header .container h2 {
            padding: 50px 0;
            max-width: 1000px;
        }
        .sub-header .container .buttoni { margin-left: 0; }

/* ** ^ ** */
/* *** ^ *** */
/* *** NOTE: PAGE BACKGROUND *** */
.page-bg {
    background: linear-gradient(to bottom, #370055, #14002B 15%, #14002B 85%, #35006D);
}
.subpage-stats-bg {
    background:
        url('../images/layout/subpage_bg.svg'),
        linear-gradient(to bottom, #36006E, #14002B 50%);
    background-repeat: no-repeat, no-repeat;
    background-position: center 220px, top left;
    background-size: 2800px auto, cover;
}
.subpage-team-bg {
    background:
        url('../images/layout/subpage_bg.svg'),
        linear-gradient(to bottom, #36006E, #14002B 50%);
    background-repeat: no-repeat, no-repeat;
    background-position: top center, top left;
    background-size: 2800px auto, cover;
}

.subpage-bg-2 {
    background: linear-gradient(to bottom, #14002B, #460081);
}

/* *** ^ *** */
/* *** NOTE: JOIN LABS SECTION *** */
section#home-join-labs-section {}
    section#home-join-labs-section .container .cols .narrow-col .discord-logo svg,
    section#sub-join-labs-section .container .title-row .discord-logo svg {
        display: block;
            width: 100px;
            height: auto;
        margin: 0 0 10px 0;
        padding: 0;
        fill: #8828fb;
    }
    section#home-join-labs-section .container .cols .narrow-col h4 { padding: 50px 0 100px; }
    section#home-join-labs-section .container .cols .narrow-col a.buttoni { margin-left: 0; }
    section#home-join-labs-section .container .cols .wide-col { padding: 160px 32px 0 100px; }
        section#home-join-labs-section .container .cols .wide-col p { padding: 40px 0 80px; }
        section#home-join-labs-section .container .cols .wide-col #home-team-list .team-list-items {

        }
        section#home-join-labs-section .container .cols .wide-col #home-team-list .team-list-items .team-item,
        section#sub-team-labs-section .container #sub-team-list .team-list-items .team-item {
            display: inline-block;
            width: 19%;
            height: 170px;
        }
            section#home-join-labs-section .container .cols .wide-col #home-team-list .team-list-items .team-item a,
            section#sub-team-labs-section .container #sub-team-list .team-list-items .team-item a {
                text-decoration: none;
                color: #9C48FF;
            }

                section#home-join-labs-section .container .cols .wide-col #home-team-list .team-list-items .team-item a span.item-image,
                section#sub-team-labs-section .container #sub-team-list .team-list-items .team-item a span.item-image {
                    display: block;
                    width: 112px;
                    height: 112px;
                    margin: 0 auto;
                    padding: 6px;
                    background: #5502AB;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    -ms-border-radius: 50%;
                    border-radius: 50%;
                }
                section#home-join-labs-section .container .cols .wide-col #home-team-list .team-list-items .team-item a:hover span.item-image,
                section#sub-team-labs-section .container #sub-team-list .team-list-items .team-item a:hover span.item-image {
                    box-shadow: 0 0 20px #6D08E6;
                    -webkit-transition: all .3s ease-out;
                    -moz-transition: all .3s ease-out;
                    -o-transition: all .3s ease-out;
                    transition: all .3s ease-out;
                }
                    section#home-join-labs-section .container .cols .wide-col #home-team-list .team-list-items .team-item a span.item-image img,
                    section#sub-team-labs-section .container #sub-team-list .team-list-items .team-item a span.item-image img {
                        display: block;
                            width: 100px;
                            height: 100px;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        -ms-border-radius: 50%;
                        border-radius: 50%;
                        border: 4px #FFF solid;
                        overflow: hidden;
                    }
                section#home-join-labs-section .container .cols .wide-col #home-team-list .team-list-items .team-item a span.item-name,
                section#sub-team-labs-section .container #sub-team-list .team-list-items .team-item a span.item-name {
                    display: block;
                    padding: 10px 0 0;
                    text-align: center;
                }
                section#home-join-labs-section .container .cols .wide-col #home-team-list .team-list-items .team-item a:hover span.item-name,
                section#sub-team-labs-section .container #sub-team-list .team-list-items .team-item a:hover span.item-name {
                    text-shadow: 2px 2px 1px #14002B, 0 0 10px #6D08E6;
                    -webkit-transition: all .3s ease-out;
                    -moz-transition: all .3s ease-out;
                    -o-transition: all .3s ease-out;
                    transition: all .3s ease-out;
                }
        section#home-join-labs-section .container .cols .wide-col #home-team-list .team-list-footer { padding-top: 100px; }
            section#home-join-labs-section .container .cols .wide-col #home-team-list .team-list-footer p.tc-purple {
                display: inline-block;
                margin-top: 0;
                padding: 27px 0 0;
            }
            section#home-join-labs-section .container .cols .wide-col #home-team-list .team-list-footer a.purple-bordered { float: right; }

/* *** ^ *** */
/* *** NOTE: APPS & PLATFORMS SECTION *** */
section#home-apps-section {
    margin-top: -240px;
    background: no-repeat url('../images/layout/apps_bg.svg') top center;
    background-size: 110% auto;
}
    section#home-apps-section .container { padding-top: 640px; }
        section#home-apps-section .container .cols .narrow-col h4 { padding: 50px 0 0; }
        section#home-apps-section .container .cols .wide-col#apps-items { padding: 46px 32px 0 100px; }
            section#home-apps-section .container .cols .wide-col#apps-items .apps-item { padding: 0 0 100px; }

                section#home-apps-section .container .cols .wide-col#apps-items .apps-item a.apps-item-logo,
                section#home-apps-section .container .cols .wide-col#apps-items .apps-item a img {
                    display: inline-block;
                        height: 80px;
                        width: auto;
                }
                section#home-apps-section .container .cols .wide-col#apps-items .apps-item:first-child a.apps-item-logo,
                section#home-apps-section .container .cols .wide-col#apps-items .apps-item:first-child a img,
                section#home-apps-section .container .cols .wide-col#apps-items .apps-item:nth-child(2) a.apps-item-logo,
                section#home-apps-section .container .cols .wide-col#apps-items .apps-item:nth-child(2) a img {
                    height: 75px;
                    width: auto;
                }
                section#home-apps-section .container .cols .wide-col#apps-items .apps-item p { padding: 32px 0 20px; }
                section#home-apps-section .container .cols .wide-col#apps-items .apps-item a.buttoni { margin-left: 0; }

/* *** ^ *** */
/* *** NOTE: DATA & STATISTICS SECTION *** */
section#home-stats-section .container { 
    padding: 40px 32px;
    max-width: 100%; 
}

section#home-stats-section .cols {
    display: block; 
    width: 100%;
}

section#home-stats-section .narrow-col {
    width: 100%;
    max-width: none;
}

section#home-stats-section .narrow-col h3 {
    text-align: left;
    margin-bottom: 20px;
    white-space: nowrap;
}

section#home-stats-section .narrow-col h4 {
    text-align: left;
    width: 100%;
    max-width: none;
    display: block;
    padding-right: 32px; /* Match container padding */
}

section#home-stats-section .container .row { 
    padding-top: 50px; 
}
/* *** ^ *** */
/* *** NOTE: FOOTER *** */
footer { background: linear-gradient(to bottom, #14002B, #14002B 65%, #370055); }
    footer .container .cols .narrow-col #footer-logo img {
        width: 220px;
        height: auto;
    }
    footer .container .cols .narrow-col #footer-socials { padding-top: 150px; }
        footer .container .cols .narrow-col #footer-socials li {
            list-style: none;
            display: inline-block;
            margin: 0;
            padding: 0 24px 0 0;
        }
        footer .container .cols .narrow-col #footer-socials li:last-child { padding-right: 0; }

            footer .container .cols .narrow-col #footer-socials li a { opacity: .6; }
            footer .container .cols .narrow-col #footer-socials li a:hover {
                opacity: 1;
                -webkit-transition: all .3s ease-out;
                -moz-transition: all .3s ease-out;
                -o-transition: all .3s ease-out;
                transition: all .3s ease-out;
            }
            footer .container .cols .narrow-col #footer-socials li a img {
                display: block;
                    width: 36px;
                    height: auto;
                margin: 0;
                padding: 0;
            }
    footer .container .cols .wide-col { float: right; }
    footer .container .cols .wide-col .footer-links {
        display: inline-block;
        margin: 0;
        padding: 0;
        text-align: right;
    }
    footer .container .cols .wide-col .footer-links:first-child { padding-right: 100px; }
        footer .container .cols .narrow-col #footer-socials li:before,
        footer .container .cols .wide-col .footer-links li:before { display: none; }
            footer .container .cols .wide-col .footer-links li a {
                text-decoration: none;
                font-size: 16px;
                font-weight: 500;
                color: #C492FF;
            }
                footer .container .cols .wide-col .footer-links li a:hover { text-decoration: underline; }
            footer .container .cols .wide-col .footer-links li:first-child a {
                font-size: 22px;
                font-weight: 300;
                color: #821BFE;
            }
            footer .container .cols .wide-col .footer-links li a.footer-special-link {
                font-size: 20px;
                color: #A000FF;
            }
        footer .container .row p {
            font-size: 16px;
            font-weight: 400;
        }
/* *** ^ *** */
/* *** NOTE: STATS SUBPAGE *** */
header#sub-stats-header .container #stats-items .stats-item { padding-bottom: 16px; }
header#sub-stats-header .container #stats-items .stats-item h6 {
    font-family: 'Ubuntu', sans-serif;
    font-size: clamp(2.75rem, 8vw - 2rem, 4rem);
    font-weight: 500;
    line-height: 1em;
    letter-spacing: -.025em;
}
#sub-stats-1-section {
    margin-top: 100px;
    padding: 100px 0 30px;
    background-color: transparent; 
}

#sub-stats-1-section .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

#sub-stats-1-section .section-header {
    text-align: left;
    margin-bottom: 0;
    flex: 0 0 35%; 
    max-width: 400px; 
}

#sub-stats-1-section .cols {
    flex: 1;
    margin: 0;
    padding-left: 40px; 
}

#sub-stats-1-section .full-col {
    width: 100%;
    padding: 0;
}

#sub-stats-1-section .section-header h3 {
    font-size: 36px;
    margin-bottom: 15px;
    color: white;
    line-height: 1.2;
}

#sub-stats-1-section .section-header p {
    font-size: 18px;
    color: #A278C5; 
    margin: 0;
    line-height: 1.4;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    #sub-stats-1-section {
        padding: 200px 0 40px; /* Adjusted for tablet */
    }
    
    #sub-stats-1-section .container {
        flex-direction: column;
        gap: 30px;
    }
    
    #sub-stats-1-section .section-header {
        flex: 1;
        max-width: 100%;
        text-align: center;
    }
    
    #sub-stats-1-section .cols {
        padding-left: 0;
        width: 100%;
    }
}

@media (max-width: 768px) {
    #sub-stats-1-section {
        padding: 200px 0 30px; /* Adjusted for mobile */
    }
    
    #sub-stats-1-section .section-header h3 {
        font-size: 28px;
    }
    
    #sub-stats-1-section .section-header p {
        font-size: 16px;
    }
}

/* *** ^ *** */

/* *** NOTE: TEAM SUBPAGE *** */
section#sub-join-labs-section .container { padding: 100px 32px 80px; }
section#sub-join-labs-section .container .title-row .discord-logo svg {
    margin: 0 auto;
}
section#sub-join-labs-section .container .title-row {
    display: block;
    width: 100%;
    max-width: 75%;
    margin: 0 auto;
    padding: 0;
}
section#sub-join-labs-section .container .title-row h4 { padding: 20px 0 40px; }

section#sub-team-labs-section .container { padding: 100px 32px; }
section#sub-team-labs-section .container .title-row {
    max-width: 720px;
    padding-bottom: 80px;
    margin: 0 auto;
}
    section#sub-team-labs-section .container .title-row p { padding-top: 30px; }


/* *** ^ *** */
/* *** NOTE: LOWER RESOLUTIONS *** */
/* ** NOTE: < 2200px ** */
@media all and (max-width: 2200px) {
    header#sub-stats-header .container { padding-bottom: 130px; }
    .subpage-stats-bg {
        background-position: center 300px, top left;
        background-size: 2300px auto, cover;
    }
    section#sub-stats-1-section .container { padding: 60px 32px; }
    .subpage-team-bg {
        background-position: center 80px, top left;
        background-size: 2300px auto, cover;
    }
    section#sub-join-labs-section .container { padding: 90px 32px; }
}
/* ** ^ ** */
/* ** NOTE: < 1920px ** */
@media all and (max-width: 1920px) {
    #home-header { background-position: top right, top left; }
    section#home-apps-section { margin-top: -160px; }
    section#home-apps-section .container { padding-top: 480px; }
    .subpage-stats-bg {
        background-position: center 360px, top left;
        background-size: 2000px auto, cover;
    }
    .subpage-team-bg {
        background-position: center 120px, top left;
        background-size: 2000px auto, cover;
    }
    section#sub-join-labs-section .container { padding: 32px 32px 90px; }
}
/* ** ^ ** */
/* ** NOTE: < 1600px ** */
@media all and (max-width: 1600px) {
    #home-header { background-position: 150% top, top left; }
    section#home-apps-section { margin-top: -50px; }
    section#home-apps-section .container { padding-top: 460px; }
    .subpage-stats-bg {
        background-position: center 400px, top left;
        background-size: 1760px auto, cover;
    }
    section#sub-stats-1-section .container .cols #stats-chart-1 img { width: 480px; }
    .subpage-team-bg {
        background-position: center 160px, top left;
        background-size: 1800px auto, cover;
    }
}
/* ** ^ ** */
/* ** NOTE: < 1440px ** */
@media all and (max-width: 1440px) {
    #home-header { background-position: 360px top, top left; }
    section#home-apps-section { margin-top: 0; }
    .subpage-stats-bg {
        background-position: center 440px, top left;
        background-size: 1600px auto, cover;
    }
    section#sub-stats-1-section .container .cols #stats-chart-1 img { width: 440px; }
    .subpage-team-bg {
        background-position: center 190px, top left;
        background-size: 1600px auto, cover;
    }
    section#sub-join-labs-section .container { padding: 0 32px 90px; }
}
/* ** ^ ** */
/* ** NOTE: < 1300px ** */
@media all and (max-width: 1300px) {
    nav .container #submenu-top { right: 440px; }
    .subpage-stats-bg {
        background-position: center 500px, top left;
        background-size: 1440px auto, cover;
    }
    section#sub-stats-1-section .container .cols #stats-chart-1 img { width: 400px; }
    .subpage-team-bg {
        background-position: center 220px, top left;
        background-size: 1440px auto, cover;
    }
}
/* ** ^ ** */
/* ** NOTE: < 1200px ** */
@media all and (max-width: 1200px) {
    /*h1 { font-size: 60px; }
    h3 { font-size: 50px; }
    h2, h4 { font-size: 20px; }*/
    .container .cols .narrow-col { max-width: 240px; }
    .container .cols .wide-col { max-width: calc(100% - 245px); }
    section#home-join-labs-section .wide-col,
    section#home-apps-section .wide-col#apps-items { padding-left: 50px; }
    nav .container #menu-top ul li { padding: 12px 18px; }
    nav .container #submenu-top { right: 392px; }
    #home-header { background-position: 300px top, top left; }
    #home-header .container { padding: 200px 32px; }
        #home-header .container h1 { max-width: 500px; }
        #home-header .container h2 {
            max-width: 420px;
            padding: 40px 0 80px;
        }
    section#home-apps-section {
        margin-top: -100px;
        background-size: auto 100%;
        background-position: -120px top;
    }
    section#home-apps-section .container { padding-top: 380px; }

    #sub-stats-header .container h2 { max-width: 680px; }
    .subpage-stats-bg {
        background-position: center 500px, top left;
        background-size: 1320px auto, cover;
    }
    #sub-stats-1-section .container { padding: 32px; }
    #sub-stats-1-section .container .cols #stats-chart-1 img { width: 360px; }
    section#sub-stats-2-section .container .cols>.narrow-col {
        max-width: 310px;
        width: 310px
    }
    #sub-team-header .container h2 { max-width: 800px; }


}
/* ** ^ ** */
/* ** NOTE: < 960px ** */
@media all and (max-width: 961px) {
    .for-desktop { display: none !important; }
    #mobile-menu-top.for-mobile {
        display: inline-block !important;
        padding-top: 15px;
        float: right;
    }
        #mobile-menu-top a {
            display: block;
                width: 48px;
                height: 48px;
            margin: 0;
            padding: 2px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
        }

            #mobile-menu-top a svg {
                display: block;
                    width: 44px;
                    height: 44px;
                margin: 0;
                padding: 0;
                fill: #C497DE;
            }
                #mobile-menu-top a#close-menu,
                #mobile-menu-items { display: none; }
                #mobile-menu-top a:hover svg { fill: #ECCBFF; }
                #mobile-menu-items {
                    position: fixed;
                        top: 0;
                        right: 0;
                    width: auto;
                    height: auto;
                    padding: 80px 32px 32px;
                    background: linear-gradient(to bottom, #36006E, #14002B);
                    -webkit-border-radius: 0 0 0 32px;
                    -moz-border-radius: 0 0 0 32px;
                    -ms-border-radius: 0 0 0 32px;
                    border-radius: 0 0 0 32px;
                }
                #mobile-menu-items ul {
                    margin: 0 auto;
                    padding: 0;
                }
                    #mobile-menu-items ul li {
                        display: block;
                        margin: 0 auto;
                        padding: 10px;
                        list-style: none;
                    }
                        #mobile-menu-items ul li::before { display: none; }
                        #mobile-menu-items ul li a {
                            display: block;
                            padding: 2px 0;
                            font: 16px 'Ubuntu', 'Roboto', sans-serif;
                            color: #ECCBFF;
                            text-decoration: none;
                        }
                        #mobile-menu-items ul li:last-child a {
                            display: inline-block;
                            margin: 0;
                            padding: 9px 20px 11px;
                            border: 3px #C497DE solid;
                        }
                        #mobile-menu-items ul li:last-child a:hover {
                            color: #FFF;
                            border: 3px #FFF solid;
                        }
            nav .container #submenu-top { display: none; }
    #sub-header .container { padding-bottom: 60px; }
    .container .cols .narrow-col { max-width: 100%; }
        .container .cols .narrow-col h3,
        .container .cols .narrow-col h4 { display: inline-block; }
        .container .cols .narrow-col h3 { max-width: 280px; }
        .container .cols .narrow-col h4 {
            max-width: calc(100% - 285px);
            padding: 0 0 0 32px;
        }
    section#home-join-labs-section .container .cols .wide-col,
    section#home-apps-section .container .cols .wide-col#apps-items,
    section#home-stats-section .container .cols .wide-col#stats-items {
        max-width: 100%;
        padding: 50px 0 0;
    }
    section#home-join-labs-section .container .cols .narrow-col h4,
    section#home-apps-section .container .cols .narrow-col h4,
    section#home-stats-section .container .cols .narrow-col h4 { padding: 10px 0 0 0; }
    section#home-join-labs-section .container .cols .narrow-col a { margin-top: 50px; }
    section#home-apps-section {
        background-position: right -100px;
        background-size: auto calc(100% + 100px);
    }
    section#home-apps-section .container { padding-top: 320px; }
    section#home-stats-section .container .cols .wide-col#stats-items { float: left !important; }
    section#home-stats-section .container .row { padding-top: 50px; }

    footer .container .cols .wide-col .footer-links:first-child { padding-right: 40px; }
    .subpage-stats-bg {
        background-position: center 480px, top left;
        background-size: 1080px auto, cover;
    }
    #sub-stats-header .container { padding: 160px 32px 32px; }
    #sub-stats-header .container h2 { max-width: 680px; }
    section#sub-stats-1-section .container { padding: 32px; }
    section#sub-stats-1-section .container .cols .narrow-col { width: 245px; }
    section#sub-stats-1-section .container .cols.wide-col { width: calc(100% - 250px); }
    section#sub-stats-1-section .container .cols #stats-chart-1 img { width: 380px; }
    section#sub-stats-2-section .container { padding: 60px 32px 20px; }
    section#sub-stats-2-section .container .cols>.narrow-col {
        max-width: 230px;
        width: 230px
    }

    #sub-team-header .container { padding: 160px 32px 60px; }
    #sub-team-header .container h2 { max-width: 700px; }
    section#sub-join-labs-section .container { padding-top: 48px; }
    section#sub-team-labs-section .container #sub-team-list .team-list-items .team-item {
        display: inline-block;
        width: 24.5%;
        height: 180px;
    }
}
/* ** ^ ** */
/* ** NOTE: < 810px ** */
@media all and (max-width: 810px) {
    .container .cols .narrow-col h4 { max-width: 100%; }
    #home-header { background-position: 220px top, top left; }
    section#home-join-labs-section .container .cols .narrow-col h4,
    section#home-apps-section .container .cols .narrow-col h4,
    section#home-stats-section .container .cols .narrow-col h4 { padding: 32px 0 0 0; }

    footer .container .cols .narrow-col,
    footer .container .cols .wide-col {
        width: 100%;
        max-width: 100%;
        padding: 32px 0 0;
    }
        footer .container .cols .narrow-col #footer-socials {
            float: right;
            padding: 12px 0 0;
        }
        footer .container .cols .wide-col .footer-links {
            width: 49.5%;
            padding: 0;
            text-align: center;
        }
        footer .container .cols .wide-col .footer-links:first-child { padding-right: 0; }
    footer .container .row { padding-top: 64px; }

    .subpage-stats-bg {
        background-position: center 570px, top left;
        background-size: 940px auto, cover;
    }
    #sub-stats-header .container { padding-bottom: 0; }
    #sub-stats-header .container h2 { max-width: 580px; }
    #sub-stats-header .container #stats-items .stats-item { width: 49.5%; }

    section#sub-stats-1-section .container { padding: 0 32px 60px; }
    section#sub-stats-2-section .container { padding-top: 32px; }
    section#sub-stats-2-section .container #stats-items {
        width: 100%;
        max-width: 100%;
    }
    #sub-team-header .container h1,
    #sub-team-header .container h2 { max-width: 520px; }

}
/* ** ^ ** */
/* ** NOTE: < 720px ** */
@media all and (max-width: 720px) {
    section#home-join-labs-section .container .cols .wide-col #home-team-list .team-list-items .team-item,
    section#sub-team-labs-section .container #sub-team-list .team-list-items .team-item {
        width: 32.5%;
        height: 190px;
    }
    section#sub-stats-1-section .container .cols #stats-chart-1 {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin: 0;
    }
    section#sub-stats-1-section .container .cols #stats-chart-1 img { width: 480px; }
    section#sub-stats-1-section .container .cols #stats-items {
        width: 100%;
        max-width: 100%;
        padding: 60px 0 0;
        text-align: center;
    }
    section#sub-stats-1-section .container .cols #stats-items .stats-item {
        display: inline-block;
        width: 32.5%;
        margin: 0;
        padding: 0 0 48px;
        text-align: center;
        float: none;
        clear: both;
    }
    section#sub-stats-1-section .container .cols #stats-items .stats-item:last-child { padding-bottom: 0; }

}
/* ** ^ ** */
/* ** NOTE: < 640px ** */
@media all and (max-width: 640px) {
    #home-header-section .container { padding: 150px 32px; }
    section#home-join-labs-section .container { padding-top: 0; }
    section#home-apps-section {
        background-position: right -100px;
        background-size: auto 110%;
    }
        section#home-apps-section .container .cols .wide-col#apps-items .apps-item a.apps-item-logo,
        section#home-apps-section .container .cols .wide-col#apps-items .apps-item a img {
            height: 70px;
            width: auto;
        }

        section#home-apps-section .container .cols .wide-col#apps-items .apps-item:first-child a.apps-item-logo,
        section#home-apps-section .container .cols .wide-col#apps-items .apps-item:first-child a img,
        section#home-apps-section .container .cols .wide-col#apps-items .apps-item:nth-child(2) a.apps-item-logo,
        section#home-apps-section .container .cols .wide-col#apps-items .apps-item:nth-child(2) a img {
            height: 65px;
            width: auto;
        }

    footer .container .cols .narrow-col #footer-logo {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    footer .container .cols .narrow-col #footer-socials {
        float: none;
        clear: both !important;
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 64px 0 0;
        text-align: center;
    }
    #sub-team-header .container h2,
    #sub-stats-header .container h2 { max-width: 500px; }
    .subpage-stats-bg {
        background-position: center 570px, top left;
        background-size: 1080px auto, cover;
    }
    section#sub-stats-1-section .container .cols #stats-items .stats-item {
        width: 49.25%;
    }
    section#sub-stats-1-section .container .cols #stats-chart-1 img { width: 420px; }
    .subpage-team-bg {
        background-position: center 320px, top left;
        background-size: 940px auto, cover;
    }
    section#sub-join-labs-section .container .title-row { max-width: 100%; }

}
/* ** ^ ** */
/* ** NOTE: < 520px ** */
@media all and (max-width: 520px) {
    section#home-join-labs-section .container .cols .wide-col #home-team-list .team-list-items .team-item,
    section#sub-team-labs-section .container #sub-team-list .team-list-items .team-item {
        width: 49.25%;
    }
    section#home-join-labs-section .wide-col #home-team-list .team-list-footer {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }
    section#home-join-labs-section .wide-col #home-team-list .team-list-footer a.tl-purple { margin-bottom: 32px; }
    section#home-join-labs-section .wide-col #home-team-list .team-list-footer a.tl-purple,
    section#home-join-labs-section .wide-col #home-team-list .team-list-footer a.purple-bordered {
        float: none !important;
        clear: both !important;
    }
    section#home-apps-section {
        background-position: right -200px;
        background-size: auto 110%;
    }
    section#home-stats-section .wide-col#stats-items .stats-item h6 {
        font-size: clamp(3.5rem, 8vw - 2rem, 4.5rem);
    }
    footer .container .cols .wide-col .footer-links { width: 100%; }
    footer .container .cols .wide-col .footer-links:first-child { padding-bottom: 48px; }

    #sub-stats-header.sub-header .container,
    #sub-team-header.sub-header .container { padding-top: 120px; }
    .sub-header .container h1 {
        font-size: clamp(2.25rem, 8vw - 2rem, 3.75rem);
    }
    #sub-stats-header .container #stats-items .stats-item { width: 100%; }
    .subpage-stats-bg {
        background-position: center 560px, top left;
        background-size: auto 100%, cover;
    }
    section#sub-stats-1-section .container .cols #stats-chart-1 img { width: 300px; }
    section#sub-stats-2-section .container .cols #stats-items .stats-item { width: 100%; }

    .subpage-team-bg {
        background-position: center 280px, top left;
        background-size: auto 100%, cover;
    }

}
/* ** ^ ** */
/* ** NOTE: < 440px ** */
@media all and (max-width: 460px) {
    .subpage-stats-bg {
        background-position: center 560px, top left;
        background-size: auto 100%, cover;
    }
    .subpage-team-bg {
        background-position: center 300px, top left;
        background-size: auto 100%, cover;
    }
    section#sub-stats-1-section .container .cols #stats-items .stats-item { width: 100%; }
}
/* ** ^ ** */
/* ** NOTE: < 380px ** */
@media all and (max-width: 380px) {

    nav .container #logo-top {
        width: 180px;
        padding-top: 16px;
    }
        nav .container #logo-top a svg {
            height: 60px;
            width: auto;
        }
    section#home-join-labs-section .discord-logo svg {
        width: 80px;
        height: auto;
    }
    section#home-apps-section .wide-col#apps-items .apps-item a img {
        height: 60px;
        width: auto;
    }
    .subpage-stats-bg {
        background-position: center 580px, top left;
        background-size: auto 100%, cover;
    }
    .subpage-team-bg {
        background-position: center 320px, top left;
        background-size: auto 100%, cover;
    }
    section#sub-stats-1-section .container .cols #stats-chart-1 img { width: 250px; }
}
/* ** ^ ** */
/* ** NOTE: < 370px ** */
@media all and (max-width: 370px) {
    .subpage-stats-bg {
        background-position: center 640px, top left;
        background-size: auto 100%, cover;
    }
    .subpage-team-bg {
        background-position: center 340px, top left;
        background-size: auto 100%, cover;
    }
}
/* ** ^ ** */
/* ** NOTE: < 330px ** */
@media all and (max-width: 330px) {
    .subpage-stats-bg {
        background-position: center 640px, top left;
        background-size: auto 100%, cover;
    }
    .subpage-team-bg {
        background-position: center 360px, top left;
        background-size: auto 100%, cover;
    }
    section#home-join-labs-section .wide-col #home-team-list .team-list-items .team-item-image,
    section#sub-team-labs-section .container #sub-team-list .team-list-items .team-item {
        width: 100%;
    }

}
/* ** ^ ** */
/* *** ^ *** */


/* Particle Cursor Styles */
#particle-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    pointer-events: none;
    opacity: 0.8;
}