Is Enfold Documentation up-to-date?

Hi,
I’m trying to customize the Tab section on a website using the instructions from the Enfold documentation at https://kriesi.at/documentation/enfold/tab-sections/#toggle-id-1

I would like the tab section to appear similar to what is shown on https://kriesi.at/themes/enfold-2017/elements/tab-section/ A screenshot of what I’m trying to achieve can be seen at https://snipboard.io/KrHgwW.jpg

The problem I’m having is when I use the CSS from the Tabs Section documentation (shown below) it doesn’t work for me. I’m using Enfold v 5.3 with PHP 8.0. and only a security plugin is enabled at this time. A link to the page is in the private content. Thank you.

/*—————————————-
// Tabs Element Styling
//————————————–*/

/* Tab icon size */
span.av-tab-section-icon:before {
font-size: 76px!important;
}
/* Tabs */
#top .tabcontainer .tab {
background: #27618d;
color: #eeeeee;
border: none!important;
}
#top .tabcontainer .tab:hover {
color: #ffffff!important;
}
/* Active tab */
#top .tabcontainer .active_tab {
background: #ffffff!important;
color: #000;
border: none!important;
}
/*Active tab on hover*/
#top .tabcontainer .tab.active_tab:hover {
color: inherit!important;
}
/* tab content */
#top .tabcontainer .tab_content.active_tab_content {
background: #ffffff!important;/*border:none!important;*/
}