.accordion {
            background-color: transparent;
            color: #444;
            cursor: pointer;
            /* padding: 18px; */
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 15px;
            transition: 0.4s;
        }

        .active,
        .accordion:hover {
            background-color: transparent;
        }

        .panel {
            padding: 0 18px;
            display: none;
            background-color: transparent;
            overflow: hidden;
        }
   
        /* Style the tab */
        .tabs {
            overflow: hidden;
            border: 1px solid #ccc;
            background-color: #f1f1f1;
        }

        /* Style the buttons inside the tab */
        .tabs button {
            background-color: inherit;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 14px 16px;
            transition: 0.3s;
            font-size: 17px;
        }

        /* Change background color of buttons on hover */
        .tabs button:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .tabs button.active {
            background-color: #ccc;
        }

        /* Style the tab content */
        .tabcontents {
            display: none;
            padding: 6px 12px;
            /* border: 1px solid #ccc; */
            border-top: none;
        }