/* ===========================
   PRIME CAST WEB
   GLOBAL STYLES
=========================== */

:root{

    --primary-color:#7B2CF5;
    --secondary-color:#A855F7;

    --background-color:#000;
    --section-color:#111;

    --text-color:#fff;
    --text-light:#bfbfbf;

    --container-width:1400px;

    --header-height:90px;

    --border-radius:16px;

    --transition:.35s ease;

}

/* ===========================
   RESET
=========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

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

    font-family:Arial, Helvetica, sans-serif;

    overflow-x:hidden;

}

img{

    display:block;
    max-width:100%;

}

video{

    display:block;
    width:100%;
    height:100%;

}

a{

    color:inherit;
    text-decoration:none;

}

ul{

    list-style:none;

}

button{

    border:none;
    outline:none;
    cursor:pointer;
    font:inherit;

}

.container{

    width:min(100% - 40px,var(--container-width));

    margin:auto;

}

/* ===========================
   GLOBAL SECTION DIVIDER
=========================== */

.section{

    position:relative;

}

.section::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:min(1200px,90%);

    height:1px;

    background:linear-gradient(
        90deg,
        transparent 0%,
        rgba(123,44,245,.10) 15%,
        rgba(123,44,245,.28) 50%,
        rgba(123,44,245,.10) 85%,
        transparent 100%
    );

}

/* ===========================
   BODY SCROLL LOCK
=========================== */

body.menu-open{

    overflow:hidden;

}