html{
max-width:100%;
overflow-x:hidden;
}

html:not(.lenis){
scroll-behavior:smooth;
}

body{

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

background:
linear-gradient(180deg, #03111d 0%, #071f2d 22%, #0a2838 44%, #081d2a 68%, #04131d 100%);

color:var(--color-text);

line-height:1.7;

font-weight:400;

-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
max-width:100%;
overflow-x:hidden;

}

.site-main{
background:transparent;
overflow:hidden;
}

img,
svg,
video,
canvas,
iframe{
max-width:100%;
}

img,
video{
height:auto;
}

iframe{
width:100%;
}

h1,
h2,
h3,
h4,
p,
li,
a{
overflow-wrap:anywhere;
}

h1{
font-weight:700;
}

h2{
font-weight:600;
}

h3{
font-weight:600;
}

h4{
font-weight:500;
}

@media (max-width: 767px){
html{
scroll-padding-top:84px;
}
}

@media (prefers-reduced-motion: reduce){
html{
scroll-behavior:auto;
}
}