.tabs-showcase{display:flex;gap:40px}
.tabs-left,.tabs-right{width:25%;display:flex;flex-direction:column;gap:15px}
.tab-item{padding:12px 24px;border-radius:100px;background:#F0F0F0;text-align:center;cursor:pointer;font-family:"Montserrat", Sans-serif;font-weight:500;}
.tab-item.active{background:#d9eef7;border:2px solid #4db7d6;}
.tabs-center{width:50%;text-align:center;}
.tab-content{display:none;opacity:0;visibility:hidden;font-family:"Montserrat", Sans-serif;}
.tab-content.active{opacity:1;visibility:visible;height:100%;}
.tab-content img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;margin-bottom:15px;max-height:400px;}
.tab-btn{display:inline-block;padding:8px 16px;border-radius:20px;color:#4db7d6;text-decoration:none; text-transform: uppercase;font-weight: 500;}
.tab-text p { font-family: 'Montserrat'; font-size: 16px;line-height: 26px; }
/* visibility */
.desktop-tabs{display:block}
.mobile-accordion{display:none}

@media(max-width:768px){
 .tabs-showcase{flex-direction:column}
 .tabs-left,.tabs-right{display:none}
 .tabs-center{width:100%}
 .desktop-tabs{display:none}
 .mobile-accordion{display:block}
 
 .accordion-header{padding:15px;background:#f7f7f7;font-weight:500;cursor:pointer;border-radius: 50px; font-family:"Montserrat", Sans-serif; }
 .accordion-body{display:none;padding:15px}
 .accordion-item { padding-bottom: 1em; }
	
}