/*==================================================
 MJ Trading Lanka International (Pvt) Ltd
 Corporate Website v2.0

 File : reset.css
 Version : 1.0
==================================================*/

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

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

/* ==========================
   HTML
========================== */

html{

    scroll-behavior:smooth;

    -webkit-text-size-adjust:100%;

}

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

body{

    font-family:var(--body-font);

    font-size:var(--fs-base);

    font-weight:400;

    color:var(--text);

    background:var(--white);

    overflow-x:hidden;

    line-height:1.7;

}

/* ==========================
   HEADINGS
========================== */

h1,h2,h3,h4,h5,h6{

    font-family:var(--heading-font);

    font-weight:700;

    color:var(--primary);

    line-height:1.3;

}

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

a{

    text-decoration:none;

    color:inherit;

    transition:var(--transition);

}

/* ==========================
   LISTS
========================== */

ul,
ol{

    list-style:none;

}

/* ==========================
   IMAGES
========================== */

img{

    max-width:100%;

    display:block;

}

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

button{

    cursor:pointer;

    border:none;

    outline:none;

    background:none;

    font-family:inherit;

}

/* ==========================
   INPUTS
========================== */

input,
textarea,
select{

    font-family:inherit;

    outline:none;

}

/* ==========================
   TABLE
========================== */

table{

    border-collapse:collapse;

    width:100%;

}

/* ==========================
   IFRAMES
========================== */

iframe{

    border:none;

}

/* ==========================
   SELECTION
========================== */

::selection{

    background:var(--gold);

    color:var(--primary);

}

/* ==========================
   SCROLLBAR
========================== */

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#f2f2f2;

}

::-webkit-scrollbar-thumb{

    background:var(--gold);

    border-radius:50px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--primary);

}