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

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

html{
  scroll-behavior:smooth;
}

body{
  font-family:'Poppins',sans-serif;
  background:#f7f9fa;
  color:#0f172a;
  line-height:1.6;

  overflow-x:hidden;

  -webkit-font-smoothing:antialiased;
}

/* =========================
   MEDIA
========================= */

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

video{
  max-width:100%;
}

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

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

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

ul,
ol{
  list-style:none;
}

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

button,
input,
textarea,
select{
  font:inherit;
  border:none;
  outline:none;
}

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

h1,h2,h3,h4,h5,h6{
  line-height:1.2;
  font-weight:700;
}

/* =========================
   PARAGRAPH
========================= */

p{
  line-height:1.7;
}

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

.container{
  width:100%;
  max-width:1200px;

  margin:auto;

  padding-left:15px;
  padding-right:15px;
}

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

section{
  position:relative;
}