/*boby reset css*/
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    background:#f5f5f5;
    overflow-x:hidden;
    max-width: 100%;
}
/* ========================================
   NAVBAR
======================================== */


/* Prevent page movement when mobile menu is open */
body.mobile-menu-open {
    overflow: hidden;
    height: 100vh;
    touch-action: none;
}

/* Keep content below fixed navbar */
body {
    padding-top: 72px;
}

/* Scrollbar */

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-thumb{
    background:#71C837;
    border-radius:50px;
}

::-webkit-scrollbar-track{
    background:#081C15;
}

/* Selection */

::selection{
    background:#71C837;
    color:#fff;
}

/* Glass Effect */

.glass{
    backdrop-filter:blur(16px);
    background:rgba(0,0,0,.25);
    border:1px solid rgba(255,255,255,.08);
}

/* Gradient Text */

.gradient-text{

    background:linear-gradient(
    to right,
    #ffffff,
    #8BCF4A);

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

/* Button */

.btn-primary{

    background:linear-gradient(
    90deg,
    #2E8B57,
    #71C837);

    transition:.4s;
}

.btn-primary:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(113,200,55,.35);
}

/*hero section*/

.glass{

backdrop-filter:blur(16px);

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

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

color:#fff;

}