/* ==========================
   GLOBAL LAYOUT
========================== */

*,
*::before,
*::after{

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    margin:0;

    background:#FAFAF8;

    color:#222;

    overflow-x:hidden;

}

img{

    max-width:100%;

    display:block;

}

a{

    text-decoration:none;

}

ul{

    list-style:none;

    margin:0;

    padding:0;

}

section{

    position:relative;

    width:100%;

}

.container{

    width:min(1320px, calc(100% - 48px));

    margin-inline:auto;

}

.shadow-card{

    background:#fff;

    border-radius:28px;

    box-shadow:0 20px 60px rgba(0,0,0,.06);

}

.text-center{

    text-align:center;

}