/*=========================================================
    SmartDocs Terms of Service
=========================================================*/

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

body{

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

    background:linear-gradient(
        135deg,
        #0f172a,
        #1d4ed8,
        #38bdf8
    );

    min-height:100vh;

    padding:40px;

}

.terms-container{

    width:100%;

    max-width:1100px;

    margin:auto;

    background:#ffffff;

    border-radius:28px;

    overflow:hidden;

    box-shadow:
    0 30px 80px rgba(0,0,0,.20);

}
/*=========================================================
    HEADER
=========================================================*/

.terms-header{

    background:linear-gradient(
        160deg,
        #0f172a,
        #1d4ed8,
        #2563eb
    );

    color:#ffffff;

    display:flex;

    align-items:center;

    gap:20px;

    padding:35px 45px;

}

.terms-logo{

    width:90px;

    height:auto;

    flex-shrink:0;

}

.terms-header h1{

    font-size:34px;

    font-weight:700;

    margin-bottom:6px;

}

.terms-header p{

    font-size:16px;

    opacity:.9;

}
/*=========================================================
    CONTENT
=========================================================*/

.terms-content{

    padding:45px;

}

.terms-section{

    margin-bottom:40px;

}

.terms-section:last-child{

    margin-bottom:0;

}

.terms-section h2{

    font-size:24px;

    color:#0f172a;

    font-weight:700;

    margin-bottom:15px;

    padding-bottom:10px;

    border-bottom:2px solid #e2e8f0;

}

.terms-section p{

    color:#475569;

    font-size:16px;

    line-height:1.9;

    margin-bottom:15px;

}

.terms-section ul{

    margin-left:22px;

    color:#475569;

}

.terms-section li{

    margin-bottom:10px;

    line-height:1.8;

}
/*=========================================================
    FOOTER
=========================================================*/

.terms-footer{

    border-top:1px solid #e5e7eb;

    padding:25px 45px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

    background:#f8fafc;

}

.back-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 24px;

    background:#2563eb;

    color:#ffffff;

    text-decoration:none;

    border-radius:12px;

    font-weight:600;

    transition:.25s;

}

.back-btn:hover{

    background:#1d4ed8;

    transform:translateY(-2px);

    box-shadow:
    0 10px 25px rgba(37,99,235,.20);

}

.terms-footer p{

    color:#64748b;

    font-size:14px;

}

/*=========================================================
    SCROLLBAR
=========================================================*/

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-thumb{

    background:#cbd5e1;

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:#94a3b8;

}

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

@media(max-width:768px){

    body{

        padding:20px;

    }

    .terms-header{

        flex-direction:column;

        text-align:center;

        padding:30px;

    }

    .terms-logo{

        width:70px;

    }

    .terms-header h1{

        font-size:28px;

    }

    .terms-content{

        padding:30px 24px;

    }

    .terms-section h2{

        font-size:22px;

    }

    .terms-footer{

        flex-direction:column;

        text-align:center;

        padding:25px;

    }

    .back-btn{

        width:100%;

    }

}