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

html{

    scroll-behavior:smooth;

}

body{

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

    background:#fff;

    color:#222;

    overflow-x:hidden;

}

img{

    max-width:100%;

    display:block;

}

a{

    text-decoration:none;

}

button{

    cursor:pointer;

    border:none;

}

section{

    position:relative;

    width:100%;

}

#loader{

    position:fixed;

    inset:0;

    background:#111;

    display:flex;

    justify-content:center;

    align-items:center;

    z-index:999999;

}

.loader-ring{

    width:60px;

    height:60px;

    border-radius:50%;

    border:4px solid rgba(255,255,255,.2);

    border-top:4px solid #D4AF37;

    animation:spin 1s linear infinite;

}

@keyframes spin{

to{

transform:rotate(360deg);

}

}