.video_main{padding:2.5rem 0 10.9rem}.video_main .head{margin-top:4.1rem}.video_main .flex{border-top:1px solid rgba(0,0,0,.14);margin-top:3.3rem;padding-top:1.9rem}.video_main .nav{max-width:100%}.video_main .nav .nav_list{display:flex;align-items:center;flex-wrap:wrap;gap:2rem;margin-right:-.4rem}.video_main .nav .nav_item{display:block;text-align:center;cursor:pointer;transition:all 0.3s;border-radius:100px;border:1px solid #c6d2e0;font-size:1.8rem;font-weight:600;color:#383845;line-height:5rem;padding:0 3.4rem}.video_main .nav .nav_item.active,.video_main .nav .nav_item:hover{background-color:var(--secondary);border-color:var(--secondary);color:#fff}.video_main .search_box{min-width:30.703125%}.video_main .search_box form{display:grid;grid-template-columns:1fr auto;border-radius:100px;width:100%;background-color:var(--bg);border:1px solid var(--bg);padding-right:.7rem}.video_main .search_box form:focus-within{border-color:var(--secondary)}.video_main .search_box form input{display:block;width:100%;font-size:1.8rem;color:var(--text);background-color:transparent;padding:0 2rem}.video_main .search_box form input::placeholder{color:var(--text)}.video_main .search_box form input[type=submit]{width:4rem;height:4rem;border-radius:50%;background:url(../../../../../../../../themes/sytech/assets/img/icon-search-w.svg) no-repeat center / 50% var(--primary);transition:all 0.3s;text-indent:-999px;color:transparent;margin:.6rem 0}.video_main .search_box form input[type=submit]:hover{background-color:var(--secondary)}.video_main .list{margin-top:6.2rem}.video_main .list>ul{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem 1.5625%}.video_main nav.navigation{margin-top:3.9rem}.video_item.active a::before{opacity:1}.video_item a{position:relative;z-index:2;display:grid;grid-template-columns:1fr 34.66205%;align-items:center;--radius:1.4rem;border-radius:var(--radius);border:1px solid #c4c9ce;padding:3.02% 3.17% 3.17% 4.92%;gap:2rem}.video_item a::before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:'';width:calc(100% - 2px);height:calc(100% - 2px);border-radius:var(--radius);border:2px solid var(--primary);box-shadow:var(--shadow);pointer-events:none;z-index:-1;transition:all 0.3s;opacity:0}.video_item a:hover img{transform:scale(1.02)}.video_item .img{border-radius:var(--radius);padding-bottom:100%}.video_item .img .btn_play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;content:'';width:25%;padding-bottom:25%;border-radius:50%;background:url(../../../../../../../../themes/sytech/assets/img/play.svg) no-repeat center / 50% var(--primary);z-index:2}.video_item .info{max-width:30.3rem}.video_item .info .title{font-size:2.4rem;line-height:1.41666667;font-weight:700;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.video_item .info .desc{font-size:1.7rem;line-height:1.411765;color:var(--text);margin-top:1.3rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;display:-webkit-box;-webkit-box-orient:vertical}@media screen and (max-width:768px){.video_main{padding:20px 0 50px}.video_main .head{margin-top:30px}.video_main .flex{padding-top:16px;margin-top:20px}.video_main .nav .nav_list{width:calc(100% + 40px);margin:0 -20px 0;padding:0 20px;overflow-x:auto;flex-wrap:nowrap;gap:14px}.video_main .nav .nav_list::-webkit-scrollbar{display:none}.video_main .nav .nav_item{font-size:14px;line-height:36px;padding:0 20px;white-space:nowrap}.video_main .search_box form{padding-right:5px}.video_main .search_box form input{font-size:14px;padding:0 20px}.video_main .search_box form input[type=submit]{width:40px;height:40px;margin:5px 0}.video_main .list{margin-top:30px}.video_main .list>ul{grid-template-columns:repeat(auto-fit,minmax(min(250px, 100%),1fr));gap:20px}.video_main nav.navigation{margin-top:40px}.video_item a{--radius:10px;padding:20px;grid-template-columns:1fr}.video_item .img .btn_play{width:50px;padding-bottom:50px}.video_item .info .title{font-size:18px;line-height:1.5;letter-spacing:unset}.video_item .info .desc{font-size:14px;line-height:1.5;margin-top:10px}}