/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 07 2024 | 03:35:24 */
/*--------------------------------------
  tab
--------------------------------------*/
.tab-group{
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.tab{
	width: 175px;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    transition: 1s;
	font-weight: bold!important;
	padding: 10px 0;
	color: #666;
    background-color: #d3d3d3;
}

.tab.is-active{
    background-color: #00184e;
    color: white;
    transition: 1s;
}

/*--------------------------------------
  panel
--------------------------------------*/

.panel-group{
	margin: 25px auto!important;
	width: px;
}

.panel{
    display:none!important;
}
.panel.is-show{
    display:block!important;
    animation-name: displayAnime;
    animation-duration: 1s; 
    animation-fill-mode: forwards; 
}

@keyframes displayAnime{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}