.brand-center-section {
            background: #fff;
        }

        .brand-toggle {
            background: #f4f7fb;
            padding: 8px;
            border-radius: 60px;
            gap: 8px;
        }

        .brand-tab {
            border: none;
            background: transparent;
            padding: 15px 35px;
            border-radius: 50px;
            font-weight: 600;
            color: #172A3E;
            transition: .3s;
        }

        .brand-tab.active {
            background: #172A3E;
            color: #fff;
            box-shadow: 0 10px 25px rgba(23, 42, 62, .15);
        }

        .document-card {
            background: #fff;
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid #edf1f5;
            transition: .4s;
            height: 100%;
            box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
        }

        .document-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 60px rgba(0, 0, 0, .12);
        }

        .document-image {
            padding: 15px;
        }

        .document-image img {
            width: 100%;
            border-radius: 15px;
            aspect-ratio: 4/5;
            object-fit: cover;
        }

        .document-body {
            padding: 10px 25px 25px;
            text-align: center;
        }

        .document-body h5 {
            color: #172A3E;
            margin-bottom: 12px;
            font-weight: 600;
        }

        .document-body p {
            color: #64748b;
            margin-bottom: 20px;
            font-size: 15px;
        }

        .brand-content {
            display: none;
        }

        .brand-content.active {
            display: block;
            animation: fadeUp .4s ease;
        }

        @keyframes fadeUp {
            from {
                opacity: 0;
                transform: translateY(15px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media(max-width:767px) {

            .brand-tab {
                padding: 12px 20px;
                font-size: 14px;
            }

            .brand-toggle {
                width: 100%;
                justify-content: center;
            }

            .document-card {
                margin-bottom: 20px;
            }
        }