.container {
            width: 90%;
            max-width: 1200px;
            margin: auto;
        }


        /* Banner */

        .terms-banner {



            padding: 50px 0;


            text-align: center;

            color: white;

        }


        .terms-banner h1 {
            color: #ffa013;

            font-size: 48px;

            margin-bottom: 12px;

        }


        .terms-banner p {

            font-size: 17px;
            color: #666;
            opacity: .9;

        }


        .breadcrumb {
            color: #003b9b;

            margin-top: 15px;

        }


        .breadcrumb a {

            color: #2f2c2c;

            text-decoration: none;

            opacity: .8;

        }

        .breadcrumb span {
            color: #003b9b;

            margin: 0 8px;

        }


        /* Content */

        .terms-section {
            margin-top: -32px;
            padding: 0px 0;

        }


        .terms-box {



            padding: 50px;

            border-radius: 20px;

            box-shadow: 0 15px 45px rgba(0, 0, 0, .08);

        }



        .intro {

            font-size: 16px;

            color: #666;

            margin-bottom: 35px;

        }



        .term-item {

            margin-bottom: 35px;

            padding-bottom: 25px;

            border-bottom: 1px solid #eee;

        }



        .term-item:last-child {

            border: none;

        }



        .term-item h2 {

            display: flex;

            align-items: center;

            gap: 15px;

            font-size: 24px;

            color: #0d6efd;

            margin-bottom: 15px;

        }



        .term-item h2 i {

            height: 45px;

            width: 45px;

            border-radius: 50%;

            background: #eaf2ff;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 18px;

        }



        .term-item ul {

            padding-left: 25px;

        }



        .term-item ul li {

            margin-bottom: 10px;

        }



        /* Contact */

        .contact-card {


            padding: 10px;

            border-radius: 20px;

            color: white;

            margin-top: 40px;

        }


        .contact-card h3 {

            font-size: 28px;
            color: black;
            margin-bottom: 20px;

        }


        .contact-card p {
            color: #666;
            margin-bottom: 12px;

        }


        .contact-card i {

            color: #ffd54f;

            margin-right: 10px;

        }



        @media(max-width:768px) {


            .terms-banner h1 {

                font-size: 34px;

            }


            .terms-box {

                padding: 25px;

            }


            .term-item h2 {

                font-size: 20px;

            }


        }