.video-tab-list{display:flex;flex-wrap:wrap;justify-content: center;}
.video-tab-list>p{text-align:center;background: var(--color);color:#fff;padding:10px 25px;font-size:var(--fontsize24);transition: all .3s;cursor: pointer;}
.video-tab-list>p.active,.video-tab-list>p:hover{background:#309734}
.video-title{width:100%;margin:5% 0 3%;font-size:22px;font-weight: var(--fontbold7);border-bottom:1px solid #000;}
.video-bot-list .item{display:none;}
.video-bot-list .item.active{display:block;}
@media (max-width:768px){.video-tab-list>p{font-size:var(--fontsize20)}}
@media (max-width:550px){.video-tab-list>p{width:100%;}
.video-bot-list .kche-t52 .kche-t52-list .kche-t52-item{width:100%;}}
@media (min-width:769px){.video-bot-list .kche-t52 .kche-t52-list{justify-content: flex-start;}
.video-bot-list .kche-t52 .kche-t52-list .kche-t52-item{margin-right:2%;}
.video-bot-list .kche-t52 .kche-t52-list .kche-t52-item:nth-child(3n){margin-right:0;}}

.video-tab-list>p.active,.video-tab-list>p:hover{background:#5db75f;color:#fff}
.video-tab-list>p{background:#ddf0dd;color:#636d7d}
.video-bot-list .kche-t52 .kche-t52-list.video-content{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.video-bot-list .kche-t52 .kche-t52-list.video-content .kche-t52-item{width:100%;transition:all .3s ease}
.kche-t52-item.hide{opacity:0;transform:translateY(20px);pointer-events:none;position:absolute}
.video-pagination{text-align:center;margin-top:30px}
.video-pagination a{display:inline-block;padding:6px 14px;margin:0 4px;border:1px solid #ddd;border-radius:20px;transition:all .1s}
.video-pagination a.active,.video-pagination a:hover{background:#000;color:#fff;border-color:#000}
 @media (max-width:768px){.video-bot-list .kche-t52 .kche-t52-list.video-content{grid-template-columns:repeat(2,1fr)}
}