/*
==========================================================
    SEAN B SHOP MARKETPLACE
    TERMS & CONDITIONS PAGE
    File: assets/css/pages/terms.css
==========================================================
*/


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

.terms-page{

    background:#f6f7fb;

    min-height:100vh;

    padding:135px 0 70px;

    color:#1e293b;

}


.terms-page *{

    box-sizing:border-box;

}



/*==========================================================
    BREADCRUMB
==========================================================*/

.terms-page .breadcrumb{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin-bottom:30px;

    font-size:.9rem;

}


.terms-page .breadcrumb a{

    color:#0b1f3a;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}


.terms-page .breadcrumb a:hover{

    color:#e60023;

}


.terms-page .breadcrumb span{

    color:#94a3b8;

}



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

.terms-hero{

    text-align:center;

    margin-bottom:40px;

}


.terms-hero h1{

    margin:0 0 15px;

    color:#0b1f3a;

    font-size:2.4rem;

    font-weight:800;

    line-height:1.2;

}


.terms-hero p{

    color:#64748b;

    font-size:1rem;

}



/*==========================================================
    CONTENT CARD
==========================================================*/

.terms-card{

    background:#ffffff;

    border-radius:20px;

    padding:45px;

    border:1px solid #e5e7eb;

    box-shadow:

    0 10px 35px rgba(0,0,0,.06);

    margin-bottom:40px;

}



/*==========================================================
    ARTICLES
==========================================================*/

.terms-card article{

    margin-bottom:40px;

    padding-bottom:30px;

    border-bottom:1px solid #eef2f7;

}


.terms-card article:last-child{

    margin-bottom:0;

    padding-bottom:0;

    border-bottom:none;

}


.terms-card h2{

    margin:0 0 18px;

    color:#0b1f3a;

    font-size:1.35rem;

    font-weight:700;

}


.terms-card p{

    margin:0;

    color:#475569;

    font-size:.97rem;

    line-height:1.9;

}



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

.terms-card ul{

    margin:15px 0 0 20px;

    padding:0;

}


.terms-card li{

    margin-bottom:12px;

    color:#475569;

    line-height:1.7;

}



/*==========================================================
    CTA
==========================================================*/

.terms-cta{

    background:

    linear-gradient(
        135deg,
        #0b1f3a,
        #123f72
    );

    color:#ffffff;

    text-align:center;

    border-radius:20px;

    padding:60px 40px;

}


.terms-cta h2{

    margin:0 0 15px;

    color:#ffffff;

    font-size:2rem;

    font-weight:700;

}


.terms-cta p{

    max-width:650px;

    margin:0 auto 30px;

    color:rgba(255,255,255,.88);

    line-height:1.8;

}


.terms-cta .cta-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:180px;

    height:52px;

    padding:0 30px;

    border-radius:10px;

    background:#e60023;

    color:#ffffff;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}


.terms-cta .cta-btn:hover{

    background:#ffffff;

    color:#0b1f3a;

    transform:translateY(-3px);

}



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

.terms-card a{

    color:#0b1f3a;

    font-weight:600;

    text-decoration:none;

}


.terms-card a:hover{

    color:#e60023;

}



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

@media (max-width:992px){

    .terms-page{

        padding:120px 0 60px;

    }

    .terms-card{

        padding:35px;

    }

    .terms-hero h1{

        font-size:2rem;

    }

    .terms-cta{

        padding:50px 30px;

    }

}



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

@media (max-width:768px){

    .terms-page{

        padding:105px 0 50px;

    }

    .terms-card{

        padding:25px;

        border-radius:16px;

    }

    .terms-card h2{

        font-size:1.15rem;

    }

    .terms-card p,

    .terms-card li{

        font-size:.92rem;

    }

    .terms-hero h1{

        font-size:1.7rem;

    }

    .terms-cta{

        padding:40px 20px;

        border-radius:16px;

    }

    .terms-cta h2{

        font-size:1.5rem;

    }

}



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

@media (max-width:480px){

    .terms-page{

        padding:95px 0 40px;

    }

    .terms-card{

        padding:20px;

    }

    .terms-page .breadcrumb{

        font-size:.8rem;

    }

    .terms-hero h1{

        font-size:1.45rem;

    }

    .terms-cta .cta-btn{

        width:100%;

    }

}