.blablablocks-tabs-container.blablablocks-tabs {
margin: 10px 50px 20px !important;
border: 1px solid #e5e7eb !important;
border-radius: 12px !important;
overflow: hidden !important;
background: #fff !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
} .blablablocks-tabs-buttons {
display: flex !important;
flex-wrap: nowrap !important;
background: rgb(247, 247, 247) !important;
border-bottom: 2px solid #e5e7eb !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
padding: 5px !important;
margin: 0 !important;
list-style: none !important;
scrollbar-width: thin !important;
scrollbar-color: #2878EB transparent !important;
gap: 0 !important;
} .blablablocks-tabs-buttons::-webkit-scrollbar {
height: 4px !important;
}
.blablablocks-tabs-buttons::-webkit-scrollbar-thumb {
background: #2878EB !important;
border-radius: 2px !important;
}
.blablablocks-tabs-buttons::-webkit-scrollbar-track {
background: transparent !important;
} .blablablock-tab-btn {
flex-shrink: 0 !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
border-bottom: 3px solid transparent !important;
border-right: 1px solid #e5e7eb !important;
cursor: pointer !important;
font-size: 0.95rem !important;
font-weight: 500 !important;
color: #555 !important;
transition: all 0.2s ease !important;
font-family: inherit !important;
line-height: 1.4 !important;
}
.blablablock-tab-btn:last-child {
border-right: none !important;
}
.blablablock-tab-btn:hover {
background: #e9ecef !important;
color: #132643 !important;
} .blablablock-tab-btn .tab-button-text {
display: inline-block !important;
padding: 1rem 1.5rem !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-width: 280px !important;
vertical-align: middle !important;
} .blablablock-tab-btn.is-bbb-active-tab,
.blablablock-tab-btn[aria-selected="true"],
.blablablock-tab-btn.active,
.blablablocks-tabs .blablablock-tab-btn.is-bbb-active-tab {
background: #ffffff !important;
color: #020913 !important;
border-bottom-color: #ffffff !important;
border-bottom-width: 3px !important;
font-weight: 600 !important;
}
.blablablock-tab-btn.is-bbb-active-tab .tab-button-text,
.blablablock-tab-btn[aria-selected="true"] .tab-button-text,
.blablablock-tab-btn.active .tab-button-text {
font-weight: 600 !important;
color: #132643 !important;
} .blablablock-tab-btn:focus-visible {
outline: 3px solid #2878EB !important;
outline-offset: -3px !important;
z-index: 10 !important;
background: #e9ecef !important;
} .blablablocks-tabs-content {
padding: 0 !important;
margin: 0 !important;
} .blablablocks-tab-content {
padding: 2rem !important;
background: #fff !important;
min-height: 100px !important;
} .blablablocks-tab-content[hidden] {
display: none !important;
} .blablablocks-tab-content h2,
.blablablocks-tab-content h3,
.blablablocks-tab-content h4 {
margin-top: 1.5rem !important;
margin-bottom: 1rem !important;
color: #132643 !important;
}
.blablablocks-tab-content h2:first-child,
.blablablocks-tab-content h3:first-child,
.blablablocks-tab-content h4:first-child {
margin-top: 0 !important;
}
.blablablocks-tab-content p,
.blablablocks-tab-content ul,
.blablablocks-tab-content ol,
.blablablocks-tab-content .wp-block-table,
.blablablocks-tab-content .wp-block-image {
margin-bottom: 1.25rem !important;
}
.blablablocks-tab-content p:last-child,
.blablablocks-tab-content ul:last-child,
.blablablocks-tab-content ol:last-child,
.blablablocks-tab-content .wp-block-table:last-child,
.blablablocks-tab-content .wp-block-image:last-child {
margin-bottom: 0 !important;
} .blablablocks-tabs-container.blablablocks-tabs__vertical {
display: flex !important;
border: 1px solid #e5e7eb !important;
border-radius: 12px !important;
overflow: hidden !important;
background: #fff !important;
}
.blablablocks-tabs-container.blablablocks-tabs__vertical .blablablocks-tabs-buttons {
flex-direction: column !important;
width: 280px !important;
border-bottom: none !important;
border-right: 2px solid #e5e7eb !important;
overflow-x: visible !important;
overflow-y: auto !important;
background: #f8f9fa !important;
}
.blablablocks-tabs-container.blablablocks-tabs__vertical .blablablock-tab-btn {
border-right: none !important;
border-bottom: 1px solid #e5e7eb !important;
text-align: left !important;
width: 100% !important;
}
.blablablocks-tabs-container.blablablocks-tabs__vertical .blablablock-tab-btn:last-child {
border-bottom: none !important;
}
.blablablocks-tabs-container.blablablocks-tabs__vertical .blablablock-tab-btn .tab-button-text {
max-width: none !important;
width: 100% !important;
}
.blablablocks-tabs-container.blablablocks-tabs__vertical .blablablock-tab-btn.is-bbb-active-tab,
.blablablocks-tabs-container.blablablocks-tabs__vertical .blablablock-tab-btn[aria-selected="true"] {
background: #fff !important;
border-bottom-color: #e5e7eb !important;
border-right: 3px solid #2878EB !important;
color: #132643 !important;
}
.blablablocks-tabs-container.blablablocks-tabs__vertical .blablablocks-tabs-content {
flex: 1 !important;
}
.blablablocks-tabs-container.blablablocks-tabs__vertical .blablablocks-tab-content {
padding: 2rem !important;
}  @media (max-width: 768px) {
.blablablocks-tabs-container.blablablocks-tabs__vertical {
flex-direction: column !important;
}
.blablablocks-tabs-container.blablablocks-tabs__vertical .blablablocks-tabs-buttons {
width: 100% !important;
flex-direction: row !important;
border-right: none !important;
border-bottom: 2px solid #e5e7eb !important;
overflow-x: auto !important;
}
.blablablocks-tabs-container.blablablocks-tabs__vertical .blablablock-tab-btn {
border-bottom: 3px solid transparent !important;
border-right: 1px solid #e5e7eb !important;
}
.blablablocks-tabs-container.blablablocks-tabs__vertical .blablablock-tab-btn.is-bbb-active-tab,
.blablablocks-tabs-container.blablablocks-tabs__vertical .blablablock-tab-btn[aria-selected="true"] {
border-right-color: #e5e7eb !important;
border-bottom-color: #2878EB !important;
}
.blablablock-tab-btn .tab-button-text {
padding: 0.75rem 1rem !important;
font-size: 0.875rem !important;
}
.blablablocks-tab-content {
padding: 1.5rem !important;
}
} @media (max-width: 480px) {
.blablablock-tab-btn .tab-button-text {
padding: 0.6rem 0.875rem !important;
font-size: 0.813rem !important;
max-width: 200px !important;
}
.blablablocks-tab-content {
padding: 1.25rem !important;
}
.blablablocks-tabs-container.blablablocks-tabs {
margin: 1.5rem 0 !important;
border-radius: 8px !important;
}
} @media (max-width: 360px) {
.blablablock-tab-btn .tab-button-text {
padding: 10px 50px 20px !important;
font-size: 0.75rem !important;
max-width: 150px !important;
}
.blablablocks-tab-content {
padding: 1rem !important;
}
.blablablocks-tabs-container.blablablocks-tabs {
margin: 1rem 0 !important;
border-radius: 6px !important;
}
}