/* ==========================================================
   Kasi Mattress
   Terms & Conditions
   File: assets/css/pages/terms.css
   Version: 1.0.0
   ========================================================== */

/* ==========================================================
   HERO
   ========================================================== */

.km-page-hero{

    padding:90px 0 70px;

    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);

    text-align:center;

}

.km-page-label{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 18px;

    margin-bottom:20px;

    background:rgba(15,76,129,.08);

    color:var(--primary);

    font-size:.85rem;

    font-weight:600;

    border-radius:999px;

    text-transform:uppercase;

    letter-spacing:.08em;

}

.km-page-hero h1{

    margin:0 0 20px;

    color:var(--primary);

}

.km-page-hero p{

    max-width:760px;

    margin:0 auto;

    font-size:1.05rem;

    line-height:1.8;

    color:var(--text-light);

}

/* ==========================================================
   PAGE CONTENT
   ========================================================== */

.km-page-content{

    padding:80px 0;

    background:#fff;

}

/* ==========================================================
   LEGAL CONTENT
   ========================================================== */

.km-legal-content{

    max-width:920px;

    margin:0 auto;

}

.km-legal-content section{

    margin-bottom:48px;

    padding-bottom:32px;

    border-bottom:1px solid var(--border);

}

.km-legal-content section:last-child{

    border-bottom:none;

    margin-bottom:0;

    padding-bottom:0;

}

.km-legal-content h2{

    margin-bottom:18px;

    color:var(--primary);

    font-size:1.45rem;

}

.km-legal-content p{

    margin:0;

    color:var(--text);

    line-height:1.9;

    font-size:1rem;

}

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

.km-legal-content a{

    color:var(--primary);

    text-decoration:none;

    font-weight:600;

    transition:.25s;

}

.km-legal-content a:hover{

    color:var(--accent);

}

/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width:992px){

    .km-page-hero{

        padding:80px 0 60px;

    }

    .km-page-content{

        padding:70px 0;

    }

}

/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:768px){

    .km-page-hero{

        padding:70px 0 50px;

    }

    .km-page-hero h1{

        font-size:2rem;

    }

    .km-page-hero p{

        font-size:1rem;

    }

    .km-page-content{

        padding:60px 0;

    }

    .km-legal-content section{

        margin-bottom:36px;

        padding-bottom:24px;

    }

    .km-legal-content h2{

        font-size:1.25rem;

    }

    .km-legal-content p{

        font-size:.95rem;

        line-height:1.8;

    }

}

/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width:576px){

    .km-page-label{

        font-size:.75rem;

    }

    .km-page-hero h1{

        font-size:1.8rem;

    }

}