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

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

html{
	scroll-behavior:smooth;
}

body{
	font-family:"DM Sans",sans-serif;
	font-size:16px;
	line-height:1.7;
	color:var(--text);
	background:var(--background);
	overflow-x:hidden;
}

img{
	max-width:100%;
	height:auto;
	display:block;
}

a{
	text-decoration:none;
	color:inherit;
}

ul,
ol{
	list-style:none;
}

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

.container,
.ri-container{
    width:100%;
    max-width:1320px;
    margin:0 auto;
    padding:0 20px;
}

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

section{
	padding:100px 0;
}

h1,
h2,
h3,
h4,
h5,
h6{
	color:var(--heading);
	font-family:"DM Sans",sans-serif;
	font-weight:700;
	line-height:1.2;
}

p{
	margin-bottom:20px;
}