/* =====================================

RESET

===================================== */

*{

margin:0;

padding:0;

box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:var(--body);

font-size:16px;

line-height:1.7;

color:var(--text);

background:var(--white);

overflow-x:hidden;

-webkit-font-smoothing:antialiased;

}

/* Scrollbar */

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-thumb{

background:var(--primary);

border-radius:20px;

}

/* Selection */

::selection{

background:var(--secondary);

color:white;

}

/* Images */

img{

display:block;

max-width:100%;

}

/* Links */

a{

text-decoration:none;

transition:var(--transition);

}

/* Lists */

ul{

list-style:none;

padding:0;

margin:0;

}

/* Container */

.kf-container{

width:90%;

max-width:var(--container);

margin:auto;

}

/* Typography */

h1,h2,h3,h4,h5,h6{

font-family:var(--heading);

font-weight:700;

line-height:1.2;

color:var(--primary);

margin-bottom:20px;

}

p{

margin-bottom:20px;

color:var(--gray);

}

section{

padding:var(--section-padding) 0;

position:relative;

}

/* Utility */

.text-center{

text-align:center;

}

.text-white{

color:#fff;

}

.bg-light{

background:var(--light);

}

.bg-white{

background:#fff;

}