.tab-content,
.tab-subtitle,
.tab-button{
	display: none;
}

.tab-content.active,
.tab-subtitle.active,
.tab-button.active{
	display: block;
}


/* Adjust the layout of the tab images widget */
.tab-images-widget {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

/* Style the tab titles and content container */
.tabs-container {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.tab-title {
    margin: 10px 0;
    padding: 5px 10px;
    cursor: pointer;
}



.tab-subtitle,
.tab-button {
 
    margin-top: 5px;
}

.tab-title.active + .tab-subtitle,
.tab-title.active + .tab-button {
    display: block;
}

/* Style the tab content */
.content-container {
    flex: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
    text-align: center;
}

.tab-content img {
    max-width: 100%;
    height: auto;
}


.tabs-container-wrapper.active {
	background-color: rgb(243, 247, 255);
	transition: background-color 0.3s ease-in-out;
}