*,

*::before,

*::after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0;

    padding: 0;

    border: 0;

    vertical-align: baseline

}



html {

     line-height: normal;

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

     scroll-behavior: smooth;

     transition: all .3s ease-in-out;

     overflow-x: hidden;

     -webkit-transition: all .3s ease-in-out;

     -moz-transition: all .3s ease-in-out;

     -ms-transition: all .3s ease-in-out;

     -o-transition: all .3s ease-in-out;

}



body {

    line-height: normal;

    -webkit-font-smoothing: antialiased;

    font-family: "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

    text-rendering: optimizeLegibility

}



h1,

h2,

h3,

h4,

h5,

h6 {



    font-weight: normal;

    margin: 0;

}



ul,

ol {

    list-style: none;

    margin: 0;

}



a {

    text-decoration: none;

    cursor: pointer

}



a:hover {

    text-decoration: none;

}



img,

video,

canvas {

    max-width: 100%;

    height: auto;

    display: block

}



img {

    user-select: none;

    -webkit-user-drag: none;

}



svg {

    fill: currentColor

}



input,

button,

textarea,

select {

    font: inherit;

    background: transparent;

    border-radius: 0;

    -webkit-appearance: none

}



button {

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



p,

h1,

h2,

h3,

h4,

h5,

h6 {

    overflow-wrap: break-word

}