/*
======================================================
ARENASA LANDING PAGE
MASTER STYLESHEET
======================================================
*/

@import url("theme.css");

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

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

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

    background:var(--section-primary);

    color:var(--white);

    overflow-x:hidden;

}

img{

    display:block;

    max-width:100%;

}

a{

    text-decoration:none;

    color:inherit;

}

ul{

    list-style:none;

}

button{

    font-family:inherit;

    border:none;

    outline:none;

    background:none;

    cursor:pointer;

}

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

.container{

    width:100%;

    max-width:var(--container);

    margin:auto;

    padding-left:24px;

    padding-right:24px;

}

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

section{

    position:relative;

}

/*======================================================
SECTION BACKGROUND
======================================================*/

.section-header{

    background:var(--section-header);

}

.section-primary{

    background:var(--section-primary);

}

.section-secondary{

    background:var(--section-secondary);

}

.section-dark{

    background:var(--section-dark);

}

.section-footer{

    background:var(--section-footer);

}

html[lang="ar"] {

    direction: ltr;

}

.ar-text{

    direction: rtl;

    unicode-bidi: embed;

    text-align: right;

}