
        .product-body {
            font-family: 'Inter', sans-serif;
            background-color: #f0f2f5; 

        }
        .sidebar-item:hover {
            background-color: #ffae00; 
            color: #ffffff; 
        }
        
        .sidebar::-webkit-scrollbar {
            width: 8px;
        }
        .sidebar::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }
        .sidebar::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 10px;
        }
        .sidebar::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
        .h2{
            text-align: center;
        }
        p {
            text-align: center;
            font-size: large;

        }
        .p2{
            text-align: justify;
        }
        .video-responsive {
            position: relative;
            padding-bottom: 56.25%; 
            height: 0;
            overflow: hidden;
            max-width: 100%;
            margin: 0 auto; 
            }

        .video-responsive iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .pdf-file{
            padding: 1rem 0; 
            text-align: center;
        }

        .pdf-file h2 {
            font-size: 2.25rem;
            font-weight: 700; 
            margin-bottom: 1.5rem; 
            color: #000000;
        }

        .pdf-file p {
            font-size: 1.25rem; 
            max-width: 42rem; 
            margin: 0 auto 2rem auto; 
            opacity: 0.9;
        }
        .pdf-file .btn {
            display: inline-block;
            background-color: #ffd900;
            color: #000000; 
            font-weight: 700; 
            padding: 1rem 2rem; 
            border-radius: 9999px; 
            font-size: 1.125rem; 
            transition: background-color 0.3s ease;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }
        .pdf-file .btn:hover{
            transform: scale(1.07);
        }
    

        .pdf-file .btn:hover {
            background-color: #ffc403;
            color: #ffffff;
        }