We have reset some of html elements as below, The purpose of resetting these elements is to create a consistent baseline styling across different browsers and devices.

* {
-webkit-box-sizing: border-box; 
box-sizing: border-box;
}

html {
scroll-behavior:smooth
}
body {
margin:0;
font-family: sans-serif;
}

::before, ::after {
-webkit-box-sizing: border-box; 
box-sizing: border-box;
}

img{ 
vertical-align: middle;
max-width: 100%;
height: auto; 
}

a {
text-decoration: none;
color: unset;
}
a:hover{
color:var(--null-color-main)
}

ul{
margin:0;
padding:0;
list-style-type: none;
}
li{
margin: 0;
padding:0;
}

p{
line-height: 1.5;
margin-top: 10px;
margin-bottom: 10px;
}
h1,h2,h3,h4,h5,h6{
margin:0;
}

form, button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
text-transform: none;
}