.interactive-tabs-container-73d0b527 { width: 100%; display: flex; flex-direction: column; gap: 20px; box-sizing: border-box; }
.it-image-container { position: relative; width: 100%; height: 300px; overflow: hidden; border-radius: 8px; }
.it-main-image { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s; }
.it-image-overlay { position: absolute; inset: 0; background-color: rgba(0,0,0,0.3); transition: background-color 0.3s; z-index: 1; pointer-events: none; }
.it-tabs-wrapper { display: flex; flex-direction: column; gap: 15px; }
.it-tabs-nav { display: flex; gap: 10px; border-bottom: 2px solid #eee; }
.it-tab-item { padding: 15px; cursor: pointer; text-align: center; flex: 1; transition: all 0.3s; border-bottom: 2px solid transparent; margin-bottom: -2px; }
.it-tab-item.active, .it-tab-item:hover { border-bottom-color: #333; }
.it-tab-subtitle { margin: 0; font-size: 12px; opacity: 0.8; transition: color 0.3s;}
.it-tab-title { margin: 5px 0 0; font-size: 18px; transition: color 0.3s; }
.it-tabs-content-area { padding: 15px 0; }
.it-tab-content { display: none; }
.it-tab-content.active { display: block; animation: fadeIn 0.4s; }
.it-custom-icon-img { width: 32px; height: 32px; object-fit: contain; margin-bottom: 5px; }
.it-tab-item i, .it-tab-item svg { font-size: 24px; width: 24px; height: 24px; margin-bottom: 5px; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }